/* CSS Basic Document */


.text_fixed {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:  #333333;
	background-color:inherit;
	text-align: justify;
}

.text_barra_nav {
	font-family: Arial;
	font-size: 13px;
	color: #0B47B7;
	line-height:150%;
}

.text_barra_nav:hover 
{
	color: #0066FF;
}

.contenedor_sei
{
	padding-left:5px;
	padding-right:5px
}

.contenedor_form
{
	padding-left:5px;
	padding-right:5px
}

.inst_menu_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006633;
	text-decoration: none;
	background-color:inherit;
	font-weight: bold;
	
	
}

.inst_menu_link:hover
{
text-decoration:none;
color:#FF6600;
font-size: 10px;
font-weight: bold;
}

.cabelist {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background-color:#EFEBDE;
	color: #333333;
	font-weight: bold;
	text-align:center;
}

.body_list {
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	vertical-align: middle;
}

.body_list:hover {
	background-color: #F8F8F8;
}

.form_text {
	font-family: Arial;
	font-size: 13px;
	line-height: 18px;
	color:#666666;
}

.form_text_color_red {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#6F0000;
	font-weight: bold;
}


.dat_inst {
	font-family: Arial;
	font-size: 10px;
	color: #666666;
	text-align:left;
	font-weight: bold;
	
}

.close_sesion {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.close_sesion:hover
{
color:#000000;
}

.user_active {
	font-family: Arial;
	font-size: 10px;
	color:#6F0000;
	text-decoration: none;
	text-align: center;
}

.copy_right {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	text-align:center;
}

.windows_title {
	font-family: Geneva, Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 14px;
	color:#6F0000;
	text-decoration: none;
	font-weight: bold;
}

.titulo_form {
	font-family: Arial;
	font-size: 14px;
	color:#6F0000;
	font-weight: bold;
}

.subtitulo_form {
	font-family: Arial;
	font-size: 13px;
	color:#6F0000;
	font-weight: bold;
}


/* MENU SECUNDARIO VERTICAL */
#menuv {
        /*border: 1px solid #ACCFE8;
        /*border-width: 1px 1px 0 1px;
		/*border-righ-width: 0;
		border-left-width: 0;	*/	
        width: 170px;
        font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menuv ul {
        margin: 0;
        padding: 0;
}


#menuv a {
        text-decoration: none;
		font-size: 11px;		
        color: #404040;
        background: #F4FFF4;
        display: block;
        padding: 3px 6px;
        width: 168px;
		border: 1px solid #E0E0E0;
		border-width: 0 0 1px 0;
}

#menuv a:hover {
		color: #1D1D1D;
        background: #F4F4F4;
}

