@charset "utf-8";
/* preloader */
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #000;
    z-index: 100;
}
#loader {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
}

/* CSS Document */
body {
	margin:0;
	background-color:#000;
	font-family: 'Sorts Mill Goudy', serif;
	color:#bcb7a9;
	font-size:18px;
	height:3000px;
}
p {
	line-height:22px;
}
h1, h2, h3, h4, h5, h6, a {
	font-family:'Bryant Light Condensed',Helvetica, Arial, "Trebuchet MS", sans-serif ;
	font-weight:normal;
	color:#cab183;
	font-size:30px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
a:hover,
.menu li a:hover,
.menu li.historia a:hover {
	/*text-shadow: 0 0 20px #fefcc9, 2px -2px 3px #feec85, -4px -4px 5px #ffae34, 5px -10px 6px #ec760c, -5px -12px 8px #cd4606, 0 -15px 20px #973716, 2px -15px 20px #451b0e, -2px 2px 3px #feec85, 4px 4px 5px #ffae34, -5px 10px 6px #ec760c, 5px 12px 8px #cd4606, 0 15px 20px #973716, -2px 15px 20px #451b0e;*/
	color:#a31d2e;
	/*text-shadow: 0 0 3px #fefcc9, 2px -2px 3px #feec85, -4px -4px 5px #ffae34, 5px -1px 2px #ec760c, -1px -2px 2px #cd4606, 0 -3px 2px #973716, 2px -3px 2px #451b0e, -2px 2px 3px #feec85, 4px 4px 5px #ffae34, -5px 3px 2px #ec760c, 5px 2px 1px #cd4606, 0 15px 20px #973716, -2px 0px 1px #451b0e;*/
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
a span, h2 span {
	text-transform:lowercase;
}
/* transiciones */
a,
.menu,
.cenefa.dcha .cortinaIlumninada,
.fondoCabecera,
.desaparecer,
.aparecer,
.logotipo,
.menu /*li.img*/ a img {
	-webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.desaparecer {
	opacity:0; -webkit-opacity:0; -moz-opacity:0;
}
.aparecer {
	opacity:1; -webkit-opacity:1; -moz-opacity:1;
}
.logotipo.interior {
    padding: 25px 0 0 0;
}

/* ----
------- CABECERA
-----*/
#cabecera, #menu {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:999999;
}
.cenefa {
	position:absolute;
	width:39.41%;
	top:0;
	z-index:3;
}
.cenefa.izqa {
	left:0;
}
.cenefa.dcha {
	right:0;
}
.cenefa.dcha .cortinaIlumninada {
	position:absolute;
	/*right:0;*/
	top:0;
	opacity:0; -webkit-opacity:0; -moz-opacity:0;
}
.cenefa.dcha .cortinaIlumninada.activo {
	opacity:1; -webkit-opacity:1; -moz-opacity:1;
}
.contenedorLogotipo, .fondoCabeceraCont  {
	position:absolute;
	z-index:2;
	width:100%;
	left:0;
	top:0;
}
.contenedorLogotipo  {
	z-index:3;
}
.logotipo {
	width:168px;
	margin:auto;
	padding:50px 0 0 0;
}

.fondoCabecera {
	width:46.21%;
	margin:auto;
	position:relative;
	opacity:0; -webkit-opacity:0; -moz-opacity:0;
}
.fondoCabecera.activo {
	opacity:1; -webkit-opacity:1; -moz-opacity:1;
}
.fondoCabecera .luz, .fondoCabecera .fondoIluminado  {
	position:absolute;
	top:0;
	right:0;
}
.fondoCabecera .fondoIluminado  {
	z-index:1;
}
.fondoCabecera .luz  {
	z-index:2;
	width:35.99%;
}

.titular {
    z-index: 999;
    position: relative;
}
/* ----
------- MENU
-----*/
#menu {
	top:inherit;
	bottom:2.5%;
	background-color:#000;
	padding: 10px 0;
}
.menu {
    max-width: 1480px;
    margin: auto;
}
.menu li {
	float:left;
	margin:0 20px;
}
.menu li a {
	font-size:25px;
	text-shadow:1px 1px 0px #000, -1px -1px 0px #000, 1px 1px 1px #000, -1px -1px 1px #000,	2px 2px 1px #000, -2px -2px 1px #000, 2px 2px 2px #000, -2px -2px 2px #000;
}



/* ----
------- HOME
-----*/
#home {
	position:absolute;
	width:100%;
	height:100%;
}
/*#home*/ .mary,
.foto {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 65%;
	height: 65%;
    text-align: center;
    margin: 150px auto 70px auto;
	/*display: flex;*/
	max-width: 685px;
	max-height:685px;
}
/*#home*/ .mary img.shelley,
.foto img {
	max-height:100%;
	width:auto;
	margin:auto;
}
/*#home*/ .mary img.flores {
	position:absolute;
	bottom:-12%;
	width:48.53%;
}
#home .mary img.flores.izqa {
	left:-22.14%;
}
#home .mary img.flores.dcha {
	right:-22.14%;
}
#home .mary img.mariposa {
	position:absolute;
	top:0;
	z-index:15;
}
#home .mary img.mariposa.izqa {
	width:9.38%;
	left: 19%;
	top:0;
	max-width:64px;
}
#home .mary img.mariposa.dcha {
	width:10.55%;
	right: 12%;
    top: -5%;
	max-width:73px;
}


