* {
  padding: 0;
  margin: 0;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 0;
	padding-right: 0;
}
@font-face {
        font-family: 'ralewaylight';
    src: url('../fonts/raleway-light.eot');
    src: url('../fonts/raleway-light.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/raleway-light.woff') format('woff'),
         url('../fonts/raleway-light.ttf') format('truetype'),
         url('../fonts/raleway-light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
        font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold.eot');
    src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/raleway-bold.woff') format('woff'),
         url('../fonts/raleway-bold.ttf') format('truetype'),
         url('../fonts/raleway-bold.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
        font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold.eot');
    src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/raleway-semibold.woff') format('woff'),
         url('../fonts/raleway-semibold.ttf') format('truetype'),
         url('../fonts/raleway-semibold.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
        font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium.eot');
    src: url('../fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/raleway-medium.woff') format('woff'),
         url('../fonts/raleway-medium.ttf') format('truetype'),
         url('../fonts/raleway-medium.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
        font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular.eot');
    src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/raleway-regular.woff') format('woff'),
         url('../fonts/raleway-regular.ttf') format('truetype'),
         url('../fonts/raleway-regular.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'ralewaylight';
	height:100%;width: 100%;
	/*background-color: #fff;
	color: #154961;
	background-image: url('../img/fotofondo.jpg');
	background-repeat: no-repeat;
	;*/
}

h3{
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
}
.margen_general{
	padding-left: 30px;
	padding-right: 30px;
}
.espaciado{
	padding: 4px 4px;
}
.resaltarTexto{
	font-family: 'ralewaybold'; 
	font-size:16px;
}
.formato_viñetas ol{
	 padding-left:16px;
}
.formato_viñetas li{
	text-align: justify;
	font-family: Raleway;
	font-size: 16px; 
	padding-left: 8px;
}
.colorIN{
	background-color: #FFD2AB;
}
.colorEP{
	background-color: #FCFFCA;
}
.colorAD{
	background-color: #E9FFDD;
}
.colorDerivar{
	background-color: #A0DDFF;
}
.sin_nota{
	font-family: 'ralewaylight';
	font-size: 6px;
	text-align: center;
	padding: 5px 10px;
	color: #074080;
	background-color: #e6e6e6;
}
.texto_chico{
	font-family: 'ralewaylight';
	font-size: 12px;
}
.condicional{
	font-family: 'ralewaylight';
	font-size: 14px;
	color: #b13763;
}
.automatico{
	width: 300px;
	color: #004080;
	font-size: 11px;
	background-color: #E6E6E6;
}
.calendario_mes{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color: #cccccc
}
.calendario_feriado{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color: #800040;
	color:#e6e6e6;
}
.calendario_laborable{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color: #cccccc;
}
.calendario_laborable_control{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color: #fff;
	color:#333333;
}
.calendario_laborable_pre{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color:#66ffff;
	color:#333333;
}
.calendario_laborable_fali{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color:#fd6666;
	color:#333333;
}
.calendario_laborable_falj{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color:#fecc66;
	color:#333333;
}
.calendario_laborable_atra{
	font-size: 11px;
	padding: 2px 4px;
	text-align: center;
	background-color:#ccff66;
	color:#333333;
}
.calendario_datos_control{
	font-size: 11px;
	padding: 2px 4px;
	text-align: left;
	background-color: #fff;
	color:#333333;
}
.modal{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	
	position: absolute;
	top: 0;
	left: 0;

	display: flex;

	animation: modal 2s 0s forwards;
	visibility: hidden;
	opacity: 0;

}
.contenido{
	margin: auto;
	border-radius: 10px;
}

#cerrar{
	display: none;
}
#cerrar + label{
	position: fixed;
	color: rgb(255,255,255);
	font-size: 25px;
	z-index: -150;
	background: #800002;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 10px;
	cursor: pointer;
	text-align: center;

	animation: modal 2s 0s forwards;
	visibility: hidden;
	opacity: 0;

}

#cerrar:checked + label, #cerrar:checked ~ .modal{
	display: none;
}
#btn-cerrar{
	margin-top: 20px;
	padding: 10px 15px;
	border-radius: 50px;
	color:#ffffff;
	cursor: pointer;
	background: #800;
}
@keyframes modal{
	100%{
		visibility: visible;
		opacity: 1;
	}
}
/*---------------------*/
.lista_azul{
	background-color: #0000FF;
	width: 100%;
	height: 30px; 
	color: #0000FF;
}
.lista_naranja{
	background-color: #FD8008;
	width: 100%;
	height: 30px; 
	color: #FD8008;
}
.color_blanco{
	background-color: #fff;
	width: 100%;
	height: 30px; 
	color: #fff;
}
.lista_roja{
	background-color: #800002;
	width: 100%;
	height: 30px; 
	color: #800002;
}
.fondo{
	background-image: url(../img/bgdw_home.jpg);
	background-repeat: no-repeat;
}
.fondo_left{
	/*background-image: url(../img/bgdw_home_left.jpg);*/
	background-image: url(../img/bgdw_home_left3.jpg);
	background-repeat: no-repeat;
	/*height: 740px;
	width: 100%;*/
	height: 740px;
	width: 70%;
}
.fondo_right{
	background-image: url(../img/bgdw_home_right.jpg);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.fondo_pie{
	width: 100%;
	margin-top: 100px;
	margin-bottom: 30px;
}
.inicial_cer{
	position: relative;
    display: inline-block;
    text-align: center;
	width: 100%;
	height: 100%;
}
.inicial_institucion{
	position: absolute;
	top: 20%;
	left: 26%;
    /*top: 10%;
    left: 45%;
    transform: translate(-50%, -50%);*/
    font-size: 15;
}
.inicial_estudiante{
	position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22;
    font-weight: bold;
}
.inicial_rector_docente{
	vertical-align: top;
	display: inline-block;
}
.inicial_subnivel{
	position: absolute;
    top: 50.6%;
    left: 55.5%;
    transform: translate(-50%, -50%);
    font-size: 18;
    font-weight: bold;
}
.inicial_periodo{
	position: absolute;
    top: 62.4%;
    left: 59.4%;
    transform: translate(-50%, -50%);
    font-size: 20;
    font-weight: bold;
}
/* Nazareno --------configuración del certificado de inicial correcta
.inicial_rector{
	position: absolute;
    top: 700px;
    left: 170px;
}
.inicial_docente{
	position: absolute;
    top: 700px;
    left: 480px;
}
.inicial_fecha{
	position: absolute;
    top: 760px;
    left: 70px;
}
*/
.inicial_rector{
	position: absolute;
    top: 562px;
    left: 192px;
    font-size: 11;
    font-weight: bolder;
}
.inicial_docente{
	position: absolute;
    top: 462px;
    left: 600px;
    font-size: 13;
    /*font-weight: bold;*/
}
.inicial_fecha{
	position: absolute;
    top: 630px;
    left: 106px;
    font-size: 11;
    font-weight: bold;
}
.contenedor_informe{
	padding: 20px 20px;
}
.contador{
	background-color: #D4782E;
	color: #fff;
	margin-top: 3px;
	border-radius: 3px 3px;
	font-size: 11px;
}
.contador strong{
	font-size: 16px;
	font-weight: bolder;
}
.texto-vertical-2 {
	font-size: 10px;
	padding-top: 20px;
	padding-bottom: 30px;
    writing-mode: vertical-rtl;
    transform: rotate(270deg);
    text-align: center;

}
.ob_centrado{
	text-align: center;
}


/*------datos Estado--------*/
.datos_estado{
	font-size: 11px;
	font-family: 'ralewaylight';
	font-weight: bolder;
	color: #4C4C4C;
}
.info_estado{
	font-size: 11px;
	font-family: 'ralewaylight';
	color: #004080;
}
.info_estado_situacion{
	font-size: 11px;
	font-family: 'ralewaylight';
	color: #fff;
}
.info_estado_valor{
	font-size: 11px;
	font-family: 'ralewaylight';
	color: #004080;
	text-align: center;
	background-color: #a9c150;
}
.info_estado_pregunta{
	font-size: 11px;
	font-family: 'ralewaylight';
	color: #004080;
	text-align: justify;
}
.info_estado_p{
	font-size: 13px;
	font-family: 'ralewaylight';
	color: #FF0000;
}
/*---------barra inferior------------*/
#inferior{
	color: red;
	background-color: rgb(95,160,148);
	position:absolute; /*El div será ubicado con relación a la pantalla*/
	left:0px; /*A la derecha deje un espacio de 0px*/
	right:0px; /*A la izquierda deje un espacio de 0px*/
	bottom:0px; /*Abajo deje un espacio de 0px*/
	height:25px; /*alto del div*/
	z-index:0;
 }
/*-----------------------------------*/
/*------------Gráficas---------------*/
.graficos{
	width: 100%;
	background-image:url(../img/grid15.png);
	background-repeat: repeat;
}
.estadistica{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
    /*background-image: linear-gradient(to right, red, blue);*/
}
#outerDiv1{
	min-height: 10px; 
	background-color: #408002;
}
#outerDiv2{
	min-height: 10px; 
	background-color: #408002;
}
#outerDiv3{
	min-height: 10px; 
	background-color: #408002;
}
#outerDiv4{
	min-height: 10px; 
	background-color: #FF8000;
}
#outerDiv5{
	min-height: 10px; 
	background-color: rgb(255,0,0);
}
div.autosize { display: table; width: 1px; height: 10px; }
/*-----------------------------------*/
.orientacion{
	text-align: left;
	font-family: 'ralewaylight';
}
.borde_azul{
	background-color: rgb(26,41,54);
	height: 25px;
	width: 100%;
}
.borde_verde{
	background-color: rgb(95,160,148);
	height: 25px;
	width: 100%;
}
.borde_padron_derecho{
	border-right: 1px solid #e3e3e3;
	height: 450px;
}
.pagina_padron{
	position: relative;
	page-break-before: always;
	padding-left: 30px;
}

