@CHARSET "UTF-8";

html {
	height:100%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	height:100%;
	
	background-color: #000;



	font-family: 'source_sans_pro_light', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	line-height:22px;
}




div {
	padding: 0;
	margin: 0;
	border: 0;
}

.pano-main-container {
	height: 100%;
	overflow: hidden;
}

.pano-main-container > div {
	border: 0;
}
.pano-main-container #header{
	width:100%;
	height: 50px;
	background-color: white;			
	color: #956847;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 1002;
}
.pano-main-container #header #site-title{
	display:inline-block;
	margin-top: 15px;
	margin-left: 15px;
	font-size:21px;
	color: #723609;
 
}

.pano-main-container #header #controls{
	display:inline-block;
	height:100%;
	float: right;
	margin-right: 10px;
	display: none;
}


.pano-main-container.initialized #header #controls{
	display:inline-block; 
}

.pano-main-container #header #controls span {
	padding:15px 15px 0px 15px;
	cursor: pointer;
	color: #c51f1f;
	display: inline-block;
	height: 100%;
	
	color: #BC1010;
	text-transform: uppercase;
	font-size: 14px;
}

.pano-main-container #header #controls span:hover {
			background-color: #AA1313;
			color: white;
}


.pano-main-container > #sphere{
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;	
}


.pano-main-container > .maxi-map-btn{
	display:inline-block;
	position: absolute;
	top:50;
	bottom	: auto;
	left	: auto;
	
	top		: 60px;
	right	: 10px;
}

.pano-main-container > .nav-controls{
	display:inline-block;
	position: absolute;
	top:10px;
	left:auto;
	right: 10px;
	width: 120px;
	
	top		: 225px;
	left	: auto;
	
	right : 10px;
	bottom: auto;
	
	text-align: center;
}

.link_hover{
	cursor: pointer;
}


.pano-main-container .maximized-map{
	display:inline-block;
	position: relative;
}

/**
*******************************************************************************
********************************SITES MENU*************************************
*******************************************************************************
*/

input {
	cursor: pointer;
}

