@font-face {
    font-family: "Soberana Titular";
    font-weight: normal;
    src: url("fonts/SoberanaTitular-Regular.otf");
}
@font-face {
    font-family: "Soberana Titular Bold";
    font-weight: normal;
    src: url("fonts/SoberanaTitular-Bold.otf");
}
@font-face {
    font-family: "Soberana Sans";
    font-weight: normal;
    src: url("fonts/SoberanaSans-Regular.otf");
}
@font-face {
    font-family: "Soberana Sans Italic";
    font-weight: normal;
    src: url("fonts/SoberanaSans-Italic.otf");
}
@font-face {
    font-family: "Soberana Sans Bold";
    font-weight: normal;
    src: url("fonts/SoberanaSans-Bold.otf");
}
body {
  background-color: #FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
}
body.site {
 /*border-top: 3px solid #147fc1;*/
 padding: 20px;
 background-color: #c6c6c6;
}
.body .container {
 background-color: #ffffff;
 /*border: 1px solid rgba(0, 0, 0, 0.15);*/
 border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; 
 padding: 20px; 
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
 /*max-width:970px;*/
}

/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {

}

/****** Menu principal *****/
/*.navbar {background-color: #EEEEEE;margin-top:10px;overflow: visible;min-height: 39px;padding-left: 15px;padding-right: 15px;}*/

