/* CSS Document */

html{
background: #fde7a8 url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_html.png) repeat-y top center scroll;
margin:0;
padding:0;
height: 100%;
}
body {
position: relative;
overflow-y:scroll!important;
overflow-y:none;
height: 100%;
margin: 0 auto;
font: normal 12px Arial, Helvetica, sans-serif;
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_body.png) repeat-x top center scroll; 
*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_body.png', sizingMethod='scale');
}
html>body{height:auto;min-height:100%;}
a{
color: #c37139;
text-decoration: none;
outline: none;
}
a:hover {
color: #333;
}


/* PORTADA */

#portada{
position: relative;
width: 990px;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
#portada #marcas{
float: left;
position: relative;
width: 990px;
height: 30px;
margin: 0;
padding: 0;
text-indent: -9999px;
background:url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/portada_marcas.jpg) top no-repeat;
}
#portada #marcas .iraelmundo{
float: left;
position: relative;
width: 144px;
height: 30px;
margin: 0;
padding: 0;
}
#portada #marcas .iraelmundosalud{
float: left;
position: relative;
width: 55px;
height: 30px;
margin: 0;
padding: 0;
}
#portada h1{
float: left;
position: relative;
width: 990px;
height: 105px;
margin: 0;
padding: 0;
text-indent: -9999px;
background:url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/portada1.jpg) top no-repeat;
}
#portada h1 a{
float: left;
position: relative;
width: 930px;
height: 95px;
margin: 0;
padding: 0;
}
#portada #entrar{
float: left;
position: relative;
width: 650px;
height: 360px;
margin: 0;
padding: 0;
text-indent: -9999px;
background:url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/portada2.jpg) no-repeat;
}
#portada #entrar a{
float: left;
position: relative;
width: 650px;
height: 360px;
margin: 0;
padding: 0;
}
#portada #nav_principal{
float: left;
position: relative;
width: 340px;
height: 360px;
margin: 0;
padding: 0;
background:url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/portada3.jpg) no-repeat;
}
#portada #nav_principal ul{
float: left;
position: relative;
width: 340px;
margin: 8px 0 0 0;
padding: 0;
}
#portada #nav_principal li{
float: left;
position: relative;
width: 340px;
margin: 0;
padding: 0;
list-style: none;
}
#portada #nav_principal li a{
float: left;
position: relative;
width: 220px;
color: #f3d5a3;
padding: 8px 20px 7px;
}
#portada #nav_principal li a:hover{
color: #fff;
}
#portada #nav_principal li ul{
display:none;
}


/* COMUNES */

#contenedor {
position: relative;
width: 990px;
overflow: hidden;
margin: 0 auto;
padding: 0;
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_contenedor.png) repeat-y top center scroll;
}
.envoltorio{
float: left;
position: relative;
width: 990px;
margin: 0;
padding: 0;
background:#fff url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_envoltorio.jpg) left repeat-y; 
}



#cabecera {
float: left;
position: relative;
width: 990px;
padding: 0;
margin: 0;
height: 140px;
overflow: hidden;
background:url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/cabecera.jpg) no-repeat;
}
#cabecera h1{
float: left;
position: relative;
width: 990px;
height: 87px;
margin: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}
#cabecera h1 .iraelmundo{
float: left;
position: relative;
width: 144px;
height: 29px;
margin: 0;
padding: 0;
}
#cabecera h1 .iraelmundosalud{
float: left;
position: relative;
width: 55px;
height: 30px;
margin: 0;
padding: 0;
}
#cabecera h1 .tit{
float: left;
position: relative;
padding: 5px 0 0 0;
margin: 0;
width: 990px;
height: 47px;
text-indent: -9999px;
}
#cabecera #nav_principal{
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
#cabecera #nav_principal ul{
float: left;
position: relative;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
text-align: center;
}
#cabecera #nav_principal li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#cabecera #nav_principal li a{
color: #3e2010;
padding: 6px 10px 6px;
line-height: 24px;
}
#cabecera #nav_principal li a:hover{
}
#cabecera #nav_principal li ul{
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
display: none;
}
#cabecera #nav_principal li li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#cabecera #nav_principal li li a{
color: #f3d5a3;
padding: 4px 10px 5px;
}
#cabecera #nav_principal li li a:hover{
}


