@import url(font/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;font-family: gothammedium;overflow-x: hidden;}
a {text-decoration: none;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.msg{color: #000;font-size: 1.6em;text-align: center;}
.help-block{color: red !important;font-family: gothambold;}

p.not-news{text-align: center;font-size: 1.6em;font-family: gothammedium;}


.btn-bars{display: none;}
header{overflow: hidden;background-color: #fff;}
header .top{text-align: right;font-size: 1.3em;margin: 5px 0;}
header .top i{margin: 0 10px;}
header .top i.btn-search{cursor: pointer;}
header .top a{color: #000;}
header .menu{padding-top: 5px;text-align: center;}
header .menu ul{list-style: none;padding: 0;margin: 0px;}
header .menu ul li{font-size: 1.2em;font-family: gothambold;text-align: center;display: inline-block;margin: 0px 30px;padding: 20px 0;border-bottom: 4px solid transparent;text-transform: uppercase;}
header .menu ul li a{color: #000;}
header .menu ul li:hover{border-bottom: 4px solid #a00008;}
header .menu ul li:hover a{color: #a00008;}
header .logo {text-align: center;margin-bottom: 20px;}

header .menu ul li.cat-8:hover{border-bottom: 4px solid #f94747;}
header .menu ul li.cat-8:hover a{color: #f94747;}
header .menu ul li.cat-1:hover{border-bottom: 4px solid #ff0000;}
header .menu ul li.cat-1:hover a{color: #ff0000;}
header .menu ul li.cat-2:hover{border-bottom: 4px solid #a00008;}
header .menu ul li.cat-2:hover a{color: #a00008;}
header .menu ul li.cat-3:hover{border-bottom: 4px solid #780a0d;}
header .menu ul li.cat-3:hover a{color: #780a0d;}
header .menu ul li.cat-4:hover{border-bottom: 4px solid #5d1011;}
header .menu ul li.cat-4:hover a{color: #5d1011;}
header .menu ul li.cat-5:hover{border-bottom: 4px solid #501412;}
header .menu ul li.cat-5:hover a{color: #501412;}
header .menu ul li.cat-6:hover{border-bottom: 4px solid #421714;}
header .menu ul li.cat-6:hover a{color: #421714;}
header .menu ul li.cat-7:hover{border-bottom: 4px solid #351a16;}
header .menu ul li.cat-7:hover a{color: #351a16;}

#frm-search{text-align: center;}
#frm-search button{background-color: #a00008;border: 0;border-radius: 0;}
#searchModal .modal-content{background-color: #252525;}
#searchModal .modal-header{border: 0px;}
#searchModal .modal-header .close{opacity: 0.5;color: #fff;}


.h-bloq2{background-color: #fff;padding: 60px 0;}
.h-bloq2 .content .bloq{margin-bottom: 20px;}
.h-bloq2 .content .bloq.cat-8{background-color: #f94747;}
.h-bloq2 .content .bloq.cat-1{background-color: #ff0000;}
.h-bloq2 .content .bloq.cat-2{background-color: #a00008;}
.h-bloq2 .content .bloq.cat-3{background-color: #780a0d;}
.h-bloq2 .content .bloq.cat-4{background-color: #5d1011;}
.h-bloq2 .content .bloq.cat-5{background-color: #501412;}
.h-bloq2 .content .bloq.cat-6{background-color: #421714;}
.h-bloq2 .content .bloq.cat-7{background-color: #351a16;}
.h-bloq2 .content .bloq .image img{width:400px;height:400px;object-fit: cover;}
.h-bloq2 .content .bloq .category span{padding: 5px;color: #000;text-transform: uppercase;font-family: gothammedium;background-color: #fff}
.h-bloq2 .content .bloq.cat-8 span{color: #f94747;}
.h-bloq2 .content .bloq.cat-1 span{color: #ff0000;}
.h-bloq2 .content .bloq.cat-2 span{color: #a00008;}
.h-bloq2 .content .bloq.cat-3 span{color: #780a0d;}
.h-bloq2 .content .bloq.cat-4 span{color: #5d1011;}
.h-bloq2 .content .bloq.cat-5 span{color: #501412;}
.h-bloq2 .content .bloq.cat-6 span{color: #421714;}
.h-bloq2 .content .bloq.cat-7 span{color: #351a16;}
.h-bloq2 .content .bloq .text{padding: 60px 40px 10px}
.h-bloq2 .content .bloq .text .title{margin-top: 20px;}
.h-bloq2 .content .bloq .text .title h4{font-family: gothambold;color: #fff;margin-bottom: 20px;font-size: 1.8em;line-height: 1.5;}
.h-bloq2 .content .bloq .text p{font-family: gothamlight;color: #fff;font-size: 1.1em;margin-bottom: 30px;line-height: 1.4;text-align: left;}

.content hr {width: 95%;height: 0;border: medium none;border-top: 2px dashed #a00008 !important;margin: 60px auto;}

.content .publicity{margin-top: 30px;text-align: center;}
.content .publicity img{width: 100%;}

.btns-pagination{margin-top: 40px;}
ul.pagination{justify-content: center;}
ul.pagination li{margin: 2px;font-size: 1.2em;font-family: gothambook;}
ul.pagination li a{background-color: #252525; color: #fff;}
.page-link {padding: .6rem 1.0rem;border: 1px solid #252525;}
.page-link:hover {background-color: #a00008;border-color: #a00008;color: #fff;}
.page-item.active .page-link {z-index: 3;color: #000;background-color: #a00008;border-color: #a00008;color: #fff;}


/* SIDE BAR */
.side-bar .last-news h3{font-size: 1.4em;margin-bottom: 0;font-family: gothambold;}
.side-bar .last-news hr {width: 95%;height: 0;border: 1px solid #a00008;}
.side-bar .last-news .bloq{margin-bottom: 30px;}
.side-bar .last-news .bloq .category span{padding: 5px;color: #fff;text-transform: uppercase;font-family: gothammedium;font-size: 0.8em;}
.side-bar .last-news .bloq .category.cat-8 span{background-color: #f94747;}
.side-bar .last-news .bloq .category.cat-1 span{background-color: #ff0000;}
.side-bar .last-news .bloq .category.cat-2 span{background-color: #a00008;}
.side-bar .last-news .bloq .category.cat-3 span{background-color: #780a0d;}
.side-bar .last-news .bloq .category.cat-4 span{background-color: #5d1011;}
.side-bar .last-news .bloq .category.cat-5 span{background-color: #501412;}
.side-bar .last-news .bloq .category.cat-6 span{background-color: #421714;}
.side-bar .last-news .bloq .category.cat-7 span{background-color: #351a16;}
.side-bar .last-news .bloq .text{margin: 10px 0px;}
.side-bar .last-news .bloq .text .title{margin-top: 20px;}
.side-bar .last-news .bloq .text .title h4{font-family: gothambold;color: #000;margin-bottom: 20px;font-size: 1.2em;line-height: 1.5;}
.side-bar .last-news .bloq .text p{font-family: gothamlight;color: #707070;font-size: 1.0em;margin-bottom: 0px;line-height: 1.4;text-align: left;}

.side-bar .publicity{margin-top: 0px;text-align: center;}
.side-bar .publicity img{width: 100%;}

.side-bar .tags{margin: 30px 0;}
.side-bar .tags h3{font-size: 1.4em;margin-bottom: 0;font-family: gothambold;}
.side-bar .tags a{font-size: 1.2em;color: #252525;font-family: gothambook;}
.side-bar .tags span{margin: 0 5px;}
.side-bar .tags a:hover{color: #a00008;}

.side-bar .boletin{background-color: #a00008;margin: 30px 0;padding: 40px 10px;}
.side-bar .boletin h3{color: #fff;margin-bottom: 20px;text-transform: uppercase;text-align: center;font-family: gothambold;font-size: 1.4em;}
#frm-bulletin input{background-color: transparent;border-radius: 0;border: 1px solid #b33339;color: #fff;margin-right: 0rem!important;width: 100%;}
#frm-bulletin button{background-color: #000 !important;border-radius: 0;border: 2px solid #000;padding: 5px 10px;margin: 0;}
#frm-bulletin button i{margin: 0px 10px;}
#frm-bulletin p{text-align: right;margin-bottom: 0;font-size: 1.0em;font-family: gothamlight;}
p.msg-b{font-size: 1.2em !important;display: none;text-align: center;color: #fff;}
#frm-bulletin input::placeholder {color: #fff;opacity: 0.6; /* Firefox */}
#frm-bulletin small.help-block{color: #fff !important;}
#frm-bulletin .form-group {margin-bottom: 0;}

/* DETAIL */
.d-bloq1{background-color: #252525;padding: 30px 0;}
.d-bloq1.cat-8{background-color: #f94747;}
.d-bloq1.cat-1{background-color: #ff0000;}
.d-bloq1.cat-2{background-color: #a00008;}
.d-bloq1.cat-3{background-color: #780a0d;}
.d-bloq1.cat-4{background-color: #5d1011;}
.d-bloq1.cat-5{background-color: #501412;}
.d-bloq1.cat-6{background-color: #421714;}
.d-bloq1.cat-7{background-color: #351a16;}

.d-bloq1 h3{font-family: gothambold;color: #fff;margin-bottom: 0px;font-size: 2.4em;text-transform: uppercase;text-align: center;}

.d-bloq2{padding: 60px 0;}
.d-bloq2{background-color: #fff;padding: 60px 0;}
.d-bloq2 .detail .image img{width: 100%;margin-bottom: 30px;}
.d-bloq2 .detail .category span{padding: 5px;color: #fff;text-transform: uppercase;font-family: gothammedium;font-size: 1.1em;}
.d-bloq2 .detail .category.cat-8 span{background-color: #f94747;}
.d-bloq2 .detail .category.cat-1 span{background-color: #ff0000;}
.d-bloq2 .detail .category.cat-2 span{background-color: #a00008;}
.d-bloq2 .detail .category.cat-3 span{background-color: #780a0d;}
.d-bloq2 .detail .category.cat-4 span{background-color: #5d1011;}
.d-bloq2 .detail .category.cat-5 span{background-color: #501412;}
.d-bloq2 .detail .category.cat-6 span{background-color: #421714;}
.d-bloq2 .detail .category.cat-7 span{background-color: #351a16;}
.d-bloq2 .detail .title{margin-top: 20px;}
.d-bloq2 .detail .title h4{font-family: gothambold;color: #000;margin-bottom: 20px;font-size: 1.8em;line-height: 1.5;}
.d-bloq2 .detail .description p{font-family: gothamlight;color: #707070;font-size: 1.2em;margin-bottom: 30px;line-height: 1.4;text-align: left;}
.d-bloq2 .detail .date p{font-family: gothammedium;color: #707070;font-size: 1.2em;margin-bottom: 30px;line-height: 1.4;text-align: left;}
.d-bloq2 .detail .video{margin-bottom: 30px;}
.d-bloq2 .detail .video iframe{width: 100%;}
.d-bloq2 .detail .btn-back{text-align: right;margin-bottom: 30px;}
.d-bloq2 .detail .btn-back a{background-color: #252525;color: #fff;font-size: 1.2em;padding: 10px;}

.d-bloq2 .detail .gallery {margin-top: 60px;}
.d-bloq2 .detail .gallery .bloq{position: relative;}
.d-bloq2 .detail .gallery .bloq img{width: 140px;height: 140px;object-fit: cover;}
.d-bloq2 .detail .gallery .bloq .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(160, 0, 8, 0.5);opacity: 0;transition: all 0.3s ease-out;}
.d-bloq2 .detail .gallery .bloq .bg:hover{opacity: 1;}

.d-bloq2 .detail .tags{margin: 30px 0;}
.d-bloq2 .detail .tags h3{font-size: 1.4em;margin-bottom: 20px;font-family: gothambold;}
.d-bloq2 .detail .tags a{font-size: 1.2em;color: #252525;font-family: gothambook;}
.d-bloq2 .detail .tags span{margin: 0 5px;}
.d-bloq2 .detail .tags a:hover{color: #a00008;}

.shared-panel{overflow: auto;text-align: right;}
.shared-panel span{margin: 10px 0;font-size: 1.2em;font-weight: 600;color: #707070;font-family: gothammedium;}
.shared {display: inline-block;width: 30px;height: 30px;margin: 5px 0;padding: 0;background: url("../img/shared.png") no-repeat;/*float: left;*/margin-right: 5px;cursor: pointer;border-radius: 50%;}
.shared:hover{opacity: 0.7;}
.shared.gp {background-position: 0px 0px; background-color: #E62B34;}
.shared.tt {background-position: 0px -30px; background-color: #43BDF0;}
.shared.ce {background-position: 0px -60px; background-color: #8A898D;}
.shared.wa {background-position: 0px -90px; background-color: #0dc143;}
.shared.fb {background-position: 0px -120px; background-color: #6081C4;}

.text-search{margin-bottom: 30px;}
.text-search p{font-size: 2.4em;font-family: gothamlight;}
.text-search p strong{font-family: gothambook;}

.loading{text-align: center;display: none;}
.loading img{-webkit-animation:spin 1s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infi}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.loading p{text-align: center;font-size: 1.6em;font-family: gothammedium;}

footer{background-color: #252525;}
footer .text{background-color: #252525;padding: 60px 30px;}
footer .text p{font-size: 1.2em;font-family: gothammedium;text-align: right;margin: 0;color: #fff;}
footer .text2{background-color: #a00008;padding: 60px 30px;}
footer .text2 p{font-size: 1.2em;font-family: gothammedium;text-align: left;margin: 0;color: #fff;}
footer .text2 a{color: #fff;}



@media only screen and (min-width: 2560px){

}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1440px){
	
	
}

@media only screen and (max-width: 1366px){
	

	
}

@media only screen and (max-width: 1024px){

}

@media (min-width: 768px) and (max-width: 991px) {
	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	.btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #2b2b2b;padding: 10px;}

	.side-bar .last-news{margin-top: 30px;}
	.side-bar .publicity.pub2 img{width: auto;}
	.side-bar .publicity.pub3 img{width: auto;}

	.h-bloq2 .content .bloq .image img {width: 340px;height: 340px;}
	.h-bloq2 .content .bloq .text {padding: 30px 30px 10px;}

	.d-bloq1 {padding: 20px 0;}
	.d-bloq2 {padding: 30px 0;}
	.d-bloq2 .detail .gallery .bloq img {width: 172px;height: 172px;}

	footer .top{margin-bottom: 30px;}
	footer .top .text {margin-bottom: 30px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	.btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #2b2b2b;padding: 10px;}

	.side-bar .last-news{margin-top: 30px;}
	.side-bar .publicity.pub2 img{width: auto;}
	.side-bar .publicity.pub3 img{width: auto;}

	.h-bloq2 .content .bloq .image img {width: 340px;height: 340px;}
	.h-bloq2 .content .bloq .text {padding: 30px 30px 10px;}

	.d-bloq1 {padding: 20px 0;}
	.d-bloq2 {padding: 30px 0;}
	.d-bloq2 .detail .gallery .bloq img {width: 240px;height: 240px;}

	footer .top{margin-bottom: 30px;}
	footer .top .text {margin-bottom: 30px;}
}

@media only screen and (max-width: 479px){
	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .logo img{width: 100%;}
	header .menu{display: none;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	header .menu ul li:hover{border-bottom: 0px solid #a206cf;}
	.btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #2b2b2b;padding: 10px;}

	.h-bloq2 .content .bloq .image img {width: 100%;height: 380px;}
	.h-bloq2 .content .bloq .text {padding: 30px 30px 30px;}

	.d-bloq2 .detail .gallery .bloq img {width: 190px;height: 190px;}

	footer .top{margin-bottom: 30px;}
}