@charset "utf-8";
/* CSS Document */

body{ font-family:Helvetica; font-size:11px; color:#969696;}
img { border:none; }
.posibod{ width:100%; position:absolute; left:0; right:0; top:33px;}


/** HEADER **/
.header{
background: -webkit-gradient(linear,left bottom, left top, from(#EDEDED), to(#ffffff));
background: -moz-linear-gradient(top,  #EDEDED,  #ffffff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#ffffff'); 
background-image:url(images/banner1.png); /*FIREFOX*/}
.headerflot{ background: -webkit-gradient(linear,left bottom, left top, from(#EDEDED), to(#ffffff));
background: -moz-linear-gradient(top,  #EDEDED,  #ffffff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#ffffff'); 
background-image:url(images/banner1.png); background-repeat:repeat-x; /*FIREFOX*/
position:absolute; width:100%; left:0; right:0; top:0;}

.header-latin{
        background-color: #82a701;
        }
.headerflot-latin{ 
        background-color: #82a701;
position:absolute; width:100%; left:0; right:0; top:0;}

.header-dfk{
        background-color: #12AD2B;
        }
.headerflot-dfk{ 
        background-color: #12AD2B;
position:absolute; width:100%; left:0; right:0; top:0;}

.linealogo{ border-right: 1px solid #e4e4e4; }
.menu{ padding-left:30px; vertical-align:middle; }
.user{ font-family:Helvetica; font-size:15px; color:#006496; font-weight:bold; vertical-align:middle;  padding-left:5px;}
.userlink{ text-decoration:none;}
.buscador { font-size:12px; font-family:Helvetica; color:#000000; width:280px; height:18px; border:1px solid #CCCCCC; background-image:url(images/SearchIcon.png); background-position: right; background-repeat:no-repeat; vertical-align:middle; } 
#miContenido1{position:absolute; visibility:hidden; background-color:#000000; color:#FFFFFF; padding:5px 6px 5px 5px; margin:9px 0 0 -80px; width:200px; height:20px; font-size:14px; filter:alpha(opacity=60); -moz-opacity: .60; 
opacity: .60; }


/************* COLUM IZQ **/
.columizq{ background:#004a80; width:150px; margin-top:60px;  }
.upup{ vertical-align:top;}

/*MENU*/
.srmenu{ font-family:Helvetica; color:#FFFFFF; font-size:15px;
padding:8px 25px 8px 25px; border-bottom:1px solid #FFFFFF;}
.selectd{background-color:#4e80aa; font-family:Helvetica; color:#FFFFFF; font-size:15px;
padding:8px 25px 8px 25px; border-bottom:1px solid #FFFFFF; }
.srmenu:hover{ font-family:Helvetica; color:#FFFFFF; font-size:15px;
padding:8px 25px 8px 25px; border-bottom:1px solid #FFFFFF; background-color:#4e80aa;}

/*GRUPO ESTUDIANTIL*/
.tablet{ margin-top:60px; color:#000000; font-size:15px; background-color:#acacac; padding:20px 0 20px 45px; border:1px solid #FFFFFF; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;}
.tabletlight{margin-top:3px;color:#000000; font-size:12px; background-color:#cccccc; padding:5px 0 5px 0; text-align:center;}
.tabletdark{margin-top:3px;color:#FFFFFF; font-size:16px; background-color:#acacac; padding:5px 0 5px 0; text-align:center; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;}
.subrayao{ text-decoration:underline; margin-top:3px; color:#000000; font-size:12px; background-color:#cccccc; padding:5px 0 5px 40px;}
.titgrup{ color:#006c9d; font-size:19px;  padding-left:25px; }

/********** RESUMEN STATUS ********/
img.percentImage1 {
 background: white url(images/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0; }
.porbg{color:#f7f7f7; font-size:14px; position:absolute; margin:5px 15px 0 -13px; background-image:url(images/fondius.png); background-repeat:no-repeat;
 padding:7px 35px 25px 17px; font-weight:bold;}
.potition{ margin-top:30px;}
.pasos{ font-size:14px; font-weight:bold;}
.colorpasos { color:#006c9d; font-weight:bold;}
.linea { border-bottom:1px dashed #CCCCCC; margin:25px;}
.ligaheder{ font-family: Helvetica;
    text-decoration: none;
    font-size: 0.9em;
    text-transform: uppercase;
    background: #256398;
    color: #fff;
    display: block;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 100px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
    border: none;
    padding: 7px;
    background-color: #004a80;}
.ligaheder:hover{ background:#02365d; cursor:pointer;}
.rojotit{ color:#FF0000; font-size:14px;}
.titrg{color:#006c9d; font-size:16px;}
.comold{ border:1px solid #999999; height:70px; width:350px; padding-top:5px; padding-left:5px; vertical-align:top; background-color:#F0F0F0; color:#000000; }
.btndescarga { width:100px; height:23px; background-color:#0066CC; color:#FFFFFF; border:1px solid #FFFFFF; float:right;} 
.filedown{ color:#000000;  font-size:13px;}
.pico{ position:absolute; margin-top:-11px;}
.resalt{ color:#006c9d; font-size:12px; text-decoration:underline; }
/**/
.estatus{ border:1px solid #999999; height:22px; width:300px; background-color:#F0F0F0; color:#000000;}
.texare{ border:1px solid #999999; height:70px; width:350px; padding-top:5px; padding-left:5px; vertical-align:top; background-color:#FFFFFF; color:#000000; }
.statres{color:#006c9d; font-size:14px; margin-left:30px;}

/*LOGIN ADMIN*/
.loginadm{
    margin: 150px auto 0 auto;
    width: 350px;
    /* height: 250px; */
    background-repeat: no-repeat;
    color: #616161;
    font-size: 14px;
    -webkit-border-radius: 14px;
    background-color: #f0f0f0;
    border-radius: 14px;
    box-shadow: -5px 8px 8px #d2d2d2;}

.loginadm-latin{margin: 150px auto 0 auto; width:350px; height:250px;  background-color: #82a701; color:#000000; font-size:14px;}
.loginadm-dfk{margin: 150px auto 0 auto; width:350px; height:250px;  background-color: #12AD2B; color:#000000; font-size:14px;}
.txtlog{ text-align:center; width:200px; height:25px; font-size:14px; color:#616161; background-color:#FFFFFF; border:1px solid #FFFFFF; margin-bottom:5px;border-radius: 6px;-webkit-border-radius: 6px}

.negtit{ color:#000000; font-size:14px;}
.GRANDE{ color:#006c9d; font-size:30px;  }
.pequeno{ color:#006c9d; font-size:14px;  }
.puntedbtn{ color:#006c9d; font-size:14px; text-decoration:none; border:1px solid #000; padding:1px 30px;} 
.acomodo{ margin-left:30px; margin:0 auto 0 auto;}

/* :) */
.txtevent{ width:190px; height:25px; font-size:14px; color:#000000; background-color:#FFFFFF; border:1px solid #006c9d; }
.reacomodo{ margin-left:15px; }
.avisosyeah{ overflow:auto; width:100%; height:126px;}
.cerrabtn{ color:#006c9d; font-size:14px; text-decoration:none; border:1px solid #000; padding:1px 30px; background-color:#e8e8e8;} 
.texaviso{ height:100px; width:390px; background-color:#FFFFFF; color:#000000; border:1px solid #006c9d;}
.txtaviso{ width:390px; height:25px; font-size:14px; color:#000000; background-color:#FFFFFF; border:1px solid #006c9d; }

/*OMFG*/
.firmesyaaa{ position:relative; float:left; margin-left:5px;}
.suckember{ text-decoration:none; color:#000000; }
.eltdpasos{ margin-top:3px; color:#000000; font-size:12px; background-color:#e6e6e6; padding:5px 0 5px 0; text-align:center; }
.txtcode{ width:260px; height:50px; font-size:40px; color:#000000; background-color:#fff; border:1px solid #006d9c; }
.btncode{ width:120px; height:30px; font-size:20px; color:#000; background-color:#fff; border:1px solid #000; }
.msgconfirm{ border:1px  dashed #006599; background-color:#ccd5e4; padding:5px; font-size:14px; color:#000000; }
.msgerror{ border:1px  dashed #ed1c24; background-color:#f9ad81; padding:5px; color:#000000; font-size:14px;}
.btnRegfech{ font-size:15px; color:#FFFFFF; background-color:#006c9d; border:1px solid #000000; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; padding:2px 10px 2px 10px; text-decoration:none;}
.btnResumen{ font-size:15px; color:#FFFFFF; background-color:#006c9d; border:1px solid #000000; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; padding:2px;  text-align:center;}
.subtable{margin-top:3px;color:#000000; font-size:12px; background-color:#ebebeb; padding:5px 0 5px 0; text-align:center;}
.elecciones{ width:150px; height:20px; font-size:12px; color:#000000; background-color:#ededed; border:1px solid #006c9d; }
/*HITO*/
.titdepo{
color:#006c9d; font-size:18px;
}
.nomedepo{
color:#FF0000; font-size:18px;
}
.ligatorn{
color:#CCCCCC; font-size:14px; text-decoration:none; border:1px dashed #e1e1e1; padding:6px 35px 6px 35px; background-color:#FFFFFF;
}
.ligatorn:hover{
color:#000000; font-size:14px; text-decoration:none; border:1px dashed #006496; padding:6px 35px 6px 35px; background-color:#FFFFFF;
}

.menuadminweee{
display:none;
background-color: #FFFFFF;
position:absolute;
width: 188px;
height: 70px;
margin: 6px 0 0 -2px;
border-left:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
z-index:12;
}
.bngenback{
	border:1px solid #ccc; 
	background-color:#eaeaea; 
	color:#000;
	padding:3px 9px;
	
	text-decoration:none;
	font-size:13px;
	}

/*NUEVAGAMIFICACION:START----------------*/
.stickyPosition{ z-index: 9; position: fixed; }
.pagination{ margin: 29px auto !important; width: fit-content; }
.pagination li{ padding: 3px; border: 1px solid #69c2e9; margin: 5px; border-radius: 3px; transition: all .5s ease;}
.pagination li.active, .pagination li:hover{ background-color: #69c2e9; }
.pagination li.active a{ color: white !important; background: none; }
.pagination a{ color: #69c2e9 !important; font-size: 15px; padding: 10px !important;}
.pagination li:hover a{ color: white !important; text-decoration: none !important; background: none !important;}
.botonAlertSuccess{ background: none !important; margin: 0px 8px; width: 80px; height: 33px; border-radius: 3px !important; background-color: #33CC99 !important; color: white !important; font-size: 15px !important; padding: 0px !important;}
.botonAlertCancel{ background-color: #CE3443 !important; }
.botonAlertCerrar{ background-color: #69c2e9 !important; }
/*NUEVAGAMIFICACION:END----------------*/