/* RESET */
html, body, div, span,h1, h2, h3, h4, h5, h6, p, 
a,img, strong,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, embed{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
dt{float:left;}
dl{float:left;width:160px;margin: 0 0 0 20px;}
a{text-decoration:none;}
body{
font:12px/16px Arial, Helvetica, sans-serif;
color:#fff;
background:#000;
}

h1{
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/logo.png) top left no-repeat;
}

h2{
width:340px;
height:55px;
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/terracota.png) top left no-repeat;
text-indent:-9999px;
position:relative;
left:655px;
}
h3{padding:0 0 30px;}
.wrap{
width:990px;
margin:0 auto;
position:relative;
}

/* Cabecera */

#cabecera{
width:100%;
height:184px;
}
#cabecera .wrap{
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/guerlain.png) right 40px no-repeat;
}
h1 a{
width:325px;
height:150px;
display:block;
text-indent:-9999px;
}
.nav{
overflow:hidden;
background:#333;
padding:10px 0 10px 42px;
}
.nav li{
float:left;
padding:0 20px 0 0;
}
.nav a{
display:block;
color:#fff;
}
.nav a:hover{
color:#666;
}
.logo_guerlain{
width: 200px;
height: 40px;
position: absolute;
right: 0;
top: 42px;
text-indent:-9999px;
}

/* Cuerpo */

#cuerpo{
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/fondo.jpg) top left no-repeat;
margin:10px 0 0;
padding: 20px 0 0;
}
.explicacion p{
padding:0 0 25px;
}
.video{
width: 436px;
height: 288px;
margin: 94px auto;
display:block;
}
/* Pie */

#pie a{
width:110px;
height:20px;
display:block;
margin:0 auto;
padding:20px 0; 
color:#fff;
font:italic 12px/16px Georgia, "Times New Roman", Times, serif;
}

/* PORTADA */

#portada #cuerpo{
height:738px;
}
#portada .contenedor{padding: 50px 0 0;}
#portada h2{margin:0 auto; left:0;}
#portada .contenedor p{
width:475px;
margin:0 auto;
padding:40px 0 0;
font:italic 18px/24px Georgia, "Times New Roman", Times, serif;
}
#portada .nav .portada{color:#666;}

/* PRODUCTO */

#producto .contenedor{
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/transparencia.png) top left repeat;
height:480px;
margin:50px 0 0;
overflow:hidden;
}
#producto h2{
position:relative;
left:655px;
}
#producto #cuerpo .wrap{padding: 0 0 180px;}
#producto .contenedor>div{float:left;}
#producto .explicacion{
width:420px;
margin: 60px 40px 55px;
}
#producto .foto{margin:90px 0 0;}
#producto .nav .producto{color:#666;}

/* VIDEO */

#como_se_hizo .contenedor{
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/transparencia.png) top left repeat;
height:480px;
margin:50px 0 0;
overflow:hidden;
}
#como_se_hizo #cuerpo .wrap{padding: 0 0 180px;}
#como_se_hizo .nav .como_se_hizo{color:#666;}

/* DECLARACIONES */

#declaraciones .contenedor{
overflow:hidden;
margin: 50px 0 0;
background:url(http://estaticos.elmundo.es/yodona/promociones/yo_pruebo/2011/05/guerlain/img/transparencia.png) top left repeat;
}
#declaraciones .testimonios li{
width:920px;
margin: 20px 15px 0;
padding:25px 20px;
overflow:hidden;
background:#000;
}
#declaraciones p{float:left; width:520px;}
#declaraciones .foto{float:left;}
#declaraciones .nav .declaraciones{color:#666;}

/*************************************************************
 **** Estilos para el popup  *********************************
 *************************************************************/


#popUp {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
}
#transparencia {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#333;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}
#popUpHija {
	margin:0;
	display:block;
	position:absolute;
	left:50%; margin-left:-495px;
	top:0px!important;
	
}
#popUpHija iframe{overflow:hidden;height:980px!important; width:990px!important;}
#infoPopUp {
	width:100%;
}
#cerrarPopUp {
	display:block;
	height:57px;
	width:57px;
	background:url(http://estaticos.telva.com/estaticas/especiales/pasarela-cibeles/imagenes/bg_cerrar_popup.png) no-repeat; 		    position: absolute; 
	top:15px; 
	left:925px; 
	cursor:pointer;
}
#cerrarPopUp:hover {background:url(http://estaticos.telva.com/estaticas/especiales/2011/03/loewe/img/btn_cerrar_popup.png) no-repeat;}