#seccion01 #cabecera #nav_principal #nav_seccion01 ul,
#seccion02 #cabecera #nav_principal #nav_seccion02 ul,
#seccion03 #cabecera #nav_principal #nav_seccion03 ul,
#seccion04 #cabecera #nav_principal #nav_seccion04 ul,
#seccion05 #cabecera #nav_principal #nav_seccion05 ul,
#seccion06 #cabecera #nav_principal #nav_seccion06 ul,
#seccion07 #cabecera #nav_principal #nav_seccion07 ul,
#seccion08 #cabecera #nav_principal #nav_seccion08 ul,
#seccion09 #cabecera #nav_principal #nav_seccion09 ul{
display: inline;
}
#seccion01 #cabecera #nav_principal #nav_seccion01 a,
#seccion02 #cabecera #nav_principal #nav_seccion02 a,
#seccion03 #cabecera #nav_principal #nav_seccion03 a,
#seccion04 #cabecera #nav_principal #nav_seccion04 a,
#seccion05 #cabecera #nav_principal #nav_seccion05 a,
#seccion06 #cabecera #nav_principal #nav_seccion06 a,
#seccion07 #cabecera #nav_principal #nav_seccion07 a,
#seccion08 #cabecera #nav_principal #nav_seccion08 a,
#seccion09 #cabecera #nav_principal #nav_seccion09 a{
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_act_nav.jpg) top repeat-x scroll;
color: #000;
}
#cabecera #nav_principal ul ul a{
background: none !important;
color: #f3d5a3 !important;
}
.sub01 #cabecera #nav_principal li .subnav01 a,
.sub02 #cabecera #nav_principal li .subnav02 a,
.sub03 #cabecera #nav_principal li .subnav03 a,
.sub04 #cabecera #nav_principal li .subnav04 a,
.sub05 #cabecera #nav_principal li .subnav05 a,
.sub06 #cabecera #nav_principal li .subnav06 a,
.sub07 #cabecera #nav_principal li .subnav07 a,
.sub08 #cabecera #nav_principal li .subnav08 a,
.sub09 #cabecera #nav_principal li .subnav09 a,
.sub10 #cabecera #nav_principal li .subnav10 a{
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_act_navinf.png) top repeat-x scroll !important;
*background: none; 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_act_navinf.png', sizingMethod='scale');
}




