/*-----------reset margin y padding-----------------------------*/
*{
margin:0;
padding:0;
}
/*-----------estilos globales fuentes y links-------------------*/
body {
font-size:11px;
line-height:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/background.gif);
background-repeat:repeat-x;
background-color:#F8F8F8;
}
h1{
	font-size:1.1em;	
}
h2{
font-size:1em;
}
h3{
	
}
h4{
margin:1em 0 0.5em 0em;
padding-left:1em;
color:#5D3027;

}
p{
text-align:justify;		
}
/*-----Menu de Navegacion-------*/
ul{
margin:0px 0 0 25px;
padding-top:21px;
font-size:0.9em;
}
li{
	display:inline;
	margin-right:10px;
}
ul li a{
   color:#333333;
   text-decoration:none;
}
ul li a:visited{
color:#CCCCCC;
 
}
ul li a:hover{
	color:#FFFFFC;
	border-left:2px solid #fff;
	padding-left:3px;
}
ul li a:active{
	
}

#menuabajo{
margin-left:50px;
margin-top:25px;
}
#menuabajo li a:link{
color:#666666;
}
#menuabajo li a:visited{
color:#CCCCCC
}
#menuabajo li a:hover{
color:#990000;
border-left:0;
padding-left:0px;
}
#menuabajo li a:active{
color:#999999;
}
/*------------------------------*/
dl{
color:#FFFFCC;
margin-left:2em;
	
}
dd{
margin-bottom:0.7em;
color:#555;
}
dt{
color:#5D3027;
margin-bottom:0.7em;
	
}
/*------------------- Microformatos-----------------------------*/

/*-------------------Estilos de maquetado ID--------------------*/
#wrapper{
	width:824px;

	margin:0 auto;
	position:relative;
	background-color:#F8F8F8;
}
#menu{
	width:824px;
	height:80px;
	background-image:url(../images/menu.gif);
}
#menu2{
color:#999999;
}
#banner{
	height:255px;
	background-color:#DDD;
}
/*|||estilo destacados|||*/
#destacando{
	position:absolute;
	width:820px;
	top:300px;
	left:0px;	
}
.productos{
float:left;
width:198px;
height:130px;
background-image:url(../images/producto.jpg);
background-repeat:no-repeat;
background-color:#EFF0EF;
border:1px solid #BBB;

}
.productos-ind{
float:left;
width:198px;
height:160px;
background-image:url(../images/producto-ind.jpg);
background-repeat:no-repeat;
background-color:#EFF0EF;
border:1px solid #BBB;
margin-left:4px;
}
.productos-ind .estilotop{
font-size:1.1em;
color:#5D3027;
text-align:right;
margin-right:5px;
margin-top:17px;
}

