/* ----------------------------------------
 PALETA DE COLOR TEXTO
---------------------------------------- */
.lblanco{color: #fff!important;}
.lgris1{color: #666!important;}
.lgris2{color: #6c7586!important;}
.lazul1{color: #50b2dc!important;}
.lazul2{color: #4c66e5!important;}
.lazul3{color: #adcedf!important;}
.lrojo1{color: #d13646!important;}
.lrojo2{color: #ff3b3b!important;}
.lverde1{color: #27944f!important;}
.lverde2{color: #30ab5d!important;}
.lamarillo{color: #e6a82c!important;}
.lmorado{color: #3a3654 !important}
.lmorado1{color: #4e429e !important}
/* -------------------
PALETA DE COLOR UI
-------------------- */
.blanco{background-color: #fff!important;color: #202020;}
.gris1{background-color: #ccc!important;color: #202020;}
.gris2{background-color: #6c7586!important;color:#fafafa;}
.azul1{background-color: #50b2dc!important;color:#333;}
.azul2{background-color: #adcedf!important;color: #333;}
.azul3{background-color: #4c66e5!important;color: #fff;}
.rojo1{background-color: #d13646!important;color:#fafafa;}
.rojo2{background-color: #ff3b3b!important;color: #fafafa;}
.verde1{background-color: #27944f!important;color:#fafafa;}
.verde2{background-color: #30ab5d!important;color: #fafafa}
.amarillo{background-color: #e6a82c!important;color: #333}
.morado{background-color:#5a5592 !important}
.morado1{background-color:#3a3654 !important}
.morado2{background-color:#3a3369 !important}
.morado3{background-color:#4e429e !important}

.fnt120{font-size: 120%!important;}
.fnt90{font-size: 90%!important;}
.fnt80{font-size: 80%!important;}
.fnt70{font-size: 70%!important;}
.fnt60{font-size: 60%!important;}

.brd-top{border-top: 2px dotted #7b869c;}
.brd-bot{border-bottom: 2px dotted #7b869c;}
.brd-right{border-right: 2px dotted #7b869c;}
.brd-left{border-left: 2px dotted #7b869c;}
.brd-frm{border: 2px dotted #7b869c;}

.datanum{font-size: 50px;line-height: 100%;}
.datatxt{font-size: 20px;line-height: 100%;}
.dataicon{position: relative;display: inline-block;margin-top:10px;}
.usrnom{margin: 0 20px 0 10px;position: relative;float: right; top: -4px;}

.txtd{text-align: right;}
.txti{text-align: left;}
.txtj{text-align: justify;}
.txtc{text-align: center;}
.icn{top: -4px;margin: 0 3px;}
.msc{min-height: 300px;padding: 20px;}
.sccicn{width: 90px;}
.hxlog{transform: scaleX(-1);width: 100px;}
.fltd{float: right;}
.fltd.icn{margin-right: 8px;}
.flti{float: left;}
.redonda{border-radius: 6px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.hide{display: none;}
.divide{width: 112vw;position: absolute;float: right;z-index:0;margin: 0 auto;right:-200px;top: 50px;}
.divide img{width: 100vw;}
.divisor{position: relative;left: calc( 50% - 118px);top: -75px;float: left;z-index: 8;}
.divisorcnt{position: relative;left: calc( 50% - 265px);top: -4px;float: left;z-index: 8;}
.cmpnt09{width: 495px;position: absolute;top: 200px;float: left;z-index: 4;left: 55%;}
.cmpnt16{width: 290px;position: absolute;top: 225px;float: left;z-index: 3;left: 62%;}
.cmpnt12{width: 340px;position: absolute;top: 205px;float: left;z-index: 2;left: 60.5%;}
.cmpnt13{position: absolute;top: 315px;float: left;z-index: 4;left: 68%;}

@media only screen and (max-width: 840px) {
	.btmlogo{width: 240px;}
	.heroimg{width: 90vw;}
     .divide{display: none;}
     .cmpnt09{display: none;}
     .cmpnt16{display: none;}
     .cmpnt12{display: none;}
     .cmpnt13{display: none;}
     .divisor{left: 30%;top: -35px;z-index: 4;width: 110px;}
     .divisorcnt{left: 6%;top: 0px;z-index: 5;width: 45px;}
     .msc{min-height: 300px;padding: 10px;}
}
@media only screen and (max-width: 420px) {
	.btmlogo{width: 240px;}
	.heroimg{width: 90vw;}
     .divide{display: none;}
     .cmpnt09{display: none;}
     .cmpnt16{display: none;}
     .cmpnt12{display: none;}
     .cmpnt13{display: none;}
     .divisor{left: 30%;top: -35px;z-index: 4;width: 110px;}
     .divisorcnt{left: 6%;top: 0px;z-index: 5;width: 45px;}
     .msc{min-height: 300px;padding: 10px;}
}
/* ---------------------------
OVERIDE
---------------------------- */
.fancybox-slide--iframe .fancybox-content {width : 98%;height :95%;max-height : 95%;margin: 0;background: #333;}
.tbhead{padding: 5px;background:#313440;color:#fff;text-align: center;font-weight: 700;}
.rotando{animation: animName 30s linear infinite;}
@keyframes animName {
     0%{transform: rotate(0deg);}
     100%{transform: rotate(360deg);}
}