body {
	font-family: 'helvetica-light', sans-serif;
	font-weight: 400;
	color: #7e7e7e;
  font-size: 16px
}
/************* FONTS ***************/

@font-face {
  font-family: 'bebas_neuebold';
  src: url('fonts/bebas/bebasneue_bold-webfont.eot');
  src: url('fonts/bebas/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bebas/bebasneue_bold-webfont.woff2') format('woff2'),
       url('fonts/bebas/bebasneue_bold-webfont.woff') format('woff'),
       url('fonts/bebas/bebasneue_bold-webfont.ttf') format('truetype'),
       url('fonts/bebas/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-family: 'bebas_neuebold';
  color: #2e5299;
}
h1, h2 {
  font-size: 40px;
}
p {
	text-align: justify;
  font-size: 16px; 
}

/************** content align ***********/

.content-general {
	display: table;
	width: 100%;
	height: 100%;
}
.content-align {
	display: table-cell;
  vertical-align: middle;
}



.logo {
  margin-top: 20%;
} 

/***************** botones **************/
.botones a {
  position: fixed;
  bottom: 10%;
  right: 10%;

} 
.glyphicon {
  color: #2e5299;
}
.ghost-button {border:2px solid #7F7F7F;background-color:rgba(255,255,255,1);text-transform:uppercase;color:#7F7F7F;padding:10px;text-decoration:none;position:relative;margin:5px}
.ghost-button:hover,.ghost-button:hover .glyphicon, .ghost-button:active, .ghost-button:visited, .ghost-button:visited .glyphicon {background-color:#00519C;color:#fff;text-decoration:none;border:2px solid #00519C}
.ghost-button:visited {background-color:#00519C !important;}
.ghost-button-visited {
  color: red
}
/************** SCROLL ******************/

#tema-anterior {background-image:url(../img/tema-anterior.png);width:120px;height:30px;float:left;}
#inicio {background-image:url(../img/inicio.png);width:120px;height:30px;float:left}
#mapa {background-image:url(../img/mapa-sitio.png);width:120px;height:30px;float:left}
#tema-anterior:hover, #inicio:hover, #mapa:hover { background-position: -120px 0;cursor:pointer}


/* Mobile Only */


@media (max-width: 479px) {
  
}
@media (max-width: 768px) {
   
}
@media (min-width: 992px) {
  body {
    
  }
  
}
@media (min-width: 1370px) {
 
  
}


.carousel-caption {
  background: rgba(0, 0, 0, 0.3);
  padding: 20px;
  
}
.carousel-caption p {
  text-align: center !important;
  color: #FFFFFF !important;
}
.carousel-caption h2 {
    margin: 0;
    color: #FFFFFF
}
.content-modal {
  background: #FFFFFF;
  padding: 20px;
}

/*TEXT*/
.title-holder {
  position: relative;
  padding: 10px 20px 0 80px;
  background: url(../img/png/title-header.png);
  background-repeat:no-repeat;min-height: 80px;
}
.title {
  font-family:'bebas_neuebold';
  color: #2e5299;
  text-transform:uppercase;margin:  20px 50px 0 0;
  position:relative;
  font-size: 48px;
}
.subtitle {
  font-family:'bebas_neuebold';
  color:#2e5299;
  text-transform:uppercase;
  font-size:30px
}
.instruction, .alert-danger strong, .alert-danger p {
  color:#e20000 !important;
  font-size:14px
}
/*CONTAINER*/
#main {/*z-index:50;*/top:0px;/*width:5464px;*/min-height:100%;/*margin-top:-300px;*//*top:50%*/}
.visor {width:1000px;height:600px;position:absolute;display:none;opacity:0}
.glasses {width:1000px;height:600px;position:absolute;margin-left:-500px;left:50%}
.section {float:left;position:relative;height:100%;/*width:1366px*/width:1170px}
.fader {background-color:#fff;opacity:0;position:absolute;width:100%;height:100%}
.info-container {/*width:1170px;position:absolute;*/height:400px;overflow-y:scroll}
.info {height:auto !important;max-height: 200px;
  overflow-y: auto;}
.info, .modal-body {background-color:rgba(255,255,255,1);padding:40px !important;height:auto; 
}


/*MODALS*/
.close-modal {background-image:url(../img/png/cerrar.png);height:60px;width:60px;position:absolute;right:10px;top:10px;z-index:1; border: none; background-color: transparent;}
.close-modal:hover { background-position:-60px 0;cursor:pointer}
.modal-transparent {background:transparent}
.modal-transparent .modal-content {background:transparent}
.modal-backdrop.modal-backdrop-transparent {background:trnsparent}
.modal-backdrop.modal-backdrop-transparent.in {opacity:.9;filter:alpha(opacity=90)}

/*CAROUSEL*/

.carousel .carousel-control .glyphicon  {
  color: white
}

.carousel .carousel-control {background-image:none;width:50px;height:50px;top:50%;margin-top:-25px;background-color:rgba(0,0,0,.4);opacity:1;text-shadow:none;z-index:5;-webkit-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}
.carousel .carousel-control:hover {background:rgba(0,0,0,.8);color:#fff}
.carousel-indicators .active {background-color:#DA1C24 !important;border-width:0 !important}
.carousel .carousel-indicators li,.carousel .carousel-indicators .active {width:15px;height:15px;margin:3px;border:1px solid #000}
.carousel-control.left, .carousel-control.right {background-image:none !important}
.carousel .carousel-indicators {bottom:-50px}
.carousel .carousel-inner {margin-bottom:50px}
.carousel-caption {padding:0 15px;position:absolute;right:0;bottom:0 !important;left:0 !important;background:rgba(0, 0, 0, 0.75);min-width:100%}
.carousel-caption .subtitle, .carousel-caption p {color:#fff !important;text-shadow:none !important}

.audio-player {
  margin-bottom: 15px;
}
.front .main-content:last-child .info { 
  z-index: 999;
  background: #FFFFFF;
}

@-webkit-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
.mouse-scroll .mouse {
    position: relative;
    display: block;
    width: 16px;
    height: 30px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-radius: 23px;
}
.mouse-scroll .mouse .mouse-movement {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 5px;
    height: 5px;
    margin: -4px 0 0 -3px;
    background: #FFF;
    border-radius: 50%;
    -webkit-animation: scroll-ani 4s linear infinite;
    -moz-animation: scroll-ani 4s linear infinite;
    animation: scroll-ani 4s linear infinite;
}
.mouse-scroll .mouse-message {
  float: left;
  margin: -200px 0 0 7px;
  padding: 0;
  -webkit-animation: scroll-ani 4s linear infinite;
  -moz-animation: scroll-ani 4s linear infinite;
  animation: scroll-ani 4s linear infinite;
}
.mouse-scroll:hover .mouse-message {
  margin-top: 0;
}
.footer {
  background: rgba(0,0,0,0.7);
  width: 100%;
  position: fixed;
  bottom: 10px;
  z-index: 1;
  padding: 10px 20px;
}
.mouse-scroll {
  float: left;
}
.text-scroll {
  color: white;
  font-size: 16px;
  margin-left: 30px;
  margin-top: 5px;
}
.front {
  z-index: 3
} 
.mapa-menu {
  font-family: 'bebas_neuebold';
  color: #FFFFFF;
  text-align: center;
}
.mapa-menu .glyphicon {
  color: #FFF;
}
.mapa-menu a {
  color: #FFFFFF;
}
.mapa-menu .head {
  background: #2e5299;
  font-size: 48px;
}
.mapa-menu .head {
  background: #2e5299;
  font-size: 28px;
  padding: 20px
}
.mapa-menu .head-2 {
  background: #CCCCCC;
  font-size: 24px;
  padding: 10px;
  color: #4d4d4d
}
.mapa-menu .head-2 a {
  color: #4d4d4d;
}
.mapa-menu .head-2 .glyphicon {
  color: #4d4d4d;
}
.mapa-menu .rojo-1 {
  background: #da1c24;
  font-size: 18px;
  padding: 10px
}
.mapa-menu .rojo-2 {
  background: #8d040a;
  font-size: 18px;
  padding: 10px
}
.mapa-menu .gris-1 {
  background: #e6e6e6;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  color: #7e7e7e;
  padding: 10px
}
.mapa-menu .gris-1 a, .mapa-menu .gris-1 .glyphicon {
  color: #7e7e7e;
}
.mapa-menu .gris-2 {
  background: #cccccc;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  color: #7e7e7e;
  padding: 10px
}
.mapa-menu .gris-2 a {
  color: #7e7e7e;
}
.glosario {
  z-index: 1049;
  position: fixed;
  top: 50%;
  left: -6%;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.glosario:hover {
  left: 0;

}
.important {
  background: #DA1745;
  padding: 20px;
}
.important p, .important li {
  color: #FFFFFF;
}
/****
.front .main-content:last-child .title-holder, .front .main-content:last-child .info {
 -webkit-box-shadow: 6px 6px 5px 0 rgba(0,0,0,0.1);
box-shadow: 6px 6px 5px 0 rgba(0,0,0,0.1);  
}
******/