@charset "utf-8";
/* CSS Document */
img {
	max-width:100%;
	height:auto;
	border:none;
}
.hamburguesa {
	width:13px;
	margin:auto;
	padding:20px;
	clear:both;
	display:none;
	background-color:#000;
}
/* especificas */
@media screen and (max-width: 1480px) {
	.menu { max-width: 1250px; }
	.menu li { margin:0 10px;}
	.menu li a { font-size:23px; }
	/**/
	.fotoTexto .columna.izqa p { width:86.78%;	}
}
@media screen and (max-width: 1250px) {
	.menu { max-width: 950px; }
	.menu li { margin:0 10px;}
	.menu li a { font-size:16px; }
	/**/
	.fotoTexto .columna.dcha {overflow:hidden; }
	.fotoTexto img { max-width: 140%; margin-top: 22%; margin-left: -15%; }
	.logoImagen {  left: 20%; top:0; margin:0;}
}
/* resto */
@media screen and (max-width: 900px) {
	.hamburguesa {
		display:block;
		cursor:pointer;
	}
	#menu {
		bottom:2.5%;
		background-color: transparent;
		padding:0;
	}
	.menu {
		background-color:#000;
		height:0;
		overflow:hidden;
	}
	#menu {
		bottom:2.5%;
		background-color: transparent;
		padding:0;
	}
	.menu.activo {
		padding:15px 0 10px 0;
		height:185px;
		display:block!important;		
	}
	.menu li {
		float:none;
		text-align:center;
	}
	.menu li a {
		font-size:20px;
	}
	.cenefa {
    	width: 33.41%;
		overflow:hidden;
	}
	.cenefa img {
		max-width: 200%;
		margin: 0 0 0 -100%;
	}
	.cenefa.dcha img {
		margin: 0;
	}
	/*#home .mary, .foto {
		width: 100%;
		height: 100%;
		overflow:hidden;
	}*/
	.seccionCentrada {
		padding: 25% 0 0 0;
		height:auto;
	}
	/*.seccionCentrada#mueren {
		margin-top:100%;
	}*/
	.columna {
		width: 100%!important;
		float: none!important;
		position:relative;
		padding:0;
	}
	.columna.centro {
		width: 100%;
		margin: 0;
	}
	.foto {
		position: relative;
		margin: 50px auto;
	}
	.fondoCabecera {
    	width: 100%;
	}
	/**/
	.fotoTexto .columna.dcha {
		width: 100%;
		margin: 0;
		overflow: visible;
	}
	.fotoTexto img {
		max-width: 100%;
		margin-top: 0;
		margin-left: 0;
	}
	.logoImagen {
    	left: 20px;
    	top: 20px;
	}
	.fotoTexto .columna.izqa {
		width: 100%;
	}
	.fotoTexto .columna.izqa p {
		width: 90%!important;
		margin: 30px auto!important;
		float: none!important;
	}
	/**/
	#romanticos .columna.izqa p {
    	width: 100%;
	}
	#romanticos .columna.centro {
		max-width: 100%;
	}
	/**/
	#romanticos .mary {
		overflow:hidden;
	}
	#romanticos .mary img.shelley {
		max-width: 300%;
		margin-left: -20%;
	}
	/**/
	#biblioteca .mary img,
	#museo .mary img {
		opacity:0; -webkit-opacity:0; -moz-opacity:0;
		display:none;
	}
	ul.columnas.tres {
		max-width:988px;
		margin:auto;
		position: relative;
	}
	ul.columnas.tres li {
		width: 30%;
		float: left;
		margin: 0 0 0 3%;
	}
	ul.columnas.tres li p.titulo {
		font-size:20px;
		margin: 0;
	}
	ul.columnas.tres li p.descripcion {
		font-size:14px;
		margin: 0;
	}
	.secContenido.libros {
		margin: 10px 0;
	}
	
	/* NUEVOMENU */
	.menu li a {
    	padding-top: 0;
	}
	.menu /*li.img*/ a img, .menu /*li.img*/ a:hover img {
		padding:0 0 3px 0;
		opacity:1; -moz-opacity:1; -webkit-opacity:1;
	}
	.menu li {
		padding:0 0 12px 0;
	}
	.menu.activo {
		height: 411px;
	}
	#romanticos .columna.izqa strong br {
		display:none;
	}

	
}
@media screen and (max-width: 600px) {
	.cenefa img {
		max-width: 300%;
		margin: 0 0 0 -200%;
	}
	.logotipo {
		width:120px;
	}
	#home .mary img.flores {
		bottom: 10%;
	}
	.seccionCentrada {
		padding: 30% 0 0 0!important;
	}
	.logoImagen {
		left: inherit;
		right: 20px;
		width: 35%;
		top: 10px;
	}
	#diodati .logoImagen {
    	left: 20px!important;
	}
	ul.columnas.tres li {
		width: 222px;
		float: none;
		margin: 0 auto 3% auto;
	}
	ul.columnas.tres.cinco li {
		width: 170px;
		margin: 0 auto 8% auto;
	}
	#laboratorio .titular br {
		display:block;
	}
}