﻿/*Inicio control layer div*/
#fondoOpaco {
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   z-index:3;
   background-color:#ffffff;
   opacity: .5;
   filter: alpha(opacity=20);
}
#aviso {
    position:absolute;
    left:0px;width:100%;
    height:100%;
    z-index:4;
    vertical-align:middle;
}
#layer_opaco {
  position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:100%;
   z-index:3;
   background-color:#ffffff;opacity: .5; filter: alpha(opacity=20);
}
#layer_interno {                
	position:absolute;
    left:0px;
    width:100%;
    height:100%;
    z-index:4;
   vertical-align:middle;
}
/*Fin control layer div*/

/*Estilos AutoComplete*/     
.CompletionListItemCssClass{
    font:11px "Tahoma" Verdana, Arial, Helvetica, sans-serif; }    
.CompletionListHighlightedItemCssClass{
	font:11px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
    background-color:#CEE3A1;}
    /*Fin estilos auto complete*/
    
    
    /*Estilos paginador*/
    

.paginacion_active{
      background:url(../g/pag_inact.jpg) no-repeat center;
      width:21px;
      height:21px;
      font-family:"Lucida sans"Arial, Helvetica, sans-serif;
      font-size:13px;
      text-align:center;
      color:#333333;
      padding:3px 5px 5px 6px; 
}
.paginacion_active a{
      background:url(../g/pag_inact.jpg) no-repeat center;
      width:21px;
      height:21px;
      font-family:"Lucida sans"Arial, Helvetica, sans-serif;
      font-size:13px;
      text-align:center;
      color:#333333;
      padding:3px 5px 5px 6px;
      display:block;
}
.pag_inactive{
      background:url(../g/pag_active.jpg) no-repeat center;
      width:21px;
      height:21px;
      font-family:"Lucida sans"Arial, Helvetica, sans-serif;
      font-size:13px;
      display:block;
      text-align:center;
      color:#333333;
      text-decoration:none; 

}.pag_inactive a{
      display:block;
      text-align:center;
      color:#333333;
      text-decoration:none;
      padding:3px 5px 5px 6px; 
}
.pag_inactive a:hover{
      color:#FFFFFF;
      text-decoration:none;
}
.pag_inactive div{
      color:#FFFFFF;
      border: 10; 
      text-decoration:none; 
}
.txt_paginacion{
      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
      color:#666666;
      font-weight:normal;
      text-decoration:none;
      padding:0 4px 0 4px;
      height:34px
}
.txt_paginacion a{
      font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#667C21;
      font-weight:normal;
      text-decoration:underline;
      padding:0px 4px 0 4px;  
}     
.txt_paginacion a:hover{
      font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#A2C635;
      font-weight:normal;
      text-decoration:underline;
}
    /*Fin estilos paginador*/
.bg_top_layer1{
	background:url(../g/bg_top_layer1.gif) no-repeat top center;
	width:484px;
	height:36px	
}

a.btn_cerrar{
	background:url(../g/btn_cerrar.jpg) no-repeat top center;
	width:23px;
	height:23px;
	float:right;
	margin:13px 13px 4px 13px;
	display:block;
}
a.btn_cerrar span {display:none;} 

.ttl_layer1{
	font:21px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	margin:0 0 3px 25px
}
.cntr_bg_layer1{
	background:url(../g/bg_mid_layer1.jpg) no-repeat bottom center;
	width:435px;
	min-height:90px;
	border-width:0 7px 0 7px;
	border-color:#D8D8D8;
	border-style:solid;
	background-color:#FFFFFF;
	padding:1px 20px 3px 15px;
	margin:0;
}
.ttl_layer1{
	font:21px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	margin:0 0 3px 25px
}
.txt_input_layer1{
	font:13px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top:2px
}
.txt_11pto_taho{
	font:11px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:16px;
	padding:3px 0 0 0;
	margin-bottom:6px;
	line-height:13px
}

.cntr_btn_vrd_left2{
	background:url(../g/bt_left2.jpg) no-repeat left top;
	width:16px;
	height:32px;
	float:left;
}
.cntr_btn_vrd_mid2{
	background:url(../g/btn_mid2.jpg) repeat-x top;
	min-width:40px;
	height:25px;
	padding:7px 8px 0 8px;
	color:#FFFFFF;
	float:left;
	font:12px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}
.cntr_btn_vrd_right2{
	background:url(../g/btn_right2.jpg) no-repeat right top;
	width:18px;
	height:32px;
	float:left;
}
.bg_bott_layer1{
	background:url(../g/bg_bott_layer1.gif) no-repeat top left;
	height:29px;
	width:486px;
	margin:0
}
.break {clear:both}

.bg_top_layer1b{
	background:url(../g/bg_top_layer1b.gif) no-repeat top center;
	width:484px;
	height:26px	
}

div.centered 
{
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
    margin: auto;
    text-align: center;
}
div.centered table 
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#HideControl {
   left:0px;
   top:0px;
   width:0px;
   height:0px;
   display:none;
}




