@charset "utf-8";
/* ROBOTO fonts */
:root {
    --primary-color: #9d2148;
    --secondary-color: #b28e5c;
    --third-color: #fffae9;
    --quarter-color:#55585a;
    --font-family: 'Roboto';
    --white: #fff;
}


/* Thin (100) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* Light (300) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Regular (400) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
/* @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
} */

/* Medium (500) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Bold (700) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Black (900) */
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../css/fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* CSS Document */

/*CUERPO*/
html,body{height:100%;margin:0;padding:0;text-align:center;background:#FFF;}
body{display:table;width:100%;background-color:#efefef;font-family:"Roboto" !important;line-height:22px;}
img{border:none;}
#cabeceraCenter{width:100%;margin:auto;border-bottom:solid 8px var(--primary-color);}
.clase-general{display:table-row;}
.contGen{width:900px;margin:auto;margin-top:30px;margin-bottom:30px;text-align:center;color:#333;font-size:18px;font-family:"Roboto";text-align:justify;border-radius:4px;background:#fff;}
img{border:none!important;}
.hidden{display:none;}
/*CUERPO*/


/*TEXTO GENERAL*/
h4{font-size:22px;margin-top:10px;}
.liga{color:#BC955C;text-decoration:none;}
.liga:hover{color:#003147;text-decoration:underline;}
.primary-text{color: var(--primary-color);}
/*TEXTO GENERAL*/

/*BOTON GENERAL*/
.btnGen{font-size:18px;font-weight:bold;width:100%;height:45px;margin-top:10px;cursor:pointer;border:1px solid #BC955C;background:#fff;padding:5px 2px;color:#BC955C;border-radius: 10px;}
.btnGen:hover{background:#235B4E;color:#fff;}
.btnCaptura:hover{color:#BC955C!important;}
/*BOTON GENERAL*/

/****LOGIN****/
h3{font-family:"Roboto";font-size:40px;font-weight:lighter;color:#888;margin-top:80px;margin-bottom:40px;}
.login{width:430px;height:380px;background:#fafafa;margin:60px auto 60px;border-radius:20px;overflow:hidden;text-align:center;}
.logo{width:400px;margin-top:25px;margin-bottom:-50px;}
.username{width:305px;height:35px;padding-left:45px;border:1px solid #e6e6e6;border-bottom:5px solid #e6e6e6;font-family:"Roboto";font-size:18px;background:url("../img/user.svg")no-repeat;background-size:25px;background-position:8px 6px;}
.password{width:305px;height:35px;padding-left:45px;border:1px solid #e6e6e6;border-bottom:5px solid #e6e6e6;font-family:"Roboto";font-size:18px;margin:10px auto;background:url("../img/pass.svg")no-repeat;background-size:25px;background-position:8px 6px;}
.btnLog{width:350px;height:50px;background:#BC955C;font-family:"Roboto";font-size:24px;font-weight:lighter;color:#fff;border:none;cursor:pointer;border-radius:5px;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.btnLog:hover{background:#006826;}
.footerLog{width:100%;height:70px;margin:auto;}
.footerLogcolor{width:100%;height:50px;background:#BC955C;margin-top:-5px;}
.nomSacmex{font-family:"Roboto";font-size:16px;color:#fff;line-height:45px;}
#msjStatus{width:90%;height:45px;margin:auto;margin-top:15px;color:#FC4145;margin-bottom:20px;font-size:14px;line-height:16px;}
/****LOGIN****/

/*****TITULO SECCIÓN*******/
.txtSeccion{width:90%;float:none;}
.txt-titulo{color:#333;font-size:29px;font-weight:bold;font-family:"Roboto";float:left;}
.txt-titulo p{margin-left:30px;}
.linetxtSeccion{border-bottom:1px solid #ddd;width:100%;float:left;padding:0px!important;}
/*****TITULO SECCIÓN*******/


/*CHECK Y RADIO*/
input[type="checkbox"]{ display: none; }
input[type="checkbox"] + label span{
 display: inline-block;
 width: 20px;
 height: 20px;
 background: url(img/checks.png) left top no-repeat;
 background-size:cover;
 margin: 0px 4px 0 0;
 vertical-align: middle;
 cursor:pointer;
}

input[type="checkbox"]:checked + label span{
 background: url(img/checks.png) -22px top no-repeat;
 background-size:cover;
}

input[type="radio"]{ display: none; }
input[type="radio"] + label span{
 display: inline-block;
 width: 22px;
 height: 22px;
 background: url(img/checks.png) -51px top no-repeat;
 background-size:cover;
 margin: 0px 4px 0 0;
 vertical-align: middle;
 cursor:pointer;
}

input[type="radio"]:checked + label span{
 background: url(img/checks.png) -75px top no-repeat;
 background-size:cover;
}
/*CHECK Y RADIO*/

/* CABECERA */
#cabecera{width:100%;margin:auto;background-color:#fff;}
#ligasHead{width:407px;height:90px;float:right;text-align:left;color:#ababab;border-left:solid 3px #eaeaea;margin-top:10px;margin-bottom:10px;}
#ligasHead ul{margin-left:-10px;margin-top:0px;}
#ligasHead li{list-style:none;}
#ligasHead li a{color:#ababab;/* border-bottom: 1px #808080 solid; */}
#ligasHead li span{color:#808080;font-weight:bolder;}
.logoM{display:none;}
#redes{width:100%;}
#redes a{text-decoration:none;}
.redyb, .redfk, .redtr, .redis, .redtt{border:solid 3px var(--primary-color);width:40px;height:37px;display:inline-block;}
.redfk{background:url(../img/icofk.svg) var(--primary-color) center no-repeat;background-size:cover;margin-right:10px;transition: 0.5s;}
.redtr{background:url(../img/icotr.svg) var(--primary-color) center no-repeat;background-size:cover;margin-right:10px;transition: 0.5s;}
.redyb{background:url(../img/icoyb.svg) var(--primary-color) center no-repeat;background-size:cover;margin-right:10px;transition: 0.5s;}
.redis{background:url(../img/icois.svg) var(--primary-color) center no-repeat;background-size:cover;margin-right:10px;transition: 0.5s;}
.redtt{background:url(../img/icott.svg) var(--primary-color) center no-repeat;background-size:cover;transition: 0.5s;}

.redfk:hover{background:url(../img/icofk-h.svg) var(--third-color) center no-repeat;background-size:cover;margin-right:10px;}
.redtr:hover{background:url(../img/icotr-h.svg) var(--third-color) center no-repeat;background-size:cover;margin-right:10px;}
.redyb:hover{background:url(../img/icoyb-h.svg) var(--third-color) center no-repeat;background-size:cover;margin-right:10px;}
.redis:hover{background:url(../img/icois-h.svg) var(--third-color) center no-repeat;background-size:cover;margin-right:10px;}
.redtt:hover{background:url(../img/icott-h.svg) var(--third-color) center no-repeat;background-size:cover;}

#logo{width:350px;float:left;margin-left:57px;margin-top: 20px;}
#buscador{height:45px;margin-top:27px;float:right;text-align:right;}
nav{width:100%;height:65px;background-color:#235b4e;box-shadow:-1px 1px 1px #cccccc;border-bottom:solid 7px #BC955C;}
.btnBuscador{float:right;}
.btn-primary{height:45px;width:46px;background:url(../images/diseno/lupa.svg) #00b140;border:none;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;}
.btn-primary:hover{background-color:#006826;}
/* CABECERA */


/* TABLAS */
table{border: 1px solid #235B4E;margin:auto;width:100%;}
.titleTable{background:#00b140;color:#fff;font-weight:bolder;line-height:22px;font-size:16px;}
.titleTable td{padding:10px 0px;}
.tituloTable {
    height: 50px;
    color: #00b140;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 55px;
    background: #fff;
}
.tbdg {
    background: #eee;
    width: 100%;
    float: left;
}
.tbdb {
    background: #fff;
    width: 100%;
    float: left;
}
.tbd1 {
    width: 19%;
    height: 40px;
    font-size: 15px;
    float: left;
    line-height: 40px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.tbd2 {
    width: 79%;
    height: 40px;
    font-size: 15px;
    float: right;
    line-height: 40px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.generalAzul {
    font-family: "Roboto";
    font-size: 20px;
    color: #00b140;
    text-align: right;
}
.generalGris {
    font-family: "Roboto";
    font-size: 20px;
    color: #333;
    text-align: left;
}
/* TABLAS */


/**************************** PRELOADER **********************************/
.contLoad{position: absolute;
		top:50%;
		left:50%;
		width:200px;
		margin-left:-100px;
		height:200px;
		margin-top:-10px;
	    color: #fff;
}

.scroll{overflow:hidden;}

/**** Modal Loader ****/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
	background:rgba(0,0,0,0.9);
}

.rueda{
	animation: giro 5s linear infinite;
    border-radius: 50%;
    border: 5px solid #711F2F;
  	border-left-color: transparent;
    position: fixed;
    top: calc(50% - 40px);
  	left: calc(50% - 40px);
    height: 80px; 
    width: 80px;
}

.cabezaTlaloc {
    width: 70px;
    height: 70px;
    border-radius: 50%;
/*     background-color: rgba( 0, 0, 0, 0.6); */
/*   AJUSTAR LA URL DE DONDE SE PUEDE OBTENER LA IMAGEN */
    background: transparent url(/plantilla/img/tlaloc.png) 25% 25%;
    background-repeat: no-repeat;
	background-position: center;
    top: calc(50% - 35px);
  	left: calc(50% - 32.5px);
    position: fixed;
}

.ruedaoscuro{
	animation: giroOp 2s linear infinite;
    border-radius: 50%;
    border: 5px solid #AB8D5D;
  	border-left-color: transparent;
    position: fixed;
    top: calc(50% - 50px);
  	left: calc(50% - 50px);
    height: 100px; 
    width: 100px;
}	

@keyframes giro {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes salto {
    from { transform: scaleX(1.25); }
    to{ transform: translateY(-10px) scaleX(1); }
}

@keyframes giroOp {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

/****  Modal Loader ****/

/**************************** PRELOADER **********************************/

/*INPUT SELECT*/
select, input, option{height:35px;padding:0px 10px;border:1px solid #e6e6e6;border-bottom:5px solid #e6e6e6;font-family:"Roboto";font-size:18px;color:#444;}
.color-text{
    color: #9F2241;
}
.solo-numero {
    width: 350px;
    height: 50px;
    font-size: 32px;
    font-weight: bold;
    color: #00b140;
    text-align: center;
    margin: 20px 0px;
    padding-right: 10px;
    border: none;
    margin-bottom: -5px;
    border-bottom: 1px solid #999;
}
/*INPUT SELECT*/

/* MENU PRINCIPAL */
nav{text-align:center;text-align:-moz-center;text-align:-webkit-center;}
.imgDown{height:12px;width:30px;position:relative;padding-left:10px;}
nav ul{display:inline-block;margin-left:-40px;margin-top:0px;background-color: #235B4E;color:#fff;border-bottom: solid 7px #BC955C;}
.nav li{display:inline-block;}
.navultimo{border-right:solid 1px #ddd;}
.nav li a{padding:24px 25px;font-size:17px;font-weight:bolder;text-align:center;position:relative;line-height:65px;color:#fff;text-decoration:none;border-left:solid 1px #BC955C;border-right:solid 1px #BC955C;-webkit-transition: all .3s ease;}
.nav li a:hover{text-decoration:underline;}
.current a{color:#FF149B!important;text-decoration:underline!important;}
.nav-child {display:inline;}
.nav li ul {display:none;position:absolute;
    z-index: 1000;
    padding: 5px 0;
    list-style: none;
    font-size: 18px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;margin-left:0px!important;margin-top:-3px!important;}

.nav li ul a{display:block;padding:7px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;    white-space:nowrap;text-align:left;width:170px;}
.nav li ul a:hover{background:#eee;text-decoration:none;}
.nav li ul li{display: list-item;}
.nav li:hover > ul {display:block!important;}

.header-left{display:none;}
*:before, *:after{-webkit-box-sizing:border-box;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.container{width:100%;margin:0 auto;}
header{width:100%;height:auto;background:#F9F9F9;}
header h1{font-size:17px;font-weight:bolder;color:#333;padding:5px 0px;}
.header-left, .header-right{position:relative;color:white;float:left;}
.header-left{width:30%;}
.header-right label{position:absolute;top:-40px;right:15px;cursor:pointer;}
.header-right span{position:relative;width:2em;height:25px;background:#00b140;-webkit-transition:all .3s ease;}
.header-right span:before, .header-right span:after{content:'';position:absolute;width:2em;height:4px;top:5px;left:0;background:#F9F9F9;}
.header-right span:after{top:15px;}
.header-right{width:100%;text-align:right;}
#open{display:none;}
.hidden-desktop{display:none;}
.li-sub{height:45px;}

/* MENU PRINCIPAL */

/* FOOTER */
.navegacion li{list-style:none;text-decoration:none;}
.navegacion li a{text-decoration:none;}
.navegacion li a:hover{text-decoration:underline;}
footer{width:100%;background:#fffef7;}
.foot-div{ border-top: 8px solid var(--secondary-color);}
.foot1{float:left;width:31%;padding:20px 0px 0px 0px;position:relative;margin-left:50px;min-height:500px;}
.foot2{float:left;width:20%;padding:20px 5px 0px 15px;position:relative;min-height:500px;}
.foot3{float:left;width:20%;padding:20px 5px 0px 15px;position:relative;min-height:500px;}
.foot4{float:left;width:20%;padding:20px 5px 0px 15px;position:relative;min-height:500px;}
.footCont{max-width:300px;text-align:left;color:#55585A;font-size:18px;margin:auto;}
.footCont ul{margin-left:-30px;}
.footCont ul li{width:100%;}
.footCont ul li a{width:100%;text-align:left;}
.footCont ul li a.submenu{background:url(../img/right.png) no-repeat!important;background-position:220px 7px!important;padding-right:5px!important;}
.footCont ul a{color:#55585A;line-height:24px;margin-bottom:14px;display:inline-block;padding:0px;font-weight:normal;font-size:18px;border:none;}
.footCont ul li ul{margin-top:-50px!important;margin-left:240px!important;overflow:hidden;}
.footBottom{
    float:left;
    width:100%;
    border-top: 3px solid var(--secondary-color);
    display: flex;
    justify-content: space-between;
    padding: 12px 0px;
}
.footBottom a{font-size:14px;color:#55585A;padding:0px 15px;text-decoration:none;}
.footBottom a:hover{text-decoration:underline;}
.footBottom b{padding:0px 15px;}
/* FOOTER */


/* POPUP GENERAL */
.simplePopup {
display:none;
position:fixed;
border:4px solid #808080;
background:#fff;
z-index:3;
padding:12px;
width:70%;
min-width:70%;
}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:1;
}
/* POPUP GENERAL */