.imgRedonda {
    /* cambia estos dos valores para definir el tama�o de tu c�rculo */
    height: 70px;
    width: 65px;
    /* los siguientes valores son independientes del tama�o del c�rculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
    border:2px solid #CCCCCC;
}

.imgRedondaPer {
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
    border:3px solid #CCCCCC;
}

.icons_father {
	font-family: envelope;
	font-size: 20px;
	color: #009966;
	font-weight: bold;
}

.icons_father:hover
{
color:#00CC33;
}

.icon_close_father {
	font-family: arial;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}

.icon_close_father:hover
{
	color: #FF0000;
}


.icons_link {
	font-size: 22px;
	color: #6F0000;
	font-weight: bold;
	vertical-align: middle;
}

.icons_link:hover
{
font-size: 24px;
color:#CA0000;
}

.icons_ver_mas {
	font-size: 16px;
	color: #6F0000;
	font-weight: bold;
	vertical-align: middle;
}

.icons_ver_mas:hover
{
font-size: 18px;
color:#CA0000;
}

.msg_notisei {
font-family: Geneva, Arial, Helvetica, sans-serif, Tahoma, Verdana;
font-size: 13px;
color: #FF3300;
font-weight: bold;
}


.form_link {
	font-size: 14px;
	color: #6F0000;
	font-weight: bold;
	vertical-align: middle;
}

.form_link:hover
{
font-size: 16px;
color:#CA0000;
}

.icons_update {
	font-family: envelope;
	font-size: 14px;
	color: #009966;
	font-weight: bold;
	vertical-align: middle;
}

.icons_update:hover
{
font-size: 16px;
color:#00CC33;
}


.icon_star_sei{
background: #3FFFD7;
color: #1F7F6B;
font-size: 22px;
padding: 5px;
width: 28px;
height: 24px;
text-align: center;
line-height: 45px;
border-radius: 50%;
border:3px solid #fff;
-webkit-box-shadow:inset 0 0 25px 0 rgba(0,0,0,0.2);
box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.2);
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
position: relative;
left: 0px;
top: 1px;
}

.icons_in {
	font-family: envelope;
	font-size: 16px;
	color: #00CC33;
	font-weight: bold;
	vertical-align: middle;
}

.icons_in:hover
{
font-size: 18px;
color:#00CC33;
}

.icons_out {
	font-family: envelope;
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	vertical-align: middle;
}

.icons_out:hover
{
font-size: 18px;
color: #FF0000;
}

.centrar_div_log {
display: inline-block; 
position: fixed; 
top: -40%; 
bottom: 0; 
left: 0; 
right: 0; 
width: 400px; 
height: 100px; 
margin: auto;
}

.imagen_logo {
background-image:url(10_recursos/imagenes/logo.png); 
background-repeat:no-repeat;

}

/* Social Barr para la p�gina de inicio SEI */

.social_bar {
font-size: 20px;
position: fixed; 
top: 80%; 
bottom: 0; 
left: 0; 
right: 0; 
width: 400px; 
height: 100px; 
margin: auto;
text-align:center
}

.facebook-color {
	font-size: 22px;
	color: #0000FF;
}

.facebook-color:hover {
	color: #0066FF;
}

.x-color {
	font-size: 22px;
	color: #666666;
}

.x-color:hover 
{
	color: #000000;
}


.youtube-color {
	font-size: 22px;
	color: #CC0000;
}

.youtube-color:hover
{
	color: #FF0000;
}

.instagram-color {
	font-size: 22px;
	color: #FF6600;
}

.instagram-color:hover
{
	color: #FF9900;
}

.tiktok-color {
	font-size: 22px;
	color: #D60AA3;
}

.tiktok-color:hover 
{
	color: #E656E9;
}


.centrar_hor_ver {
  display: flex;
  justify-content: center;
  align-items: center;
}

.centra_icon_father {
  display: flex;
  justify-content: center;
  align-items: center;
  height:35px;
  width:42px;
}

.alto_row {
   height: 70px;
}

.icon_elim {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	font-size: 15px;
	color: #DF0000;
	border: 1px solid #DF0000;
	border-radius: 3px;
	height:22px;
	width:24px;
}

.icon_elim:hover {
	color: #FFFFFF; /*cambia el color de fuente a blanco*/
	background:#DF0000; /*cambia el color del div a rojo*/
}

.icon_atuali {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	font-size: 15px;
	color: #009900;
	border: 1px solid #009900;
	border-radius: 3px;
	height:22px;
	width:24px;
}

.icon_atuali:hover {
	color: #FFFFFF; /*cambia el color de fuente a blanco*/
	background:#009900; /*cambia el color del div a verde*/
	text-decoration:none;
}

.btn-imprimir {
	height:16px;
	text-align:center;
}

.form_control_texto {
  font-family: Arial;
  font-size: 12px !important;
}

/*separadores en px de 10 a 100*/
.sep-10 {height:10px} .sep-20 {height:20px} .sep-30 {height:30px} .sep-40 {height:40px} .sep-50 {height:50px} .sep-60 {height:60px} .sep-70 {height:70px} .sep-80 {height:80px} .sep-90 {height:90px} .sep-100 {height:100px}