@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; outline:none; border:none; }

body {
	background:#207934 url(../img/fondos/body2.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height:17px;
	color:#fff;
}

a { color:#004b1b; text-decoration:none; }
ul, ol { list-style:none; margin-bottom:17px;}

#wrapper {
	width:800px;
	margin:0 auto; 
	position:relative;
}

#header { height:144px; position:relative; margin-bottom:40px; }
#header h1.logo a { display:block; width:280px; height:124px; text-indent:-99999px; background:url(../img/logo/alernix.gif) no-repeat; position:absolute; top:13px; left:17px; float:left; }
#header a { color:#004b1b;  font-weight:bold; font-size:12px; } #header a:hover { color:white; }
	body#home #header a.seleccionado1,
	body#contacto #header a.seleccionado2 { color:white; }
	
#header span { position:absolute; right:28px; bottom:6px; text-indent:-9999px; background:url(../img/misc/dudas-consultas-0800-22-Alergia.gif) no-repeat; width:273px; height:18px; }	

#header .up-nav { float:right; margin-right:30px; margin-top:12px; }
#header .up-nav ul { list-style:none; display:inline; } #header .up-nav ul li { display:inline; margin:0 5px; }

#header .nav { position:absolute; bottom:50px; right:30px; }
#header .nav ul { list-style:none; }
#header .nav ul li { float:left; }
#header .nav ul li a { display:block; height:25px; background-repeat:repeat; background-position:left top; text-indent:-9999px; }
#header .nav ul li a:hover,
body#acerca-alergias #header .nav ul li.acerca-alergias a,
body#cetirizina-hcl #header .nav ul li.cetirizina-hcl a,
body#prospecto #header .nav ul li.prospecto a
{ background-position:left bottom; }

#header .nav ul li.acerca-alergias a { background-image:url(../img/navigation/acerca-alergias.gif); width:217px; }
#header .nav ul li.cetirizina-hcl a { background-image:url(../img/navigation/cetirizina-hcl.gif); width:139px; }
#header .nav ul li.prospecto a { background-image:url(../img/navigation/prospecto.gif); width:112px; }

#content {
	width:716px;
	margin:0 auto;
	background:url(../img/fondos/content.jpg) bottom center no-repeat;
	overflow:hidden; height:1%;
	padding-bottom:48px; *padding-bottom:31px;
	
}

#footer { background:url(../img/fondos/footer.jpg) no-repeat top center; height:79px; position:relative; width:715px; margin:0 auto; color:#fff350; font-size:11px; line-height:normal }
#footer .left, #footer .right { margin:15px 20px; } #footer .right { margin-top:30px; }
#footer a, #footer .right { color:#94d244; }


/* TIPOGRAFIA */
#content h1, #content h2, #content h3 { margin-bottom:17px; }
#content p { margin-bottom:17px; padding:0 24px; }
small { font-size:10.5px; line-height:normal }
.destacado { font-size:13px; color:#fff56e; }
.oscuro { color:#196E2D; }
.uppercase { text-transform:uppercase; }

#content ul.listado li { background:url(../img/bullet/bullet.gif) no-repeat left 3px; padding-left:15px; }
ul.listado-separado.aire { margin-left:20px; margin-right:20px; }
ul.listado-separado li { margin-bottom:10px; }

/* CAJAS, TABLAS y CUADROS */
.cuadro { background:url(../img/misc/cuadro-trans.png); width:410px; height:297px; margin-left:24px; position:relative }
.cuadro h1 { display:none; }
.cuadro ul { position:absolute; top:85px; left:288px; font-weight:bold; line-height:normal } 
.cuadro ul.listado { left:45px; }
.cuadro ul li { color:#f5ffcb } 
.cuadro ul li.highlight { font-size:16px; color:white; }

table { margin:0 24px; line-height:normal; width:668px; }
table th { background:#388837; color:#fff56e; font-size:11px; text-align:center; padding:5px 15px;}
table tr td { background:#53963b; padding:5px 16px; color:#fff56e }
table tr td.chico { font-size:12px !important; }
table tr.destacado td { background:#1d7430; font-size:16px; color:#fff; font-weight:bold; }
table tr.pie td { background-color:transparent; color:#fff } table tr.pie td small {color:#fff56e}
table ul.listado { margin-bottom:0; color:#f5ffcb; }
table tr.destacado td ul.listado { color:#fff; }

.caja-prospecto { background:url(../img/fondos/caja-prospecto-trans.png) no-repeat; width:682px; height:526px; margin:0 auto; position:relative; }
.caja-prospecto .txt { position:absolute; top:40px; left:15px; width:620px; height:335px; overflow-y: scroll; color:#fff }
.caja-prospecto .txt strong {color:#fff56e; text-transform:uppercase }
.caja-prospecto .banner { position:absolute; right:10px; top:-20px; }

/* CLASES VARIAS */
.left { float:left; }
.right { float:right; }
.both { clear:both; }
.clearfix { overflow:hidden; height:1%; }
.relative { position:relative; }
.absolute { position:absolute; }
.aire { padding:0 24px; }