@charset "utf-8";
/* CSS Document */

/********** HOME ****************/
.main_content{ float:left; width:713px;}
.main_content .flash_home{ width:712px; height:217px; float:left; margin-bottom:17px;}
.main_content .module_big { float:left; width:100%;}
.module_big h5{ width:692px;}
.module_big .cols{ width:346px; float:left; padding:17px 0;}
.module_big .cols.first{ padding-right:20px;}
.module_big .cols img{ width:106px; height:106px; float:left; border:1px solid #B4C3E1; margin-right:10px;}
.module_big .cols p{ display:block; color:#FF6600; font-size:12px; font-weight:bold; margin-bottom:8px;}
.module_big .cols p a{color:#FF6600;}
.module_big .ft { float:left; width:100%; clear:both; border-top:1px solid #B4C3E1; padding-top:8px; display:block;}
.module_big a.mas, form a.mas{ float:right; margin-top:20px;}
.module_big .ft a{ float:left; margin:0 10px 0 0;}
.module_container { float:left; width:100%; margin-top:25px;}
.main_content .module { width:226px; margin-left:17px; float:left;}
.main_content .first{ margin:0;}
.module h5{ width:206px;}
.module .content{ float:left; width:224px; border-left:1px solid #DEEAF6; border-right:1px solid #DEEAF6; border-bottom:1px solid #DEEAF6; background-color:#EFF4FA;}
.module .content ul{ float:left; width:204px; margin:10px auto;}
.module .content .logos{ float:left; width:224px; padding-top:15px; background-color:#FFF;}
.module .content .logos img{ float:left; margin:0 7px 15px 18px;}
.side_col { width:199px; float:right;}
.side_col img.banner{ float:left; clear:both; margin:2px 0 16px 0;}
.side_col img.banner.plan{ margin:0;}
.side_col a img{ float:left;}
.side_col .module{ width:199px; float:left;}
.side_col .module.flash{ margin-bottom:17px;}
.side_col h5{ width:179px;}
.side_col form{ float:left; width:100%; margin:10px 0 5px 0; border-bottom:1px solid #B4C3E1;}
.side_col form.newsletter { border:0;}
.side_col input{ width:123px; float:left; margin-bottom:4px;}
.side_col label{ width:58px; float:left; text-align:right; padding-right:10px; line-height:22px; color:#999999;}
.side_col form a.mas{ margin:2px 0 5px 0;}
.side_col form .error{ margin:2px 0 5px 0;}

/***************** COLUMNAS GENERALES *************************/
#content_nav {border:none; width:226px; float:left}
#content_nav ul.secciones{ float:left; width:222px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-left:3px solid #FF6600; margin-bottom:15px;}
#content_nav ul.secciones li{ border-top:1px solid #e5e5e5; height:29px; float:left; width:222px;}
#content_nav ul.secciones li:first-child{ border:none;}
#content_nav ul.secciones li a.mas { font-size:12px; line-height:29px; margin-left:10px; font-weight:bold; color:#000066; background-position:0 12px; padding-left:15px; text-decoration:none;}
#content_nav ul.secciones li.selected a.mas { background:url(../img/icon/arrow_link_down.gif) no-repeat left;}
#content_nav ul.secciones li.selected { background-color:#e0f0ff;}

#content_nav ul.categorias { width:191px; padding:10px 10px 10px 25px; float:left; background-color:#EFF4FA; margin-bottom:15px; margin-top:-15px;}
#content_nav ul.categorias li{ display:block; float:left; clear:both; margin-bottom:5px;}
#content_nav ul.categorias li.selected a.mas{background:url(../img/icon/arrow_link_down.gif) no-repeat left;}

#text_content { float:right; width:645px; border:1px solid #e5e5e5; padding:20px 15px 20px 15px;}
#text_content .flash_banner {margin:10px 0; border:1px solid #e5e5e5; float:left;}
#text_content img{ margin:10px 0; border:1px solid #e5e5e5; float:left;}
#text_content h2 + p{ margin-top:15px;}
#text_content p.list_title{ display:inline-block; font-weight:bold; font-size:13px; color:#FF6600; width:100%; padding-bottom:5px; margin-top:30px; border-bottom:1px solid #FF6600;}

/****** NUESTRA EMPRESA **************/
#text_content ul.porque_elegirnos{ float:left; clear:both;}
#text_content ul.porque_elegirnos li{ float:left; height:24px; width:624px; padding-left:10px; line-height:24px;}
#text_content ul.porque_elegirnos li p{width:auto!important; clear:none;}
#text_content ul.porque_elegirnos li p.data{ font-weight:bold; float:right; width:170px!important; display:inline-block;}
#text_content ul.porque_elegirnos li.bg { background-color:#EFF4FA;}
ul.text_list li { background:url(../img/icon/principios.gif) no-repeat left!important; background-position:0 5px!important; padding-left:15px; margin-bottom:3px; color:#666666!important;}
ul.text_list li h3 { margin:0 0 10px 0 }
ul.text_list.apoyo li { margin:5px 0; line-height:130%;}
ul.text_list.afap li { margin:10px 0 0 10px;}
ul.text_list.plan_trabajo{ margin:15px 0;}
.grafics { float:left; clear:both; margin:15px 0 10px 0; border-bottom:1px solid #e5e5e5; width:100%; padding-bottom:5px;}
.grafics img{ float:left; border:none!important; margin:0!important;}
.grafics span{font-weight:bold; float:right!important; margin-top:182px;}
img.grafic{ border:none!important; float:left; clear:both; margin-top:20px!important;}
/****** PORQUE ELEGIRNOS ******/
#text_content .first_box, #text_content .second_box{ float:left; width:100%; margin-bottom:30px;}
#text_content .first_box { margin-top:20px;}
#text_content .second_box h3{ margin-top:0;}
#text_content .first_box h3{ margin-top:10px;}
.first_box .text_box, .second_box .text_box{ float:left; width:424px; height:132px; background:url(../img/bg/porque_elegirnos_bottom.jpg) repeat-x bottom; padding-bottom:8px;}
.second_box .text_box{ float:right;}
.first_box img, .second_box img{ border:0!important; margin:0!important;}
.first_box img{ float:right!important;}
#text_content .rse_images { float:left; clear:both; width:100%;}
#text_content .rse_images img { margin-right:15px!important; border:0!important;}
/*** ARTICULO 8 **/
#articulo_ocho h3, #articulo_ocho h4, #articulo_ocho p, { float:left; width:100%;}
ul.text_list { clear:both;}
h4{ float:left; clear:; width:100%;}
.list_convenios { width:634px; float:left; clear:both; padding:20px 0; border-bottom:1px solid #e5e5e5; margin-bottom:5px;}
.list_convenios ul { float:left; width:50%;}
.list_convenios ul li{ margin-bottom:6px; float:left; clear:both; width:300px;}
.list_convenios ul li .convenios_detalle{ float:left; width:300px; color:#666666;}
.list_convenios ul li .convenios_detalle p{ margin-top:4px;}
.list_convenios ul li .convenios_detalle ul, .list_convenios ul li .convenios_detalle ul li{ width:280px; margin:2px 0!important;}
.list_convenios ul li a.mas{ text-decoration:none; color:#3399CC;}
.list_convenios ul li a.mas.selected{ background:url(../img/icon/arrow_link_down_white.gif) no-repeat top left; background-position:0 5px;}
p.fuente{ display:block; float:left; width:100%; clear:both;}
#text_content .two_col{ width:302px; float:left; padding-right:15px;}
#text_content .two_col h4{ margin-top:20px;}
#text_content .two_col ul.text_list{ margin-top:7px;}
ul.text_list.ventajas { margin-top:15px;}
ul.text_list.ventajas li { margin-bottom:10px!important;}
ul.text_list.beneficios li{ margin-top:7px;}

/********* FORMULARIOS **********/
form.formularios{ width:634px; float:left; clear:both; border-top:1px solid #e5e5e5; padding-top:5px; margin-top:15px; color:#999999;}
form.formularios p{float:right!important; background:url(../img/icon/star.gif) no-repeat right; background-position:100% 6px; padding-right:10px; color:#999999; width:auto!important;}
form.formularios .row{ float:left; width:100%; clear:both; margin-bottom:10px;}
form.formularios label{ float:left; width:125px; line-height:23px;}
form.formularios input[type="text"]{ float:left; width:220px;}
form.formularios textarea { width:343px; height:180px; padding:4px;}
form.formularios .row img{ float:left; margin-left:5px!important; border:0!important;}
form.formularios .row a.mas{ margin:0 282px 0 0;}
form.formularios.trabajo { border:0; padding:0;}
form.formularios.trabajo span.form_title { float:left; width:100%; display:block; font-weight:bold; padding-bottom:5px; margin:0 0 10px 0; font-size:12px; color:#333333; border-bottom:1px solid #C6C6C6;}
form.formularios select.date { width:60px; margin-right:5px; float:left}
form.formularios span{ float:left; line-height:23px; margin:0 10px; position:relative;}
form.formularios input[type="radio"] { float:left; margin-top:3px;}
form.formularios.trabajo .row.last { border-top:1px solid #C6C6C6; padding-top:3px; margin-top:10px}
form.formularios.trabajo .row.last a.mas{ margin:0; float:right;}
form.formularios.consulta{ border:0;}

.landing_form form.formularios { width:95%; margin:10px 0 20px 20px}

/********* NOTICIAS ***************/
#content_nav h5{ width:206px;}
#content_nav a{ text-decoration:none;}
#content_nav ul.noticias { float:left; width:100%;}
#content_nav ul.noticias li{ float:left; background-color:#EFF4FA; margin-top:1px; width:214px; min-height:60px; padding:6px;}
#content_nav ul.noticias li img{ float:left; margin-right:5px;}
#content_nav ul.noticias li p{ font-size:12px; color:#FF6600; display:block; font-weight:bold;}
#text_content ul.noticias, #text_content ul.ofertas { float:left; width:100%; border-bottom:1px solid #E5E5E5; padding-bottom:10px; margin-bottom:15px;}
#text_content ul.noticias li, #text_content ul.ofertas li{ float:left; width:100%; margin-top:15px;}
#text_content ul.noticias li img, #text_content ul.ofertas li img{ float:left; width:106px; height:106px; border:1px solid #E5E5E5; margin:0 10px 0 0;}
#text_content ul.noticias h3, #text_content ul.noticias h4, #text_content ul.ofertas h3, #text_content ul.ofertas h4{ margin:0 0 7px 0; float:none !important; clear:none; width:auto;}
#text_content ul.noticias p, #text_content ul.noticias h3, #text_content ul.noticias h4 { width:auto; clear:none; float:none !important; display:block}
#text_content ul.noticias a, #text_content ul.ofertas a{ text-decoration:none;}
#text_content ul.noticias a.mas{ float:right; clear:both; color:#788CC7;}
#text_content ul.ofertas a.mas { clear:both; margin-top:5px; width:300px;}
#text_content .hd { float:left; clear:both; width:100%; padding-bottom:5px; border-bottom:1px solid #E5E5E5; margin-bottom:5px;}
#text_content .hd img{ float:right; margin:0 0 0 10px; border:none;}
#text_content .hd + #print h3{margin-bottom:10px; font-size:18px!important;}
#text_content p.copete { font-size:13px; display:block; margin-bottom:15px; font-weight:bold;}
#text_content p.copete + img {margin:0 15px 0 0;}
#text_content p.date { font-size:12px; font-weight:bold; display:block; margin-bottom:7px; color:#333333;}
#text_content .noticias_text img{ float:left; margin:0 10px 0 0;}
#content_nav .module{ margin-bottom:15px; float:left;}
#content_nav .module p{ display:block; width:206px; padding:10px; min-height:110px; float:left; background-color:#EFF4FA;}

/********* PAGINADOR **********/
#text_content ul.paginador{ float:right; width:auto; margin-right:15px}
#text_content ul.paginador li{ float:left; display:inline;}
#text_content ul.paginador li a:link, #text_content ul.paginador li a:visited{ display:inline-block; padding:0 5px; float:left;}
#text_content ul.paginador li a:hover, #text_content ul.paginador li a:active, #text_content ul.paginador li.selected a { color:#FF6600!important; text-decoration:none;} 
#text_content ul.paginador li a.mas, #text_content ul.paginador li a.menos { margin-left:5px; color:#788CC7!important;}

/*********** NOTICIAS IMPRIMIBLE ******************/
#print_noticias { float:left; min-width:632px; border:1px solid #E5E5E5; padding:25px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; text-align:left;}
#print_noticias img.logo{ border:none; margin:0; float:left; clear:both;}
#print_noticias h4{ margin:20px 0 10px 0; font-size:16px; color:#333333; border-top:1px solid #E5E5E5; padding-top:20px;}
#print_noticias p.date { font-size:12px; font-weight:bold; display:block; margin-bottom:7px; color:#333333;}
#print_noticias p.copete { font-size:13px; display:block; margin-bottom:10px;}
span.green { float:left; display:block; clear:both; font-weight:bold; color:#009245; border-top:1px solid #E5E5E5; padding-top:10px; text-align:center; width:100%; margin-top:15px;}
span.green img{ margin:0 5px 0 0; float:none; border:0;}

/*********** CONTACTENOS ***************/
#contactenos { float:left; width:100%; clear:both; margin-top:10px;}
#contactenos .cols { width:310px; float:left;}
#contactenos .cols.first { margin-right:10px;}
#contactenos .cols .box{ width:280px; float:left; padding:15px; background-color:#EFF4FA; min-height:87px; margin-bottom:10px;}
#contactenos .cols .box.selected{ background-color:#B4C3E1;}
#contactenos .cols .box a, #contactenos .cols .box span{ font-size:12px; font-weight:bold; color:#000066; margin-bottom:8px; text-decoration:none;}
#contactenos .cols .box img{margin:0 10px 0 0; border:1px solid #b4c3e2;}
#text_content ul.text_list li p{ font-weight:bold; float:none; width:auto;}
#text_content p + ul.text_list li{ margin-top:10px;}
.mapa_centros { border:0!important; margin:30px 0 0 0!important; float:right;}

/*********** OFERTA *******************/
.empresa_datos { float:left; width:100%; clear:both;}
.empresa_datos ul{ float:left; width:542px; clear:right; margin-top:10px;}
.empresa_datos ul li { display:block; float:left; width:100%; border-top:1px solid #E5E5E5; padding-top:5px; margin-bottom:5px;}
.empresa_datos ul li:first-child{ border:none;}
.empresa_datos ul li h4{ display:inline-block; width:80px!important; clear:none!important; margin:0;}
.empresa_datos ul li span{ display:inline-block; width:180px; float:left;}
.empresa_datos ul li span + h4{ width:80px!important; }
.empresa_datos ul li span + h4 + span{ width:150px!important;}
.empresa_datos img.logo_empresa { margin:15px 10px 0 0!important;}

/***************** UNICEF *******************/
.box_unicef { width:614px; padding:10px; float:left; clear:both; background-color:#EFF4FA; margin:10px 0;}
.box_unicef img{ float:left; margin:0 10px 0 0!important;}
.box_unicef h4{ margin:0; float:none!important; clear:none!important;}
ul.text_list.unicef, ul.text_list.articulo_ocho  { float:left; clear:both; margin:10px 0; width:100%;}

/***************** TOOLTIP *************************/
.tooltip_instituciones { width:238px; background:url(../img/bg/tooltip/tooltip_border_top.png) no-repeat center top; padding-top:6px; text-align:left;}
.tooltip_instituciones .border_L { float:left; clear:both; width:232px; background:url(../img/bg/tooltip/tooltip_border_L.png) repeat-y left; padding-left:6px;}
.tooltip_instituciones .border_R{ width:226px; float:left; background:url(../img/bg/tooltip/tooltip_border_R.png) repeat-y right; padding-right:6px;}
.tooltip_instituciones .border_R span{ display:block; padding:5px; background-color:#788CC7; width:216px; color:#FFF;}
.tooltip_instituciones .border_bottom { width:238px; height:6px; background:url(../img/bg/tooltip/tooltip_border_bottom.png) no-repeat center top; float:left;}

/******** INFORMES ***************/
#informes img{clear:both;}

/************* RESULTADO BUSQUEDA ******************/
#recomendar { float:left; width:190px; border:1px solid #B4C3E1; background-color:#eff4fa; padding:20px 35px; margin-bottom:10px; text-align:left;}
#recomendar .hd { float:left; width:100%; clear:both; margin-bottom:15px;}
#recomendar .hd span{ color:#000066; font-size:12px; font-weight:bold; float:left;}
#recomendar .hd a{ float:right}
#recomendar .inputs{ float:left; width:190px; margin:3px 0;}
#recomendar .inputs span{ display:block; width:100%;}
#recomendar .inputs input {width:182px; margin-top:4px;}
#recomendar a.mas{ margin-top:5px; float:right;}
#recomendar span.error { margin-top:5px;}
#buscar { float:left; width:100%; clear:both; margin-top:10px;}
#buscar label{ float:left; width:100px; clear:left; line-height:23px;}
#buscar input{ float:left; width:182px; margin-right:5px}
#buscar a{ float:left; line-height:23px; margin:0 5px; color:#A0AED8; text-decoration:none;}

/* Pagina de error */
.error-msg h2 { font-size:16px; color:#333; margin-bottom:10px; }
.error-msg p { font-size:13px; color:#666; line-height:18px; margin-bottom:20px; }
.error-msg p a { color:#FF6600; text-decoration:none;  }
.buscador { width:255px; height:30px; margin-bottom:300px; }
.buscador a { float:right; line-height:22px; margin:0 5px; color:#A0AED8; text-decoration:none; }
.buscador input { float:right; margin:0 5px; width:190px; }