/* elementos básicos */
body {position:relative; margin:0; padding:0; }

#page div, #page ul, #page li, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative; overflow:hidden; margin:0; padding:0; float:none; border:none;}
#page {font:normal 13px/150% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333; line-height:17px}
#page p {position:relative; overflow:hidden; margin:0; padding:0 0 5px 0; float:none; border:none;}

/* formularios */
#page .formu {margin:0;padding:0;}
#page .formu fieldset {border:none;}
#page .formu fieldset legend {}
#page .formu fieldset span {}
#page .formu fieldset input {font-size: 8pt; font-family: 'Trebuchet MS'; border:1px solid #CCC;}
#page .formu fieldset input.check {}
#page .formu fieldset input.submit {}
#page .formu fieldset select {}

/* elementos de Títulos */
#page h2, #page h3, #page h4, #page h5, #page h6 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; color:#333333; line-height:normal;  }
#page h1 {font-size:17px; border-bottom:1px solid #F3E9DC; margin:0 0 10px 0; color:#333; letter-spacing:0px; font-weight:normal;  line-height:normal;}
body.doscol #page #container h1 {font-size:17px; border-bottom:1px solid #F3E9DC; margin:10px 0; }
#page h2 {font-size:14px; color:#333333; margin-bottom:5px;}
#page h3 {font-size:13px; color:#333333;}
#page h4 {font-size:115%}
#page h5 {font-size:105%}
#page h6 {font-size:95%}
#page h1 small {font-size:14px; border-bottom:1px solid #ddd; margin:0 0 10px 0; color:#333333; letter-spacing:0px; font-weight:bold}
body.doscol #page #left h1 {border-color:#E7DED8;}

/* elementos de texto */
#page small {font-size:11px; color:#333;}
#page b,#page strong{/*negrita*/}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden; clear:both; height:1px; border:none; border-top:1px solid #e5e5e5; margin:10px 0 20px 0; *margin:5px 0 10px 0;}

/* política de enlaces */
#page a:link {font-weight:bold; text-decoration:none; color:#095AA5; }
#page a:visited {font-weight:bold; text-decoration:none; color:#095AA5;}
#page a:hover, #page a:active {text-decoration:underline; color:#095AA5;}
#page a img {border:0;}

/* listas */
#page ul {list-style:none;}
#page ul li {list-style:none; margin-bottom:10px;}
#page ol {list-style: decimal; margin-top:0}
#page ol li {list-style:decimal}


/* maketación */
#page {width:900px; margin:0 auto;}
#page #header {height:147px}
body.unacol #page #container {margin-top:10px;}
body.doscol #page #container {width:900px; margin-top:30px; clear:both; background:url(../images/fnd_2c.gif) -2px 0 repeat-y;}
body.doscol #page #container {margin-top:10px;}
body.doscol #page #left {width:255px; float:left; background-color:#EEE; padding:0 10px 10px 10px}
body.doscol #page #content {width:590px; float:left; margin-left:22px;}
body.trescol #page #container {margin-top:10px; clear:both; background-color:#FFF}
body.trescol #page #left {width:285px; float:left;}
body.trescol #page #content {width:285px; float:left; margin-left:22px;}
body.trescol #page #right {width:280px; float:right;}
#footer {margin: 10px auto; width:900px; padding:10px 0; height:100px; background:url(../images/fnd_footer.jpg) 0 0 repeat-x;}

/* shortcuts */
#page #shortcuts {width:620px; top:20px; *top:-10px;}
#page #shortcuts img {float:right; margin-right:10px}
#page #shortcuts H1 {float:right; font-size:25px; border-bottom:none; color:#999; letter-spacing:-1px; font-weight:bold;}

/* destacado */
#page #destacado {position:relative; margin-left:1px; margin-top:-1px; *margin-top:-2px; clear:both; height:200px;}
#page #destacado .mensaje1 {padding:10px 0; top:35px; width:280px; margin-left:-3px; text-align:right;}
#page #destacado .mensaje2 {top:42px; width:250px; left: 38px;}
#page #destacado h1 {font-size:23px; border-bottom:none; margin:0; color:#1B657A; letter-spacing:-2px; font-weight:bold; text-transform: none}
#page #destacado h2 {font-size:16px; border-bottom:none; margin:0; color:#333; letter-spacing:0px; font-weight:bold; text-transform: none; margin-top:-3px}
#page #destacado h3 {font-size:14px; border-bottom:none; margin:0; color:#FFF; letter-spacing:0px; font-weight:bold; text-transform: none}
#page #destacado ul {margin:0; padding:0;}
#page #destacado ul li {position:relative;list-style:none;background:url(../images/ico_v.png) -4px -3px no-repeat; padding:0 0 0 25px;margin:0 ; height:22px;}
#page #destacado ul li a {color:#FFFFFF}

/* header */
#page #header #logo {position:relative; float:left; top:22px; width:240px;}  /*top:12px; width:268px;*/
#page #header #login {top:1px; width:220px; float:left;}

