@charset "utf-8";
/* 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:"Helvetica Neue",Helvetica,Arial,sans-serif!important;line-height:22px;}
img{border:none;}
#cabeceraCenter{width:100%;margin:auto;border-bottom:solid 7px #BC955C;}
.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:"Helvetica Neue",Helvetica,Arial,sans-serif;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;}
/*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;}
.btnGen:hover{background:#235B4E;color:#fff;}
.btnCaptura:hover{color:#BC955C!important;}
/*BOTON GENERAL*/

/****LOGIN****/
h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;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:"Helvetica Neue",Helvetica,Arial,sans-serif;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:"Helvetica Neue",Helvetica,Arial,sans-serif;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:"Helvetica Neue",Helvetica,Arial,sans-serif;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:"Helvetica Neue",Helvetica,Arial,sans-serif;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:"Helvetica Neue", Helvetica, Arial, sans-serif;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:120px;float:right;text-align:left;color:#ababab;border-left:solid 3px #eaeaea;margin-top:25px;margin-bottom:25px;margin-right:58px;}
#ligasHead ul{margin-left:-10px;margin-top:0px;}
#ligasHead li{list-style:none;margin-bottom:8px;}
#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{border:solid 1px #bc955c;width:40px;height:37px;display:inline-block;}
.redfk{background:url(../img/icofk.svg) #bc955c center no-repeat;background-size:cover;margin-right:10px;}
.redtr{background:url(../img/icotr.svg) #bc955c center no-repeat;background-size:cover;margin-right:10px;}
.redyb{background:url(../img/icoyb.svg) #bc955c center no-repeat;background-size:cover;}
.redfk:hover, .redtr:hover, .redyb:hover{background-color:#00b140;}
#logo{width:350px;margin-top:43px;float:left;margin-bottom:30px;margin-left:57px;}
#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 #00b140;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: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #00b140;
    text-align: right;
}
.generalGris {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    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;}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
	background:rgba(0,0,0,0.9);
}

.imgLoader{
	position:relative;
	top:50%;
	left:50%;
	width:200px;
	margin-left:-100px;
	height:200px;
	margin-top:-100px;

}
#loader {
	position: relative;
    width:184px;
    height:184px;
    border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #00b140;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 18px;
    right: 18px;
    bottom: 18px;
    border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #00b140;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #00b140;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/**************************** PRELOADER **********************************/

/*INPUT SELECT*/
select, input, option{height:35px;padding:0px 10px;border:1px solid #e6e6e6;border-bottom:5px solid #e6e6e6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;color:#444;}
.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-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:#2a5d50;}
.foot1{float:left;width:31%;padding:42px 0px 0px 0px;position:relative;border-right:solid 1px #bc955c;margin-left:50px;min-height:550px;}
.foot2{float:left;width:20%;padding:42px 5px 0px 15px;position:relative;border-right:solid 1px #bc955c;min-height:550px;}
.foot3{float:left;width:20%;padding:42px 5px 0px 15px;position:relative;border-right:solid 1px #bc955c;min-height:550px;}
.foot4{float:left;width:20%;padding:42px 5px 0px 15px;position:relative;min-height:550px;}
.footCont{max-width:300px;text-align:left;color:#fff;font-size:18px;margin:auto;}
.footCont ul{margin-left:-37px;}
.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:#999;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:solid 1px #bc955c;color:#ffffff;text-align:left;padding:25px 0px;}
.footBottom a{font-size:14px;color:#ccc;padding:14px 14px 21px;text-decoration:none;}
.footBottom a:hover{text-decoration:underline;}
.footBottom p{padding-left:98px;}
/* 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 */
