*{margin:0; padding:0; outline:none; }

/*body{font-family: 'Lato', sans-serif; font-weight:400;}*/


html, body {
    background: url(images/back_general2.jpg) repeat-y top center fixed;
	font-family: 'Lato', sans-serif; font-weight:300;
}

#contenedor100{width:100%; position:relative; margin:auto;}
#contenedorachada{width:100%; position:relative;  margin:auto;}

.limpiar{ clear:both;}

#cajaheader{width:100%; position:relative; background:url(images/header.jpg) no-repeat; height:97px;}
.header{ display:block; width:960px; height:97px; position:relative; margin:auto; /*left:50%; margin-left:-480px;  overflow:hidden;*/}

#cajaabajo{width:100%; position:relative; height:786px;}

/*#abajo2{ width:1580px; height:786px; position:absolute; left:50%; margin-left:-790px ; background: url(images/centro_roll.png)  no-repeat ;}*/

#cajafachada{width:100%; position:relative; padding-bottom:50px;}

#fachada{ width:960px; height:1290px; position:relative; left:50%; margin-left:-480px ; margin-top:7px;}
#cesaer{ width:960px; position: relative; /*margin:auto;*/ left:50%; margin-left:-480px ;}

a.btmenuheader{ padding:10px; font-size:17px; color:#FFF; text-align:center; display:block; float: right; text-decoration:none;}
a.btmenuheader:hover{ color:#ECD0A0;}

.separadormenu{padding:10px 0px 10px 0px; font-size:18px; color:#FFF; text-align:center; display:block; float: right; font-weight:400;}

.limpiar{ clear:both;}

#cajamenuheader{
	position:absolute;
	width: 900px;
	height: 35px;
	right:-10px;
	top: 50px;
}

a.logomito{ display:block; height:97px; width:120px; background:url(images/logomito.png) center left no-repeat;}
a.logomito:hover{ filter:alpha(opacity=70); opacity:0.7;}


#media{ background:url(images/home_arriba.png) center center no-repeat; width:1576px; height:340px; margin:auto;}
#cajasub{width:100%; height:340px; position: relative;background: url(images/home_abajo.png) center center no-repeat; }
#abajo{  width:1183px; height:340px; margin:auto;}

#cajamapeo{width:1576px; height:340px; position:absolute; left:50%; margin-left:-788px;}
#cajamedia{ width:100%; height:340px; background:url(images/home_arriba.png) center center no-repeat;}





#contenedormito{ width:100%; position:relative; /*overflow: hidden;*/ margin:auto;}

#botoneraprincmito{ width:100%; height:340px; background:url(images/home_arriba.png) no-repeat top center;}

#cajamito{width:960px; height:340px; position:absolute; left:50%; margin-left:-480px; }

#imputcarro1{ display:none;}
#imputcarro2{ display:none;}
#imputcarro3{ display:none;}
#imputcarro4{ display:none;}
#imputcarro5{ display:none;}
#imputcarro6{ display:none;}
#imputcarro7{ display:none;}
#imputcarro8{ display:none;}
#imputcarro9{ display:none;}
#imputcarro10{ display:none;}
#imputcarro11{ display:none;}
#imputcarro12{ display:none;}
#imputcarro13{ display:none;}
#imputcarro14{ display:none;}
#imputcarro15{ display:none;}
#imputcarro16{ display:none;}
#imputcarro17{ display:none;}
#imputcarro18{ display:none;}

.elfondotoggle{width:960px; height:1464px; background:url(images/back_toggle.png) repeat; position:absolute; top:0; left:0; z-index:999;}


.imgdetoglle{ display:block; width:200px; height:325px; float:left; margin-right:38px;}
.cajatextodetoglle{display:block; float:left; width:310px; height:262px; border:1px solid #FFF; padding:20px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; position:relative; color:#FFF; font-size:14px; line-height:18px;}
.btcerrartoggle{
	display:block;
	position:absolute;
	cursor:pointer;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	border:1px solid #FFF;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color:#FFF;
	font-weight:600;
	font-size:14px;
	top:9px;
	left:312px;
}
.btcerrartoggle:hover{color:#27ABE2;}

.vermastoggle{ display:block; width:310px; height:30px; text-align:right; position:relative; margin-top:10px}
a.vermas{ display:block; width:100px; height:30px; background:url(images/bt_vermas.png) no-repeat; position:absolute; top:0; left:210px;}
a.vermas:hover{ background:url(images/bt_vermas.png) 0 -30px no-repeat;}


.cajaparatoggle{ display:block; position:absolute; width:600px; height:325px;} 
.postoggle1{
	top:268px;
	left:361px;
}
.postoggle2{
	top:233px;
	left:117px;
}
.postoggle3{
	top:313px;
	left:264px;
}
.postoggle4{
	top:306px;
	left:51px;
}
.postoggle5{
	top:311px;
	left:212px;
}
.postoggle6{
	top:306px;
	left:150px;
}
.postoggle7{
	top:271px;
	left:345px;
}
.postoggle8{
	top:580px;
	left:48px;
}
.postoggle9{
	top:594px;
	left:200px;
}
.postoggle10{
	top:585px;
	left:178px;
}
.postoggle11{
	top:572px;
	left:336px;
}
.postoggle12{
	top:703px;
	left:38px;
}
.postoggle13{
	top:760px;
	left:199px;
}
.postoggle14{
	top:733px;
	left:363px;
}
.postoggle15{
	top:714px;
	left:183px;
}
.postoggle16{
	top:753px;
	left:347px;
}
.postoggle17{
	top:1115px;
	left:360px;
}
.postoggle18{
	top:932px;
	left:357px;
}

.trianguloizquierda{
	background:url(images/triangulo_izquierda.png) no-repeat;
	width:55px;
	height:55px;
	display:block;
	position:absolute;
	left:182px;
	top:55px;
}
.trianguloderecha{
	background:url(images/triangulo_derecha.png) no-repeat;
	width:55px;
	height:55px;
	display:block;
	position:absolute;
	left:351px;
	top:57px;
}

.triangulonumero{
	display:block;
	text-align:center;
	width:39px;
	height:55px;
	line-height:55px;
	color:#FFF;
	font-weight:600;
	font-size:20px;
	position:absolute;
	left: 17px;
	top: 2px;
}
.triangulonumero2{
	display:block;
	text-align:center;
	width:39px;
	height:55px;
	line-height:55px;
	color:#FFF;
	font-weight:600;
	font-size:20px;
	position:absolute;
	left: 2px;
	top: 2px;
}


#columnaizquierda{ float:left; width:356px; margin-right:20px; position:relative; text-align:right;}
#columnaderecha{float:left; width:584px; padding-top:165px; position:relative; font-size:14px; line-height:24px; font-weight:400;}

.columnafachada{width:960px; padding-top:40px; position:relative; font-size:14px; line-height:24px; font-weight:400; overflow:hidden;}
#idfachada{ display:none}
#idescalera{ display:none}
#idenigmas{ display:none}

.baseparaimagenes{ padding:10px; border:1px solid #000; background-color:#FFF; width:200px; float:right;}
.baseparaenigmas{ padding:10px; border:1px solid #000; background-color:#FFF; width:300px; float:right;}

a.volverafachada{
	display:block;
	width:200px;
	height:30px;
	background:url(images/bt_volverafachada.png) no-repeat;
	position:absolute;
	left: -45px;
	top: 18px;
	z-index:999;
}
a.volverafachada:hover{  background:url(images/bt_volverafachada.png) 0 -30px no-repeat;}

.volantafachada{
	display:block;
	width:500px;
	font-size:15px;
	color:#808080;
	height:30px;
	line-height:30px;
	position:absolute;
	top: 141px;
}
.titulosfachada{ font-size:45px; color:#808080; line-height:70px;}

.titulosenigmas{ font-size:45px; color:#808080; line-height:40px;}


.subtitulosenigmas{ font-size:20px; color:#039ACA; line-height:20px; font-weight:600;}



#bglightbox{ width:100%; height:2000px; z-index:10000; position:fixed; top:0; left:0; background:#000; opacity:0.6; filter:alpha(opacity=60); display:none;}


#box{left:50%; margin-left:-200px; display:none;}
#box1{left:50%; margin-left:-200px; display:none;}
#box2{left:50%; margin-left:-200px; display:none;}
#box3{left:50%; margin-left:-200px; display:none;}
#box4{left:50%; margin-left:-200px; display:none;}
#box5{left:50%; margin-left:-200px; display:none;}
#box6{left:50%; margin-left:-200px; display:none;}
#box7{left:50%; margin-left:-200px; display:none;}
#box8{left:50%; margin-left:-200px; display:none;}
#box9{left:50%; margin-left:-200px; display:none;}
#box10{left:50%; margin-left:-200px; display:none;}

#box11{left:50%; margin-left:-200px; display:none;}
#box12{left:50%; margin-left:-200px; display:none;}
#box13{left:50%; margin-left:-200px; display:none;}
#box14{left:50%; margin-left:-200px; display:none;}
#box15{left:50%; margin-left:-200px; display:none;}
#box16{left:50%; margin-left:-200px; display:none;}
#box17{left:50%; margin-left:-200px; display:none;}
#box18{left:50%; margin-left:-200px; display:none;}
#box19{left:50%; margin-left:-200px; display:none;}
#box20{left:50%; margin-left:-200px; display:none;}

#boxespecial{left:50%; margin-left:-480px; display:none;}
#boxenigmas{left:50%; margin-left:-400px; display:none;}
#boxenigmas2{left:50%; margin-left:-400px; display:none;}
#boxenigmas3{left:50%; margin-left:-400px; display:none;}
#boxenigmas4{left:50%; margin-left:-400px; display:none;}
#boxenigmas5{left:50%; margin-left:-400px; display:none;}
#boxenigmas6{left:50%; margin-left:-400px; display:none;}
#boxenigmas7{left:50%; margin-left:-400px; display:none;}

#boxenigmas11{left:50%; margin-left:-400px; display:none;}
#boxenigmas22{left:50%; margin-left:-400px; display:none;}
#boxenigmas33{left:50%; margin-left:-400px; display:none;}
#boxenigmas34{left:50%; margin-left:-400px; display:none;}
#boxenigmas44{left:50%; margin-left:-400px; display:none;}
#boxenigmas55{left:50%; margin-left:-400px; display:none;}
#boxenigmas56{left:50%; margin-left:-400px; display:none;}
#boxenigmas66{left:50%; margin-left:-400px; display:none;}

#box1tramoespecial{left:50%; margin-left:-400px; display:none;}






.parabox{text-align:center;  top:20px; margin:auto; width:500px; height:565px; position:fixed; z-index:11000; background:url(images/back_lightbox.png) repeat; background-color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 1);
border:2px solid #FFF; padding:10px;}

.paracerrar{ display:block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width:500px; height:40px; margin-bottom:20px; background-color:#666; position:relative; color:#FFF; font-weight:400; line-height:40px; font-size:16px;}

.paraimagen{ display:block; margin:auto; width:500px; height:505px; overflow:auto; }


.botoncerrarlight{ display:block;width:30px; height:30px; position:absolute; right:5px; top:5px; cursor:pointer; 
-webkit-border-radius: 320px;
-moz-border-radius: 30px;
border-radius: 30px; 
}

.btcerrarlight{font-weight:800; color:#FFF; line-height:28px;background-color:#2FA4AB; text-align:center;}
.btcerrarlight:hover{color:#0CC; border:1px solid #2FA4AB; background-color:#FFF;}

.btampliarimagen{ display:block; margin-top:10px; background:url(images/bt_ampliar.png) no-repeat; width:156px; height:25px; float:right; cursor:pointer;}
.btampliarimagen:hover{ background:url(images/bt_ampliar.png) 0 -25px no-repeat; }

a.hiperlink{ cursor:pointer; text-decoration:underline; font-weight:600; color:#000}
a.hiperlink:hover{ text-decoration: none; color:#666;}

.hiperlink{ cursor:pointer; text-decoration:underline; font-weight:600;}
.hiperlink:hover{ text-decoration: none; color:#666;}

a.hiperlinktoggle{ color:#04ACE4; text-decoration:underline; font-weight:600; }
a.hiperlinktoggle:hover{ color:#8AC63F; text-decoration:none; }

.presentador{font-weight:600; font-style:italic; text-align:right;}

.triangulosgrafico{ background:url(images/botonera.png) center center no-repeat; width:960px; height:400px; display:block; }

.cuerpobajo{ background:url(images/cuerpo_bajo.jpg) center center no-repeat; width:960px; height:416px; display:block; }
.cuerpocentral{ background:url(images/cuerpo_central.jpg) center center no-repeat; width:960px; height:460px; display:block; }
.cuerpoalto{ background:url(images/cuerpo_alto.jpg) center center no-repeat; width:960px; height:481px; display:block; margin-bottom:20px; }

#botoneraintroduccion{ width:960px; height:110px; margin-top:30px;}
.btintroescalera{ display:block; width:297px; height:110px; cursor:pointer; float:left; background:url(images/bt_introescalera.png) no-repeat;}
.btintroescalera:hover,.btintroescalera_hover{  background:url(images/bt_introescalera.png) 0 -110px no-repeat;}

.btintrofachada{display:block; width:308px; height:110px; cursor:pointer; float:left; background:url(images/bt_introfachada.png) no-repeat;}
.btintrofachada:hover,.btintrofachada_hover{  background:url(images/bt_introfachada.png) 0 -110px no-repeat;}

.btintroenigmas{display:block; width:339px; height:110px; cursor:pointer; float:left; background:url(images/bt_introenigmas.png) no-repeat;}
.btintroenigmas:hover,.btintroenigmas_hover{  background:url(images/bt_introenigmas.png) 0 -110px no-repeat;}

#botoneraenigmas{ width:960px; height:175px; margin-top:30px;}

.bteniprimer{ display:block; width:128px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png) no-repeat;}
.bteniprimer:hover,.bteniprimer_hover{ display:block; width:128px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png) no-repeat;}

.btenisegundo{ display:block; width:144px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png) -128px 0 no-repeat;}
.btenisegundo:hover,.btenisegundo_hover{ display:block; width:144px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png) -128px 0 no-repeat;}

.btenitercer{ display:block; width:136px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png)-272px 0 no-repeat;}
.btenitercer:hover,.btenitercer_hover{ display:block; width:136px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png)-272px 0 no-repeat;}

.btenicuarto{ display:block; width:144px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png)-408px 0 no-repeat;}
.btenicuarto:hover,.btenicuarto_hover{ display:block; width:144px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png)-408px 0 no-repeat;}

.bteniquinto{ display:block; width:134px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png) -550px 0 no-repeat;}
.bteniquinto:hover,.bteniquinto_hover{ display:block; width:134px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png) -550px 0 no-repeat;}

.btenisexto{ display:block; width:137px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png) -680px 0 no-repeat;}
.btenisexto:hover,.btenisexto_hover{ display:block; width:137px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png) -680px 0 no-repeat;}

.bteniseptimo{ display:block; width:137px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas1.png) -816px 0 no-repeat;}
.bteniseptimo:hover,.bteniseptimo_hover{ display:block; width:137px; height:170px; cursor:pointer; float:left; background: url(images/bt_enigmas2.png) -816px 0 no-repeat;}

.cajadelosenigmas{ display:block; width:960px; position:relative; left:50%; margin-left:-480px ; margin-top:50px;}

.columnaizquierdaenigm{ display:block; float:left; width:356px; margin-right:20px; position:relative; text-align:right;}
.columnaderechaenigm{ display:block; float:left; width:584px; position:relative; font-size:14px; line-height:24px; font-weight:400;}

#primer{ display:none;}
#segundo{ display:none;} 
#tercero{ display:none;}
#cuarto{ display:none;} 
#quinto{ display:none;}
#sexto{ display:none;}
#septimo{ display:none;}


.paraboxenigma{text-align:center;  top:20px; margin:auto; width:800px; height:560px; position:fixed; z-index:11000; background:url(images/back_lightbox.png) repeat; background-color:#000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 1);
border:2px solid #FFF; padding:10px;}

.paracerrarenigma{ display:block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; width:800px; height:40px; margin-bottom:20px; background-color:#666; position:relative; color:#FFF; font-weight:400; line-height:40px; font-size:16px; margin:auto}

.paraimagenenigma{ display:block; margin:auto; width:800px; height:500px; overflow:auto; position:relative; margin-top:10px; }

a.btprimertramo{
	display:block;
	width:160px;
	height:30px;
	background: url(images/bt_primertramo.png) no-repeat;
	position:absolute;
	top:158px;
	left:525px;
}
a.btprimertramo:hover{ background:url(images/bt_primertramo.png) 0 -30px no-repeat;}

a.btsegundotramo{
	display:block;
	width:160px;
	height:30px;
	background: url(images/bt_seguntotramo.png) no-repeat;
	position:absolute;
	top:198px;
	left:525px;
}
a.btsegundotramo:hover{ background:url(images/bt_seguntotramo.png) 0 -30px no-repeat;}

a.bttercertramo{
	display:block;
	width:160px;
	height:30px;
	background: url(images/bt_tercertramo.png) no-repeat;
	position:absolute;
	top:238px;
	left:525px;
}
a.bttercertramo:hover{ background:url(images/bt_tercertramo.png) 0 -30px no-repeat;}

a.volveraescalera{
	display:block;
	width:200px;
	height:30px;
	background: url(images/bt_volveraescalera.png) no-repeat;
	position:absolute;
	left: -45px;
	top: 18px;
	z-index:999;
}
a.volveraescalera:hover{  background:url(images/bt_volveraescalera.png) 0 -30px no-repeat;}


/*29 de agosto*/

.botonesdefachada{ display:block; position:absolute; width:50px; height:50px;cursor:pointer; /*background:url(images/bt_triangulito.png) center center no-repeat;*/}
.botonesdefachada:hover{ background:url(images/bt_triangulito.png) center center no-repeat;}

.botonesdefachada2{ display:block; position:absolute; width:50px; height:50px;cursor:pointer; /*background:url(images/bt_triangulito2.png) center center no-repeat;*/}
.botonesdefachada2:hover{ background:url(images/bt_triangulito2.png) center center no-repeat;}

.botonesdefachada3{ display:block; position:absolute; cursor:pointer; /*background:url(images/back_30porc.png) repeat;*/}

a.volverafachada2{
	display:block;
	width:200px;
	height:30px; position:relative; left:-12px;
	background:url(images/bt_volverafachada.png) no-repeat; margin-top:15px; /*margin-bottom:5px;*/
	z-index:999;
}
a.volverafachada2:hover{  background:url(images/bt_volverafachada.png) 0 -30px no-repeat;}

a.siguineteimagen{
	display:block;
	width:221px;
	height:30px; position:relative; left:20px;
	background: url(images/bt_siguienteimagen.png) no-repeat;
	z-index:999;
}
a.siguineteimagen:hover{  background:url(images/bt_siguienteimagen.png) 0 -30px no-repeat;}


a.volveraescalera2{
	display:block;
	width:200px;
	height:30px;
	background: url(images/bt_volveraescalera.png) no-repeat;
	z-index:999; margin-top:20px; position:relative; left:-13px;
}
a.volveraescalera2:hover{  background:url(images/bt_volveraescalera.png) 0 -30px no-repeat;}

a.siguinetetramo{
	display:block;
	width:221px;
	height:30px; position:relative; left:20px;
	background: url(images/bt_siguientetramo.png) no-repeat;
	z-index:999;
}
a.siguinetetramo:hover{  background:url(images/bt_siguientetramo.png) 0 -30px no-repeat;}

.siguineteenigma{
	display:block;
	width:221px;
	height:30px; position:relative; left:-12px; cursor:pointer; margin-top:20px;
	background: url(images/bt_siguienteenigma.png) no-repeat;
	z-index:999;
}
.siguineteenigma:hover{  background:url(images/bt_siguienteenigma.png) 0 -30px no-repeat;}

a.btirintroenigma{	display:block;
	width:600px;
	height:30px; position:relative;
	background: url(images/ir_intro_enigmas.png) no-repeat;
	z-index:999; top:10px;}
	
	a.btirintroenigma:hover{ background-position: left bottom;}
	
	a.btirintroescalera{	display:block;
	width:600px;
	height:30px; position:relative;
	background: url(images/ir_intro_escalera.png) no-repeat;
	z-index:999; left:-10px; top:-20px;}
	
	a.btirintroescalera:hover{ background-position: left bottom;}
	
	a.btirintroescalera2{
	display:block;
	width:353px;
	height:30px;
	position:absolute;
	background: url(images/ir_intro_escalera.png) no-repeat;
	z-index:999;
	left:242px;
	top:18px;
}
	
	a.btirintroescalera2:hover{ background-position: left bottom;}
	
	
	a.btirintrofachada{
	display:block;
	width:348px;
	height:30px;
	position:absolute;
	background: url(images/ir_intro_fachada.png) no-repeat;
	background-color:#FFF;
	z-index:999;
	left:311px;
	top:58px;
}
	
	a.btirintrofachada:hover{ background-position: left bottom;}