.navbar-default {background:rgba(204, 82, 0, 0.85);box-shadow: 0 0px 12px rgba(255, 255, 255, 1);border-color:#fff;}
.navbar{min-height:100%;}
.navbar .nav > li > a{font: 12px "Soberana Titular",serif !important; text-transform: uppercase;padding:15px 15px;color:#ffffff;}
.navbar .nav > li > a:hover{background: #cc5200; color: #ffffff;text-decoration: none;}

ul.nav li.dropdown:hover ul.dropdown-menu {display: block;margin: 0;} /*make the menu sub-menu items drop down on mouse hover */
.navbar .nav > .active > a, .navbar .nav > .active > a:focus {background: #f79034;}
/*.caret{}*/
.nav-dropdown > li {float: left;}
.dropdown-menu > li > a {color:#ffffff;}
.nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#cc5200;color: #FFFFFF;text-decoration: none;}
.nav .dropdown-menu {background-color: #cc5200;border-radius: 0;font: 12px "Soberana Titular",serif !important; text-transform: uppercase;list-style: none outside none;}
.navbar-brand {height:100%; padding: 0;}

/*Header*/
.header {
	background: url(../images/header.jpg) no-repeat transparent;
	height: auto;
}
.header img {width: 100%;}
.header-inner {height:486px;}
.menu-principal {padding-top: 15%;}
/*buscador*/
.buscador {padding-right:30px;}
/* Redes sociales */
.social .btn {padding:0;border:0;}
.social {padding:10px 0; text-align: right;}
.social .btn-default {color: #f79034; background-color: #fff;box-shadow: 0 5px 12px rgba(0, 0, 0, .325);}
.social .btn-default:hover{color:#fff;border-color: #55acee;background-color: #555;}
.btn-circle {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 1.4em;
  text-align: center;
  z-index: 100; 
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
/*============ Tooltip - redes sociales ============*/
.fondotips .tooltip-inner {background-color:#f79034; box-shadow: 0 5px 12px rgba(0, 0, 0, .325);max-width:300px;}
.fondotips .tooltip.top .tooltip-arrow {border-top:5px solid #f79034;}
.fondotips .tooltip.left .tooltip-arrow{border-left:5px solid #f79034;}
.fondotips .tooltip.bottom .tooltip-arrow{border-bottom:5px solid #f79034;}
.fondotips .tooltip.right .tooltip-arrow{border-right:5px solid #f79034;} 
/* Videos */

.videos .embed-responsive {margin-bottom:10px;}
/* Avisos */
.transition-timer-carousel {box-shadow: 0 5px 12px rgba(0, 0, 0, .325);}
.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}
@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 26px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #d67330;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.carousel-control {color:orange;}
.carousel-control.right, .carousel-control.left {background-image:none;}
.transition-timer-carousel .carousel-caption {background:rgba(0, 0, 0, 0.25) ;}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}
/* Noticias INAH */
.noticiasinah a {color:#626262; text-decoration:none;}
/* Breadcrumbs */
/* Top Menu - Basic Pills  */
.menutop {}
.menutop .nav-pills > li > a {
 background-color:#d97d3f;
 color:  	#fff;
 font-size: 82%;    
}
.menutop .nav-pills > li > a:hover {
 background-color:#555;
 color:#fff;
}
.menutop .nav-pills > li > a {
    border-radius: 2px;
    margin-bottom: 0;
    margin-top: 0;
   padding:5px;
}
.menutop .nav-tabs > li > a, .nav-pills > li > a {
    line-height: 11px;
    margin-right: 2px;
    padding-left: 5px;
    padding-right: 5px;
}/*Fin Menu Top*/

/* pieza del mes */
.piezadelmes .panel-default > .panel-heading {background:#ffffff;}
.piezadelmes .panel-footer {background:#ffffff;}
.piezadelmes .modal-header, .discapacidad .modal-header {background-color:#f79034;}
.piezadelmes .modal-title, .discapacidad .modal-title {color:#ffffff;}
.piezadelmes .modal-footer, .discapacidad .modal-footer {text-align:left;}
.piezadelmes h1, .piezadelmes h2, .piezadelmes h3, .piezadelmes h4, .piezadelmes h5, .piezadelmes h6 {margin-top:0;margin-bottom:0;font-size:20px;}

/* iconos temáticos */
.EA {margin-bottom: 10px;}
.EB {margin-bottom: 20px;}
.panel {margin-bottom:0;}
.iconos:hover .img-thumbnail, .iconos.current .img-thumbnail {	
	background-color:#ececed;	
}
/* Interactivos */
hr {margin-bottom:0;margin-top:0;}
.well {margin-bottom:0;}
.videos p {margin:0;}
.videos h6 {margin-top:0;}
.videos .tab-pane {padding:10px; box-shadow: 1px 1px 8px #d8d8d8;}
.cejas .nav-tabs > li.active > a, .cejas .nav-tabs > li.active > a:hover, .cejas .nav-tabs > li.active > a:focus {background-color:#f8a356;color:#fff; border-width:0;}
.cejas .nav > li > a {padding: 7px 15px; background-color: #efeff0;}

.block-update-card {
  height: 100%;
  border: 1px #FFFFFF solid;
  width: 100%;
  float: left;
  margin-top: 0;
  padding: 0;
  box-shadow: 1px 1px 8px #d8d8d8;
  background-color: #FFFFFF;
}
.block-update-card .h-status {
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-update-card .v-status {
  width: 5px;
  height: 80px;
  float: left;
  margin-right: 5px;
  background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
}
.block-update-card .update-card-MDimentions {
  width: 90px;
  height: 90px;
}
.block-update-card .update-card-body {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.block-update-card .update-card-body h4 {
  color: #737373;
  font-weight: bold;
  font-size: 13px;
}
.block-update-card .update-card-body p {
  color: #737373;
  font-size: 12px;
}
.block-update-card .card-action-pellet {
  padding: 5px;
}
.block-update-card .card-action-pellet div {
  margin-right: 10px;
  font-size: 15px;
  cursor: pointer;
  color: #dddddd;
}
.block-update-card .card-action-pellet div:hover {
  color: #999999;
}
.block-update-card .card-bottom-status {
  color: #a9a9aa;
  font-weight: bold;
  font-size: 14px;
  border-top: #e0e0e0 1px solid;
  padding-top: 5px;
  margin: 0px;
}
.block-update-card .card-bottom-status:hover {
  background-color: #dd4b39;
  color: #FFFFFF;
  cursor: pointer;
}

/*
Creating a block for social media buttons
*/
.card-body-social {
  font-size: 30px;
  margin-top: 10px;
}
.card-body-social .git {
  color: black;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .twitter {
  color: #19C4FF;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .google-plus {
  color: #DD4B39;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .facebook {
  color: #49649F;
  cursor: pointer;
  margin-left: 10px;
}
.card-body-social .linkedin {
  color: #007BB6;
  cursor: pointer;
  margin-left: 10px;
}

.music-card {
  background-color: green;
}
/* Agenda cultural */

    .dp
    {
        border:10px solid #eee;
        transition: all 0.2s ease-in-out;
    }
    .dp:hover
    {
        border:2px solid #f8a356;
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);  
        -webkit-transform:rotate(360deg);  
        /*-webkit-font-smoothing:antialiased;*/
    }
/* Trípticos */
.tripticos a {color:#555555;}
.tripticos .fa, .adress .fa {color:orange;}
/********** Slide banners **********/
.slideImagen .thumbnail {
    position:relative;
    display:inline-block;
    padding:0px;
    border:0px;
    margin-bottom:0;
    width: 144px;
    height: 210px;
    background:#e6e6e6;
    white-space:normal;
    padding-top:12px;
}
.thumbnail-detail {height: 82px;overflow:hidden; color:#fff;padding:8px 3px 0 3px;}
.titulo {text-align:center;text-transform:uppercase;font-size:80%;font-weight: bold; padding-bottom:5px;}
.descrip {font-size:80%;}
.thumbnail-detail p {margin-bottom:0;}

.slideImagen .caption {
   display: none;
   position: absolute;
   top: 12px;
   left: 0;
   /*background:rgba(204,0,0,0.9);*/
   background: rgba(206, 88, 10, 0.9);
   width: 100%;
   height: 88.5%;
   color: #fff !important;
   z-index:2;
}
.slideImagen .caption p {padding: 0;}
.caption-btm {
    background: rgba(0, 0, 0, .5);
    font-size: 90%;  
    height: 20px;
    line-height:20px;
    padding: 0 5px;
    position: absolute;
    bottom: 4px;
    color: #fff;  
    width: auto;
    top:11px;
}
.slideImagen {        
        margin: auto; 
        position: relative;
    }
    .scrolls { 
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100%; /*80*/
    white-space:nowrap;
    } 
/**** fin de destacmos****/	

/* salas del museo */
.popover {border: 1px solid #cececd;}

.popover.left > .arrow {border-left-color: #cececd;}
.popover-title {background-color:#f79238;color:#fff;}
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-github{color:#fff;background-color:#555;border-color:rgba(0,0,0,0.2)}
.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}

/* fin salas del museo */
/* sitios recomendados */
.list-group-item {
    background-color: #fff;
    border-radius: 0px !important;
    padding: 8px 10px;
}

.list-group-item.active, .list-group-item:hover {
    background-color: #F8F7F5;
}

/* galeria separadas */
/* START OF DEMO CSS - NOT NEEDED */
#fullscreen {
    position: fixed;
    top: 10px;
    right: 10px;
}
/* END OF DEMO CSS */
.modal-slacker {
	width: 70%;
	height: 100%;
	margin: 0 auto;
}

.modal-slacker .modal-content {
	margin-top: 5%;
	border-radius: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	height: auto;
	overflow: auto;
}

.modal-slacker .modal-header .close {
	color: #fff;
	background-color: #cc5302;
	border-color: #f6a156;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}
.modal-slacker .modal-footer {text-align:left;}
.modal-slacker .modal-title {
	font-size: 34px;
	font-weight: bold;
}

@media (min-width: 992px) {
	.modal-slacker .modal-header,
	.modal-slacker .modal-body,
	.modal-slacker .modal-footer {
		width: 900px;
	}
}

@media (min-width: 768px) {
	.modal-slacker .modal-header,
	.modal-slacker .modal-body,
	.modal-slacker .modal-footer {
		width: 50%;
		margin: 0 auto;
	}
}
/* Makes images fully responsive */
/*.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}*/
/* Micelaneos */
.page-header {margin:0px 0 20px;}

.sidebar .panel-default > .panel-heading {background-color:#f79339;color:#fff;}
.sidebar .panel-default {border-color:#f79339;}
/* Footer 
.footer {background:red;}*/
.empresa {border-top: medium double #DEDEDE;border-bottom: medium double #DEDEDE;text-align: center; padding:10px 0; text-transform: uppercase;}
.adress {text-align: center; color: #808080; font-size: 12px; padding:0 0 10px 0;}
.logo-footer {}
.logo-footer img {display: block; margin: 0 auto;}

/* Scroll Top */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}



/**Imagen efectos**/
.rotate {position:relative;}
.rotate .link {
    background-color: rgba(75, 157, 180, 0.9);
    position: absolute;
    left: 0;
    height: 60px;
    right: 0;
    width: 60px;
    margin: auto;
    bottom: 0;
    border-radius: 100%;
    transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    top: 0;
    opacity: 0;
    line-height:60px;
    color:#ffffff;
    font-size:1.3em;
    text-align:center;}
.rotate a:hover .link {
    transition: all 0.3s ease-in-out 0.25s;
    -moz-transition: all 0.3s ease-in-out 0.25s;
    -webkit-transition: all 0.3s ease-in-out 0.25s;
    -o-transition: all 0.3s ease-in-out 0.
    top: 0;
    opacity: 1;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);}
.rotate a img {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s; 
    opacity: 1; 
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);}
.rotate a:hover img {
    opacity: 0.7; 
    transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);}