﻿
body {
	background: repeat-x top url(images/body_bg.jpg);
	background-color: #CDEBE1;
}
.fleft {
	float: left;
}
.fright {
	float: right;
	Padding-right: 10px;
}
.content_all {
	margin: 0px auto;
	width: 960px;
}
.header {
	background: url('images/bg_header.jpg') no-repeat 50% top;
	width: 960px;
	/*height: 150px;*/
	/*overflow-y:hidden;*/
}
.header_popup {
	background-color:#edfaeb;
	width: 748px;
	height: 50px;
}
a.logo {
	background: no-repeat bottom url(images/logo.jpg);
	width: 214px;
	height: 90px;
	display: block;
	margin-top: 30px;
	margin-left: 10px;
	float: left;
}
a.logo_popup {
	background: url('images/logo_popup.png') no-repeat left 5px;
	width: 128px;
	height: 58px;
	display: block;
	margin-left: 12px;
	margin-top: 10px;
	float: left;
}

.costumer_service
{
	background-image:url('Images/customer_service1.png');
	background-repeat:no-repeat;
	background-position: right bottom;
	width: 248px;
	display: block;
	float: left;
	margin-left: 80px;
	margin-top: 0px;
	text-align: right;
	color: #014632;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 50px;
	text-decoration: none;
	margin-right: 5px;
}
.costumer_service p
{
	text-align:right;
	text-indent: 62px;
	margin: 0px;
	padding: 0px;
	padding-right:50px;
	font-size: 7pt;
}
.empleador
{
	float: right;
	width: 260px;
	margin: 18px 15px 10px 10px;
}
div.tabs
{
	display: block;
	clear: both;
	margin-top:6px;
	
	list-style: none;
	width: 100%;
	height: 30px;
	text-align: right;
	padding-top:0px;
}
#menu {
	float:left;
	/*height: 35px;*/
}

.content
{
	background: url(images/lines_columns_bg.gif) repeat-y left 50%;
	height: auto;
	width: 960px;
	text-align:center;
}
.content_popup
{
	background-color:#FFFFFF;
	height: auto;
	text-align:center;
}
.cont_tot
{
	background: url(images/lines_columns_bg.gif) repeat-y left 50%;
	margin: 0px;
	width: 960px;
}
.cont_tot_popup
{
	background-color:#edfaeb;
	margin: 0px;
}
.tablaContenido
{
	width: 100%;
	text-align:left;
	float:left;
}
.contenido{
    padding:5px;
}
.contenido_popup{
    padding:10px;
    background-color:#edfaeb;
}
.titulo
	{
		background-image: url(images/title-center.png);
		background-repeat:repeat-x;
		color: #FFFFFF;
		text-align:center;
		/*font-size: 14px;
		font-weight:bold;
		text-transform: uppercase;*/
		font:14px/18px Arial, Helvetica, sans-serif;
		
		border-style:solid;
		border-width:0px;
		border-color:#023921;
	}
.titulo_popup {
    padding-top:30px;
    padding-right:5px;
    float:right;
    text-align:right;
    font-size:14px;
    font-weight:bold;
    background-color:#edfaeb; 
      
}
.footer {
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	width: 96%;
}
.rounded {
	background: no-repeat  bottom url(images/bottom_content_rounded.gif);
	width: 960px;
	height: 4px;
	clear: both;
}
.rounded_popup {
	background-color:#FFFFFF;
	width: 748px;
	height: 4px;
	clear: both;
}
a.link{
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #023626;
	padding-left: 12px;
}
.link {
	
	font: 12px Arial, Helvetica, sans-serif;
	color: #044A34;
}

.link td {
	border-width:0px;
}

