@charset "utf-8";

/* Para veda electoral */
/* html {
	filter: grayscale(100) !important;
} */

.rollover {
	outline: none;
	display: block;
	width: 160px;
	height: 25px;
	background-image: url(img/bt_temporal.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
	background-image: url(img/bt_temporal.jpg);
	background-repeat: no-repeat;
	}

a.rollover:hover {
	text-decoration: none;
	background-position:right;
}
.rollover_mas_menos {
	outline: none;
	display: block;
	width: 9px;
	height: 9px;
	background-image: url(img/btn_mas_menos.gof);
	background-repeat: no-repeat;
	text-decoration: none;
		font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	text-decoration:none;	
	}

a.rollover_mas_menos:link, a.rollover_mas_menos:visited, a.rollover_mas_menos:active {
	background-image: url(img/btn_mas_menos.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	text-decoration:none;

	}

a.rollover_mas_menos:hover {
	text-decoration: none;
	background-position:right;
	text-decoration:none;
}



.textos_tabla_index{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
.titulos_tabla_index{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold
}

.titulos_tabla_index A{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	text-decoration:none;
}
.titulos_tabla_index A:hover{
	text-decoration:none;
}
.seleccionado{
}
.seleccionado TD {

}
.opcion{
	color:#ffffff;    
    background-color:#FF0000;
}
.opcion:hover{
	color:#ffffff;    
    background-color:#342F7F;

}
.styless {
	background-attachment: scroll;
	background-color: #006699;
	background-repeat: repeat-x;	
}


.tablas_contenido{
	border: 1px solid #006699;
	background-color: #FFFFFF;
}
.tablas_contenido_2{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	
}
.tablas_marco{
	vertical-align:top;
	background-color: #E9F0F8;
}
.tablas_menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}
.body {
	background:url(img/back.png);
	background-repeat:repeat-x;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.nombre{
font-family:Verdana, Arial, Helvetica, sans-serif;
size:14px;
text-align:left;

}
.txt_normal{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
.txt_normal_para_impresion{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}
.txt_expediente_para_impresion{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	font-weight: bolder;
}

.txt_titulos_entablas{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.txt_resultados{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold
	
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #000000;
	border: 1px solid #999999
}
.tablas_marco_1 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	border-right-width: 1px;
	border-right-style:solid;
	border-right-color: #78A9D4;
}
.tablas_marco_listados_vertical{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #78A9D4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #78A9D4;
}
.tablas_marco_listados_vertical_fin{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C9DCED;
}
.tablas_marco_listados_horizontal{
	border-right-width: 1px;
	border-right-color: #78A9D4;
	border-left-width: 1px;
	border-left-color: #78A9D4;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #78A9D4;
	border-bottom-color: #78A9D4;
}

.txt_chiquitas {
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #003366;
}
.txt_normal_BLACK {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.txt_titulos_edicion_candidatos {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
}
.txt_normal_ROJO {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
}
.textos_tabla_reportes {
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
.titulos_tabla_reportes {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold
}

/*******************   ESTILOS PARA MOSTRAR VALIDACIONES ****************************/

   #form2 input.validation-failed {
	background-color:#FF9999;
	border:1px solid #FF3300;
	color: #333333;
	font-size:12px;
	margin-bottom:4px;
	}
	#form2 input.validation-advice{
	background-color:#FF9999;
	border:1px solid #FF3300;
	color: #333333;
	font-size:12px;
	margin-bottom:4px;
	}
	
	#form2 validation-failed {
	background-color:#FF9999;
	border:1px solid #FF3300;
	color: #333333;
	font-size:12px;
	margin-bottom:4px;
	}
	#form2 select.validation-failed {
	background-color:#FF9999;
	border:1px solid #FF3300;
	color: #333333;
	font-size:12px;
	margin-bottom:4px;
	}
	#form2 radio.validation-failed {
	background-color:#FF9999;
	border:1px solid #FF3300;
	color:#FFFFFF;
	border:#FF9999;
	margin-bottom:4px;
	}
	
	
	input.validation-passed {
		BACKGROUND-COLOR: green
	}
	.validation-advice {
		COLOR: white;
		BACKGROUND-COLOR: blue;
		display:none;
	}
	input.disabled {
		BACKGROUND-COLOR: gray
	}
	.advice-required-name {
		BACKGROUND-COLOR: pink
	}

/*estilos login*/
#centrar_login{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 350px;
    height: 200px;
    margin-top: -200px;
    margin-left: -175px;
}

