@charset "utf-8";
/* Configuracion Global Reset */
*{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0;padding:0}
a:link,a:visited,a:hover {text-decoration:none;color:#01480D}
img { border: 0;}
/* Precarga */
.QOverlay {background-color: #fff;z-index: 9999;}
.QLoader {background-color: #fff;	height: 1px;}
body{ text-align:center;font:  80% Arial, Helvetica, sans-serif;width: 100%;} 
#header{
	background: transparent url(../images/logo.png) no-repeat 58px 12px ;
	width:973px;
	height:124px; 
	margin: 0 auto;
	border-top: 1px solid #fff;	
}
#header .socialinks {
	float:right;
	display: inline;
	text-align: center;
	margin: 12px 0	
}
#header .socialinks  a {
	display: block;
	float: left;	
	width: 32px;	
	height: 32px;
	display: inline;
	margin: 0 2px;	
}
#header .socialinks  a span {display: none;}
#cse-search-box {margin:60px 0 0 auto;width:325px;display:block;}
#cse-search-box .casilla_buscador {
	border: 1px solid #ecebed;	
	color: #404040;
	padding: 4px 0;	
	width: 200px;	
}
#cse-search-box .boton_buscador {
	border: 1px solid #ecebed;
	width: 115px;
	padding: 4px 0;	
	background: #ecebed;
}
 /* Menu Principal */
div#menu_top {
	position:relative; 
	background: #015A19 url(../images/fondo_menu.png) repeat-x left top ;
	height: 46px;
	display: block;
	width: 100%;
}
div#menu_top  ul.navigation  {
	width: 973px;
	display: block;
	margin: 0 auto;
	height: 40px
}
div#menu_top  ul.navigation  li  {
	color: #fff;
	text-align: center;
	font-size:1.2em;
	float: left;		
	display: inline;
	padding: 0 80px;
	border-right: 1px solid green;				
}
div#menu_top  ul.navigation  li a {
	color: #fff;
	padding: 10px 40px;
	margin-top: 8px;	
	display: block;
	background: transparent;
}
div#menu_top  ul.navigation  li.active a {	
	background: #00a61d;
	color: #fff;
	padding: 10px 40px;
}
div#menu_top  ul.navigation  li.last {border-right: 0px;}
/* Fotos estaticas cabecera */
#img_top {text-align:center;width: 100%; height:317px}
#fototop {
	position:relative;
	width: 1440px;
	margin: 0 auto;	
	display:block;
}
/* Cuerpo */
#pagewidth{ 
	position: relative; 
	display: block;	
	width:973px;
	margin: 0 auto;
	font-size: 1.1em;
} 
 #maincol{
	position: relative; 
	display: inline;
	width: 710px;	
	float: right;		
	margin: 0 auto;	
 }
   /* Columna de textos */
 #text p {margin-bottom: 1em;}
 #text {
	text-align: justify;
	margin: 0 15px 10px 20px;
	padding-top:10px;
	padding-right:10px;
 	padding-left:10px;
	float:left;
	width:440px;
 }
#text h2 {
	color: #28166f;
	margin: 0.5em 0 ;
	font-size: 2em;
	letter-spacing:  -1px;
	text-align:left;	
}
#text h3 {
	color: #28166f;
	margin: 1em 0 0.2em 0;
	font-size: 1.6em;
	font-weight: normal;	
	text-align:left;		
}
#text h4 {
	color: #28166f;
	margin: 1em 0 0.1em 0;
	font-size: 1.2em;
	font-weight: normal;	
	text-align:left;
}
#text ul {margin-bottom: 2.5em;}
#text ul li { 
	
	list-style-position: outside;
	
}

.lidos{
	list-style-type: disc !important;
	margin: 1em 0 1em 2.5em;
	}