.pagina{
	position: relative;
	page-break-before: always;
	margin-left: 20px;
	/*height: 1500px;
	width: 1000px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url("../img/ibero/HojaIbero2021.jpg");
	background-size: 100%;
	background-repeat: no-repeat;*/
}
.pagina_h{
	position: relative;
	page-break-before: always;
	/*height: 1500px;
	width: 1000px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url("../img/ibero/HojaIbero2021.jpg");
	background-size: 100%;
	background-repeat: no-repeat;*/
}

/*---Utilizamos para evitar que se monte por el media print de la clase página*/
.pagina_archivo{
	margin-left: 40px;
}

.pagina_archivo h3{
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
}
.pagina_archivo h4{
	text-align: center;
	font-weight: bolder;
	font-size: 15px;
}
.pagina_archivo h5{
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
}

.pagina_informes{
	position: relative;
	page-break-before: always;
	margin-left: 40px;
	margin-top: 10px;
}

.pagina_informes h3{
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
}
.pagina_informes h4{
	text-align: center;
	font-weight: bolder;
	font-size: 15px;
}
.pagina_informes h5{
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
}

/*----------Historial--------------*/
.pagina_informes_historial{
	position: relative;
	page-break-before: always;
	margin-left: 80px;
}

.pagina_informes_historial h3{
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
}
.pagina_informes_historial h4{
	text-align: center;
	font-weight: bolder;
	font-size: 15px;
}
.pagina_informes_historial h5{
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
}

