@import url(font/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: #fff;font-size: 12px;font-family: oswaldregular;overflow-x: hidden;}
a {text-decoration: none;color: #000;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.vh{visibility: hidden;}
.btn-back{cursor: pointer;}

header{height: 316px;background-color: #fff;overflow: hidden;}
header img{width: 100%;}

main{height: 1380px;background-color: #fff;}


.bloq-data{margin: 10px 0;height: 110px; background-color: #fff;}
.bloq-data .bloq{background: url(../img/img-bloq.png) center no-repeat;background-size: 100% 100%;height: 97px;}
.bloq-data .bloq.date{padding-top: 22px;}
.bloq-data .bloq.date p{font-size: 1.6em;margin-bottom: 0;text-align: center;line-height: 1.1;color: #fff;letter-spacing: 2px;}
.bloq-data .bloq.date p.big{font-size: 3.8em;margin-bottom: 0;font-family: oswaldbold;margin-right: 10px;}
.bloq-data .bloq.date p.big i{color: #fff;font-size: 0.7em;}

.bloq-data .bloq.time{padding-top: 16px;}
.bloq-data .bloq.time p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;letter-spacing: 2px;font-family: oswaldbold;}
.bloq-data .bloq.time p i{font-size: 0.7em;}

.bloq-data .bloq.weather{padding-top: 16px;}
.bloq-data .bloq.weather p{font-size: 3.8em;margin-bottom: 0;text-align: center;color: #fff;font-family: oswaldbold;}
.bloq-data .bloq.weather p i{font-size: 0.7em;}

.bloq-data .bloq.days{padding-top: 6px;}
.bloq-data .bloq.days p{font-size: 1.8em;margin-bottom: 0;text-align: center;color: #fff;font-family: oswaldbold;letter-spacing: 1px;}
.bloq-data .bloq.days p span{font-size: 1.8em}

/* HOME */
.bloq-banners{padding: 0px 120px 0;}

.bloq-btns{margin-top: 30px;}
.bloq-btns img{width: 100%;margin-bottom: 40px;}

.carousel-control-next {right: -120px;opacity: 1;}
.carousel-control-prev {left: -120px;opacity: 1;}

.bloq-btns.detail{margin-top: 60px;}


.bloq-btns.detail .bloq-sub{margin-bottom: 60px;padding: 30px 40px;}
.bloq-btns.detail .bloq-sub p{text-align: center;color: #fff;font-size: 3.2em;width: 100%;margin-bottom: 0;text-transform: uppercase;font-family: oswaldbold;}
.bloq-btns.detail .bloq-sub .image{margin: auto auto;}
.bloq-btns.detail .bloq-sub .image img{width: 100%;margin-bottom: 0;}
.bloq-btns.detail .bloq-sub .text{margin: auto auto;}

.bloq-btns.detail.green .bloq-sub .text p{color: #fff;}
.bloq-btns.detail.black .bloq-sub .text p{color: #fff;}
.bloq-btns.detail.blue .bloq-sub .text p{color: #fff;}
.bloq-btns.detail.gray .bloq-sub .text p{color: #575756;}
.bloq-btns.detail.aqua .bloq-sub .text p{color: #36519a;}
.bloq-btns.detail.orange .bloq-sub .text p{color: #f2eca0;}
.bloq-btns.detail.yellow .bloq-sub .text p{color: #e09f53;}

/* DIRECCION GENERAL */
.bloq-title{margin-top: 30px;}
.bloq-title .btn-home img{width: 100%;}
.bloq-title .text{background: url(../img/title-bg.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text h1{text-align: center;color: #fff;margin-bottom: 0;font-size: 4.2em;padding: 30px 0;text-transform: uppercase;font-family: oswaldbold;letter-spacing: 2px;}
.bloq-title .text h2{text-align: center;color: #fff;margin-bottom: 0;font-size: 3.0em;padding: 40px 30px;text-transform: uppercase;font-family: oswaldbold;letter-spacing: 2px;}
.bloq-title .text.bg2{background: url(../img/title-bg2.png) center no-repeat;background-size: 100% 100%;}

.bloq-title .text.green{background: url(../img/title-bg-green.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.black{background: url(../img/title-bg-black.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.gray{background: url(../img/title-bg-gray.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.gray h1{color: #575756;}
.bloq-title .text.blue{background: url(../img/title-bg-blue.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.aqua{background: url(../img/title-bg-aqua.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.aqua h1{color: #36519a;}
.bloq-title .text.orange{background: url(../img/title-bg-orange.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.orange h1{color: #f2eca0;}
.bloq-title .text.yellow{background: url(../img/title-bg-yellow.png) center no-repeat;background-size: 100% 100%;}
.bloq-title .text.yellow h1{color: #e09f53;}

.bloq-btns-detail{margin-top: 120px;}
.bloq-btns-detail .btn-bg{padding: 0 50px;display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 40px;height: 200px;}
.bloq-btns-detail .btn-bg p{text-align: center;color: #fff;font-size: 3.2em;width: 100%;margin-bottom: 0;}

.bloq-btns-detail.color-green .btn-bg.bg-1{background: url(../img/btn-bg1.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-green .btn-bg.bg-1 p{color: #fff;}
.bloq-btns-detail.color-green .btn-bg.bg-2{background: url(../img/btn-bg2.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-green .btn-bg.bg-2 p{color: #fff;}

.bloq-btns-detail.color-black .btn-bg.bg-1{background: url(../img/btn-bg3.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-black .btn-bg.bg-1 p{color: #fff;}
.bloq-btns-detail.color-black .btn-bg.bg-2{background: url(../img/btn-bg4.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-black .btn-bg.bg-2 p{color: #fff;}

.bloq-btns-detail.color-gray .btn-bg.bg-1{background: url(../img/btn-bg5.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-gray .btn-bg.bg-1 p{color: #575756;}
.bloq-btns-detail.color-gray .btn-bg.bg-2{background: url(../img/btn-bg6.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-gray .btn-bg.bg-2 p{color: #575756;}

.bloq-btns-detail.color-blue .btn-bg.bg-1{background: url(../img/btn-bg7.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-blue .btn-bg.bg-1 p{color: #fff;}
.bloq-btns-detail.color-blue .btn-bg.bg-2{background: url(../img/btn-bg8.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-blue .btn-bg.bg-2 p{color: #fff;}

.bloq-btns-detail.color-aqua .btn-bg.bg-1{background: url(../img/btn-bg9.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-aqua .btn-bg.bg-1 p{color: #fff;}
.bloq-btns-detail.color-aqua .btn-bg.bg-2{background: url(../img/btn-bg10.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-aqua .btn-bg.bg-2 p{color: #fff;}

.bloq-btns-detail.color-orange .btn-bg.bg-1{background: url(../img/btn-bg11.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-orange .btn-bg.bg-1 p{color: #fff;}
.bloq-btns-detail.color-orange .btn-bg.bg-2{background: url(../img/btn-bg12.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-orange .btn-bg.bg-2 p{color: #fff;}

.bloq-btns-detail.color-yellow .btn-bg.bg-1{background: url(../img/btn-bg13.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-yellow .btn-bg.bg-1 p{color: #e09f53;}
.bloq-btns-detail.color-yellow .btn-bg.bg-2{background: url(../img/btn-bg14.png) center no-repeat;background-size: 100% 100%;}
.bloq-btns-detail.color-yellow .btn-bg.bg-2 p{color: #e09f53;}

ul.pagination li a{background-color: #86b7a3; color: #fff;font-size: 2.4em;font-family: oswaldbold;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #599e83;border-color: #599e83;}
.page-link {padding: .8rem 1.55rem;}

.bloq-slide-detail{margin-top: 60px;height: 1180px;overflow: hidden;overflow-y: auto;}
.page-to{text-align: center;font-size: 3.0em;margin-top: 30px;}

#Sliders{margin: 0 60px;}


.fb-gallery .bloq{margin-bottom: 30px;}
.fb-gallery .bloq .item{background-color: rgba(0, 0, 0, 0.6);border-radius: 5px;}
.fb-gallery .bloq .item .top{text-align: right;font-size: 1.2em;color: #fff;padding: 5px 10px;text-transform: uppercase;font-family: oswaldregular;}
.fb-gallery .bloq .item .thumb img{width: 100%;}
.fb-gallery .bloq .item .title{font-family: oswaldregular;text-align: center;font-size: 1.4em;color: #fff;padding: 10px;}



footer{height: 94px;}



/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14.active figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}




/* Circle */
.hover16 .bloq-effect {
	position: relative;
	overflow: hidden;
}
.hover16 .bloq-effect::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover16.active .bloq-effect:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}



.hover06 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.hover06.active figure img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}