#text ol li { 
	list-style-type: decimal;	 
	list-style-position: outside;
	margin: 1em 0 1em 2.5em;
}
#text a.descredes , #text a.descafiliaciones, #text a.descacredito, #text a.desctarjeta,#text a.descnovedades,#text a.desccesion,#text a.descdesempleo,
#text a.descpaportes , #text a.descplanfechas, #text a.descplanpagos, #text a.descvivienda,#text a.descalieducativa,#text a.descolinscripciones,
#text a.descdestihuila,#text a.descalconozca,#text a.descbenevivienda{
	width: 459px;
	height:79px;
	display: block;
	margin: 5px 0 10px 0;
	text-indent:-9999px;		
}
#text a.descredes {background: transparent url(../images/descarga_redprestadora.png) no-repeat top left; }
#text a.descafiliaciones {background: transparent url(../images/descarga_afiliate.png) no-repeat top left; }
#text a.descacredito {background: transparent url(../images/descarga_credito.png) no-repeat top left; }
#text a.desctarjeta{background: transparent url(../images/descarga_tarjetaplata.png) no-repeat top left; }
#text a.descnovedades{background: transparent url(../images/descarga_reportenovedades.png) no-repeat top left; }
#text a.desccesion{background: transparent url(../images/descarga_cesion.png) no-repeat top left; }
#text a.descdesempleo{background: transparent url(../images/descarga_desempleo.png) no-repeat top left; }
#text a.descpaportes{background: transparent url(../images/descarga_pagoaportes.png) no-repeat top left; }
#text a.descplanfechas{background: transparent url(../images/descarga_planillafechas.png) no-repeat top left; }
#text a.descplanpagos{background: transparent url(../images/descarga_planillapagos.png) no-repeat top left; }
#text a.descvivienda{background: transparent url(../images/descarga_subvivienda.png) no-repeat top left; }
#text a.descbenevivienda{background: transparent url(../images/descarga_benevivienda.png) no-repeat top left; }
#text a.descalieducativa{background: transparent url(../images/descarga_caledu.png) no-repeat top left; }
#text a.descalconozca{background: transparent url(../images/descarga_conozcaprograma.png) no-repeat top left; }
#text a.descdestihuila{background: transparent url(../images/descarga_destinohuila.png) no-repeat top left; }
#text a.descolinscripciones{background: transparent url(../images/descarga_colinscripciones.png) no-repeat top left; }
#text a.descaliedu{background: transparent url(../images/descarga_destinohuila.png) no-repeat top left; }
/* Descargar leyes normatividad */
#text a.descnormaleft, #text a.descnormaright {
			display: block;
			text-indent:-9999px;
			width: 219px;
			height:129px;			
}
#text a.descnormaleft{float:left;background: transparent url(../images/descarga_ley21.png) no-repeat top left;}
#text a.descnormaright{float:right;background: transparent url(../images/descarga_ley789.png) no-repeat top left;}
#text div.dirips {
	background: transparent url(../images/dir_sedes.png) no-repeat top left; 
	width: 466px;
	height:109px;
	display: block;
	margin-bottom: 5px;
}
#text div.dirips a{color: #000;}
#text div.dirips  span{
	display: block;
	padding: 5px 10px 0 90px;
	font-size: 0.9em;	
	}