.productos-ind p{
margin-left:20px;
margin-top:25px;
margin-bottom:10px;
width:170px;
font-size:0.9em;
color:#333333;
text-align:left;
}
.productos-ind a{
display:block;
text-align:right;
margin-right:5px;
margin-top:10px;
margin-bottom:5px;
font-size:9px;
color:#666666;
}
/*------------------web------------*/
.productos-web{
float:left;
width:198px;
height:160px;
background-image:url(../images/producto-web.jpg);
background-repeat:no-repeat;
background-color:#EFF0EF;
border:1px solid #BBB;
margin-left:4px;
}
.productos-web .estilotop{
font-size:1.1em;
color:#5D3027;
text-align:right;
margin-right:5px;
margin-top:17px;
}
.productos-web p{
margin-left:20px;
margin-top:25px;
margin-bottom:10px;
width:170px;
font-size:0.9em;
color:#333333;
text-align:left;
}
.productos-web a{
display:block;
text-align:right;
margin-right:5px;
margin-top:10px;
margin-bottom:5px;
font-size:9px;
color:#666666;
}
/*------------------school------------*/
.productos-school{
float:left;
width:198px;
height:160px;
background-image:url(../images/producto-school.jpg);
background-repeat:no-repeat;
background-color:#EFF0EF;
border:1px solid #BBB;
margin-left:4px;
}
.productos-school .estilotop{
font-size:1.1em;
color:#5D3027;
text-align:right;
margin-right:5px;
margin-top:17px;
}
.productos-school p{
margin-left:20px;
margin-top:25px;
margin-bottom:10px;
width:170px;
font-size:0.9em;
color:#333333;
text-align:left;
}
.productos-school a{
display:block;
text-align:right;
margin-right:5px;
margin-top:10px;
margin-bottom:5px;
font-size:9px;
color:#666666;
}
/*------------------fact----------------------------*/
.productos-fact{
float:left;
width:198px;
height:160px;
background-image:url(../images/producto-fact.jpg);
background-repeat:no-repeat;
background-color:#EFF0EF;
border:1px solid #BBB;
margin-left:4px;
}
.productos-fact .estilotop{
font-size:1.1em;
color:#5D3027;
text-align:right;
margin-right:5px;
margin-top:17px;
}
.productos-fact p{
margin-left:20px;
margin-top:25px;
margin-bottom:10px;
width:170px;
font-size:0.9em;
color:#333333;
text-align:left;
}
.productos-fact a{
display:block;
text-align:right;
margin-right:5px;
margin-top:10px;
margin-bottom:5px;
font-size:9px;
color:#666666;
}
.productos h1{
font-size:1.1em;
color:#5D3027;
text-align:right;
margin-right:5px;
margin-top:17px;
}
.productos p{
margin-left:20px;
margin-top:25px;
margin-bottom:10px;
width:170px;
font-size:0.9em;
color:#333333;
}
.productos a{
display:block;
text-align:right;
margin-right:5px;
margin-top:10px;
margin-bottom:5px;
font-size:9px;
color:#666666;
}
/*||||||||||||||||||||||||*/
#back{

	width:824px;

	background-image:url(../images/fondocontent.jpg);
	background-repeat:repeat-x;
	background-color:#F8F8F8;
	padding-top:120px;

   

	
}
#content{
	width:85%;

	margin-left:auto;
	margin-right:auto;
}
#content h1{
font-size:1.6em;
margin-left:25px;
margin-top:25px;
color:#666666;}
#content  h2{
color:#333333;
margin-left:25px;
margin-top:25px;
}
.remplazah2{
font-size:1em;
font-weight:600;
}
#content p{
width:400px;
margin-left:25px;
margin-top:10px;
margin-bottom:35px;
}
#content img{
float:left;
}
#sidebar{
position:absolute;
top:550px;
left:65%;
background-color:#EEE;
width:250px;
background-image:url(../images/fondoside.jpg);
background-repeat:repeat-y;
color:#FFFFFF;
border:3px solid #DDD;
}
#footer{
    display:block;
	position:relative;
	width:824px;
	height:69px;
	background-image:url(../images/footerbackground.jpg);
	margin-top:50px;
	
}
.enlaceide{
width:16px;
height:17px;
text-decoration:none;
color:#FFFFFF;
}
#footer p{
display:block;
font-size:0.8em;
color:#666666;
margin-top:0px;
margin-left:35px;
padding-top:20px;
}
#footer img{
border:none;
}
/*-------------------Estilos especificos--------------------------*/
/*clases y Id*/
.informacion{
width:410px;
height:110px;
background-color:#CCC;
border:1px solid #999999;
margin-left:25px;
}
.nuevo{
width:189px;
height:87px;
float:left;
font-size:0.9em;
color:#666666;
padding-left:10px;
border-right:1px solid #FFF;
}
h3{
font-size:1.5em;
color:#FFF;
margin-top:10px;
}
h3 a{
color:#FFFFFF;
text-decoration:none;
}
/*---------------Paquetes------------------------------------*/
.paquete2{
width:400px;
margin-bottom:10px;
margin-top:50px;


}
.paquete{
width:400px;
padding-bottom:5px;
margin-bottom:10px;
margin-top:50px;
margin-left:3%;
clear:left;
border:1px solid #EEE;
}
.paquete-indexing{
width:400px;
height:150px;
margin-bottom:10px;
margin-top:50px;
margin-left:3%;
clear:left;
border:1px solid #EEE;
background:url(../images/cajaindexing.jpg) no-repeat;
background-position:40px 30px;
}
.paquete a img{
border:none;
}
.descripcion-paquetes{
margin-left:120px;
padding-top:5px;
}
.descripcion-paquetes li{

}
/*-----------Estilos para el formulario de contacto---------*/
#formulario{
width:50%;
margin-left:4%;
padding:2em;
border:1px solid #CCC;
margin-top:3em;
margin-bottom:4em;

}
input{
display:block;
width:20em;
height:1.7em;
font-size:11px;
margin:0.2em 0 0.5em 0;
}
.check{
clear:none;
width:20px;
display:inline;
height:5px;
}
.button{
width:4em;
height:1.4em;
background-color:#630;
font-size:15px;
color:#FFF;
border-right:1px solid #666;
border-bottom:1px solid #444;
float:right;
margin-top:2em;
}
textarea{
display:block;
width:27em;
height:15em;
overflow:auto;
}
/*-----------Newsletter-------------*/
#newsletter{
width:130px;
}
#botonletter{
font-size:12px;
width:50px;
height:20px;
background-color:#FFFFFF;
}
.boton-news{
width:60px;
height:20px;
font-size:12px;
padding:0px;
background-color:#FFFFFF;
color:#333333;
}
/*-------------Imagen--------------*/
.imagen{
margin:10px 0 15px 0;
}
.imagen2{
margin-left:-15px;
margin-bottom:10px;
}
/*---destacando textos--*/
.roja{
color:#990000;
}
.negrita{
font-weight:700;
color:#5E060F;
font-style:italic;
}