#page p.fin {margin-top:10px; padding:3px 5px 5px 12px; font-weight:bold; font-size:11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; background:#F3E9DC url(../images/fnd_fin.gif) 0 0 repeat-x}
#page p.fin a {color:#FFF; font-weight:bold; font-size:11px;}
#page img.left {float:left; padding:0px 10px 20px 0;}
#page img.right {float:right; padding:0px 0px 20px 15px;}

/* footer */
#footer {color:#000000; text-decoration:none; font-family:Trebuchet MS; font-size:11px;}
#footer #enlaces {float:left; padding-left:7px; font-size:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; }
#footer #enlaces strong {font-size:11px;}
#footer #enlaces a {color:#666666; text-decoration:none; font-weight:bold;}
#footer  a {color:#666666; text-decoration:none; font-weight:bold; font-family:Trebuchet MS; font-size:11px;}
#footer #logofooter {float:left; padding-right:7px; margin-left:10px}
#footer .powered {float:right}
#footer .powered  a{font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; text-decoration:none; margin-right:10px}

/* Separador */
#container .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;  }

/*** boletín ***/
#page input#suscriber_email { width:55%;}

/* right */
#page #right img {margin-bottom:0px; border:1px solid #333}
#page #right .complemento {font-size:10px; padding:7px 0;  line-height:15px; }
#page #right .complemento img {border:0}


/** categorías **/
#page #left ul.categorias {padding:0;margin:0;list-style:none;}
#page #left ul.categorias {margin-bottom:10px}
#page #left ul.categorias li{border-bottom:1px solid #DDD;padding:2px 0; margin-left:5px}
#page #left ul.categorias li a{padding-left:16px;color:#666;text-decoration:none;font-weight:bold;background: url(../images/ico_flecha2.gif) 1px 6px no-repeat;}
#page #left ul.categorias li a:hover{text-decoration:underline;}


/* item_product */
#page .item_product {clear:both;  border-bottom:1px solid #EEEEEE; padding-bottom:10px}
#page .item_product img.left  {border:1px solid #EEEEEE; float:left; padding:0; margin-right:7px}
#page .item_product .sipnosis {font-size:11px; line-height:15px; color: #666666}
#page .item_product .nombre {font-size:13px; margin-top:2px}
#page .item_product .nombre a:hover {text-decoration:underline;}

/** botones **/		
#page #container .boton {height:14px; background-color:#666; border:1px solid #333333;}
#page #container a.boton {font-family:Arial,sans-serif ;font-size:11px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-decoration:none;padding:2px 3px}
#page #container a.boton:hover {color: #FFF; background-color: #FF9900}

/** especiales **/
.clearfix:after {content: "."; display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* SECCION Corporativa */
/* powered by demini | css by Héctor Ibarra | Enero 07 */

#content #corporativa {position: relative;overflow: hidden;	margin: 0;padding: 0;}
#content #corporativa img {padding:0;float: left;margin: 0 20px 20px 0px;*margin: 0 20px 3px 0px; border:1px solid #333;}	
#content #corporativa .destacado {position: relative;overflow: hidden;background: #F4F4F4;margin: 20px 0;padding: 15px 10px;font-size: 100%;font-weight: bold;}
#content #corporativa .destacado p{margin: 0;padding: 0;}	
hr {border: none;_border: 0px solid thin;border-top: 1px solid #eee;clear: both;_clear: none;}
	

	

/****   LISTADO    **************************************************************************************************************************************************/

#page #content #listado {float:left; width:590px;}
#page #content #listado p.entradilla{background: url(../images/fondo_listas.jpg) left bottom repeat-x; padding:0 9px 15px 5px; font-weight:bold}

#page #content #listado .lst{background: url(../images/fondo_listas.jpg) left bottom repeat-x;padding:15px 9px 10px 9px;}
#page #content #listado .lst .imagen{float:left;margin-right:10px;background-color:#FFF;padding:5px;border:1px solid #DDD;width:50px;}	
#page #content #listado .lst .datos{float:left;width:460px;	padding-left:5px; margin:-10px 10px 0 0}	
#page #content #listado .lst .datos .titulo{font-weight:bold;font-size:11px}
#page #content #listado .lst .datos .detalles{background: url(../images/ico_flecha.gif) left 5px no-repeat; padding-left:5px;}


/* faq */

#page #container #faq h2{
	color:#da251e;
}

#page #container #faq .item_faq{
clear:both; border-bottom:1px solid #EEEEEE; padding:5px 10px;

}

#page #container #faq .item_faq.des {
background:#f9f9f9;
}	


/*** NOTICIA ***/

#page #container #noticia .imagen {
	float:left;
	margin-right:10px;
}

#page #container #noticia .imagen img{
	border:1px solid #f0f0f0;
	padding:5px;
}

#page #container #noticia h2{
	border-bottom:1px solid #F3E9DC; 
}

/** GALERÍA **/

#content .galeria{
float:left;
margin-right:15px;
width:130px;

}	

#content .galeria .galeria_img{
padding:5px;
border:1px solid #ccc;
width:100px;
height:65px;
}