#text div.dirips  span h5{
	font-size: 1.8em;
	font-family: "Verdana" , sans-serif;
	font-weight: normal;
	letter-spacing:  -2px;
	color:#28166f;	
}
/* Banner publicidad secciones*/
#text  img.banSecciones {}
/* Titulo Secciones */
h1.texto {
	display: block;
	font-weight: normal;
	color: #fff;
	margin: 20px 0 0 20px;
	text-align: left;
	background: #017C19 url(../images/logo_titulo.png) no-repeat 20px center;
	padding: 5px 20px 5px 55px;
	width: 370px;
	float:left;
}
/* Enlaces de compartir redes sociales */
div#ashare {margin: 0 14px;background: #EFEFEF;padding: 5px 0;}
.addthis_toolbox {margin-left:50%;}
div#nshare {margin-right: 14px ;}
/* Imagen Publicidad/noticas/promociones */
img.notimage {margin: 10px 10px 5px 10px}
/* Acordeon Textos */
#accordion, #acorcontacto, #acorformularios {	width: 100%;margin-top: 2em;}
#accorecre {width: 460px;margin-top: 2em;}
/* acordeon Afliciaciones titulo - atención al usuario*/
#accordion h3, #acorcontacto h3, #acorformularios h3 {
	background: #828282 url(../images/bacordeon.png) no-repeat 25px 2px;
	cursor:pointer;	
	color: #fff;
	padding: 5px 0 5px 70px;
	margin: 0 0 3px 0;	
}
/* acordeon Afliciaciones titulo activo*/
#accordion h3.current, #acorcontacto h3.current, #acorformularios h3.current {background: #828282 url(../images/bacordeon.png) no-repeat 25px -34px;}
/* acordeon Afliciaciones contenido*/
#accordion .pane , #acorcontacto .pane {
	display:none;
	padding:15px;
	Background: #F3F3F3;	
	border: 1px dotted #828282;
	margin-bottom: 4px;				
}
/* acordeon recreación titulo*/
#accorecre h3 {
	margin:0;
	padding:5px 15px;
	border-top:1px solid #fff;
	cursor:pointer;
	background: #017918;
	color:#01530f;		
}
/* acordeon recreación titulo activo*/
#accorecre  h3.current{
	cursor:default;
	color:#fff;		
	background: #017a19;
	cursor:pointer;		
}
/* acordeon recreación contenido*/
#accorecre .pane {
	display:none;
	padding: 0;
	background: #017a19;
	height: 308px;	
}
#accorecre .pane a {
	background: blue;
	width: 460px;
	display: block;
	height: 308px;
	text-indent:-9999px;	
}
#accorecre .pane a.parquextremo {background: transparent url(../images/acordeon_extremo.jpg) no-repeat top left;}
#accorecre .pane a.playajuncal {background: transparent url(../images/acordeon_juncal.jpg) no-repeat top left;}
#accorecre .pane a.termales{background: transparent url(../images/acordeon_termales.jpg) no-repeat top left;}
#accorecre .pane a.loslagos{background: transparent url(../images/acordeon_lagos.jpg) no-repeat top left;}
#accorecre .pane a.cambulos{background: transparent url(../images/acordeon_cambulos.jpg) no-repeat top left;}
#accorecre .pane a.ferry{background: transparent url(../images/acordeon_ferry.jpg) no-repeat top left;}
#accorecre .pane a.timanco{background: transparent url(../images/acordeon_timanco.jpg) no-repeat top left;}
/* Sección Preguntas frecuentes - Acordeon Afiliados */
#accorfaq   {	width: 100%;margin: 2em 0;}
#accorfaq div.faqman-question {
	margin: 5px 0;
	font-size: 1.2em;	
	background: #828282;
	cursor:pointer;	
	color: #fff;
	padding: 5px 0 5px 10px;
	text-align: left;		
}
#accorfaq span.faqman-answer  {
	padding:5px 15px;
	background: #F3F3F3;		
	display: block;
	width: 93%;
	border: 1px dotted #828282;		
}
/* Acordeon Directorio Comfamiliar */
#acordirectorio {	width: 100%;margin-top:2em;}
#acordirectorio h3 {
	background: #828282 url(../images/bacordeon.png) no-repeat 25px 2px;
	cursor:pointer;	
	color: #fff;
	padding: 5px 0 5px 70px;
	margin: 0 0 3px 0;	
}
#acordirectorio h3.current{background: #828282 url(../images/bacordeon.png) no-repeat 25px -34px;}
#acordirectorio .pane {border: 1px dotted #828282;margin-bottom: 4px;}
/* Agenda de actividades */
#agendames {
	border: 1px solid #016E16;
	width: 429px;
	padding: 0 15px 10px 15px;
	margin: 2em 0;	
	background:  #EBF3ED;	
}
#agendames h3 {
	color: #fff;
	background: #016E16;
	text-align: right;
	width: 40%;
	padding: 5px 10px 5px 0;
	margin: 0 0 0 auto;
	display: block;
	margin-bottom: 20px;
}
#agendames h4 {
	cursor:pointer;	
	background: #016E16;
	color: #fff;
	padding: 4px 10px;
	text-align: left;
	margin:0 0 4px 0;			
}
#agendames .pane {background:  #fff;margin-bottom: 4px;padding: 10px 10px 0 10px;}
/* Tablas */
caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
}	
tr.odd td	{background:#ebf3ed}
tr.odd .column1	{background:#f4f9fe;}	
.column1	{background:#f9fcfe;}				
th {
	font-weight:normal;
	color: #003a0a;
	text-align:left;
	border-bottom: 1px solid #9bb7a0;
	border-left:1px solid #9bb7a0;
	padding:.3em 1em;
	}							
thead th {
	background:#008000;
	text-align:center;
	font:bold 1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#ffffff
	} 
	
/* Bloque Pagina Principal */
/* Banner primera pagina */
 #membotones {
	display: block;
	clear: both;
	position: relative;
	margin: 10px 0 5px 0;	
}
 #membotones  .botbloques{
	width: 336px;
	height:155px;	
	display:inline;
	float: left;
	margin: 0 4px;		
}
/* Bloque Promociones */
#bAnuncios {
	display: block;
	width:680px;
	height:300px;
	margin-left: 5px;		
}
#bAnuncios h1 {
	background:#017c19;
	color:#fff;
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px 0 10px 30px;	
	text-align: left;	
}
/* Bloque Noticias */
#bNoticias {
	display: block;
	width:680px;
	margin: 10px 0 0 5px;
}
#bNoticias div.bNoticias {
	background: #f1f1f1;	
	width: 435px;
	height:430px;
	display: block;
	float:left;	
}
#bNoticias div.bNoticias h1 {
	background:#017c19;
	color:#fff;
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px 0 10px 30px;	
	text-align: left;	
}
#bNoticias div.bNoticias ul {
	width: 98%;
	display: block;
	margin: 5px auto;
}
#bNoticias div.bNoticias ul li{
	background: #fff;
	margin-bottom: 5px;
	list-style: none;
	border: 1px solid #fff;
}
#bNoticias div.bNoticias ul li div.tNoticias{height: 24px;background:#ebeced;}
#bNoticias div.bNoticias ul li div.tNoticias span {
	display: block;
	float: left;	
	width: 154px;
	height: 19px;
	padding-top: 5px;
	font-size: 0.9em;
	color:#fff;	
	background: transparent url(../images/nfechas.png) no-repeat top left;
}
#bNoticias div.bNoticias ul li div.tNoticias a{
	display: block;
	float: right;	
	width: 70px;
	margin: 5px 20px 0 0;	
	text-align: left;
	font-size: 0.9em;
	color: #7C7D7D;
	background: transparent url(../images/flecha_mas.png) no-repeat right;	
}
#bNoticias div.bNoticias ul li p {
	width: 100%;
	clear: both; 
	display: block;
	text-align:	left;	
	padding: 10px 0 15px 20px;
	font-size: 1.2em;	
}
#bNoticias div.banrse {
	display: block;
	float: right;
	width:240px;
}
#bNoticias div.banrse a {
	display: block;
	width: 240px;
	height: 426px;	
	background: transparent url(../images/banner_rse.jpg) no-repeat top left; 
}
#bNoticias div.banrse a span {display: none;}
/*--Main Container--*/
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {
	height:265px;	width: 680px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {position: absolute;top: 0; left: 0;}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -10px;
	width: 259px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #017c19;
	border: 1px solid #017c19;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
/* Bloques grises */
 #bgrises {
	display: block;
	clear: both;
	position: relative;
	margin: 10px 0;
	width: 680px;
	height:189px;	
	background: url(../images/banner_rse.jpg) no-repeat left;		
	margin-left: 5px;	
}
/* Columna Izquierda */
 #left {
	position: relative; 
	width: 263px;	
	float: left;		
	margin: 0 auto;	
}
/* Enlaces botones bloque izquierdo */
div#left a.imgboton00, div#left a.imgboton01,  div#left a.imgboton02 {
	display:block;
	width:254px;
	height:86px;
	margin: 10px auto;
	text-indent: -9999px;	
}
div#left a.imgboton00 {background: url(../images/boton_informe.png) no-repeat 0 0;}
div#left a.imgboton01 {background: url(../images/boton_planilla.png) no-repeat 0 0;}
div#left a.imgboton02 {background: url(../images/boton_noticomfamiliar.png) no-repeat 0 0;}
div#left a.imgboton00:hover {background: url(../images/boton_informe.png) no-repeat 0 -88px;}
div#left a.imgboton01:hover {background: url(../images/boton_planilla.png) no-repeat 0 -88px;}
div#left a.imgboton02:hover {background: url(../images/boton_noticomfamiliar.png) no-repeat 0 -88px;} 
/* Sección documentos subsidios - Afiliados*/
#text ul.descdocs {width: 459px;}
#text ul.descdocs li {
	background: #e5e5e5;
	margin: 4px 0;
	padding: 6px 0 6px 0;
	list-style-position: outside;
	list-style-type: none;
}
#text ul.descdocs li a{
	color: #017C19;  
	padding-left: 20px;
	width: 439px;	
	display: block;
}