#contenido {
float: left;
position: relative;
width: 990px;
padding: 0 0 30px 0;
margin: 0;
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_cont_sup.jpg) top right no-repeat; 
color: #333;
}
#contenido p{
margin: 0 0 20px 0;
line-height: 19px;
clear: left;
}
#contenido h2 {
float: left;
position: relative;
padding: 2px 0 5px;
margin: 10px 0 15px;
width: 625px;
font: normal 32px Verdana, Arial, Helvetica, sans-serif;
color: #3e2010;
letter-spacing: -2px;
border-bottom: solid 1px #decfc2;
}
#contenido h2 a{
color: #3e2010;
text-decoration: none;
}
#contenido h2 span {
font: normal 26px Verdana, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
#contenido h3 {
float: left;
position: relative;
padding: 2px 0;
margin: 10px 0;
width: 625px;
font: normal 22px Verdana, Arial, Helvetica, sans-serif;
color: #af480e;
letter-spacing: -1px;
}
#contenido h4 {
float: left;
position: relative;
padding: 2px 10px;
margin: 5px -10px 10px 0;
width: 615px;
font: normal 18px Verdana, Arial, Helvetica, sans-serif;
color: #c2a084;
background-color: #f6f2ee; 
}
#contenido .columna{
float: left;
position: relative;
width: 302px;
padding: 0;
margin: 30px 21px 0 0;
display: inline;
}
#contenido .columna_doble{
float: left;
position: relative;
width: 625px;
padding: 0;
margin: 30px 21px 0 0;
display: inline;
}
#contenido .columna_modulo{
float: left;
position: relative;
width: 323px;
padding: 0;
margin: 0 21px 0 0;
display: inline;
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/fondo_sup_columna.jpg) top left no-repeat;
min-height: 50px;
height: auto!important;
height: 50px;
}
#contenido .columna_modulo .relativo_contenido{
float: left;
position: relative;
padding: 30px 0 0;
margin: 0;
}
#contenido .columna_modulo .relativo_contenido .foto{
float: left;
position: relative;
width: 250px;
padding: 0 10px 8px;
margin: 0 0 0 25px;
background-color: #d87628;
display: inline;
}
#contenido .columna_modulo .relativo_contenido .foto img{
float: left;
margin: 10px 0 0;
}
#contenido .columna_modulo .relativo_contenido .foto .pie{
float: left;
position: relative;
padding: 2px 5px 0;
margin: 0;
font-size: 10px;
color: #812d15;
width: 240px;
line-height: 15px;
}
#contenido .columna_modulo .relativo_contenido .foto .pie a{
color: #441204;
text-transform: uppercase;
padding: 0 2px;
}
#contenido .columna_modulo .relativo_contenido .foto .pie a:hover{
color: #f0c892;
}
#contenido .columna_modulo .publi300{
float: left;
position: relative;
padding: 0;
margin: 30px 0 0 12px;
width: 300px;
overflow: hidden;
display: inline;
}
#contenido .columna_modulo .relativo_contenido ul{
float: left;
position: relative;
margin: 25px 0 20px 25px;
padding: 0;
width: 270px;
display: inline;
}
#contenido .columna_modulo .relativo_contenido li{
float: left;
position: relative;
width: 270px;
margin: 0;
padding: 0;
list-style: none;
border-bottom: solid 1px #f3d5a3;
}
#contenido .columna_modulo .relativo_contenido li a{
float: left;
position: relative;
width: 270px;
color: #ce8140;
padding: 8px 0 7px;
}
#contenido .columna_modulo .relativo_contenido li a:hover{
color: #772007;
}
#contenido .lista_contenido{
float: left;
position: relative;
margin: 0;
padding: 0 0 0 50px;
}
#contenido .lista_contenido li{
margin: 0;
padding: 0 0 12px 15px;
background: url(http://estaticos.elmundo.es/elmundosalud/especiales/2008/09/dermocosmetica/img/bullet.gif) no-repeat left 6px;
line-height: 19px;
list-style: none;
display: block;
}

h3.largo{
font-size: 18px!important;
}




/* Site information */

#site_info {width:970px;font:10px Arial, Helvetica, sans-serif;color:#c28c51;float:left;clear:both;padding:8px 10px 30px;border-top:3px solid #000;margin: 0 auto;}
#site_info a{color:#f0c892;text-decoration:none;}
#site_info a:hover{color:#f0c892;}
#site_info p{float:left;padding:0 10px 0 0 !important;font-size: 10px;line-height:10px;margin:0;}
#site_info p.credits{border:1px solid #c28c51;border-width:0 1px;padding:0 8px!important;margin:0 8px 0 0;}
#site_info ul, #site_info li{display:inline;list-style:none;padding:0 5px 0 0;line-height:10px;margin:0;}
#site_info li.contact{border-right:1px solid #c28c51;padding:0 8px 0 0;margin:0 8px 0 0;}
acronym{border:0; text-decoration:none;}



/* -- INICIO PUBLICIDAD */
        #publicidadsuperior {
            width: 990px;
			margin: 0 0 0 1px !important;
			padding: 0px;
			overflow: hidden;
        }
		#publicidadsuperior .publicidadhorizontal {
			width: 740px!important;
			float: left;
		}
		 #publicidadsuperior table {
		 	background-color: #333 !important;
        }
		 #publicidadsuperior td {
		 	border: 0px !important;
			padding: 0px !important;
        }
        #publicidadsuperior .publicidadhorizontal div table td.margen {
            width: 1px !important;
        }
        #publicidadsuperior .publicidadhorizontal,
        #publicidadsuperior .publicidadhorizontal div,
        #publicidadsuperior .publicidadhorizontal table {
            width: 740px !important;
        }
        #publicidadsuperior .publicidadmodulo {
            width: 244px;
            float: left;
			margin: 0 0 0 5px;
      }
/* -- FIN PUBLICIDAD */