.pano-main-container .sites-menu-container{
	position:absolute;
	display:inline-block;
	top:0px;
	left:0px;			
    z-index	: 1001;
    width:220px;
    height:100%;
    padding:0;
    -webkit-transition: left 0.5s ease-in; /* For Safari 3.1 to 6.0 */
    transition: left 0.5s ease-in;
        
    padding-top:50px;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.pano-main-container .sites-menu-container.hidden{
	left: -165px
}


.pano-main-container .sites-menu-container .sites-menu{
	display:inline-block;
	top:50px;
	width:165px;
	height: 100%;
	overflow: auto;
	background-color: white;
	padding: 0; 
	-webkit-transition: left 0.5s ease-in; /* For Safari 3.1 to 6.0 */
    transition: left 0.5s ease-in;
    float: left;
}


.pano-main-container .sites-menu-container .showSiteMenus{
	background-color:transparent;
	background-image: url("../assets/images/menuBtn.png");
	background-position: right center;
	background-repeat:no-repeat;
	width	: 38px;
	height	: 100%;
	border  :0px solid white;
	border-left-width:5px;
	float: left;
	cursor: pointer;
}



.sites-menu fieldset{
	background-color:white;
	color:#723609;
	border: 0;
	padding:0;
	margin:0;
	text-align: center;
	overflow: auto;
}
.sites-menu fieldset legend {
	display: none;;
}

.sites-menu .item-cont {
	background-color:white;	
	cursor: pointer;
	padding: 0px 20px 10px 20px;

	color: #723609;
}

.sites-menu .item-cont .caption{
	margin-top: 10px;
	font-size: 20px;
	display: block;
	text-transform: lowercase;
	
}
.sites-menu .item-cont:hover{
	background-color: #c91717;
	color: #D1B0B0;
}

.sites-menu .item-cont.activo{
	background-color:#aa1313;
	color: #D1B0B0;
}
.sites-menu .item-cont input{
	width: 90px;
	height:90px;
	margin:0;
	margin-top: 5px;
	margin-bottom: 2px;
	border-radius:50%;		
}


/**
*******************************************************************************
********************************NAV Controls*************************************
*******************************************************************************
*/

.pano-main-container > .nav-controls .nav-btn-container{
	text-align: center;
	margin-bottom: 10px;	
}
.pano-main-container > .nav-controls input.nav-dw,
.pano-main-container > .nav-controls input.nav-up,
.pano-main-container > .nav-controls input.nav-left,
.pano-main-container > .nav-controls input.nav-right,
.pano-main-container > .nav-controls input.nav-zoom-plus,
.pano-main-container > .nav-controls input.nav-zoom-minus
{
	width: 40px;
	height: 40px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	background-position: center center;
	background-repeat: no-repeat;	
	background-image: url("../assets/images/btnNav/sprite.png");
}
.pano-main-container > .nav-controls input.nav-dw,
.pano-main-container > .nav-controls input.nav-up,
.pano-main-container > .nav-controls input.nav-left,
.pano-main-container > .nav-controls input.nav-right{
	width: 35px;
	height: 35px;
}



.pano-main-container > .nav-controls input.nav-up{
	clear: both;
	margin-right:10px;
	margin-left: 10px;
	margin-bottom: -2px;
	background-position: -289px 0px; 
}

.pano-main-container > .nav-controls input.nav-dw{
	clear: both;
	margin-top: -1px;
	background-position:-289px -69px;
}

.pano-main-container > .nav-controls input.nav-left{
	margin-right: 34px;
	background-position:-255px -33px;
}

.pano-main-container > .nav-controls input.nav-right{
	margin-left: 0px;
	background-position:-324px -33px;
}

.pano-main-container > .nav-controls input.nav-zoom-minus,
.pano-main-container > .nav-controls input.nav-zoom-plus{
	background-position:-79px -29px;
	width: 45px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	display: block;
}

.pano-main-container > .nav-controls input.nav-zoom-minus{
	background-position: -163px -28px;
}


/**
*******************************************************************************
********************************NAV Controls*************************************
*******************************************************************************
*/

ul.hotspot-action-menu {
	position: absolute;
	display: inline-block;
	
	border: 1px solid red;
	background: blue; 
	border-radius : 10px;
	
	overflow: auto;
	
	list-style: none;
	padding: 5px;
}

ul.hotspot-action-menu li{
	margin: 0;
	margin-bottom: 5px;
}






.galery-container{
	width: 100%;
	height: 100%;
	min-width: 600px;
	white-space: nowrap;
	overflow: hidden;
}

.galery-container > div{
	display:inline-block;
	height: 100%;
	overflow: auto;
	vertical-align: top;
}


.galery-container > div.info-content{
	width: 69%;	
	min-width: 390px;
}
.galery-container > div.info-content div.info-content-container{
	width: 100%;
	height: 100%;
	margin: 0;
	white-space: normal;
}

.galery-container > div.list{
	width:30%;
	min-width: 200px;
	overflow-x:hidden 

}



.galery-container > div.info-content img.info-image{
	width: 100%;
		
}

/**
*******************************************************************************
*******************************MAPA*************************************
*******************************************************************************
*/
.pano-main-container .maxi-map-btn{
	
	padding:0;
	
	width	: 192px;
	height	: 123px;
	text-align: center;
	border: 4px solid #a51313	;
	border-top-width:25px;
	border-radius: 0px;
	background-color: orange; 
	opacity:0.8;
	
	background-repeat:no-repeat;
	background-position:left top; 
	overflow: visible;
}

.pano-main-container .maxi-map-btn canvas{
	overflow: hidden;
	border-radius: inherit;
}


.maximized-map > .map-hotspot,
.maxi-map-btn > .map-hotspot{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	background-color: #EDC51B;
	border: 2px solid #C48700;
	
	width: 10px;
	height: 10px;
}
.maximized-map > .map-hotspot.active,
.maxi-map-btn > .map-hotspot.active{
	background-color: #a41313;
	z-index: 4;
	
}

.maxi-map-btn .btn-max-navigation {
	position:absolute;
	display:inline-block;
	cursor:pointer;
	background-color: #a51313;
	background-image:url("../assets/images/navmap/max.png");
	top:-22px;
	right:0;
	left:auto;
	
	width: 17px;
	height: 17px;
}

.maxi-map-btn > canvas.scope{ 
	position: absolute;
	left: 0;
	top: 0;
}



/**
*******************************************************************************
*******************************PANO*************************************
*******************************************************************************
*/

.hotspot-action-menu {
	display:inline-block;
	position:absolute;		
	padding: 10px;
} 

.hotspot-action-menu button.ui-button-icon-only{
	width: 25px;
	height: 25px;
}



/**
************************************************************************
*****************************  GALERY  *********************************
************************************************************************
*/

.galery-loader {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	
	margin:0;
	padding:0;
	border:0;
	
	background-color: rgba(0,0,0,0.6);
	color: white;
}

.galery-loader .vertical-middle{
	position:relative;
	top:50%; 
	height: 1px;

	margin:0;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
	
	color: white;
}

.galery-loader .vertical-middle img{
	
}

.galery-container ul{
	padding: 0px
}

.galery-container a {
	cursor: pointer;
	
}

.galery-container a:hover{
	color: #ff5555;
}





canvas.pruebaCargar {
	display:block;
	z-index: 100003;
	width: 200px;
	height:100px;
	position: absolute;
	top:auto;
	left: 10px;
	bottom: 10px:
}












/*
***************************************************************************
*SITE INTRO*******************
***************************************************************************
*/
.site-intro{
	height: 100%;
	overflow: hidden;
}

.site-intro .container {

			
}

.site-intro .video-container,
.site-intro .text-container
{
	display: inline-block;
	width: 48%;
	height: 100%;
	overflow: auto;
	text-align: justify;
}

.site-intro .video-container{
	margin-right: 2%;
	height: auto;
}

.site-intro .text-container {
	padding-right: 10px;
}

.site-intro .video-container {
	text-align: center;
	float: left;
}

.site-intro .video-container video{
	width: 100%;
	min-height:220px;
	margin-left: auto;
	margin-right: auto;
}

.poster-container h1,
.site-intro h1{
	color:#723609;

	text-align: center;
	font-size:28px;

	text-transform:uppercase;

	margin-top: 1px;
	margin-bottom: 10px;
	font-weight: normal;
}

.site-intro .text-container {
	padding-top: 0px;
	overflow-x: hidden;
}

.site-intro .text-container p {
	margin-top: 0;
}

.site-intro .text-container > *{
	display: inline-block;
}
.fancybox-close {
	top:5px;
	right: 5px;
	
	background: none;
	background-color: #c11010;		
	color : white;
	text-decoration: none;		
	text-decoration: none;
	text-align: center;
	font-weight: lighter;
	font-size:30px;
	padding-top: 0px;
	width:22px;
	height:22px;
	background-image: url("../assets/images/info/close.png");
}



/**
******************************************************************
*********** POSTER / INFO***********************
******************************************************************
*/

.poster-container  {
	overflow: hidden;
	height: 100%;
}
.poster-container .container{
	overflow: auto;;
}

.poster-container .container > div {
	padding-top:10px;
	width:48%;
	height: 100%;
	display: inline-block; 
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;         /* Opera/IE 8+ */
}

.poster-container .container div.poster-image{
	width: 40%;
	margin-right: 2%;
}

.poster-container .container div.poster-info{
	width: 56%;		
}

.poster-container .container div.poster-info p{
	margin-top: 0px;			
}

.poster-container .container div.poster-image audio,
.poster-container .container div.poster-image img {
	width: 99%;
}

/*
*********************************************************************
****GLOSARY***************************
*********************************************************************
*/

.ui-tooltip-content *{
		font-family: sans-serif;
}

.ui-tooltip-content h2 {
	margin: 0;	
	font-size: 12px;
}


.ui-tooltip-content p{
	margin: 10px 0px 5px 0px;
	font-size: 12px;
	font-weight: normal;
}

.glosary-container  {
	height: 100%;
	width:100%;
	overflow: hidden;
}

.glosary-container h1{
	font-size: 22px;
	line-height: 1.5;
	color: #723609;
	display: inline-block !important;
	width: auto !important;
	height: 32px;
	box-sizing: border-box;
	padding-top: 0px;
	text-align: center;
	font-weight: normal;
	
	margin-top: 0;
	margin-bottom: 5px;
}

.glosary-container .container {
	margin: 0px;
	padding: 0px;
	margin-left: 270px;
	
}
.glosary-container .container > div {
	padding:0;
	margin:0;
	width: 100%;
	height: 99%;
	overflow: auto;
}

.glosary-container .container .index-container{
	margin-left:-260px;
	width: 250px;
	float: left;			
}

.glosary-container .container .content{
	width: 100%;
	float: right;
	border-left: 1px solid red;
}

.glosary-container  .container .content dl{
	margin-left: 20px;
}
.glosary-container .content dl dt{
	font-weight: bold;
	margin-top: 15px;
}
.glosary-container .index-container li > a:first-letter,
.glosary-container .content dl dt:first-letter{
	text-transform: uppercase;
}

.glosary-container .content dl dt{
	font-weight: bold;
}

.glosary-container .index-container ul{
	list-style: none;
    padding:0;
    margin:0;
}

.glosary-container .index-container ul li {
	padding-left: 1em; 
    text-indent: -.7em;
}
.glosary-container .index-container ul li:before {
	content: "•";
    color: #A51313; /* or whatever color you prefer */
    padding-right:7px;
    font-size: 20px;
} 


.glosary-container .index-container ul li a {
	color: black;
}

.glosary-container .index-container ul li a:hover {
	font-weight: bolder;
}

a{
	text-decoration: none;
	color: #A51313;
}

video{
	background-color: black;	
}


.poster-link{
	width:30px;
	height: 30px;
	background: none;
	border: none; 
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
}

.poster-link.goto{
	background-image: url("../assets/images/info/goto.png");
}


.poster-link.gallery{
	background-image: url("../assets/images/info/galery.png");
}

.poster-link.info{
	background-image: url("../assets/images/info/info.png");
}
/**
****************************************************************
***TABS FRO AUDIO TEXT*****
****************************************************************
*/

.poster-container .tabs.ui-corner-all{
	border: 0;
	border-radius: 0;
	background: none;
	padding: 0px;	
}

.poster-container .tabs .ui-widget-header {
	background: none;
	border:0px;
	border-radius:0px; 
	padding: 0px;
}

.poster-container .ui-state-hover, 
.poster-container .ui-widget-content .ui-state-hover, 
.poster-container .ui-widget-header .ui-state-hover,
.poster-container .ui-state-default, 
.poster-container .ui-widget-content .ui-state-default, 
.poster-container .ui-widget-header .ui-state-default,
.poster-container .ui-state-active, 
.poster-container .ui-widget-content .ui-state-active, 
.poster-container .ui-widget-header .ui-state-active{
	background: none;
	border: 1px solid #d9c5c5;
	border-bottom: 0px;
	border-radius: 0px; 
}


.poster-container .ui-state-active, 
.poster-container .ui-widget-content .ui-state-active, 
.poster-container .ui-widget-header .ui-state-active{
	border-bottom: 1px solid white;
	background-color: #f9f2f2;
}

.poster-container .ui-widget-content{
	font-family: 'source_sans_pro_light', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	line-height:22px;
	border: 1px solid #d9c5c5;
	margin-top: 0px;
	padding: 0px;
}


.poster-container .tab-audiotext,
.poster-container .tab-text{
	background-image: url("../assets/images/info/audiotext.png");
	background-position:-18px -21px;
	width: 25px;
	height: 19px;
	
}

.poster-container .tab-text{
	background-position:-0px -20px;
	width: 16px;
	height: 20px;
}
.poster-container .ui-state-active .tab-text,
.poster-container .tab-text:hover{
	background-position:-0px -0px;
}


.poster-container .ui-state-active .tab-audiotext,
.poster-container .tab-audiotext:hover{
	background-position:-18px -0px;
}



.ui-tooltip  {
	background:	rgba(221,117,118,0.90);
	border-radius: 0;
	border:0px;
	z-index : 10001;
}

.vvjs-tooltip {
}
.ui-tooltip  .vvjs-tooltip p,
.ui-tooltip  .vvjs-tooltip h2{
	font-family: "source_sans_pro_light",sans-serif !important;
	color: #FFF;
	font-size: 15px !important;
	line-height: 19px !important;
}

.ui-tooltip .vvjs-tooltip h2 {
	font-family: "source_sans_pro_regular",sans-serif !important;
	color: #A51313 !important;
	font-size: 16px !important;
}

.ui-tooltip .vvjs-tooltip h2:FIRST-LETTER{
			text-transform: uppercase;
}

/**********************************************************
************SPLASH / LOADER *******************************
***********************************************************
*/

.app-loader {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	
	margin:0;
	padding:0;
	border:0;
	background-color: rgba(0,0,0,0.9);
	
	color: white;
	z-index:9999;
}

.app-loader .vertical-middle{
	position:relative;
	top:50%; 
	height: 1px;

	margin:0;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
	color: white;
}

.app-loader .vertical-middle img{
	
}


.app-loader .loading-bg{
	position:relative;
	display:inline-block;
	background-image: url("../assets/images/splash/instrucciones.png");
	background-position:center center;
	background-repeat:no-repeat;
	width: 900px;
	height: 497px;
	top: -244px;
	text-align: left;
}

#creditos.app-loader .wrapper{
	position:relative;
	display:inline-block;
	background: white;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:10px;
	color:#723609;
	width: 90%;
	height: 600px;
	top: -300px;
	text-align: center;
	vertical-align: middle;
	
	box-sizing:border-box;
	padding: 5px;
}