/* Formulario atención al cliente */
form#formatcliente{ 
	display: block;
	position:relative;
	margin: 1.5em 0 5em 0;
	text-align: left;	
}
form#formatcliente fieldset {border: 1px dotted #017C19;padding: 15px;}
fieldset#contacto {margin-top: 1em;}
form#formatcliente  legend  {
	color: #fff; 
	font-size: 1.2em;
	margin-left:1em;
	padding: 5px;
	background:#017C19;	
}
form#formatcliente fieldset p {
	display: block;
	padding: 5px 10px 5px 20px;
	margin: 2px 0 ;
	background:#E2E2E2;	
	display: inline-block;
	width: 95%;		
}

form#formatcliente label, fieldset#contacto span{
	display: block;
	width: 48%;		
	float: left;
	font-size: 1.1em;	
	padding-top: 4px;		
}
form#formatcliente fieldset input, form#formatcliente  fieldset select, form#formatcliente fieldset textarea{
	display: block;
	width: 48%;		
	float: right;
	padding: 2px;
	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;	
}
form#formatcliente input#button1, form#formatcliente input#button2{
	border: 0;	
	font-size: 1.4em;
	padding: 8px;
	margin: 10px;
	float: right;	
}
form#formatcliente span.error {
	color: red;
	font-size: 0.8em;
	display: block;
	width: 100%;
	clear: both; 
	margin: 0;		
}
/* Fecha Calendario */
.date {text-align:center;}
/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	padding:2px 0;height:22px;} 
#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}
#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../images/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}
#calnext {background-image:url(../images/next.gif);float:right;}
#calprev.caldisabled, #calnext.caldisabled {visibility:hidden;}
/* year/month selector */
#caltitle select {font-size:10px;}
/* names of the days */
#caldays {height:14px;border-bottom:1px solid #ddd;}
#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}
/* container for weeks */
#calweeks {background-color:#fff;margin-top:4px;}
/* single week */
.calweek {clear:left;height:22px;}
/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 
/* different states */
.calweek a:hover, .calfocus {background-color:#ddd;}
/* sunday */
a.calsun {color:red;}
/* offmonth day */
a.caloff {	color:#ccc;}
a.caloff:hover {background-color:rgb(245, 245, 250);}
/* unselecteble day */
a.caldisabled {background-color:#efefef !important;color:#ccc	!important;cursor:default;}
/* current day */
#calcurrent {background-color:#498CE2;color:#fff;}
/* today */
#caltoday {background-color:#333;color:#fff;}

 /* Parte Inferior sitio web */
 #fondo_foot {
	background: #F1F1F1;
	padding: 10px 0;
	height: 100%;	
	margin-top: 10px;
	border-top: 1px solid #989898;	
}
 /* Menu principal inferior */
 div#foot_gris{
	position:relative; 
	background: #989898 ;
	height: 40px;
	display: block;	
}
div#menu_bottom {
	width: 933px;	
	height: 40px;
	margin: 0 auto;	
	display: block;	
}
div#menu_bottom  ul.navigation  {
	width: 48%px;
	display: block;
	margin: 0 auto;
	height: 40px;	
	padding-left: 40px;	
	float: left;
}
div#menu_bottom  ul.navigation  li  {
	color: #fff;
	text-align: center;
	font-size:1.2em;
	float: left;		
	display: inline;
	padding: 0 10px;		
}
div#menu_bottom  ul.navigation  li a {
	color: #fff;
	padding: 10px 10px;
	display: block;	
}
/* texto de aplican */
div#menu_bottom span{
	color: #fff;
	float: right;
	width: 48%px;
	display: inline;
	font-size: 1.2em;
	margin: 10px 50px 0 0;	
}
 /* Enlaces Asociados */
 #footlinks {
	width: 933px;
	display: block;
	margin: 20px auto;
	clear: both;
	position: relative;
	padding-left: 40px	
}
#footlinks  a {
	display:inline;
	float: left;
	margin: 25px 10px 0 10px;
	color:#999999;		
}

#footlinks  a.imglink {
	margin: 0px 10px;
	text-indent: -9999px;	
}
#footlinks  a span {display: none;}
#footlinks img {	float: left;margin: 0 10px}

/* Derechos reservados */
#footer{
	margin: 20px auto;
	color: #999999;
	width: 973px;
	background: #ebebeb;	
	font-size: 0.8em;
  } 
 #footer  span {display: block;padding: 10px 0;}
#footer a{color: #999999;}

/* Clear */
.clearBoth { clear: both; }
 /* *** Float containers fix:
  http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
p.important {
	color:#28166F;
	font-weight:bold;
}
.cerrar_sesión {
	margin:8px 0;
}