/* ----
------- INTERIORES GENERICAS
-----*/
.seccionCentrada {
	position:absolute;
	width:100%;
	/*height:100%;*/
	padding: 13% 0 0 0;
}
.secContenido {
	padding:0 20px;
	margin:auto;
}
.columna {
	width:26%;
	float:left;
    padding-top:50px;
	position:relative;
}
.columna.izqa {
	
}
.columna.dcha {
	float:right;
}
.columna.centro {
    width: 40%;
    margin: 0 4%;
	text-align:center;
	padding-top:0;
}


/* ----
------- MUEREN
-----*/

/*#mueren*/ .secContenido.anchoMaximo {
	max-width:1190px;
}
	

/* ----
------- TEATRO
-----*/
#teatro {
	height:auto;
}
/* comun a Diodati */
.fotoTexto .secContenido {
	max-width:100%;
	padding:0;
}
.fotoTexto .columna.izqa {
	width:42.21%;
}
.fotoTexto .columna.dcha {
	width:57.79%;
	padding: 0;
    margin: -20px 0 0 0;
}
.fotoTexto .columna.izqa p {
	width:56.78%;
	float:right;
}
.logoImagen {
	position:absolute;
	z-index:2;
	top:50px;
	left:60px;
}
/*.fotoTexto*/ p a {
	font-size:18px;
	margin-bottom:5px;
	display:inline-block;
}


/* ----
------- DIODATI
-----*/
#diodati.fotoTexto .columna.izqa {
	float:right;
}
#diodati.fotoTexto .columna.dcha{
	margin: 60px 0 0 0;
	float: left;
}
#diodati.fotoTexto .columna.izqa p {
	width:60%;
	margin-left:5%;
}
#diodati.fotoTexto .columna.izqa p {
	float: left;
}
#diodati .logoImagen {
    left: inherit;
    right: 21%;
    top: -2%;
}



/* ------
--------- 2000 ROMANTICOS
--------- */
#romanticos .mary,
#biblioteca .mary,
#museo .mary {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
#romanticos .columna.centro {
    max-width: 370px;
}
#romanticos .columna.izqa {
    width: 50%;
}
#romanticos .columna.izqa p {
    width: 65%;
	float:right;
	text-shadow:1px 1px 0px #000, -1px -1px 0px #000, 1px 1px 1px #000, -1px -1px 1px #000, 2px 2px 0px #000, -2px -2px 0px #000, 2px 2px 1px #000, -2px -2px 1px #000;
	color:#dedede;
}


/* -----
-------- BIBLIOTECA
-------- */
#biblioteca .mary,
#museo .mary {
    top:12%;
}
@media screen and (max-width: 1366px) { #biblioteca .mary, #museo .mary { top: 19%; } }
@media screen and (max-width: 1280px) { #biblioteca .mary, #museo .mary { top: 22%; } }
.secContenido.libros {
    width: 100%;
    float: left;
	position:relative;
	padding: 0;
	margin: 40px 0;
}
ul.columnas.tres {
	max-width:988px;
	margin:auto;
	position: relative;
}
ul.columnas.tres li {
	width: 23%;
    float: left;
    margin: 0 5%;
}
ul.columnas.tres li p.titulo {
	font-size:25px;
	color:#a31d2e;
}
ul.columnas.tres li p.descripcion {
	font-size:18px;
	color:#69665e;
}

/* -----
-------- MUSEO
------ */
#museo .mary {
    margin-top: -1.8%;
}
ul.columnas.tres.cinco li {
    width: 16%;
	margin: 0 2%;
}
ul.columnas.tres.cinco li p.imagen {
	text-align:center;
}
ul.columnas.tres li p.titulo,
ul.columnas.tres li p.descripcion {
    /*margin-left: -25%;*/
	text-align: left;
}
ul.columnas.tres li p.descripcion {
	margin:0;
}
ul.columnas.tres li p.titulo {
	margin-bottom:0;
}
ul.columnas.tres.cinco li p a {
    text-align: left;
}
	
/* -----
-------- LABORATORIO
------ */
#laboratorio {
	padding-bottom:100px!important;
}
#laboratorio p {
	padding-top:20px;
	text-align:center;
}
#laboratorio span {
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase;
	font-family: 'Bryant Light Condensed',Helvetica, Arial, "Trebuchet MS", sans-serif;
}
.contacto {
	color:#a31d2e;
}
.contacto:hover {
	color: #cab183;
}
#laboratorio .titular br {
	display:none;
}

/* NUEVO MENÚ */
#menu {
	background-color:transparent;
}
/*.menu .img {
	background-repeat:no-repeat;
	background-position:center top;
}

.menu .img.teatro {
	background-image:url(../escritorio/menu_logo-cia.png);
	width:119px;
	text-align:center;
}
.menu .img.diodati {
	background-image:url(../escritorio/menu_logo-diodati.png);
}
.menu .img.romanticos {
	background-image:url(../escritorio/menu_logo-2000.png);
}*/
/*.menu li a {
	padding-top:67px;
}*/
.menu li {
    margin: 0 10px;
}
.menu li a {
    padding-top: 65px;
    display: block;
}
.menu li.img a {
	text-align:center;
	padding-top:0;
}
.menu li.img a span {
    display: block;
    text-transform: uppercase;
}
.menu /*li.img*/ a img {
	display:block;
	margin:auto;
	padding:7px 0 0 0;
	opacity:0; -moz-opacity:0; -webkit-opacity:0;
}
.menu /*.img*/ a:hover img {
	padding:0 0 7px 0;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
.menu li.historia a {
    color: #c8bca4;
}
/*#menu {
	background-image:url(http://www.hijosdemaryshelley.com/mat/escritorio/fondo_menu.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
}*/
.titularDiodati {
    font-family: 'Bryant Light Condensed',Helvetica, Arial, "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    color: #bcb7a9;
    display: block;
    font-weight: normal;
    font-size: 20px;
}