dt a:link,
dt a:visited,
dd a:link,
dd a:visited {
	color: #023626;
	text-decoration: underline;
	font-weight: bold;
}

    .fieldSet{
		padding: 0px; 
		background-color: #009966; 
		width: 332px; 
		border-color: #023921; 
		border-width: 1px;
		border-style:solid;
	}
	fieldSet legend
	{
	    font-size:12px;
	}
	fieldSet{
		padding:2px;
		border-color: #CBE9CF;
		border-width:1px;
		border-style:solid;
	}
	.fieldSetPrincipal{
		border-width: 1px;
	}
	.fieldSetInterno fieldSet{
		border-width:0px;
	}
	.fieldSetInterno fieldSet legend
	{
	    padding-top:3px; 
	    font-size:10px;
	}
	.fondoHeader{
	}
	.borderHeader{
		border: 1px solid #009966; 
	}
	.subtitulo{
		background-color: #08934F;
		color: #FFFFFF;
		font:12px Arial, Helvetica, sans-serif;
		text-align:center;
	}
	.tituloInterno{
		background-color: #08934F;
		color: #FFFFFF;
		font-size: x-small;
		text-transform: uppercase;
	}
	.grpoFormularioBorde 
	{
		/*border: #CCC 1px solid;*/
		margin-bottom: 6px;
		padding: 1px;
	}
	.subtituloInterno{
		background-color: #CCCCCC;
		color: #FFFFFF;
		font-size: x-small;
	}
	.tableMenus{
		border-collapse: collapse; 
		padding: 5px;
		border: 1px solid #009966;
	}
	.tableCellsMenu1{
		background-color: #009966;
		color: #FFFFFF;
		font-size: 11pt;
		text-transform: uppercase;
		border: 1px solid #FFFFFF;
	}
	.tableCellsMenu2{
		font-size: 10pt;
		border: 1px solid #009966;
	}
	.panelDataGrid{
		width: 812px;
	}
	.grid{
	    border-width:0px;
		width:100%;
	}
	.gridEmptyStyle td{
	    border-width:0px;   
	}	
	.gridHeaderStyle{
		color: #FFFFFF;
		background-color: #08934F;
		font-size: 10px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridHeaderStyle td, .gridHeaderStyle th{
	    border-style:solid;
	    border-width:1px;
		border-color: #05733F;
	}
	.gridHeaderStyle1{
		color: #FFFFFF;
		background-color: #08934F;
		font-size: 9px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridHeaderStyle1 td, .gridHeaderStyle1 th{
	    border-style:solid;
	    border-width:1px;
		border-color: #05733F;
	}
	.gridItemStyle{
		color: #000000;
		background-color: #DFDFDF;
		font-size: 10px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridItemStyle1{
		color: #000000;
		background-color: #DFDFDF;
		font-size: 9px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridItemStyle td{
	    border-style:solid;
	    border-width:1px;
		border-color: #CCCCCC;
	}
	.gridItemStyle1 td{
	    border-style:solid;
	    border-width:1px;
		border-color: #CCCCCC;
	}
	.gridAlternatingItemStyle{
		background-color: #FFFFFF;
		font-size: 10px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridAlternatingItemStyle td{
	    border-style:solid;
	    border-width:1px;
		border-color: #CCCCCC;
	}
	.gridAlternatingItemStyle1{
		background-color: #FFFFFF;
		font-size: 9px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		text-align: center;
		vertical-align: middle;
	}
	.gridAlternatingItemStyle1 td{
	    border-style:solid;
	    border-width:1px;
		border-color: #CCCCCC;
	}
	
.progress{
    text-align:center;
}

.tooltip{
    position:relative; 
    color:#000000;
    text-decoration:none;

}
.tooltip:hover{
    color:#000000;  

}
.tooltip span {
    display:none; 
    padding:4px 4px; 
    left:5px;
    top:15px;
    width:300px;

}
.tooltip:hover span{
    display:block; 
    position:absolute; 
    background:#ffffff; 
    border:1px solid #cccccc; 
    color:#6c6c6c;
    z-index:inherit;
}
tooltipspan{
  
}

.pnlTooltip
{
    font-size:10px;
    background-color: #CBE9CF;
    border-style:solid;
    border-color:#009966;
    border-width:1px;
    z-index:10;
    position:relative;
    width: 120px; 
    top: 0px; 
    left: 0px;
}
.pnltopleft {
    background-image: url('images/title-left.png');
    width:15px;
}
.pnltopcenter
{
    text-align:center;
    background-image: url('images/title-center.png');
    background-repeat:repeat-x;
    height:20px;
    line-height:20px;
    color:#FFFFFF;
    /*font-size:14px;
    font-weight:bold;*/
    font: 14px/18px Arial, Helvetica, sans-serif
    
    /*float:left;*/
}
.pnltopright {
    background-image: url('images/title-right.png');
    width:15px;
}
.pnlmiddle
{
    background-color: #FFFFFF;
    padding-top:5px;
    padding-bottom:5px;
    overflow-y:hidden;
}
.pnlbottomleft
{
    background-image: url('images/bottom-left.png');
    background-position:bottom;
    height: 15px;
    line-height:15px;
    width:12px;
    float:left;
}
.pnlbottomcenter
{
    background-color:#FFFFFF;
    height: 15px;
    line-height:15px;
    float:left;
}
.pnlbottomright
{
    background-image: url('images/bottom-right.png');
    background-position:bottom;
    height: 15px;
    line-height:15px;
    width:12px;
    float:left;
}
.PanelClave
{
    /*background-color:#CBE9CF ;*/
    background-color:#DFF3DF ;
    z-index:1;
    /*padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;*/
}
.divAyudas div.PanelAyuda
{
    display:none;
}
.divAyudas
{
    text-decoration:none;   
}
.divAyudas:hover
{
    cursor:help;
    text-decoration:none;
}
.divAyudas:hover div.PanelAyuda
{
    display:inline;
    cursor:help;
}
.PanelAyuda
{
    background-color:#DFF3DF ;
    border-width:1px;
    border-style:groove;
    border-color:#000000;
}
.FormularioLeft {
    /*width: 200px;*/
    text-align: left;
    color:#585858;
    font-size:10px;
    font-weight:bold;
}
.noWrap{
    white-space:nowrap;
}
.FormularioRight {
    /*width: 200px;*/
    text-align: left;
}
.FormularioRightControl {
    width:140px;   
}
.FormularioBusquedaRight{
    width:180px;
}
.FormularioBoton{
    text-align:center;   
}
.pnlOpcionAfiliacion {
    width:70px;
    text-align:center;   
}
.noticias{
    padding-left:5px;
    padding-right:5px;
}
.noticiasTitulo {
    margin:0px;   
    padding-top:5px;
}
.news_links
{
    width:100%;
	text-align: center;
	padding-top:5px;
}
.news_links a:link,
.news_links a:visited {
	font-size: 14px;
}
.news_links img {
	float: left;
	margin-top: 3px;
	margin-left: 1px;
}
.box_content {
    width: 100%;
}
.box_content div
{
	color: #333333;
	font-size:10px;
	font-family:Verdana;
}
.box_content h5 {
    font-weight:bold;
	font-size:12px;
	font-family:Verdana;
	color:#333333;
}
.column_left {
	width: 228px;
	float: left;
	display: inline;
	padding-right: 0px;
	padding-bottom: 0px;
}
.column_middle
{
	width: 475px;
	float: left;
	display: inline;
	padding-left:2px;
	margin-left: 2px;
}
.column_middle_inner {
    float: left;
    width:470px;
}
.column_middle_inner div{
    margin-left:25px;
    margin-right:25px;
    font-size:10px;
    font-weight:normal;
    text-align:justify;
	width: 424px;
}
.column_middle_inner span{
    width:100%;
    text-align:center;
}
.column_right
{
	width: 221px;
	float: left;
	display: inline;
	margin-left: 0px;
}
.numbers {
	width: 20px;
	height: 20px;
	display: block; 
	float: left;
	background: no-repeat url(images/numbers_bg.gif);
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 1px;
	margin-top: 3px;
}
.numbers:hover {
	background: no-repeat url(images/numbers_bg_hover.gif);
}
.arrow_left,
.arrow_right {
	float: left;
	width: 27px;
	height: 27px;
	margin-right: 4px;
}
.arrow_right {
	margin-left: 4px;
}
hr { 
    text-align:center;
    width:90%;
    height:1px;
    color: #023921; 
    background-color: #023921; 
    border: 0px solid #023921; 
    margin-left:auto;
    margin-right:auto;
}
.controlAfiliacion {
    width:100%;
    background-color:#F5FFF3;
    border-bottom-style:dashed;
    border-left-style:dashed;
    border-right-style:dashed;
    border-color:#16A969;
    border-width:1px; 
}
.encabezado_tabla
{
      text-align:center;
      background-color:#047b3e;
      color:White;
      font-weight:bold;
}
input[type="submit"],
input[type="button"]
{   
    color:#FFFFFF;
    border: 1px solid;   
    border-color: #696 #363 #363 #696;   
    /*background-color: #057640;*/
    background-color: #cbe9cf;
    background-image: url(images/title-center.png);
	background-repeat:repeat-x;
}   
input[type="submit"]:hover,
input[type="button"]:hover
{
    background-image: url(images/title-center2.png);
	background-repeat:repeat-x;
}
input[type="submit"][disabled="disabled"],input[type="submit"][disabled],
input[type="button"][disabled="disabled"],input[type="button"][disabled]
{
    background-image:none !important;
	color:#AAAAAA;
}
input[type="text"][disabled="disabled"],
select[disabled="disabled"]
{
    background-color:#F1F1F1;
	color:#AAAAAA;
	border-width:1px;
}
.sortLink a:link
{
      text-align:center;
      color:White;
      
}


.grid2
{
    border-style:solid;
    border-color:#CCCCCC;
    border-bottom-width:1px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
}
.grid2HeaderStyle
{
    background-color: #DFDFDF;
    height:30px;
    
}
.grid2HeaderStyle td
{
    padding:2px;
    border-style:solid;
    border-color:#CCCCCC;
    border-bottom-width:1px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-right-width:0px;
}

.grid2HeaderStyleBoldTop
{
    background-color:#08934F;
    font-weight:bolder;
    color: #FFFFFF;
    height:30px;
}

.grid2HeaderStyleBoldBottom
{
    background-color:#DFDFDF;
    font-weight:bolder;
    height:30px;    
}

.grid2HeaderStyleBoldTop td
{
    padding:2px;
    border-style:solid;
    border-color:#05733F;
    border-bottom-width:1px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-right-width:0px;
}

.grid2HeaderStyleBoldBottom td
{
    padding:2px;
    border-style:solid;
    border-color:#CCCCCC;
    border-bottom-width:1px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-right-width:0px;
}


.TituloPopUpAfiliaciones
{
    color:#0b610b;
    font-family:Verdana;
    font-size:15px;
    font-weight:bold;
}

.chat
{
    float:left;
    background-repeat:no-repeat;
    background-position:center;
    width:100px;
    margin-top:45px;
    margin-left:0px;
    text-align:center;

}

.costumer_service .cs_titulo
{
	font-size: 16px;
	font-weight:bold;
	color:#3D9E7D;
}

.contenedorPadding 
{
	padding-left: 10px;
	padding-right: 10px;
}

.contenedorCampoPadding 
{
	padding-right: 10px;
	padding-left: 10px;
}

.label4 
{
	width: 50%;
}

.gridHeaderStyleSelected{
	color: #585858;
	background-color: #edfaeb;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	vertical-align: middle;
}
.consulta_btn 
{
	cursor:hand;
	background: no-repeat url(images/consulta_button.gif);
	width: 110px;
	height: 27px;
	border: 0px;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}