/*------------Iconos-------------*/
.icono{
margin-top:3px;
}
.negrita3{
font-weight:800;
color:#69181F;
}
/*-----------newsform----------------*/
.newsform{
width:100px;
}
/*---------demo------------------------*/
.demo{
background:url(../images/video.jpg) no-repeat;
width:85px;
height:24px;
display:block;
margin-left:310px;
}
.demo:hover{
background:url(../images/video-hover.jpg) no-repeat;
}
/*------------Menu fact-------------------------*/
.menufact{
margin-left:30px;
}
.menufact li{
display:inline;
margin-right:0px;
background-color:#F2F2F2;
}
.menufact li a{
margin:0;
text-decoration:underline;
color:#990000;
background-color:#F2F2F2;

}
.menufact li a:hover{
margin:0;
padding:0;
text-decoration:none;
color:#333333;
}
.menufact li a:visited{
margin:0;
padding:0;
text-decoration:none;
color:#666666;
}
#google_translate_element a, #google_translate_element{
font-size:3px;
}
div.upload .input{
width:50px;
font-size:11px;
}
/*-----Social-------*/
.social{
width:80px;
height:37px;
position:absolute;
top:5px;
left:730px;
}

.facebook{
background:url(../images/facebook.png) no-repeat;
width:36px;
height:37px;
display:block;
float:left;
margin-right:5px;
}
.facebook:hover{
background:url(../images/facebook-hover.png) no-repeat;
}
.twitter{
background:url(../images/twitter.png) no-repeat;
width:37px;
height:37px;
display:block;
float:left;
}
.twitter:hover{
background:url(../images/twitter-hover.png) no-repeat;
}
.tipo{
font-size:10px;
}
/*------------------
-----listticker----
---*/
#listticker{
height:200px;
width:230px;
overflow:hidden;
padding:0px 10px 14px 10px;
margin-left:0px;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

#listticker li{
height:60px;
padding:5px;
list-style:none;
}
#listticker a{
color:#990000;
}
#listticker .news-title{
display:block;
font-weight:bold;
margin-bottom:4px;
font-size:11px;
}
#listticker .news-text{
display:block;
font-size:11px;
color:#666666;
}
.idioma{
list-style:none;
position:absolute;
height:19px;
width:50px;
left:755px;
top:-25px;
}
.idioma li{
display:inline;
margin:0px;
padding:0px;
}	
.idioma li img{
border:none;
}
#wrapper .idioma li a:hover{
margin:0px;
padding:0px;
text-decoration:none;
border:none;
}