#creditos.app-loader .wrapper .content{
	height: 100%;
	overflow: auto;
}

#creditos.app-loader .wrapper .content .app-icon img{
	height: 100px;		
	vertical-align: middle;	
}
#creditos.app-loader .wrapper .content .app-icon h1{
	display: inline-block;
}


.patrocinio{
	margin-top: 20px;
	margin-bottom: 40px; 		
			
}

#creditos.app-loader .wrapper .content .persona{
	margin-bottom: 10px;
}
#creditos.app-loader .wrapper .content .persona .nombre{
	font-weight: bold;
	display: block;
}
#creditos.app-loader .wrapper .content .descripcion{
	margin: 50px auto 50px auto; 
	border: 2px solid #723609;
	border-left: none;
	border-right: none;
	
	padding: 50px 0px 50px 0px;
	width: 50%;
	
}


.app-loader .loading-message{
	position:relative;
	display: inline-block;
	
	
	padding:10px;
	text-align: center;
	background-color: rgba(0,0,0,0.5);

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	
	
	top: 425px;
	left: 650px;
}


.app-loader.tutorial{
	z-index:99999;			
}

.app-loader.tutorial .instruccion-salir{
	background-color: white;
	border: 1px solid gray;
	border-radius: 5px; 
	box-shadow: 1px 1px 2px gray;
	color: red;
	
	display: inline-block;
	padding: 10px;
	
	position: absolute;
	top: auto;
	left: auto;
	right: 10px;
	bottom: 10px;	
}


