/* INICIALIZADORES ======================================== */

/* Neutraliza los estilos de los diferentes navegadores: 
   Elementos que queremos limpiar enteramente: */
html, body, form, fieldset, div { margin:0; padding:0; }

/* Neutraliza estilos: 
   Elementos que deben llevar margen vertical: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:15px 15px 15px 15px; padding:0;}

ul {list-style:none}

/* Se aplica margen izquierdo:
   Solo a los elementos que los necesitan: */
li, dd, blockquote {margin-left:15px; padding:2px 0;}

/* Miscelaneos: */
form label {cursor:default;}
fieldset {border:none;}

/* Form field text-scaling */
input, select, textarea {font-size:100%;}

img, label {margin:0;}

a {margin:0; padding:0; color:#fff; text-decoration:none; outline:none}
a:hover {text-decoration:underline}

/* GENERALES ========================================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:url(../images/bg01.jpg) center top no-repeat;
	text-align:justify;
}

/* CLASES ============================================= */
.clear {clear:both; float:none; height:0px; line-height:0px}
.sitemap li a {color:#386440}

/* wrapper */
#wrapper {margin:0 auto; width:923px}

/* header */
#header {height:136px;}
#header h1 {display:none}
#header ul {margin:0; padding:5px 0 0 0}
#header ul li {display:inline;}

/* main */
#main {width:923px}

#main #contenidos {float:left; width:615px}

#main #contenidos #nav {height:60px; background:url(../images/bg_nav.png) left top no-repeat}
#main #contenidos #nav2 {height:60px; position:absolute; top:135px;}
#main #contenidos #nav2 ul {margin:0; padding:22px 0 0 30px;}
#main #contenidos #nav2 ul li {float:left; margin:0 5px 0 0; padding-top:4px; height:17px;}
#main #contenidos #nav2 ul li.separador {margin:0 8px 0 5px; width:2px; background:url(../images/separador.gif) left top no-repeat}

#main #contenidos #slider {margin:0 0 10px 0; padding-left:11px; width:604px; height:322px}
#main #contenidos #slider .slide {display:none; width:604px; height:273px}
#main #contenidos #slider #slide-1 {display:block; background:url(../images/sample_producto.jpg) left top no-repeat}
#main #contenidos #slider #slide-2 {background:url(../images/sample_producto.jpg) left top no-repeat}
#main #contenidos #slider #slide-3 {background:url(../images/sample_producto.jpg) left top no-repeat}
#main #contenidos #slider #slide-4 {background:url(../images/sample_producto.jpg) left top no-repeat}
#main #contenidos #slider .clock {margin:0 0 140px 0; padding:5px 0 0 25px; width:579px; background:url(../images/clock.gif) 8px 6px no-repeat}
#main #contenidos #slider .slide_desc {padding-left:371px; width:232px; height:125px; _height:115px}
#main #contenidos #slider .slide_desc h3 {margin:0; font-size:11px; color:#465447}
#main #contenidos #slider .slide_desc h4 {margin:0 0 10px 0; font-size:11px; font-weight:100; color:#465447}
#main #contenidos #slider .slide_desc p {margin:0}
#main #contenidos #slider .slide_desc p strong {color:#465447}
#main #contenidos #slider ul#controles {margin:0 0 0 -1px; padding:0; height:49px}
#main #contenidos #slider ul#controles li {float:left; margin:0; padding:0;}
#main #contenidos #slider ul#controles li a {display:block; padding-top:10px; height:39px; font-size:11px; font-weight:bold; text-decoration:none}
#main #contenidos #slider ul#controles li a:hover, #main #contenidos #slider ul#controles li a.current {background-position:left bottom!important; color:#2b542c}
#main #contenidos #slider ul#controles li a span {font-size:10px; color:#9f9fa1}
#main #contenidos #slider ul#controles li.first-c a {padding-left:7px; width:144px; background:url(../images/promo_boton_left.gif) left top no-repeat}
#main #contenidos #slider ul#controles li.last-c a {padding-left:7px; width:145px; background:url(../images/promo_boton_right.gif) left top no-repeat}
#main #contenidos #slider ul#controles li.middle-c a {padding-left:7px; width:144px; background:url(../images/promo_boton.gif) left top no-repeat}

#main #contenidos #noticias {margin-bottom:8px;  width:604px; background:url(../images/bg_noticias.jpg) 11px 27px no-repeat; height:133px; overflow:hidden;}
#main #contenidos #noticias #tools_noticias {padding:6px 6px 0 6px; height:21px; background:#224022}
#main #contenidos #noticias #tools_noticias h3 {float:left; display:inline; margin:0; font-size:12px; font-weight:100; color:#fff;}
#main #contenidos #noticias #tools_noticias ul {float:right; display:inline; margin:0; height:20px}
#main #contenidos #noticias #tools_noticias ul li {float:left; margin:-3px 0 0 0; padding-top:4px; color:#fff}
#main #contenidos #noticias #tools_noticias ul li.separador2 {margin:0 8px; width:2px; height:9px; background:url(../images/separador2.gif) left top no-repeat}
#main #contenidos #noticias #tools_noticias ul li a {margin-right:12px; color:#777; text-decoration:none}
#main #contenidos #noticias #tools_noticias ul li a#no-margin {margin:0}
#main #contenidos #noticias #tools_noticias ul li a:hover {color:#fff}
#main #contenidos #noticias .noticia { height:101px; width:604px; float:left; padding:4px 0 0px 0; border-bottom:#000 1px dotted}
#main #contenidos #noticias .noticia .preview {float:left; margin-right:15px}
#main #contenidos #noticias .noticia .not_vermas {float:right; margin:33px 4px 0 0}
#main #contenidos #noticias .noticia p {margin-bottom:0}
#main #contenidos #noticias .noticia a.titulo_noticia {color:#000; font-weight:bold}
#main #contenidos #noticias .detalle_noticia {width:100%; border-bottom:#000 1px dotted}
#main #contenidos #noticias .detalle_noticia strong.titulo {font-size:12px; font-weight:bold; color:#a3a3a3}
#main #contenidos #noticias .detalle_noticia p {float:left; margin:8px 0}
#main #contenidos #noticias .detalle_noticia a.mas_detalle {float:right; margin-top:15px; font-weight:bold; color:#000;}
#main #contenidos #noticias .detalle_noticia a.mas_detalle:hover {color:#a4a4a4}

#main #contenidos #enlaces {margin-bottom:8px; padding-left:11px; width:604px; }
#main #contenidos #enlaces h3 {margin:0 0 8px 0; padding:6px; font-size:12px; font-weight:100; color:#fff; background:#204a22}
#main #contenidos #enlaces ul {margin:0 0 8px 0; padding:0 0 0 0px; width:286px;}
#main #contenidos #enlaces ul li {margin:0 0 18px 0; _margin-bottom:4px; padding:0;}
#main #contenidos #enlaces ul li.last_link {margin:0px;margin-bottom:10px;}
#main #contenidos #enlaces ul li a {color:#124c53; font-weight:bold}
#main #contenidos #enlaces ul li span {display:block; font-size:11px; color:#505050}
#main #contenidos #enlaces ul#bloque-1 {float:left;}
#main #contenidos #enlaces ul#bloque-2 {float:right;}

#main #sidebar {float:left; padding:35px 0 0 12px; width:296px; height:279px; background:url(../images/bg_sidebar.png) left top no-repeat; position:absolute; margin-left:615px; _margin-left:0px; *margin-left:0px;}
#main #sidebar2 {float:left; padding:35px 0 0 12px; width:296px; position:absolute; margin-left:615px; _margin-left:0px; *margin-left:0px;}
#main #sidebar2 #logo {margin-left:20px}

#main #sidebar2 h3#banca {margin:0; padding:0; width:242px; height:37px; background:url(../images/titulo_bancaenlinea.jpg) left top no-repeat}
#main #sidebar2 h3#banca span {display:none}
#main #sidebar2 ul#banca_links {margin:0; padding:0; width:283px; height:111px; background:url(../images/bg_bancaenlinea.jpg) left top no-repeat;}
#main #sidebar2 ul#banca_links li {float:left; margin:0; padding:0; height:111px;}
#main #sidebar2 ul#banca_links li a {display:block; height:111px}
#main #sidebar2 ul#banca_links li a span {display:none}
#main #sidebar2 ul#banca_links li#btn_personas a {width:143px; /*background:url(../images/btn_personas.jpg) left top no-repeat*/}
#main #sidebar2 ul#banca_links li#btn_empresas a {width:140px; /*background:url(../images/btn_empresas.jpg) left top no-repeat*/}

#main #sidebar2 h3#indicadores {margin:10px 0 0 3px; padding:0; width:282px; height:45px; background:url(../images/titulo_indicadores.jpg) left top no-repeat}
#main #sidebar2 h3#indicadores span {display:none}
#main #sidebar2 #tabla_indicadores {margin-bottom:22px; margin-left:12px;}
#main #sidebar2 #tabla_indicadores tr td {font-size:12px; color:#3c3c3c}


/* INTERNAS */

#quienes #main #contenidos #textos {background:url(../images/bg_quienes.gif) left top no-repeat}
#personas #main #contenidos #textos {background:url(../images/bg_personas.gif) left top no-repeat}
#empresas #main #contenidos #textos {background:url(../images/bg_empresas.gif) left top no-repeat}
#oce #main #contenidos #textos {background:url(../images/bg_oce.gif) left top no-repeat}
#tasas #main #contenidos #textos {background:url(../images/bg_tasas.gif) left top no-repeat}
#corporativo #main #contenidos #textos {background:url(../images/bg_corporativo.gif) left top no-repeat}
#sitemap #main #contenidos #textos {background:url(../images/bg_sitemap.gif) left top no-repeat}
#pol_seguridad #main #contenidos #textos {background:url(../images/bg_pol_privacidad.gif) left top no-repeat}
#seguridad #main #contenidos #textos {background:url(../images/bg_seguridad.gif) left top no-repeat}
#informacion #main #contenidos #textos {background:url(../images/bg_informacion.gif) left top no-repeat}
#calendario #main #contenidos #textos {background:url(../images/bg_calendario.jpg) left top no-repeat}
#reconversion #main #contenidos #textos {background:url(../images/bg_reconversion.gif) left top no-repeat}

.interna #main #contenidos #textos {padding:175px 25px 0 25px; width:565px;}
.interna #main #contenidos #textos h3 {margin-top:0; font-size:12px; color:#1a671f}
.interna #main #contenidos #textos ul.unbulleted li {margin:0 0 15px 30px}
.interna #main #contenidos #textos ul.unbulleted-nospace li {margin:0 0 8px 30px}
.interna #main #contenidos #textos ul.bulleted-checkmark li {list-style-image:url(../images/checkmark.gif);margin:0 0 8px 30px; }
.interna #main #contenidos #textos div.agencia {padding:15px; width:500px}
.interna #main #contenidos #textos div.agencia h4 {margin-top:0; font-size:12px; color:#1a681f}
.interna #main #contenidos #textos div.agencia p {margin:0}
.interna #main #contenidos #textos div.agencia p.tlf_fax {font-weight:bold}
.interna #main #contenidos #textos div.odd {background:#e3ece8; border-top:#a3c4b3 1px solid;}
.interna #main #contenidos #textos div.odd2 {background:#fff2c9; border-top:#f08e09 1px solid;}
.interna #main #contenidos #textos #calendar {float:left; width:205px; height:203px; background:url(../images/bg_calendar.gif) left top no-repeat}
.interna #main #contenidos #textos #calendar p {margin-bottom:5px}
.interna #main #contenidos #textos #calendar table {background:#c8dfcd; border:#87b694 3px solid}
.interna #main #contenidos #textos #calendar table tr td.bottomcell {background:#87b694}
.interna #main #contenidos #textos #calendar table tr td a {display:block; padding:1px; font-weight:bold; color:#624c33}
.interna #main #contenidos #textos #calendar table tr td a:hover, .interna #main #contenidos #textos #calendar table tr td a.currentday {text-decoration:none; background:#fff;}
.interna #main #contenidos #textos #eventos {float:right}
.interna #main #contenidos #textos #eventos h3 {font-weight:100}
.interna #main #contenidos #textos #eventos ul {width:340px}
.interna #main #contenidos #textos #eventos ul li {margin:0; padding:0; width:340px; border-top:#55a3c8 1px dashed}
.interna #main #contenidos #textos #eventos ul li p {display:none; margin:0; padding:5px;}
.interna #main #contenidos #textos #eventos ul li a {display:block!important; padding:5px; width:330px; color:#747474; text-decoration:none}

.interna #main #sidebar2 ul#banca_links {height:111px;}
.interna #main #sidebar2 #secciones {clear:both; float:none; margin:0 0 8px 0; padding:2px; width:280px; background:url(../images/bg_secciones.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #corporativo {margin:0; height:36px; background:url(../images/enlaces-corporativo.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #empresas {margin:0; height:36px; background:url(../images/enlaces-empresas.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #informacion {margin:0; height:36px; background:url(../images/enlaces-informacion.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #oficinas {margin:0; height:36px; background:url(../images/enlaces-oficinas.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #comercios {margin:0; height:36px; background:url(../images/enlaces_atencion_com.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #personas {margin:0; height:36px; background:url(../images/enlaces-personas.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #quienes {margin:0; height:36px; background:url(../images/enlaces-quienes.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #seguridad {margin:0; height:36px; background:url(../images/enlaces-seguridad.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #sitemap {margin:0; height:36px; background:url(../images/enlaces-sitemap.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones #tarifas {margin:0; height:36px; background:url(../images/enlaces-tarifas.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones h3 span {display:none}
.interna #main #sidebar2 #secciones ul {margin:0 auto; width:232px;}
.interna #main #sidebar2 #secciones ul li {margin:0; padding:0; /*height:22px!important;*/}
.interna #main #sidebar2 #secciones ul li a {display:block; margin:0; padding:7px 0 5px 0; height:14px; color:#000; text-decoration:none;}
.interna #main #sidebar2 #secciones ul li.toplevel a {padding:7px 0 5px 22px; height:14px;; width:210px; background:url(../images/tab.jpg) left top no-repeat}
.interna #main #sidebar2 #secciones ul li.toplevel a:hover {color:#1a671f; /*background-position:left bottom*/}
.interna #main #sidebar2 #secciones ul li.toplevel a.viewinglevel {color:#fff; background-position:left bottom}
.interna #main #sidebar2 #secciones ul li ul.sublevel {display:none; margin:-2px 0 0 0; padding:0; width:232px!important}
.interna #main #sidebar2 #secciones ul li ul.sublevel li {margin:0; padding:0; height:27px!important}
.interna #main #sidebar2 #secciones ul li ul.sublevel li a {margin:0; padding:6px 0 0 30px!important; width:202px; height:20px!important; font-size:11px; background:url(../images/tab_sublevel.jpg) left top no-repeat;}
.interna #main #sidebar2 #secciones ul li ul.sublevel li a:hover, .interna #main #sidebar #secciones ul li ul.sublevel li a.subactive {color:#000; background-position:0px -25px; background:#f9f5ea;}






.interna #main #sidebar3 ul#banca_links {height:111px;}
.interna #main #sidebar3 #secciones {clear:both; float:none; margin:0 0 8px 0; padding:2px; width:280px; background:url(../images/bg_secciones.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #corporativo {margin:0; height:36px; background:url(../images/enlaces-corporativo.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #empresas {margin:0; height:36px; background:url(../images/enlaces-empresas.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #informacion {margin:0; height:36px; background:url(../images/enlaces-informacion.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #oficinas {margin:0; height:36px; background:url(../images/enlaces-oficinas.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #personas {margin:0; height:36px; background:url(../images/enlaces-personas.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #quienes {margin:0; height:36px; background:url(../images/enlaces-quienes.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #seguridad {margin:0; height:36px; background:url(../images/enlaces-seguridad.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #sitemap {margin:0; height:36px; background:url(../images/enlaces-sitemap.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones #tarifas {margin:0; height:36px; background:url(../images/enlaces-tarifas.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones h3 span {display:none}
.interna #main #sidebar3 #secciones ul {margin:0 auto; width:232px;}
.interna #main #sidebar3 #secciones ul li {margin:0; padding:0; /*height:22px!important;*/}
.interna #main #sidebar3 #secciones ul li a {display:block; margin:0; padding:7px 0 5px 0; height:14px; color:#000; text-decoration:none;}
.interna #main #sidebar3 #secciones ul li.toplevel a {padding:7px 0 5px 22px; height:14px;; width:210px; background:url(../images/tab.jpg) left top no-repeat}
.interna #main #sidebar3 #secciones ul li.toplevel a:hover {color:#1a671f; /*background-position:left bottom*/}
.interna #main #sidebar3 #secciones ul li.toplevel a.viewinglevel {color:#fff; background-position:left bottom}
.interna #main #sidebar3 #secciones ul li ul.sublevel {display:none; margin:-2px 0 0 0; padding:0; width:232px!important}
.interna #main #sidebar3 #secciones ul li ul.sublevel li {margin:0; padding:0; height:27px!important}
.interna #main #sidebar3 #secciones ul li ul.sublevel li a {margin:0; padding:6px 0 0 30px!important; width:202px; height:20px!important; font-size:11px; background:url(../images/tab_sublevel.jpg) left top no-repeat;}
.interna #main #sidebar3 #secciones ul li ul.sublevel li a:hover, .interna #main #sidebar #secciones ul li ul.sublevel li a.subactive {color:#000; background-position:0px -25px; background:#f9f5ea;}





/* footer */
.interna #footer {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c7c7c7;
	position: relative;
	float:left;
	margin-top:15px;
}
#footer {clear:both; width:100%}
#footer p {
	margin:0 0 8px 0;
	font-size:10px;
	text-align:right;
	color:#585757
}
#footer p a {color:#585757}
#footer h1 {display:none}
#footer ul {margin:0; padding:5px 0 0 0;color:#685312;}
#footer ul li {display:inline;color:#685312; margin-left:7px!important; margin-right:7px!important;}
#footer ul li a {color:#685312;}

.sitemap_container {clear:both; float:none; margin:0 0 8px 0; padding:2px; width:280px;position:relative; width:520px; background:none;}
.sitemap_level1 {position:absolute; top:4px; left:232px;}

#index #wrapper #header a {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
#index #wrapper #header a:hover {
	text-decoration:underline;
}

#index #wrapper #footer {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c7c7c7;
	position: relative;
	float:left;
	margin-top:15px;
}