/*---------Fin Iniciales-----------*/
.pagina .encabezadoDoc{
	padding-left: 30px;
}
.pagina_contrato{
	position: relative;
	page-break-before: always;
	/*height: 1050px;
	/*width: 595px;*/
	padding-left: 80px;
	padding-right: 30px;
	font-size: 9px;
	padding-bottom: 20px;
	padding-top:10px;
}
.pagina h3{
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
}
.pagina h4{
	text-align: center;
	font-weight: bolder;
	font-size: 15px;
}
.pagina h5{
	text-align: center;
	font-weight: bolder;
	font-size: 14px;
}
.pagina_apaisada{
	writing-mode: tb-rl;
	height: 80%;
	margin: 10% 0%;
}
.texto_vertical{
    /*writing-mode: vertical-lr;
    transform: rotate(180deg);*/
    font-size: 12px;
    padding: 3px 3px;
    width: 120px;
}
.acta_parcial_nota{
	font-size: 10px;
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: right;
    width: 50px;
}
.acta_parcial_nota_baja{
	font-size: 11px;
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: right;
    color: #4E0301;

}
.proximo{
	color: #4E0301;
}
.alcanza{
	color: #A08142;
}
.domina{
	color: #3A7403;
}
.requerida{
	color: #FC0009;
	text-align: center;
}
.aciertos{
	background-color: #B0B566;
	color: #4c4c4c;
	font-family: 'ralewaylight';
	font-size:13px;
	text-align: center;
}
.errores{
	background-color: #f7882e;
	color: #fff;
	font-family: 'ralewaylight';
	font-size:13px;
	text-align: center;
}
.nocontestada{
	background-color: #30c9f8;
	color: #fff;
	font-family: 'ralewaylight';
	font-size:13px;
	text-align: center;
}
.noevaluada{
	background-color: #94b7da;
	color: #fff;
	font-family: 'ralewaylight';
	font-size:13px;
	text-align: center;
}
.sabana_cabeza{
	background-color: #ECF3FF;
	color: #000;
	font-family: 'ralewaysemibold';
	font-size:14px;
	text-align: center;
}
.resultados{
	color:#0b4591;
	font-family: 'ralewaylight';
	font-size:13px;
	text-align: center;
}
@media print {
    /* Contenedor de cada página */
    .pagina {
        width: 100%;
        min-height: 100vh;
        position: relative;
        page-break-after: always;
        padding: 3cm 2cm 4cm 2cm; /* Espaciado dentro de la hoja */
    }

    /* Imagen de fondo fija */
    .pagina::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../img/ibero/HojaTipoIbero.png") no-repeat center;
        background-size: contain;
        z-index: -1;
    }

    /* Ajuste para TODAS las páginas: espacio antes del contenido */
    .pagina .encabezadoDoc {
        margin-top: 0cm; /* Espacio antes del contenido en cada página */
        margin-bottom: 4cm;
    }
    .fragmento-articulo {
        page-break-inside: auto;
        break-inside: auto;
        word-wrap: break-word;
        text-align: justify;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .fragmento-articulo.titulo {
        font-weight: bold;
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .fragmento-articulo.item {
        margin-left: 15px;
    }
    /* Evitar que el contenido quede pegado al final */
    .pagina .contenido {
        padding-bottom: 4cm;
    }

    /* Asegurar que los artículos se dividan correctamente */
    .articulo {
        margin-bottom: 20px;
    }

    /* Asegurar que la fecha se vea */
    .fecha-informe {
        display: block !important;
        text-align: right;
        font-size: 14px;
        margin-top: 2cm; /* Asegura que no quede oculta */
    }

    .contenido {
        max-width: 90%; /* Evita que el contenido se expanda demasiado */
    	margin: 0 auto; /* Centra el contenido */
    }
    .contenido table {
        table-layout: auto; /* Ajusta automáticamente las tablas */
        word-wrap: break-word;
    }
    .td-areas {
        width: 250px;
    }
    .td-asignaturas {
        width: 250px;
    }
    .td-promedio {
        width: 100px;
    }
    .td-equivalencia {
        width: 360px;
    }
    .contenido .boleta_titulo {
        font-size: 15px;
        font-family: 'ralewaysemibold';
    }
    .contenido tr, .contenido td {
        font-size: 15px;
        white-space: normal; /* Permite que el texto dentro de las celdas se ajuste */
        overflow: hidden; /* Evita que el contenido desborde */
        text-overflow: ellipsis; /* Muestra puntos suspensivos si el texto es demasiado largo */
    }
	.pie_pag{
		margin-top: 2.7cm;
		font-size: 12px;
		font-family: 'ralewaysemibold';
		z-index: 1000;
	}
	.ppag{
		margin-top: .7cm;
		font-size: 12px;
		font-family: 'ralewaysemibold';
		z-index: 1000;
	}
	.ppag .bordes{
		border:1px dotted #8b909a;
	}
    .boleta_ac_pro{
		font-size: 12px;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		background-color: #f1f4f4; !important;
		color: #004080;
		-webkit-print-color-adjust: exact; /*economy | exact*/
    	color-adjust: exact;
	}
	.boleta_titulo{
		font-size: 13px;
		font-family: 'ralewaysemibold';
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		background-color: #F3F4F8; !important;
		color: #04305F;
		border: 1px solid #4C4C4C;
		-webkit-print-color-adjust: exact; /*economy | exact*/
    	color-adjust: exact;
	}
	.boleta_promedio{
		font-size: 11px;
		font-family: 'ralewaysemibold';
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		 background-color: #F3F4F8; !important;
		color: #04305F;
		-webkit-print-color-adjust: exact; /*economy | exact*/
    	color-adjust: exact;
	}
	.boleta_titulo_mfc{
		font-size: 13px;
		font-family: 'ralewaysemibold';
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		background-color: #fff; !important;
		color: #000;
		border: 1px solid #4C4C4C;
		-webkit-print-color-adjust: exact; /*economy | exact*/
    	color-adjust: exact;
	}
	.boleta_promedio_mfc{
		font-size: 11px;
		font-family: 'ralewaysemibold';
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		 background-color: #fff; !important;
		color: #000;
		-webkit-print-color-adjust: exact; /*economy | exact*/
    	color-adjust: exact;
	}
}      
.ppag{
	font-size: 12px;
	font-family: 'ralewaysemibold';
}
.ppag .bordes{
	border:1px dotted #8b909a;
}
.pie_pag{
	font-size: 12px;
}
.periodo{
	color:#094d82;
}
.derecha{
	text-align: right;
}
.sisa{
	margin-bottom: 20px;
}
img{
	text-decoration: none;
	border: 0;
}
a:link{
	text-decoration: none;
}
.matriculado_ya{
	background-color:#c4e1ff;
}
.matriculado_no{

}
.container_color{
	/*border: 0.5px solid rgb(203,203,203);*/
}
.menu_superior{
	/*rgb(26,41,54);*/
	background-color: #2D7088;
	color: #E9E8E8;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-radius: 0 0 8px 8px;
	/*border-bottom: 4px solid rgb(212,120,46);*/
}
.fijo_opciones{
	position: absolute;
	top: 240px;
	
}
.usuario{
	margin-top: 6px;
}
.menu_iconos{
	text-align: right;
}
.color_pensiones{
	background-color: rgb(95,160,148);
	color: #FFFFFF;
	padding-bottom: 10px;
}
.color_requisitos{
	background-color: rgb(26,41,54);
	color: #FFFFFF;
	padding-bottom: 20px;
}
.color{
	background-color:#87D31A;
}
.colorM{
	background-color: rgb(26,41,54);
}
.logeo{
	margin: 0 auto;
	background-color:red;
}
.borde{
	padding: 12px 12px;
	border: 0.5px solid rgb(203,203,203);
	background-color: rgba(255,255,255,0.4);
}
.borde_requerido{
	padding: 12px 12px;
	border: 0.5px solid #FC0007;
	background-color: rgba(255,255,255,0.4);
}
.borde_padron{
	height: 80px;
	padding: 0px 12px;
	/*border: 0.5px solid rgb(203,203,203);*/
	border-bottom: 0.5px solid rgb(203,203,203);
	background-color: rgba(255,255,255,0.4);
}
.borde_acta{
	padding: 4px 4px;
	border: 0.5px solid rgb(0,0,0);
	background-color: rgba(255,255,255,0.4);
}
.borde_entrada{
	padding: 40px 50px;
	border: 0.5px solid rgb(203,203,203);
	background-color: rgba(255,255,255,0.4);
}
.texto_entrada{
	font-family: 'ralewaylight';
	font-size: 13px;
	padding-bottom: 10px;
}
.acceso input{
	background-color: rgb(243,243,243);
	border: 0.5px solid rgb(255,255,255);
	border-radius: 0 0;
	margin-bottom: 20px;
}
.acceso select{
	width: 100%;
	background-color: rgb(243,243,243);
	border: 0.5px solid rgb(255,255,255);
	border-radius: 0 0;
}

.boton_acceso input{
	clear: all;
	width: 120px;
	color: rgb(255,255,255);
	/*background-color: #094d82;*/
	font-family: 'ralewaylight';
	padding: 10px 10px;
}
.boton_acceso input[type="button"]{
	clear: all;
	width: 200px;
	color: rgb(255,255,255);
	/*background-color: #094d82;*/
	font-family: 'ralewaylight';
	padding: 9.2px 9.2px;
}
.boton_acceso input[type="submit"]{
	clear: all;
	width: 200px;
	height: 44px;
	color: rgb(255,255,255);
	/*background-color: #094d82;*/
	font-family: 'ralewaylight';
	padding: 0px 9.2px;
	font-size: 12px;
}
.boton_acceso input:hover{
	color: #FFCC66;
	background-color: #094d82;
	font-family: 'ralewaylight';
}
.boton_acceso p{
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 4px 4px;
	color: rgb(255,255,255);
	background-color: #094d82;
	font-family: 'ralewaylight';

}
.boton_acceso a{
	width: 200px;
	height: 44px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	border-radius: 4px 4px;
	
	font-family: 'ralewaylight';

}
.boton_acceso p:hover{
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 4px 4px;
	color: #FFCC66;
	background-color: #094d82;
	font-family: 'ralewaylight';
}
.generandor{
	background-color: #AFD3E0;
	color: #1D36B1;
	font-size: 12px;
	font-family: "ralewaylight";
	text-align: left;
	margin-left: 10px;
}
.generando{
	background-color: #CCCCCC;
	color: #1D36B1;
	font-size: 12px;
	font-family: "ralewaylight";
	text-align: left;
	margin-left: 10px;
}
.margen_entrada{
	margin-top: 2px;
}
.margen_entrada img{
	padding-top: 2px;
	padding-bottom: 2px;
}
.tabla-datos a{
	text-decoration: none;
	font-family: 'ralewaylight';
	color: #004653;
}
.tabla-datos{
	margin-top: 22px;
	border-radius: 8px 8px;
}
.tabla-datos a:hover{
	color: #CD1241; /*color de fondo de los iconos en las transacciones*/
}
.tabla-datos .menu-azul a{
	color: #258238;
}
.tabla-datos .menu-nuevo a{
	color: rgb(212,120,46);
}
.tabla-datos .menu-nuevo a:hover{
	color: rgb(59,96,119);
}
.tabla-datos .menu-nuevo-urg a{
	color: rgb(255,60,46);
}
.tabla-datos .menu-nuevo-urg a:hover{
	color: rgb(59,96,255);
}
.tabla-datos .menu-progreso a{
	color: #B3B3B3;
}
.tabla-datos .menu-progreso a:hover{
	color: #B3B3B3;
}
.tabla-datos td{
	text-align: center;
}
.tabla-datos td input{
	display: inline-block;
}
.td-lista-justificada ol, .td-lista-justificada ul, .td-lista-justificada li {
    text-align: justify;  /* Justifica el texto dentro de las listas */
    margin-left: 25px;    /* Aumenta el margen izquierdo de la lista */
    padding-left: 5px;   /* Añadir padding adicional */
}
.izq{
	padding-left: 4px;
	text-align: left;
	font-family: ralewayregular;
}
.calificado_ya{
	font-size: 11px;
	color: #004080;
	font-family: 'ralewaylight';
}
.tabla-datos .calificado_ya{
	text-align: justify;
}
.cal_act{
	padding: 5px 5px;
	text-align: right;
	font-family: 'ralewaylight';
}
.alineacion{
	text-align: left;
}
.nocalificado_aun{
	font-size: 11px;
	background-color: #fff;
	color: #FF8000;
	font-family: 'ralewaylight';
}
.numero_cal{
	width: 20px;
}
td .estudiante_cal{
	height: 300px;
	width: 200px;
	overflow: auto;
    border: 1px solid red;
}
.nota_cal{
	width: 20px;
}
.ingreso-datos{
	border-radius: 8px;
	border: 1px solid rgb(115,232,63);
	padding: 16px 16px;
}
.acciones{
	width: 32px;
}
.acciones_menu{
	width: 48px;
}

.menu{
	text-align: center;
}
.menu i{
	color: #2D7088;
}
.menu_icon{
	width: 5%;
	text-align: center;
}
.indicador{
	font-size: 11px;
	color: #0000FF;
}
.indicador_tickets{
	font-size: 10px;
	padding: 2px 2px;
}
.indicador_p{
	padding-right: 3px;
	padding-left: 6px;
	text-align: center;
}
.indicador_n{
	padding-right: 3px;
	padding-left: 6px;
	text-align: justify;
}
td .acciones{
	width: 200px;
}

th .nro{
	text-align: center;
	width: auto;
}
th .docente{
	text-align: center;
	width: 400px;
}
th .materia{
	text-align: center;
	width: 360px;
}
th .curso{
	text-align: center;
	width: 260px;
}
th .especialidad{
	text-align: center;
	width: 300px;
}
th .materia_promocion{
	text-align: center;
	width: 200px;
}
th{
	background-color: rgb(26,41,54);
	color: #E9E8E8;
	text-align: center;
	vertical-align: middle;
	border-bottom: 6px solid #D4782E;
}

.color1{
	color: #074080;
	font-size: 11px;
}
.certificado{
	text-align: center;
}
.certificado h4{
	text-align: center;
	font-weight: bolder;
	font-style: bold;
}
.titulo_noescolar{
	font-size: 16px;
}
.estadisticas{
	font-size: 11px;
	padding: 10px 10px;
	border: 1px solid #4C4C4C;
	color: #FF0000;
	text-align: center;
}
.estadisticas_tarea{
	font-size: 11px;
	padding: 10px 10px;
	border: 1px solid #4C4C4C;
	color: #FF0000;
	text-align: center;
	width: 300px;
}
.estadistica_act{
	text-align: center;
	background-color: #F1F4F4;
	font-weight: bolder;
	vertical-align: middle;
	color: #004080;
	width: 100px;
}
.enviadas, .calificadas, .nocalificadas{
	width: 50px;
}
.enviadas{
	background-color: #CCCCCC;
}
.calificadas{
	background-color: #C2E6FF;
}
.nocalificadas{
	background-color: #FD84AD;
}
.estadistica_c{
	padding: 10px 10px;
	text-align: center;
	font-weight: bolder;
	vertical-align: middle;
	background-color: #C2E6FF;
	color: #004080;
	width: 100px;
}
.estadistica_nc{
	padding: 10px 10px;
	text-align: center;
	font-weight: bolder;
	vertical-align: middle;
	background-color: #ffdade;
	color: #004080;
	width: 100px;
}
.no_promedia{
	font-size: 12px;
	padding-left: 5px;
	border: 1px solid #000;
	text-align: center;
	background-color: #FECC66;
}
.boleta{
	font-size: 12px;
	padding-left: 5px;
	/*border: 1px solid #000;*/
	text-align: center;
	color: #000;
}
.boleta_texto{
	font-size: 12px;
	padding-left: 5px;
	border: 1px solid #000;
	text-align: justify;
	color: #000;
}
.boleta_texto_90{
	font-size: 10px;
	padding-left: 5px;
	border: 1px solid #000;
	text-align: justify;
	color: #000;
}
.boletaInf{
	font-size: 12px;
	padding-left: 5px;
	border: 1px solid #000;
	text-align: center;
	color: #800002;
}
.boletaInicial{
	font-size: 14.5px;
	padding-left: 10px;
	text-align: left;
}
.boletaInicialTitulo{
	font-size: 8px;
	padding-left: 5px;
	text-align: left;
	border: 1px solid #000;
	font-weight: bold;
}
.boletaInicialTituloV{
	font-size: 8px;
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #000;
	font-weight: bold;
	writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(180deg);
}
.boletaInicialInfo{
	font-size: 10px;
	padding-left: 5px;
	text-align: left;
	border: 1px solid #000;
}
.boleta_describe{
	font-weight: bolder;
	color: #800000;
}
.boleta_materia{
	font-size: 16px;
	padding:3px 5px;
	/*border: 1px solid #000;*/
	color: #000;
  	text-align: left;
}
.boleta_encabezado{
	font-size: 14px;
	padding:3px 5px;
	border: 1px solid #000;
	color: #000;
  	text-align: center;
  	width: 20px;
  	font-family: ralewaysemibold;
}
.boleta_materia_mfc{
	font-size: 14px;
	padding:3px 5px;
	border: 1px solid #000;
	color: #000;
  	text-align: left;
}
.boleta_encabezado{
	font-size: 12px;
	padding:3px 5px;
	color: #000;
  	text-align: left;
}
.estadistica_materia{
	font-size: 11px;
	padding:3px 5px;
	color: #004080;
  	text-align: left;
}
.boleta_materia_no{
	/*background-image: url(../img/fmano.jpg);*/
	background-color: #EBFFEC;
}
.boleta_materia_no_mfc{
	/*background-image: url(../img/fmano.jpg);*/
	background-color: #fff;
}
.boleta_promocion{
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000;
	color: #004080;
  	text-align: left;
  	font-family: 'ralewaysemibold';
}
.boleta_promocion_mfc{
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000;
	color: #000;
  	text-align: left;
  	font-family: 'ralewaysemibold';
}
.boleta_ac_titulo{
  	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-color: #E6E6E6;
	color: #004080;
}
.boleta_ac_titulo_q{
  	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-color:#004080;
	color: #E6E6E6;
}

.boleta_ac_pro{
  	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #004080;
}
.boleta_ac{
  	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #004080;
}
.boleta_ac_q{
  font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #E6E6E6;
}
.transporte{
	font-size: 10px;
	padding-left: 5px;
	text-align: center;
}
.transporte_imp{
	font-size: 10px;
	padding-left: 5px;
	text-align: center;
	font-weight: bolder;
	color: #800000;
}
.boleta_promedio{
	font-size: 11px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #EEF2F5; !important;
	color: #032C58;
	
}
.boleta_titulo{
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #EEF2F5; !important;
	color: #032C58;
	border: 1px solid #808080;
}

.boleta_promedio_mfc{
	font-size: 11px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #fff; !important;
	color: #000;
	
}
.boleta_titulo_mfc{
	text-align: center;
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #fff; !important;
	color: #000;
	border: 1px solid #808080;
}
.boleta_titulo_anual{
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color:#004080; !important;
	color: #EEF2F5;
	border: 1px solid #808080;
}
.boleta_titulo_notas{
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-image: url(../img/fepro.jpg);
	background-repeat: repeat;
	color: #032C58;
	border: 0px solid #808080;
	width: 70px;
}
.boleta_firma{
	font-size: 9px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: center;
	color: #032C58;
}
.boleta_datos{
	font-size: 10px;
	font-family: 'ralewaysemibold';
	padding-bottom: 4px;
}
.reporte_eco{
	width: 300px;
	font-size: 9px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	color: #032C58;
	border: 1px solid #808080;
}
.reporte_eco_valor{
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #808080;
	color: #032C58;
  	text-align: right;
}
.reporte_eco_valor_deuda{
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #808080;
	color: #800000;
  	text-align: right;
}
.sabana{
	width: 300px;
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #032C58;
}
.sabana_n{
	width: 300px;
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #032C58;
}
.sabana_q{
	width: 250px;
}
.cuadros_texto{
	width: 180px;
	padding-left: 10px;
	text-align: left;
	font-size: 13px;
	font-family: 'ralewaysemibold';
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #EEF2F5; !important;
	color: #032C58;
}
.sabana_q_nota{
	width: 80px;
	font-size: 11px;
}
.nota_sabana{
	width: 30px;
}
.aprobado{
	color: #008000;
	padding-right: 4px;
	padding-left: 4px;
}
.reprobado{
	color: #FF0000;
	padding-right: 4px;
	padding-left: 4px;
}
.proceso{
	color:#FFCC66;
	padding-right: 4px;
	padding-left: 4px;
}
.materia_titulo{
	padding: 10px 10px;
	color: #FF8000;
}
.materia_nombre{
	width: 360px;
}
.materia_nombre input{
	width: 100%;
}
.materia_nota{
	color:#1D487A;
}
.materia_nota_r input{
	width: 70px;
	padding-left: 10px;
	color:#FF0000;
	font-family: ralewaybold;
}
.materia_nota_r span{
	color:#FF0000;
	font-family: ralewaybold;
}
.titulo_td{
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	color: #154961;
	padding-right:8px;
}
.titulo_td_link{
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	color: #800002;
	padding-right:8px;
}
.titulo_t{
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	color: #154961;
}
.titulo_tr{
	font-weight: lighter;
	font-size: 10px;
	text-align: justify;
	color: #154961;
}
.encabezado_r h3{
	font-family: ralewaylight;
	font-size: 16px;
	color: #D4782E;
	font-weight: bold;
}
.activo{
	width: 1px;
	background-color: #57F808;
}
.pen{
	width: 1px;
	background-color: #FFFF00;
}
.inactivo{
	width: 1px;
	background-color: #FB0303;
}
.tareas_veo{
	width: 30px;
}
.activa{
	color:#094d82;

}
.porCalificar{
	background-color: #66CCFF;
}
.calificado{
	background-color: #CCFF66;
}
.malaCalificacion{
	background-color: #800000;
}
.color_deberes{
  background-color: #799AC9;
}
.color_agrupales{
  background-color: #79AAC9;
}
.color_aindividuales{
  background-color: #79C4C6;
}
.color_lecciones{
  background-color: #7AC4A8;
}
.color_prueba{
  background-color: #7DC47A;
}
.color_promedio{
  background-color: #B4C47A;
}
.color_parciales{
  background-color: #9cc5e4;
}
.color_suma_parciales{
  background-color: #FFFF0A;
}
.color_examen{
  background-color: #78c49b;
}
.mensajeria{
	font-weight: bold;
	color: #074080;
	font-family: ralewaylight;
}
.mensajeria label{
	font-weight: lighter;
	color: #400080;
	font-family: ralewaylight;
}
.economico_datos{
	font-size: 11px;
	font-weight: lighter;
	color: #400080;
	font-family: ralewaysemibold;
}
.mensajeria_titulo label{
	background: #CCCCCC;
	font-weight: lighter;
	color: #400080;
	font-family: ralewaylight;
}
.recordatorio{
	font-size: 11px;
	text-align: left;
}
.r_especial{
	font-size: 11px;
	text-align: left;
  	background-color:  rgb(26,41,54);
  	color: rgb(255,255,255);
}
.r_especialp{
	font-size: 11px;
	text-align: left;
  	background-color: #D4782E;
  	color: rgb(255,255,255);
}
.mnsj{
	color: red;
}
.opc_imp{
	margin-bottom: 10px;
}
.foto{
	margin: 20px 0 0 36px;
	width: 128px;
	height: 150px;
	background: #ABABAB;
	border-radius: 10px;
  text-align: center;
  vertical-align: middle;

}
.foto_certificado{
	margin: 0 0 0 0px;
	width: 60px;
	height: 70px;
	border-color: 1px solid #ABABAB;
	border-radius: 10px;
  text-align: center;
  vertical-align: top;

}
.foto_certificado img{
	width: 60px;
	height: 70px;
	border-color: 1px solid #ABABAB;
	border-radius: 10px;
	padding: 3px 6px;
	text-align: center;
    vertical-align: top;
}
.logoins img{
	width: 100%;
	border-radius: 4px;
	padding: 10px 20px;
	margin-bottom: 6px;
	border:0.5px solid #fd8008;
}
.foto_e{
	width: 128px;
	height: 150px;
	background: #fff;
	border-radius: 10px;
	border:1px solid #094d82;
	padding: 8px 8px;
	text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
}
.foto_e_nomina{
	width: 32px;
	height: 37.5px;
	background: #fff;
	border-radius: 3px;
	border:1px solid #094d82;
	padding: 2px 2px;
	text-align: center;
    vertical-align: middle;
    margin-bottom: 2px;
}
.foto_ep{
	width: 32px;
	height: 40px;
	background: #ABABAB;
	border-radius: 10px;
	padding: 3px 3px;
	text-align: center;
    vertical-align: middle;
}
.foto_info img{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px;
	border: 2px solid #004080;
}
.texto_info{
	background-color: rgba(230,230,230,0.5);
	padding: 5px 5px;
	font-size: 12px;
}
.texto_info_ad{
	background-color: #CCCCCC;
	padding: 5px 5px;
	font-size: 12px;
}
.info_est{
	font-family: ralewaylight;
	font-size: 11px;
	text-align: left;
}
.info_est_datos{
	padding-left: 4px;
}
.est_info{
	height: 190px;
	margin-bottom: 10px;
}
.est_info_padron{
	margin-bottom: 0px;
	margin-top: 30px;
	border: 1px solid #e3e3e3;
}

.info_est_datos_padron{
	padding-left: 4px;
	font-size: 8px;
	font-family: "ralewaylight";
}
.principal{
	margin-top: 10px;
	box-shadow: -8px 8px 6px #E3E3E3
}
.generar{
	text-align: left;
	padding-left: 3px;
	font-size: 11px;
	color: #152885;
	font-weight: bold;
	font-family: "ralewaylight";
}
.generar_boton{
	padding-top: 3px;
}
/*libretas*/
.izq_imp{
	text-align: left;
}
.color{
	color: red;

}
/*Recuperacion*/
.recuperacion_lista{
	font-size: 12px;
	font-family: ralewaylight;
	height: 50px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
.recuperacion_lista_firma{
	font-size: 12px;
	font-family: ralewaylight;
	width: 120px;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
/*Facturas*/

.factura{
	font-size: 12px;
	font-family: Arial;
	height: 12px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
.factura_unica{
	font-size: 12px;
	font-family: Arial;
	height: 40px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
.factura_titulo{
	background-color: #E6E6E6;
	color: #112D8D;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #c85c05;
}
.facturaTitular{
	font-size: 14px;
	font-family: Times New Roman;
	margin-left: 30px;
	vertical-align: top;
	padding-top: 6px;
}
.facturaTitularBlanco{
	margin-left: 50px;
	vertical-align: top;
}
.facturaTitularValores{
	font-size: 11px;
	font-family: Times New Roman;
	vertical-align: top;
	padding-top: 11px;
}
.facturaTitularTotal{
	font-weight: bold;
	font-size: 12px;
	font-family: Times New Roman;
	vertical-align: top;
	padding-top: 4px;
}
.facturaEstr{
	font-size: 14px;
	font-family: Times New Roman;
	vertical-align: top;
	padding-top: 5px;
}
.dividir{
	width: 160px;
}
.dividir_iz{
	width: 14px;
}

.factura_right{
	font-size: 12px;
	font-family: Verdana;
	height: 12px;
	text-align: right;
	padding-right: 20px;
	vertical-align: top;

}
.factura_valor{
	font-size: 12px;
	font-family: Verdana;
	height: 12px;
	text-align: right;
	padding-right: 20px;
}
.mensaje1{
	margin-bottom: 10px;
}
.respuesta{
	margin-left: 10px;
}
/*---------Activar Notas-------*/
.inferior_activar{
	margin-bottom: 22px;
}

.activar_notas{
	padding: 10px 10px;
	text-align:center;
}
.linea_base{
	border-bottom: 1px;
	border: 1px;
}
.estadistica{
	padding-right: 10px
}
/*.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td, .estadistica {
	vertical-align: bottom;*/
}
.titulo_estadistica{
	font-size: 9px;
}

/*/////////tabs///////////////*/
* {
 font-family: ralewaylight;
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
h1 {
 margin: 1em 0;
 text-align: center;
}
h4{
	text-align: left;
	margin-left: 5px;
}
#container_1 {
 margin: 0 auto;
 width: 100%; /* Ancho del contenedor */
}
#container_1 input {
 height: 2.2em;
}
.espacio{
	width: 20px;
}.espacio_leccion{
	width: 120px;
}
.espacio_estadistica{
	width: 200px;
}
.espacio_certificado{
	width: 350px;
	margin-left: 340px;
	text-align: justify;
	font-size: 12px;
}
.oculto{
	visibility: hidden;
}
#container_1 label {
 background-color: rgb(26,41,54); /* Fondo de las pestañas */
 border-radius: .25em .25em 0 0;
 color: #fff; /* Color del texto de las pestañas */
 cursor: pointer;
 display: block;
 float: left;
 font-size: 1em; /* Tamaño del texto de las pestañas */
 overflow: auto;
 line-height: 2.5em;
 margin-right: .25em;
 padding: 0 1.5em;
 text-align: center;
}
#container_1 input:hover + label {
 background: #ddd; /* Fondo de las pestañas al pasar el cursor por encima */
 color: #666; /* Color del texto de las pestañas al pasar el cursor por encima */
}
#container_1 input:checked + label {
 background: #f1f1f1; /* Fondo de las pestañas al presionar */
 color: rgb(26,41,54); /* Color de las pestañas al presionar */
 border-bottom: 2px solid rgb(26,41,54);
 position: relative;
 z-index: 6;
}
#content {
 /*background: #f1f1f1; /* Fondo del contenido */
 border-radius: 0 .25em .25em .25em;
 min-height: 40em; /* Alto del contenido */
 position: relative;
 width: 100%;
 z-index: 5;
}
#content-1, #content-2, #content-3, #content-4, #content-5, #content-6, #content-7, #content-8{
	overflow: auto;
	border-radius: 0 .25em .25em .25em;
	background: #f1f1f1;
	width: 100%;
}
#content-1 table{
	/*text-align: center;*/
	margin-left: 1%;
}
#content div {
 opacity: 0;
 padding: 1.5em;
 position: absolute;
 z-index: -100;
}
#content-1 p {
 clear: both;
 /*margin-bottom: 1em;*/
}
#content-1 p.left img {
 float: left;
 margin-right: 1em;
}
#content-1 p.last {
 margin-bottom: 0;
}
#content-2 p {
 /*float: left;
 width: 48.5%;*/
}
#content-2 p.column-right {
 margin-left: 3%;
}
#content-2 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-3 p {
 /*float: left;
 width: 48.5%;*/
}
#content-3 p.column-right {
 margin-left: 3%;
}
#content-3 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-4 p {
 /*float: left;
 width: 48.5%;*/
}
#content-4 p.column-right {
 margin-left: 3%;
}
#content-4 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-5 p {
 /*float: left;
 width: 48.5%;*/
}
#content-5 p.column-right {
 margin-left: 3%;
}
#content-5 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-6 p {
 /*float: left;
 width: 48.5%;*/
}
#content-6 p.column-right {
 margin-left: 3%;
}
#content-6 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-7 p {
 /*float: left;
 width: 48.5%;*/
}
#content-7 p.column-right {
 margin-left: 3%;
}
#content-7 p img {
 display: block;
 margin: 0 auto 1em auto;
}
#content-8 p {
 /*float: left;
 width: 48.5%;*/
}
#content-8 p.column-right {
 margin-left: 3%;
}
#content-8 p img {
 display: block;
 margin: 0 auto 1em auto;
}
/*#content-3 p,*/
#content-3 ul {
 margin-bottom: 1em;
}
#content-3 ul {
 margin-left: 2em;
}
/*#content-4 p,*/
#content-4 ul {
 margin-bottom: 1em;
}
#content-4 ul {
 margin-left: 2em;
}
/*#content-5 p,*/
#content-5 ul {
 margin-bottom: 1em;
}
#content-5 ul {
 margin-left: 2em;
}
/*#content-6 p,*/
#content-6 ul {
 margin-bottom: 1em;
}
#content-6 ul {
 margin-left: 2em;
}
/*#content-7 p,*/
#content-7 ul {
 margin-bottom: 1em;
}
#content-7 ul {
 margin-left: 2em;
}
/*#content-8 p,*/
#content-8 ul {
 margin-bottom: 1em;
}
#content-8 ul {
 margin-left: 2em;
}
#container_1 input#tab-1:checked ~ #content #content-1,
#container_1 input#tab-2:checked ~ #content #content-2,
#container_1 input#tab-3:checked ~ #content #content-3,
#container_1 input#tab-4:checked ~ #content #content-4,
#container_1 input#tab-5:checked ~ #content #content-5,
#container_1 input#tab-6:checked ~ #content #content-6,
#container_1 input#tab-7:checked ~ #content #content-7,
#container_1 input#tab-8:checked ~ #content #content-8 {
 opacity: 1;
 z-index: 100;
}
.lista_veo{
	width: 40px;
}
.notas_veo{
	width: 60px;
}
.fecha_veo{
	width: 150px;
}
/*------------para lado izquierdo del home-------------*/
/* vertical-centered text */
#inicio {
	/*background: url(../img/img3.jpg) center fixed; */
	display: table;
	height: 65%;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.text-center h2{
	text-align: center;
	padding: 0 10px 5px 10px;
}
.text-center p{
	text-align: center;
}
.text-vcenter {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.text-vcenter h1 {
	margin-top: 70px;
	font-size: 4em;
	font-weight: bold;
	padding-left: 14px;
	font-family: ralewaylight;
}
.text-vcenter h3 {
	padding-left: 14px;
}

/*-----------slidershow----------------*/
ul.ppt {
    position: relative;
}
.ppt li {
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 0;
}
.ppt img{
	width: 100%;
	text-align: center;
}
/* galeria **/
#galeria{
	display: block;
	margin: 0 0 0 15em;
	padding: 0;
	position:relative;
	width: 50%;
	height: 22.5em;
	list-style: none;
	border: 10px solid #1a1a1a;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	overflow: hidden;
}
#galeria li{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	border-radius: 10px;
}
#galeria li img{
	width: 100%;
}
#galeria .selected{
	z-index: 1;
	opacity: 1;
	-moz-transition: all 2s ease 0s;
	-ms-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	-webkit-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