.app-loader.splash{
	background-color: #eeeeee;
	z-index:1000;
}

.app-loader.splash .fondo {
	display: block;
	height: 100%;
	margin-left: 160px;
	
	background-image: url("../assets/images/splash/splash_circulo_g.png"), url("../assets/images/splash/splash.jpg");
	background-size :  auto 40%, auto 100%;
	background-position:center 30%, right center;
	background-repeat: no-repeat;
	background-color: rgb(0,124,204);
	transition:			background-size 0.2s ease-in;
	-moz-transition:	background-size 0.2s ease-in;
	-ms-transition:		background-size 0.2s ease-in;
	-o-transition:		background-size 0.2s ease-in;
	-webkit-transition:	background-size 0.2s ease-in;
}
/**
**********************************************************************
***************SPLASH INIT********************************************
*/
.app-loader .loading-message span{
	display: block;
	font-weight: bold;
	font-size: 22px;
}

.app-loader.onInit{
	z-index:1000;
			
}
.app-loader.onInit .loading-bg{
	background-image: url("../assets/images/splash/splash.jpg");
}

.app-loader.onInit .loading-message{
	top: 250px;
	left: 120px;
	
	bottom: auto;
	right: auto;
}


.app-loader.onInit .loading-message span{
}


/**
PANO TITLE
*/

