/** ESTILOS GENERALES MODIFICADOS ****/
/** ----------------------------- ****/
#contenido{
	background: url(/images/secretos/fondo-secretos-museos.jpg) no-repeat 400px top;
	width: 1450px;
	float:left;
	left:50%;
	margin-left:-670px;
}

/*#pie{
	background: url(/images/secretos/pie-secretos.png) no-repeat 50px 170px;
	height:300px;
	clear:left;
}*/
#imagenNueva{
	position:absolute;
	top:130px;
	width:200px; 
	height:161px;
	
}

/** ----------------------------- ****/

#intro{
	position:relative;
	height: 310px;
	width: 100%;
	left:222px;
	
}

#intro h1
{
	position:relative;
	background: url(/images/secretos/museos-de-chocolate-en-el-mundo.gif) no-repeat 8px 63px;
	height: 200px;
	width: 706px;
	text-indent: -5000px;
}

#intro h2{
	position:relative;
	top: -40px;
	font-size: 11px;
	font-weight: normal;
	color: #777777;
	left: 10px;
	width: 220px;
}

#intro h3{
	position:relative;
	left: 10px;
	top: -20px;
	font-size: 11px;
	font-weight: normal;
	width: 220px;
	color: #000000;
}


#lateralDecho{
	position:relative;
	width:251px;
	float:left;
	margin-top:430px;
	margin-bottom:-100px;
}

#lateralIzdo{
	position:relative;
	float:left;
	width:830px;
	/*Pongo un minimo para que al abrir los desplegables, el pie no este moviendose todo el tiempo	*/
	min-height:800px;
	
}



/*MENU DESPLEGABLE*/

#museos{
	left:222px;
	position:relative;
	top:30px;
}

#menuMuseos {
	width:578px; 
	position:relative;
}


.drawer-handle { 
	background: url(/images/secretos/menu-museos.gif) no-repeat left top;
	font-size: 21px; 
	font-family:Arial;
	font-weight:bold;
	color:#ebe4ce;
	padding: 5px;
	
	margin: 2px;
	padding-left:13px; 
}

.drawer-handle a{ 
	text-decoration:none;
	color:#ebe4ce;
}

.primero{
	text-decoration:none;
	color:#56131a;
}

.drawer-handle2{
	background: url(/images/secretos/submenu-museos.gif) no-repeat right top;
	height:26px;
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#473120;

}

.drawer-handle2 a{
	padding:0px 15px 0px 15px;
	margin-top:5px;

}

.drawer2{
	margin:3px 0px 3px 0px;

}

.drawer-handle2 a{
	color:#473120;
	text-decoration:none;
}

.drawer2 h2 a{
	position:relative;
	top:5px;

}

.submenu2 {
	background-color:#f5f3ed;
	position:relative;
	
}

.submenu {
	width:522px;
	margin-left:50px;
}

.submenu2 li{
	padding:5px 20px 5px 15px;
}

#museos ul {
	list-style: none; 
	padding: 5px; 
}

.bloqueMuseo{
	float:left;
}

.bloqueMuseo img{
	float:left;
	height:71px;
	width:115px;
	margin-right:10px;
}

.muestraMuseo{
	width:350px;
	padding-top:5px;
	float:left;
}

.muestraMuseo a{
	text-decoration:none;
	color:#5F5F5F;
}

.muestraMuseo a:hover{
	color:#000000;
	text-decoration:underline;
}




.descripcionMuseo{
	clear:left;
	padding-top:5px;
}

/*.fotoMuseo{
	float:left;
	height:71px;
	width:115px;
	margin-right:10px;
	
}*/