#galeria .noselected{
	z-index: 0;
	opacity: 0;
	-moz-transition:
	all 2s ease 0s;
	-ms-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	-webkit-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}
.autoridad{
	font-size: 15px;
	text-align: center;
}
/*-----------------Graficos Gambas---------------*/
/*-----------2020----------------*/
/*--------iconos del inicio------*/
.inputWithIcon input[type="text"] {
  width: 100%;
  border: 0.5px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}
.inputWithIcon input[type="password"] {
  width: 100%;
  border: 0.5px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus {
  border-color: #D4782E;
  box-shadow: 0 0 8px 0 #D4782E;
}
.inputWithIcon input[type="password"]:focus {
  border-color: #D4782E;
  box-shadow: 0 0 8px 0 #D4782E;
}

.inputWithIcon input[type="text"] {
  padding-left: 40px;
}
.inputWithIcon input[type="password"] {
  padding-left: 40px;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  position: absolute;
  left: 0;
  top: 8px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus + i {
  color: #D4782E;
}
.inputWithIcon input[type="password"]:focus + i {
  color: #D4782E;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
  background-color: #D4782E;
}
.inputWithIcon.inputIconBg input[type="password"]:focus + i {
  color: #fff;
  background-color: #D4782E;
}
/*Rotulado de las tablas que contienen información*/
.copiar_rotulado{
	background-color: #e83c6a;
	text-align: center; 
	color: #fff; 
	font-size: 10; 
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.rotulado_rendimiento{
	text-align: center; 
	color: #094d82; 
	font-size: 14; 
	font-weight: 700;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 6px;
}
.rotulado{
	background-color: #094d82; 
	/*border-radius: 8px 8px 0px 0px;*/
	text-align: center; 
	color: #fff; 
	font-size: 14; 
	font-family: ralewaybold;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 6px;
}
.rotulado_interno{
	background-color: #346702; 
	text-align: center; 
	color: #fff; 
	font-size: 9; 
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.correos_sel{
	text-align: center; 
	font-size: 12px;
	font-family: "ralewayregular";
	color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 8px 8px;
	background-color: #094d82;
}
.resaltado{
	background-color: #FD6208; 
	text-align: center; 
	color: #fff; 
	font-size: 10; 
	font-weight: 700;
}
.infor_tablas_compromiso{
	font-size: 16px; color: rgb(26,41,54); font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas{
	font-size: 13px; color: rgb(26,41,54);
	padding-left: 5px; padding-top: 2px; padding-bottom: 2px;
	font-family: "ralewayregular";
}
.infor_tablas_valores{
	font-size: 13px; color: rgb(26,41,54); font-weight: 500; text-align: right;
	font-family: "ralewaylight";
}
.infor_tablas_centro{
	font-size: 13px; color: rgb(26,41,54); font-weight: 500; text-align: center;
	font-family: "ralewaylight";
}
.infor_tablas_rotulado{
	font-size: 11px; color: #631FA9; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas_derivado{
	font-size: 11px; background-color: #B2C6F7; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas_resaltado{
	font-size: 11px; color: #143CA9; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas_estado{
	font-size: 11px; color: #8A2102; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas_eco{
	font-size: 16px; color: rgb(26,41,54); font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.infor_tablas a:link{
	text-decoration: none;
	color: #074080;
	font-size: 14px;
	font-family: ralewaybold;
}
.infor_tablas a:visited{
	text-decoration: none;
	color: #074080;
	font-size: 14px;
	font-family: ralewaybold;
}
.iconos_aceptable{
	color: #1294B3;
	text-align: center;
}
.iconos_advertencia{
	color: #FECC0F;
	text-align: center;
}
.iconos_bien{
	color: #168A3D;
	text-align: center;
}
.iconos_precausion{
	color: #D63705;	
	text-align: center;
}
.infor_estadistica{
	text-align: center; 
	font-size: 10px; 
	padding: 3px 3px; 
	color: #000000
	font-family: "ralewaybold";
}
.infor_tablas1{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #E6E6E6;padding-left: 3px; padding-right: 3px;
}
.infor_tablas2{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #B3B3B3;padding-left: 3px; padding-right: 3px;
}
.infor_tablas3{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #999999;padding-left: 3px; padding-right: 3px;
}
.infor_tablas4{
	font-size: 11px; color: #fff; font-weight: 500; background-color: #800002;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas5{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #d3e0fc;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas6{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #faceff;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas7{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #e1ffd5;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas8{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #cbc6fe;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas9{
	font-size: 11px; color: rgb(26,41,54); font-weight: 500; background-color: #fff9e2;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas10{
	font-size: 9px; color: #FFFFFF; font-weight: 500; background-color: #02224F;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablas11{
	font-size: 11px; color: #FFFFFF; font-weight: 500; background-color: #02224F;padding-left: 3px; padding-right: 3px;text-align: center;
}
.infor_tablasR{
	font-size: 9px; color: rgb(26,41,54); font-family: 'ralewaybold'; background-color: #E6E6E6;
}
.infor_tablasRF{
	font-size: 10px; color: rgb(26,41,54); font-family: 'ralewaybold'; background-color: #d3e0fc;
}
.infor_tablas b{
	color: #800002; 
	font-size: 12px; 
	font-family: ralewaybold;
}
/* -----------Esto es para informes ----------- */
.Ad_infor_tablas b{
	color: #074080; 
	font-size: 18px; 
	font-weight: bold;
}
.Ad_infor_tablas li{
	font-size: 18px; 
	text-align: justify;
}
.Ad_infor_tablas_compromiso b{
	color: #074080; 
	font-size: 18px; 
	font-weight: bold;
}
.Ad_infor_tablas_compromiso{
	font-size: 18px; color: rgb(26,41,54); font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas{
	font-size: 18px; color: rgb(26,41,54); font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_valores{
	font-size: 18px; color: rgb(26,41,54); font-weight: 500; text-align: right;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_centro{
	font-size: 18px; color: rgb(26,41,54); font-weight: 500; text-align: center;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_rotulado{
	font-size: 18px; color: #631FA9; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_derivado{
	font-size: 18px; background-color: #B2C6F7; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_resaltado{
	font-size: 18px; color: #143CA9; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_estado{
	font-size: 18px; color: #8A2102; font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
.Ad_infor_tablas_eco{
	font-size: 16px; color: rgb(26,41,54); font-weight: 500;
	padding-left: 5px; padding-top: 1px; padding-bottom: 1px;
	font-family: "ralewaylight";
}
/* -----------Fin Informes-------------- */
.new_button{
	background-color: #fff;
	color: #02213F;
	padding: 6px 20px;
	margin-right: 2px;
	border-radius: 4px 4px 0px 0px;
	border:1px solid #02213F;
}
.new_button_active{
	background-color: #02213F;
	color: #fff;
	padding: 6px 20px;
	margin-right: 2px;
	border-radius: 4px 4px 0px 0px;
	border:1px solid #02213F;
}
.new_button:hover{
	background-color: #FD8008;
	color: #02213F;
	padding: 6px 20px;
	margin-right: 2px;
	border-radius: 4px 4px 0px 0px;
	border:1px solid #FD8008;
}
.arriba_boton{
	display: none;
	padding: 20px;
	color: #094d82;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
}
.video_link{
	display: inline-block;
	vertical-align: top;
}
.tarea_rep{
	vertical-align: top;
}
/*------chat------*/
#caja-chat{
	width: 90%;
	overflow-y: scroll;
}
#datos-chat{
	width: 80%;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid silver;
	font-weight: bold;
}
input[type='text']{
	/*width: 100%;*/
	border: 1px solid gray;
	border-radius: 5px;
	padding: 2px 2px;
}
input[type='submit']{
	width: 100%;
	border: 1px solid gray;
	border-radius: 5px;
	cursor: pointer;
}

textarea{
	width: 100%;
	height: 40px;
	border: 1px solid gray;
	border-radius: 5px;
}

input, textarea{
	margin-bottom: 3px;
}
#contenedor-chat{
	width: 100%;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.chat_body{
	width: 80%;
	height: 300px;
	margin-left: 20px;
	
}
.mensaje{
	width: 500px;
	position: fixed;
	overflow: auto;
	margin-top: -230px;
}
/*Opciones del nuevo menu que se desea hacer*/
.opt_trans{
	width: 100%;
	height: 120px;
	background-color:#fff;
	color:#63946e;
	padding: 20px 20px;
	border-radius: 6px 6px;
	margin-bottom: 4px;
	border:1px solid rgba(76, 76, 76, 0.2);
}
.opt_trans i{
	padding: 2px 2px;
	color: #fff;
	border-bottom: 2px solid #fff;
}
.opt_trans a{
	color:rgb(2,33,63);
	padding: 2px 2px;
}
.opt_trans i:hover, a:hover{
	color:#364e3b;
}
.opt_trans i:hover{
	border-bottom: 2px solid #364e3b;
}
.opt_trans a:hover{
	font-weight: bolder;
}
.texto_trans, .icon_trans{
	vertical-align: middle;
	display: inline-block;
}

.icon_trans_color1{
	background-color: #3cbff0;
}
.icon_trans_color2{
	background-color: #2a4b9b;
}
.icon_trans_color3{
	background-color: #614495;
}
.icon_trans_color4{
	background-color: #a9519a;
}
.icon_trans_color5{
	background-color: #FF0000;
}
.icon_trans_color6{
	background-color: #E71D73;
}
.icon_trans_color7{
	background-color: #0f5268;
}
.icon_trans_color8{
	background-color: #212c54;
}
.icon_trans_color9{
	background-color: #2b2560;
}
.icon_trans_color10{
	background-color: #6c2164;
}
.icon_trans_color11{
	background-color: #911913;
}
.icon_trans_color12{
	background-color: #891247;
}
.icon_trans_color13{
	background-color: #8cd1ea;
}
.icon_trans_color14{
	background-color: #86a5d7;
}
.icon_trans_color15{
	background-color: #8267b7;
}
.icon_trans_color16{
	background-color: #c15daa;
}
.icon_trans_color17{
	background-color: #db6a6b;
}
.icon_trans_color18{
	background-color: #f99dd0;
}
.icon_trans_color19{
	background-color: #6e785f;
}
.icon_trans_color20{
	background-color: #6b8441;
}
.icon_trans_color21{
	background-color: #fff;
}
.icon_trans_color22{
	background-color: rgba(255,255,255,0.4);
}
.icon_trans_color23{
	background-color: #0f8537;
}
.icon_trans_color24{
	background-color: #139684;
}
.icon_trans_color25{
	background-color: #6eba71;
}
.icon_trans_color26{
	background-color: #ee7e24;
}
.icon_trans_color27{
	background-color: #f8d164;
}
.icon_trans_color28{
	background-color: #bcb00a;
}
.icon_trans_color29{
	background-color: #a4a855;
}
.icon_trans_color30{
	background-color: #966614;
}
.icon_trans_color31{
	background-color: #f59b43;
}
.icon_trans_color32{
	background-color: #4b7a34;
}
/*-----Iconos Gama Rojos------------*/
.icon_trans_r01{
	background-color:#800002;
}
.icon_trans_r02{
	background-color:#AA0004;
}
.icon_trans_r03{
	background-color:#CB0008;
}
.icon_trans_r04{
	background-color:#EC080A;
}
.icon_trans_r05{
	background-color:#ED3406;
}
.icon_trans_r06{
	background-color:#A02932;
}
/*------Iconos Gama Tomates---------*/

.icon_trans_t01{
	background-color: #f59b43;
}
.icon_trans_t02{
	background-color: #F56F21;
}
.icon_trans_t03{
	background-color: #DD892E;
}
.icon_trans_t04{
	background-color: #B94F04;
}
.icon_trans_t05{
	background-color: #944417;
}
.icon_trans_t06{
	background-color: #EC6A21;
}
.icon_trans_t07{
	background-color: #6B3312;
}
.icon_trans_t08{
	background-color: #A95133;
}
.icon_trans_t09{
	background-color: #CF633F;
}
.icon_trans_t10{
	background-color: #C8653D;
}
/*------Iconos Gama Celestes--------*/
.icon_trans_c01{
	background-color: #00cdfc;
}
.icon_trans_c02{
	background-color: #5ea8bc;
}
.icon_trans_c03{
	background-color: #12819b;
}
.icon_trans_c04{
	background-color: #486a72;
}
.icon_trans_c05{
	background-color: #004c5e;
}
.icon_trans_c06{
	background-color: #062e35;
}
.icon_trans_c07{
	background-color: #22767c;
}
.icon_trans_c08{
	background-color: #6e9293;
}
.icon_trans_c09{
	background-color: #36a9e1;
}
/*---------Iconos Gama Azul-------------*/
.icon_trans_a01{
	background-color: #000033;
}
.icon_trans_a02{
	background-color: #3366cc;
}
.icon_trans_a03{
	background-color: #0033cc;
}
.icon_trans_a04{
	background-color: #0066cc;
}
.icon_trans_a05{
	background-color: #6699cc;
}
.icon_trans_a06{
	background-color: #336699;
}
.icon_trans_a07{
	background-color: #003366;
}
.icon_trans_a08{
background-color: #003399;
}
/*----------Iconos Gama Verde-----------*/
.icon_trans_v01{
	background-color: #669933;
}
.icon_trans_v02{
	background-color: #99cc99;
}
.icon_trans_v03{
	background-color: #66cc66;
}
.icon_trans_v04{
	background-color: #669966;
}
.icon_trans_v05{
	background-color: #009900;
}
.icon_trans_v06{
	background-color: #336633;
}
.icon_trans_v07{
	background-color: #006600;
}
.icon_trans_v08{
	background-color: #003300;
}
.icon_trans_v09{
	background-color: #336633;
}
.icon_trans_v10{
	background-color: #587859;
}
.icon_trans_v11{
	background-color: #576F18;
}
.icon_trans_v12{
	background-color: #8CAD0B;
}
.icon_trans_v13{
	background-color: #1D6101;
}
.icon_trans_v14{
	background-color: #0A512F;
}
.icon_trans_v15{
	background-color: #2F4300;
}
.icon_trans_v16{
	background-color: #0A4E19;
}
/* ---------------- Gama Gris --------------------*/
.icon_trans_gris01{
	background-color: #EDEDED;
}
.icon_trans_gris02{
	background-color: #DADADA;
}
.icon_trans_gris03{
	background-color: #C6C6C6;
}
.icon_trans_gris04{
	background-color: #B2B2B2;
}
.icon_trans_gris05{
	background-color: #9D9D9C;
}
.icon_trans_gris06{
	background-color: #878787;
}
.icon_trans_gris07{
	background-color: #706F6F;
}
.icon_trans_gris08{
	background-color: #575756;
}
.icon_trans_gris09{
	background-color: #3C3C3B;
}
/* ---------------- Gama de Lilas --------------- */
.icon_trans_lila01{
	background-color: #351E23;
}
.icon_trans_lila02{
	background-color: #563036;
}
.icon_trans_lila03{
	background-color: #68232A;
}
.icon_trans_lila04{
	background-color: #84171D;
}
.icon_trans_lila05{
	background-color: #A80024;
}
/*----------------Gama Azul Petroleo--------------*/
.icon_trans_az01{
	background-color:#253957;
}
.icon_trans_az02{
	background-color:#34537F;
}
.icon_trans_az03{
	background-color:#3C6196;
}
.icon_trans_az04{
	background-color:#4570B1;
}
.icon_trans_az05{
	background-color:#0C264F;
}
.icon_trans_az06{
	background-color:#0D326C;
}
.icon_trans_az07{
	background-color:#16388A;
}
.icon_trans_az08{
	background-color:#1843AD;
}
.icon_trans_az09{
	background-color:#194BCA;
}
.icon_trans_az10{
	background-color:#1A55F1;
}

.icon_trans_gris{
	background-color: #B4B7BA;
	color: #084DBA;
}
.icon_trans_clubs1{
	background-color: #3997FF;
	color: #FFF;
}
.icon_trans_clubs2{
	background-color: #0F80FF;
	color: #FFF;
}
.icon_trans_clubs3{
	background-color: #5A98FF;
	color: #FFF;
}
.icon_trans_clubs4{
	background-color: #86C3FF;
	color: #000;
}
.icon_trans_clubs5{
	background-color: #4D80D5;
	color: #000;
}
.icon_trans_clubs6{
	background-color: #8DCAFF;
	color: #000;
}

.indicativo1{
	background-color: #ffe5fb;
}
.indicativo2{
	background-color: #ffe5e4;
}
.indicativo3{
	background-color: #e1fff3;
}
.indicativo4{
	background-color: #deffbf;
}

.icons_shadows{
	padding: 22px 1px 10px 2px;
	height: 80px;
	width: 40%;
	margin-right: 4px;
	/*box-shadow: 2px 2px rgba(7, 7, 7, 0.8);*/
	border-radius: 4px 4px;
	float: right;
	text-align: center;
}
.texto_trans{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	float: left;
	padding-top: 36px;
}
.select_personalizado{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	width: 120px;
}
/*-------Opciones activas--------*/
@media (max-width: 600px){
	.logo_dispositivos{
		display: none;
		visibility: hidden;
	}
	.logo_dispositivos_nombre{
		padding: 10px 1px 6px 2px;
		height: 80px;
		width: 100%;
		margin-right: 0px;
		border-radius: 4px 4px;
		float: left;
		text-align: center;
		background-color: rgba(255,255,255,0.4);
	}

	.principal-menu{
		display: none;
		visibility: hidden;
	}
	.secundario-menu{
		width: 100%;
		text-align: center;
	}
	.opt_trans_menu-movil{
		width: 100%;
		height: 50px;
		padding: 20px 20px;
		border-radius: 6px 6px;
		margin-top: 40px;
		font-size: 9px;
		float: right;
	}
}
@media (min-width: 600px){
	.secundario-menu{
		display: none;
	}
}
.opt_trans_menu{
	width: 100%;
	height: 50px;
	padding: 20px 20px;
	border-radius: 6px 6px;
	margin-bottom: 4px;
	transition: 0;
  	/*animation: Efectos 1s;*/
  	float: right;
  	text-align: right;
  	font-size: 9px;
}
.opt_trans_activo{
	width: 100%;
	height: 50px;
	padding: 20px 20px;
	border-radius: 0px 0px 12px 0px;
	margin-bottom: 8px;
	/*background-color:#094d82;*/
	transition: 0;
  	/*animation: Efectos 1s;*/
}
.icons_shadows_activo .texto_trans_activo {
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 20px;
}
.icons_shadows_activo{
	padding: 10px 1px 6px 2px;
	height: 100px;
	width: 40%;overflow: inherit;
	margin-right: 0px;
	border-radius: 4px 4px;
	float: left;
	text-align: center;
	transition: 0;
	margin-bottom: 20px
  	/*animation: Efectos 1s;*/
}
.texto_trans_activo {
	width: 100%;
	text-align: center;
	padding-top: 30px;
	font-family: ralewaylight;
	transition: 0;
  	/*animation: Efectos 1s;*/
}
.texto_trans_activo .leve{
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	color:rgba(2, 33, 63, 0.5);
	font-family: 'ralewaylight';
	font-weight: bold;
}
.texto_trans_activo .grueso{
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	font-family: ralewaylight;
	font-size: 24px;
	color:rgba(30, 33, 63, 1);
	font-weight: bold;
	text-align: center;
}
@keyframes Efectos {
  0% {
	margin-top: -150px;
	
  }
  60%{
	margin-top: 10px;
	
  }
  100% {
    margin-top: 0px;
   
  }
}
@keyframes Efecto {
  0% {
	margin-top: 150px;
  }
  60%{
	margin-top: -10px;
  }
  100% {
    margin-top: 0px;
  }
}
.color_fondo_menu{
	border-bottom: 1px solid #333333;
/*	background: rgba(254,254,254,1);
background: -moz-linear-gradient(left, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(25,96,120,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(23%, rgba(254,254,254,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(42%, rgba(254,254,254,1)), color-stop(100%, rgba(25,96,120,1)));
background: -webkit-linear-gradient(left, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(25,96,120,1) 100%);
background: -o-linear-gradient(left, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(25,96,120,1) 100%);
background: -ms-linear-gradient(left, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(25,96,120,1) 100%);
background: linear-gradient(to right, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(25,96,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#196078', GradientType=1 );*/
}
.color_barra_logo{
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,77,130,1) 47%, rgba(0,183,255,0.623686974789916) 100%);
}

.opt_content_fondo{
	background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(226,226,226,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(23%, rgba(254,254,254,1)), color-stop(39%, rgba(254,254,254,1)), color-stop(42%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(226,226,226,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(226,226,226,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 23%, rgba(254,254,254,1) 39%, rgba(254,254,254,1) 42%, rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}

.opt_content{
	margin: 10px 10px;
	border-radius: 4px;
	padding: 20px 20px;
	float: left;
	width: 94%;
	text-align: left;
	border: 1px solid #e6e6e6;
	animation: Transaccion 1s;
	margin-bottom: 30px;
}
.opt_content:hover{
	margin: 10px 10px;
	border-radius: 4px;
	padding: 20px 20px;
	float: left;
	width: 94%;
	text-align: left;
	margin-bottom: 30px;
}
.opt_icono, .opt_texto{
	vertical-align: middle;
	display: inline-block;
}
.opt_icono{
	padding: 20px 1px 10px 2px;
	height: 70px;
	width: 30%;
	text-align: center;
	/*vertical-align: middle;*/
	position: relative;
	margin-top: -30px;
	color:#fff;
	border-radius: 4px 4px;
	box-shadow: 2px 2px 2px #7f7f7f;
}
.opt_texto{
	font-family: ralewaylight;
	font-weight: bold;
	margin-left: 8px;
	color: #666666;
}
.opt_texto a{
	text-decoration: none;
	font-family: ralewaylight;
	font-weight: bold;
	margin-left: 8px;
	color: #666666;
}
.texto_secundario{
	color: #333333;
	font-size: 10px;
}
.texto_principal{
	color: #333333;
	font-size: 12px;
	font-family: ralewaybold;
}
.texto_justificacion{
	color: #333333;
	font-size: 16px;
	font-family: ralewaybold;
}

@keyframes Transacciones {
  0% {
	margin-top: -150px;
	
  }
  60%{
	margin-top: 10px;
	
  }
  100% {
    margin-top: 0px;
   
  }
}
@keyframes Transaccion {
  0% {
	margin-top: 150px;
  }
  60%{
	margin-top: -10px;
  }
  100% {
    margin-top: 0px;
  }
}
/*----------Mensajería-------------*/
.alerta_ins{
	background-color: #094d82;
	padding: 3px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.alerta_edit{
	background-color: #fd8008;
	padding: 3px;
	color: #000;
	text-align: center;
	font-size: 12px;
}
.alerta_del{
	background-color: #800002;
	padding: 3px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.alerta_yes{
	background-color: #000080;
	padding: 3px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.alerta_err{
	background-color: #000;
	padding: 3px;
	color: #800;
	text-align: center;
	font-size: 12px;
}
/*-------Para recursos--------*/
.etiquetas{
	margin-top: 14px;
	font-size: 10px;
	color: #094d82;
	font-weight: 700;
}
.etiquetas1{
	margin-top: 14px;
	font-size: 14px;
	color: #094d82;
	font-weight: 700;
	font-family: ralewaybold;
}
.recursos{
	font-size: 10px;
	color: #074080;
	padding: 4px 4px;
	height: 165px;
	width: 100%;
	overflow: visible scroll;
}

/*------------------------Nueva Imagen DigitalWUT 2020-------------------------------*/
.contenedor{
	margin-top: 20px;
	width: 200px;
  	height: 150px;
  	/* IMPORTANTE */
  	display: table;
  	z-index: 1;
  	text-align: center;
}
.contenedor:hover .areaLineG {
	background-color: #afafaf;
	cursor:pointer;
}
.areaIco{
	width: 120px;
	height: 50px;
	/*background-color: #E71D73;*/
	color: #fff;
	border-radius: 8px 8px 0px 0px;
	z-index: 100;
	text-align: center;
	margin-left: 40px;
  	vertical-align: middle;
  	box-shadow: 1px 1px 8px #000;
}
.areaIco img{
	margin-top: 2px;
}
.areaIco i{
	margin-top: 10px;
}
.areaLine{
	margin-top: 2px;
	width: 120px;
	height: 4px;
	z-index: 102;
	margin-left: 40px;
  	vertical-align: middle;
}
.areaTexto{
	margin-top: -20px;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #f2f2f2;
	width: 200px;
	height: 70px;
	z-index: -100;
	position: absolute;
	padding-top: 26px;
}
.areaLineG{
	margin-top: 53px;
	width: 200px;
	height: 8px;
	background-color: #f2f2f2;
	z-index: -102;
}
.borde_new{
	padding: 12px 12px;
	border: 0.7px dotted #094d82;
	background-color: rgba(255,255,255,0.4);
	border-radius: 8px 8px;
	/*box-shadow: 1px 1px 8px #f2f2f2;*/
}
.btn-primary img{
	padding: 0px 0px;
	clear: all;
}
/*----Color de titulos----*/
h3{
	background-color: #094d82;
	color:#fff;
	padding: 6px 20px;
	font-size: 12px;
	border-radius: 0px 0px 14px 0px;
}
.contenedorDatos{
	padding: 10px 10px;
	border:1px solid #094d82;
	font-family: "ralewaylight";
	font-size: 12px;
	border-radius: 6px;
}
.contenedorDatos p{
	margin-bottom: 2px;
}
.contenedorDatos label{
	color: #094d82;
	text-align: center;
	font-family: "ralewaysemibold";
	font-size: 13px;
}
.contenedorDatos hr{
	color: #094d82;
	margin-top: 2px;
	margin-bottom: 2px
}

.contenedorDatosR{
	padding: 10px 10px;
	border:1px solid #118cd9;
	font-family: "ralewaylight";
	font-size: 12px;
	border-radius: 6px;
}
.contenedorDatosR p{
	margin-bottom: 2px;
}
.contenedorDatosR label{
	color: #118cd9;
	text-align: center;
	font-family: "ralewaysemibold";
	font-size: 13px;
}
.contenedorDatosR hr{
	color: #118cd9;
	margin-top: 2px;
	margin-bottom: 2px
}


.contenedorDatosR .infor_tablas b{
	color: #0f62ce; 
	font-size: 10px; 
	font-weight: bold;
}

.contenedorDatosD{
	padding: 10px 10px;
	border:1px solid #4aa82c;
	font-family: "ralewaylight";
	font-size: 12px;
	border-radius: 6px;
}
.contenedorDatosD p{
	margin-bottom: 2px;
}
.contenedorDatosD label{
	color: #4aa82c;
	text-align: center;
	font-family: "ralewaysemibold";
	font-size: 13px;
}
.contenedorDatosD hr{
	color: #4aa82c;
	margin-top: 2px;
	margin-bottom: 2px
}


.contenedorDatosD .infor_tablas b{
	color: #347620; 
	font-size: 10px; 
	font-weight: bold;
}

/*--------Encabezado de Reportes-----------*/


/*Fin de opciones del nuevo menu*/

/* ----------- Económico Rotulado ----------- */
.erotulostitulo{
	margin-top: 20px
	font-size: 10px;
	color: #D46312;
	font-family: 'ralewayregular';
}
.erotulosdato{
	margin-top: 20px
	font-size: 10px;
	color: #063C73;
	font-family: 'ralewayregular';
}
.erotulosdatoPequeno{
	margin-top: 20px
	font-size: 10px;
	color: #063C73;
	font-family: 'ralewayregular';
}
.enivel{
	margin-top: 20px
	font-size: 10px;
	color: #787278;
	font-family: 'ralewayregular';
}
.eniveldatos{
	margin-top: 20px
	font-size: 10px;
	color: #333134;
	font-family: 'ralewayregular';
}
.efacturaetitulo{
	background-color: #570FB0;
	padding: 4px 4px;
	border-radius: 2px 2px;
	margin-top: 40px;
	font-size: 10px;
	color: #fff;
	font-family: 'ralewaybold';
}
.efacturaetextoNo{
	font-size: 12px;
	color: #AE0003;
	font-family: 'ralewayregular';
}
.efacturaetextoSi{
	font-size: 12px;
	color: #348C02;
	font-family: 'ralewayregular';
}
.efacturaetexto{
	font-size: 12px;
	color: #570FB0;
	font-family: 'ralewaybold';
}
/* --------- Estandares de calidad -------------- */
.busquedaCriterio ul li{
	list-style: none;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	float: left;
	padding: 14px 10px;
	margin-top: 0;
}
li .criterio{
	color: #a33d11;
}
.encabezadosNew{
	text-align: center;
	font-family: 'ralewaysemibold';
	font-size: 14px;
	color: #361885;
	padding-bottom: 10px;
}
.atencionNew{
	text-align: center;
	font-family: 'ralewaysemibold';
	font-size: 12px;
	color: #af0f2d;
	padding-bottom: 10px;
}
.rendimientoEstilo ul li{
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}
.junto{
	vertical-align: top;
	display: inline-block;
	float: left;
}

/* -------- Cambios a Bootstrap ----------- */
.form-select{
	font-size: 12px;
	font-family: 'ralewaysemibold';
}
.form-select li{
	font-family: 'ralewaysemibold';
	color: #1D3684;
	font-weight: bold;
}
.form-select li:hover{
	background-color: rgba(197, 230,255,0.5);
}

/* -----------FOTOS CARNET ------------- */
.fotos_carnet{
	background-color:  #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-left: -10px;
	width: 90px;
}
.fotos_carnet div {
	box-sizing: border-box;
	min-width: 100px;
}
.objetfit > img{
	width: 90px;
    height: 120px;
    overflow: hidden;
    margin-left: -10px;
    position: relative;
	
}

/* --------------Gestión Documental --------------- */
.gdTitulo{
	font-family: ralewaybold; 
	font-size: 12px;
	padding-left: 10px;
}
.gdTexto{
	font-family: raleway; 
	font-size: 12px;
	padding-left: 10px;
}
.noLink a:link{
	text-decoration: none;
	color:#073F80FF;
}
/* -------------- Clubs ---------------- */
/* ---------- Nuevo Tab ----------*/
/* Ajustes de Tabs */
:root{
   --fondo:  #efefef;
   --desv: lightgray;
   --borde: #d6d4d4;
   --ancTab: 250px;
}
/*Contiene todo el sistema de tabs*/
.tabsNav{
   position:relative;
   font-family: sans-serif;
   font-size: 14px;
   line-height:150%;
   width: 920px;
   height:400px;
}
/*Las pestañas: cabecera inputs y labels*/ 
.tabsNav .tab{
   display:block;
   position:absolute;
   width:100%;
   height:100%;
}
.tabsNav .tab input{
   display:none;
}
.tabsNav .tab label{
   display:inline-block;
   position:relative;
   top:1px;
   z-index:1000;
   width: var(--ancTab);
   text-align: center;
   text-decoration: none;
   color: var(--desv);
   border: 1px solid var(--desv);
   border-bottom: none;
   cursor: pointer
}
/*Etiquetas de pestañas individuales*/
.tabsNav .tab:nth-of-type(1) label{
   left: -180;
}
.tabsNav .tab:nth-of-type(2) label{
   left: var(--ancTab);
}
.tabsNav .tab:nth-of-type(3) label{
   left: calc(2 * var(--ancTab));
}
/*Las pestañas contenido dentro de los tabs*/
.tabsNav .tab div{
   position: relative;
   box-sizing:border-box;
   display:none;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background: var(--fondo);
   border: 1px solid var(--borde);
   padding: 30px;
   text-align:justify;
   box-shadow:3px 3px 10px 1px #d3d3d3d4;
}
/*Etiquetas pulsadas*/
.tabsNav .tab input:checked + label
{
   color: black;
   border: 1px solid var(--borde);
   background: var(--fondo);
   border-bottom: 1px solid var(--fondo);
}
/*tab visibles*/
.tabsNav .tab input:checked ~ div{
   display:block;
}