#progressBackgroundFilter { 
  position:absolute; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=50); 
  opacity:0.5; 
  z-index:1000; 
} 

 

#processMessage {  
  position:absolute;  
  top:30%;  
  left:43%; 
  padding:10px; 
  width:14%; 
  z-index:1001; 
  background-color:#fff; 
}

a.btn_enviar_cargando{background:url(../g/wait.gif) no-repeat top right; width:32px; height:32px; float:left; display:block}
a.btn_enviar_cargando:hover{background:url(../g/wait.gif) no-repeat bottom right; width:32px; height:32px}

/* CSS Tree */
.contenedor_total{ width:240px; height:auto; margin:0}
.contenedor_tree_01{ width:240px; height:auto; margin:5px 0 2px 0}
.div_check{ float:left; width:12px; height:12px; margin:0 5px 0 0}
.div_textocheck{ float:left; width:220px; height:auto; margin:0 0 5px 0 ; vertical-align:top} 
.breaker{ clear:both}
.contenedor_tree_02{ width:225px; height:auto; margin:5px 0 2px 20px}
.div_textocheck_02{ float:left; width:195px; height:12px; margin:0 ; vertical-align:top} 
.input_dat_hv_3{ font:11px Tahoma, Arial, Helvetica, sans-serif; color:#666666;border-width:1px 1px 1px 1px; border-style:solid; border-color:#CCCCCC; width:200px; height:18px;padding:3px 0 0 3px}

.txt_11pto{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666666;
	line-height:16px;
	padding:3px 0 0 0;
	margin-bottom:6px;	
}	
.txt_11pto_bold{ font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; line-height:16px; padding:3px 0 0 0; line-height:13px; text-align:left}
.txt_color1 {font-size:11px;color:#FF6600;font-weight:bold}

/*area de enviar correo en las hojas de vida*/
.borde_hvproc{ border-width:0 0 1px 0;height:2px; border-color:#AEAEAE; border-style:solid;width:100%}
.textoTabla_hv{font-size:11px;width:90%;margin-top:5px}


/*Opciones actualizacion datos mi cuenta*/
.txt_ActualizacionMiCuenta a { font-size:13px; font-weight:bold; color:#0A96C5; text-decoration:underline;}
.txt_ActualizacionMiCuenta a:hover { color:#066382;}
.txt_ActualizacionMiCuenta {width:100%}

/*Estilos buscador*/
.lista_RangoSalarial{color:#666666; border:1px solid;border-color:#CCCCCC;height:19px;margin-left:4px; font-family: Tahoma, Arial, Helvetica, Sans-Serif;}

/*Titulo sin cupo*/
.cupo_Titulo{color:#74902C;font-size:16px; font-weight:bold;}
.link_Cupo_HojasVida{color:#75A51B;font-weight:bold}

/*Autocomplete de ciudades*/
.autocompleteJS {
	font:11px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}
.autocomplete_itemJS {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}
.autocomplete_item_highlightedJS {
    padding: 1px;
    padding-left: 5px;
    font:11px "Tahoma" Verdana, Arial, Helvetica, sans-serif;
    background-color: #E7F1CF;
}

/* Calendar Fixes the "previous" and "next" buttons in the popup title */
.ajax__calendar_title {border: none; }


/*Fondo de mi cuenta para requisiciones*/
.bgMiCuentaRequisiciones{background: url(../g/bull_requisicio.jpg) no-repeat left top;width:32px; height:39px}


a.img_ayudamejorar{ background:url(../g/img_ayudanosamejorar.jpg) no-repeat top right; width:244px; height:22px; float:right; display:block }
a.img_ayudamejorar:hover{ background:url(../g/img_ayudanosamejorar.jpg) no-repeat bottom right; width:244px; height:22px; float:right; }

/*Fondo control profesiones y oficios*/
.bg_color03_padd{
	background-color:#EEF2F9;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:8px
}

/*Estilo linea comparador*/
.bg_linea_tab_Comparador { background:url(../g/linea.jpg);background-repeat:repeat-x;background-position:center;margin-top:10px;height:48px; clear:both;}

/*Estilos para flechas de organizar mi cuenta y proceso*/
a.btn_FechaProcesos {background:url(../g/img_flecha_verde1.gif) no-repeat top right; width:8px; height:16px; float:right; display:block;margin-right:5px;margin-left:5px}
a.btn_FechaProcesos:hover{background:url(../g/img_flecha_verde1.gif) no-repeat bottom right; width:8px; height:16px; float:right; display:block}
