@charset "utf-8";
body {
background-image: url(../../img/old_wall.png);
background-repeat: repeat;
background-attachment: fixed;
}

@media screen and (max-width: 1200px){
#patrimonioo .carousel-item {
    height: 40vh!important;
}
.titulo h1{
	font-size: 25px;
}
#page {
padding-left: 0px!important;
padding-right: 0px!important;
}
#page .top {
    margin-left: 20px;
}
}
/* CSS Document */
.navbar{background:#00293c; font-size: 15px;}
.nav-item::after{content:'';display:block;width:0px;height:2px;background:#808080;transition: 0.2s;}
.nav-item:hover::after{width:100%;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#808080;}
.navbar-dark ul li a {font-family: 'Ubuntu', sans-serif;}
.nav-link{padding:15px 5px;transition:0.2s;}
.dropdown-item.active, .dropdown-item:active{color:#808080;}
.dropdown-item:focus, .dropdown-item:hover{background:#F0F0F0;}

.container-fluid{
padding-left: 15%;
padding-right: 15%;
}


.colores .color {
max-width: 65em;
width: calc(100% - 6em);
margin: 0 auto;
} 
/* .colores{
padding: 6em 0 4em 0;

}*/
.colores .color img{
border-radius: 15px 50px 30px;
height:50%;
width:70%;
}

.image.fit {
display: block;
margin: 0 0 2em 0;
width: 100%;
}
.colores .color h3{
color: #e5474b;
font-size: 1.35em;
padding: 2em;
}
.colores .color p{
color: #000;
font-size: 1.3em;
font-family: 'Tajawal', sans-serif;
padding: 2em;
text-align: justify;
}

.titulo h1 {
letter-spacing: 0;
color: #000;
line-height: 30px;
margin-bottom: 10px;
padding-bottom: 16px;
position: relative;
font-family: 'Ubuntu', serif;
text-transform: capitalize!important;
}
.titulo h1:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 180px;
background: linear-gradient(45deg, #1e656d 0%, #ee693f 100%);
}
.titulo h1:after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
height: 1px;
width: 100%;
background: linear-gradient(45deg, #00293c 0%, #1E656D 100%);
}

.titulo h3 {
letter-spacing: 0;
color: #000;
line-height: 30px;
margin-bottom: 10px;
padding-bottom: 16px;
position: relative;
font-family: 'Ubuntu', serif;
text-transform: capitalize!important;
}
.titulo h3:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 5px;
width: 180px;
background: linear-gradient(45deg, #1e656d 0%, #ee693f 100%);
}
.titulo h3:after {
content: '';
position: absolute;
left: 0;
bottom: 2px;
height: 1px;
width: 100%;
background: linear-gradient(45deg, #00293c 0%, #1E656D 100%);
}

.titulo p {
line-height: 180%;
}
#page {

padding-left: 100px;
padding-right: 100px;
padding-top: 30px;

}
/*#page .btn-outline-danger {
background-color: transparent;
color: #e5474b !important;
height: 3.5em;
line-height: 3.65em;
padding: 0 2.25em;

}*/
#page .button {
display: inline-block;
margin-top: 2em;
padding: 1em 2em 1em 2em;
background: #82b74b;
letter-spacing: 0.20em;
line-height: 1.8em;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
font-size: 1.2em;
color: #FFF;
}	
/**/
.hero-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../AppData/Local/Temp/scp04488/var/www/html/patrimonio_mexico/lib/img/img_publico/publico1.jpg");
height: 40em;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

.hero-text {
text-align: center;
color: white;
}

/**/
.fas {
position: relative;
display: block;
margin: 0px auto 0.80em auto;
line-height: 150px;
font-size: 4em;
width: 150px;
height: 150px;
border-radius: 100px;
text-align: center;
color: #e5474b;
}

/*timeline*/
ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline:before {
content: ' ';
background: #d4d9df;
display: inline-block;
position: absolute;
left: 29px;
width: 2px;
height: 100%;
z-index: 400;
}
ul.timeline > li {
margin: 20px 0;
padding-left: 20px;
}
ul.timeline > li:before {
content: ' ';
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #808080;
left: 20px;
width: 20px;
height: 20px;
z-index: 400;
}

.timeline .imgeventos img{
height: 100%;
width: 100%;
}
.timeline .row{
margin-right: 0;
}


/**/
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}
/*************/

.boomerang{
padding-top: 50px;
text-align: justify;


}

.boomerang ol li a {
color: #A52A2A;
font-family: 'Ubuntu', sans-serif;
}

.boomerang .img_listado{
width: 100%;
}

.boomerang .enlista{
display: inline-block;
}

.boomerang img{
height: 30vh;
}

.boomerang .row{
padding-top: 50px;
}

/*.shadow {
-webkit-box-shadow: 31px 30px 158px -8px rgba(87,87,87,1);
-moz-box-shadow: 31px 30px 158px -8px rgba(87,87,87,1);
box-shadow: 31px 30px 158px -8px rgba(87,87,87,1);
background: #F5F5F5;
}*/

/**/
#footer {
background-color: #1e656d;
}
#footer p{
color: white;
font-size: 12px;
padding: 20px;
}
.footer { 
background-color:#00293c;
/*height: 100%;*/

}
.footer p{
color: #fff;
font-size: 14px;
}
.footer .container  {
padding: 20px;
}
.footer .container h2 {
font-size: 18px;
color: #fff;
}
.footer .container a {
color: #fff;
font-size: 14px;
}

.footer ul li{
list-style: none;
}

/**/
.social-icon {
color: #fff;
}

.social-icons li {
vertical-align: top;
display: inline;
height: 100px;
}
.social-icons a {
color: #fff;
text-decoration: none;
}

.social-icons .fa-facebook {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #1e656d;
}
.social-icons .fa-facebook:hover {
background-color: #3d5b99;
}
.social-icons .fa-youtube {
padding:10px 12px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #1e656d;
}
.social-icons .fa-youtube:hover {
background-color: #b7012d;
}
.social-icons .fa-twitter {
padding:10px 12px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #1e656d;
}
.social-icons .fa-twitter:hover {
background-color: #00aced;
}
.fa-rss {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #1e656d;
}
.fa-rss:hover {
background-color: #eb8231;
}
.fa-paper-plane {
padding:10px 14px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
background-color: #1e656d;
}
.fa-paper-plane:hover {
background-color: #2E8B57;
}

/**/
#page .top{
    margin-top: 50px;
    padding-bottom: 350px;
    padding-right: 100px;
}
#page .back {
	margin-top: 50px;
    background-color: #ffff;
    border-radius: 4px;
    padding: 50px;
}
#page .bot{
	padding-bottom: 50px;
}
/**/
.direcciones img{
height: 15vh;
border-radius: 15px;
}