.back_login{
	background:url(../img/Sistema_RH_350x200.png) top no-repeat;
	width:341px;
	height:192px;
	margin: 0px  auto 50px auto ;
	padding-top:75px;
	}
	
	.back_login ul{
		margin-left:170px;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		list-style:none;
		padding-left:0px;
	}
	
	.back_login li{
		padding-bottom:7px;}
	
.mensaje_advertencia{
	width:341px;
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	background-color:#FCC;
	padding:5px;
	}	
	
	body{
	background-image:url(../img/back.png);
	background-position:center top;
	background-repeat:repeat-x;
	margin:0;
}


	
	/* START CSS NEEDED ONLY IN DEMO */

	
	#mainContainer{
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		background-color:#FFF;
		border-left:3px double #000;
		border-right:3px double #000;
	}
	#formContent{
		padding:5px;
	}
	/* END CSS ONLY NEEDED IN DEMO */
	
	
	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:120px;	/* Width of box */
		height:250px;	/* Height of box  250px*/
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:1em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:1.1em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	.open_div{
	   width:50px;
	   float:left;
	   cursor:pointer;
	}
	.nombre_param{
		color:#006699;
		font-size:12px;
		font-weight:bold; 
		width:300px;
		float:left;
   	}
	.select_all{
		color:#F93;
		font-size:12px;
		font-weight:bold;
		width:250px;
		float:left;
	}
	.eje_grafica{
	    color:#F93;
		font-size:12px;
		font-weight:bold;
		width:150px;
		float:left;
	}
	/*#radio_drh{
		background-color:#FDFDF0;
		border:2px outset #8B8378;
		color:black;
		line-height:1.6em;		
		font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;	
		background:#F8B427;
	}*/
	 input#tipoDRH {cursor:pointer;}
	 input#tipoEVENTUAL{cursor:pointer; }
	 input#tipoFUP{ cursor:pointer;  }
	 
	 .cero{
		 width:70%;
		 margin-left:150px;
		 }
		 input.cero{
			 width:20px;
			 margin-left:5px;
			 border: #F8B427 solid 1px;
			 background:#F8B427;
			 }
		
			
	#radio_eventual #radio_fup #radio_drh {
		/*background-color:#FDFDF0;
		border:2px outset #8B8378; */
		color:black;
		line-height:1.6em;
		font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
		/*background:#ccf;*/
	    }
	/*#radio_fup{
		background-color:#FDFDF0;
		border:2px outset #8B8378; 
		color:black;
		line-height:1.6em;
		font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
		background:#7AC976;
	}*/
	#radio_drh:hover {
		border: none;
		background: #eef;
	}
	#radio_eventual:hover {
		border: none;
		background: #eef;
	}
	#radio_fup:hover {
		border: none;
		background: #eef;
	}
	.title_grafica{
	  width:200px;
	  color:#006;
	  font-weight:bold;
      font-size:14px;
	  float:left;
	  padding-left:50px;
	  margin-bottom:10px;
	}
	
	
div#div_empleados{margin:5px; }

div#div_empleados, #div_tipos_contratacion, #div_jornadas_trabajo, #div_partidas_drh, #div_claves_programaticas, #div_lugares_adscripcion, #div_puestos_categorias, #div_condiciones_laborales, #div_carreras_magisteriales,#div_tipos_movimientos_drh, #div_causas_movimientos, #div_lugares_pago table, #div_departamentos_event, #div_puestos_honorarios,#div_categorias_movimientos_fup, #div_tipos_mov_fup, #div_motivos_mov_fup, #div_puestos_fup{
	background-color: #F3FBFE;
	border:#39C solid 1px;
	margin-bottom:20px;
	}	
#div_empleados  div{
	margin:5px;}	
#div_empleados, #drh_eventual input{
	margin-right:5px; vertical-align: middle;}
	
#div_fecha_captura, #div_efectos_contrato div{ margin:5px 0px 5px 0px; width:300px; float:left;}

#tabla_info { width:100%; color:#666;}
#tabla_info div{ font-weight:normal;}
table#tabla_info td { padding:5px 0px 5px 0px; background-color: #EBF6FC; font-size:10px;}
table#tabla_info th{ padding:10px 0px 5px 0px; text-align:left;}

.nombre_param, .select_all, .eje_grafica{ margin-bottom:5px; font-weight:normal; }

.nombre_param p{ color: #C60 ; font-size:15px; font-weight:normal;}