#pano-title{
	position: absolute;
	
	bottom: auto;
	right: auto;
	top: 60px;
	left: 10px;
	
	background-color: rgba(255,255,255,0.9);
	color: #AA1313;
	display: inline-block;
	text-align: center;
	max-width: 50%;
	min-width: 100px;
	min-height: 25px;
	padding: 5px 10px 5px 10px;
	border-radius:3px;
	
	text-transform: lowercase;
	
}

#pano-title {
    text-transform: uppercase;
}

/*

@media (max-width: 800px) and (min-width:491px), (max-height: 740px) and (min-height:400px){
	.app-loader.splash .fondo {
	background-size :  auto 240px, auto 100%;
	}
}

@media (max-width: 490px), (max-height: 399px){
	.app-loader.splash .fondo {
			background-size :  auto 160px, auto 100%;
	}
}
@media all and (min-height: 741px) and (min-width: 801px){
	.app-loader.splash .fondo {
			background-size :  auto 400px, auto 100%;
	}
}

*/


/**


*******************************************************
AYUDA
********************************************************
*/

.app-loader.tutorial .loading-bg{
	overflow: hidden;
	width: 900px;
	height: 522px;	
	
	top: -261px;
}


.instruccion{
	font-family:'patrick_hand_regular', sans-serif;
	height:43px;
	color:#5b2c0c;
	font-size:25px;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
	position: relative;
	opacity:0.8;
}



.instruccion_derecho{
	background:url(../assets/images/splash/fondo_tutorial_derecho.png) right center no-repeat;
	text-align:right;
	padding:10px 45px 0 0;
	width:400px;
}
.instruccion_izquierdo{
	background:url(../assets/images/splash/fondo_tutorial_izquierdo.png) left center no-repeat;
	text-align:left;
	padding:10px 0 0 50px;
	width:371px;
}



.instruccion.info_extra{
	left: 430px;
	top: 120px;
	width:350px;
}

.instruccion.info_menu{
	left: 90px;
	top:-30px;
	width:250px;
}

.instruccion.info_navMap{
	top: 20px;
	left: 360px;
	width:380px;
}

.instruccion.info_nav{
	top: 110px;
	left: 460px;
	width:330px;
}


.btn-close {
	position: absolute;
	right: 5px;
	top:5px;

	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("../assets/images/info/close.png");
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}