/**/
.MultiCarousel1,.MultiCarousel2,.MultiCarousel3,.MultiCarousel4 { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel1 .MultiCarousel-inner,
.MultiCarousel2 .MultiCarousel-inner,
.MultiCarousel3 .MultiCarousel-inner,
.MultiCarousel4 .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel1 .MultiCarousel-inner .item,
.MultiCarousel2 .MultiCarousel-inner .item,
.MultiCarousel3 .MultiCarousel-inner .item,
.MultiCarousel4 .MultiCarousel-inner .item  { float: left;}
.MultiCarousel1 .MultiCarousel-inner .item > div,
.MultiCarousel2 .MultiCarousel-inner .item > div,
.MultiCarousel3 .MultiCarousel-inner .item > div,
.MultiCarousel4 .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel1 .leftLst, .MultiCarousel1 .rightLst,
.MultiCarousel2 .leftLst, .MultiCarousel2 .rightLst,
.MultiCarousel3 .leftLst, .MultiCarousel3 .rightLst,
.MultiCarousel4 .leftLst, .MultiCarousel4 .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel1 .leftLst,
.MultiCarousel2 .leftLst,
.MultiCarousel3 .leftLst,
.MultiCarousel4 .leftLst { left:0; }
.MultiCarousel1 .rightLst,
.MultiCarousel2 .rightLst,
.MultiCarousel3 .rightLst,
.MultiCarousel4 .rightLst { right:0; }

.MultiCarousel1 .leftLst.over, .MultiCarousel1 .rightLst.over, 
.MultiCarousel2 .leftLst.over, .MultiCarousel2 .rightLst.over,
.MultiCarousel3 .leftLst.over, .MultiCarousel3 .rightLst.over,
.MultiCarousel4 .leftLst.over, .MultiCarousel4 .rightLst.over{ pointer-events: none; background:#ccc; }
.MultiCarousel1 .MultiCarousel-inner .item .pad15 img,
.MultiCarousel2 .MultiCarousel-inner .item .pad15 img,
.MultiCarousel3 .MultiCarousel-inner .item .pad15 img,
.MultiCarousel4 .MultiCarousel-inner .item .pad15 img{ width:100%; height: 250PX; }

/*1,3,5,6 data items original*/