@charset "utf-8";
/**
* @style       Standard Layout
* @media       screen
* @version     2.0 Beta
* @author      Enric Girona
* @copyright   Oficinasdebancos.es
* @layout      en pixels:
*  - General                 |            950            |
*  - Home                    |        570    	 |  305  |
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, .nada { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline }
:focus {outline: 0;}
ul {list-style: none}
table {border-collapse: collapse;  border-spacing: 0 }
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px }


/*TAGS*/
body {font:0.75em/145% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {background: transparent; color: #004b7d; clear:both;line-height:100%}
h1 {font-size: 26px;color:#000;line-height:100%}
h2 {font-size: 1.8em;line-height:110%}
h3 {font-size: 20px; color: #297A21; margin: 25px 0 15px 0;}
h3 span {font-size:12px}
h4 {font-size: 1.2em; color:#333; margin: 20px 0 10px 0;}

a:link, a:visited, a:active {color:#296D9A;}
a:hover {color:#000;}
acronym, abbr { border-bottom:1px dotted #2E809E; cursor: help; color: #444; font-size:.8em;}
small {font-size: 90%;}

/* Buildings */
div.cos {margin: 0 auto; width: 950px;}
div#content {padding: 65px 0 30px 45px; min-height:500px; clear:both;}
div#content-left {width:570px;float:left}
div#content-left-700 {width:64em}
div#sidebar {width:305px;float:right}

.contenido-home {padding-top:20px !important}

/* Clases individuals **************************/
div#content-left-700 p {margin-left: 10px;}
.titulo-span {font-weight: normal; font-size:14px; color:#666; background-color:transparent; line-height:120%;padding-left:10px}
.letramedium {font-size: 1.2em; color: #000 !important;}
.letragran-gris {font-size: 1.3em; color: #707070; font-weight: bold;}
.letrapeq-gris {font-size: 0.9em; color: #707070 !important;}
.paginacion {text-align:right}
.paginacion a {text-align:center; padding:2px 5px;border:1px solid #87BE5A;color:#000;text-decoration:none;margin-right:3px}
.paginacion a:hover, .paginacion a.actual {background-color:#D1EBB9;}
.negrita {font-weight: bold;}
.grisOscuro {color:#333!important;}
.nota {color:#666 !important}
.no-bold {font-weight:normal !important;}
.oculto, .esconder {visibility: hidden; position: absolute; left: -9999px; top: -9999px;}
.fallo {padding-left: 18px; background: url("/inc_images/generic/icono_error.gif") left center no-repeat; color: #FF0000 !important; margin: 3px 0 0 20px !important; display:block;}
.hidden {visibility:hidden;}
img.icono {margin-left: 5px; vertical-align: middle;}
img.logobank {vertical-align: inherit;}

.no-focus:focus {border: 0; background-color:#fff}
.alinea-medio {vertical-align: middle}
.alinea-texttop {vertical-align: text-top}
.texto-derecha {text-align: right !important}
.texto-izquierda {text-align: left !important}
.texto-centro {text-align: center !important}
.floatleft {float: left}
.floatright {float: right}
.limpiar {clear:both !important}
.no-top {margin-top:0 !important}
.nopaddingtop {padding-top:0;}
.top5 {padding-top: 5px}
.top10 {padding-top: 15px}
.top20 {padding-top: 20px}
.top65 {padding-top: 65px}
.right10 {padding-right: 10px}
.right40 {padding-right: 40px}
.bottom10 {padding-bottom:10px}
.bottom5 {margin-bottom:0}
.menos10 {margin-left: -10px}
.left5 {padding-left: 5px}
.left10 {padding-left: 10px}
.left20 {padding-left: 20px}
.left2em {padding-left: 2em}
.right2em {padding-right: 2em}
.block {display: block}
.interlineado14 {line-height: 1.4em}
.interlineado20 {line-height: 2.0em}

/* Limpiar flotaciones */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*BreadCrumb*/
ul#breadcrumb {padding: 3px; margin: 5px auto 5px 0px; float: left;}
ul#breadcrumb li, ul#breadcrumb ul {display: inline;background:none;padding:0;color: #888;}
ul#breadcrumb ul li {padding-right: 2px; display: inline;}
ul#breadcrumb strong {color: #333; font-weight:bold}
ul#breadcrumb a {color: #666;}

/*Buscador central y lateral*/
#buscador {margin-left:-10px;padding:30px 20px;border: 1px solid #B9CFA3;-moz-border-radius:6px;background-color:#B6DD94}
#buscador h2 {color:#215C18;font-weight:bold}
#buscador form {margin:25px 0 10px 30px}
#buscador form label, #buscador-sidebar form label {font-size:20px;display:block}
#buscador form input#busqueda {font: 16px Arial,Helvetica,sans-serif;margin-top:8px;width:400px;float:left}
#buscar {width:78px; height: 35px; border: none; background: #fff url(/inc_images/offices/search-button.gif); display:block; padding: 35px 0 0; text-indent:-9999em; overflow: hidden; cursor: pointer; margin-left:5px;}
#buscar:hover {background-position:0 34px !important;}
#buscador-sidebar {width:295px;padding:20px 0 10px 20px;background-color:#B6DD94;margin-left:-12px;margin:-45px 0 20px -10px}
#buscador-sidebar form input#busqueda {font: 16px Arial,Helvetica,sans-serif;margin-top:8px;width:270px}

/* listas */
ul.lista {margin-left:20px}
ul li {color:#666;padding:0 0 5px 12px;background: url("/inc_images/generic/bullet_lista_gris_min.gif") no-repeat 0 7px;}

ul.lista li#horario,ul.lista li#telefono, ul.lista li#email,ul.lista li#web, ul.lista li#oficina{padding-left:25px;margin-bottom:5px}
ul.lista li#horario {background: url("/inc_images/offices/clock.png") no-repeat 0 0;}
ul.lista li#telefono {background: url("/inc_images/offices/ico-telefonos.gif") no-repeat 0 0;}
ul.lista li#email {background: url("/inc_images/offices/mail.png") no-repeat 0 1px;}
ul.lista li#web {background: url("/inc_images/generic/a-web-hipoteca.gif") no-repeat 3px 4px;}
ul.lista li#oficina {background: url("/inc_images/offices/ico-oficina.gif") no-repeat 0 0px;}

ul.resultado {font-size:1.2em;margin:25px 0}
ul.resultado li.horario,ul.resultado li.situacion,ul.resultado li.telefonos,ul.resultado li.entidad,ul.resultado li.oficina {padding-left:25px;margin-bottom:12px}
ul.resultado li.horario {background: url("/inc_images/offices/ico-clock.gif") no-repeat 0 0;}
ul.resultado li.situacion {background: url("/inc_images/offices/ico-situacion.gif") no-repeat 0 0;}
ul.resultado li.telefonos {background: url("/inc_images/offices/ico-telefonos.gif") no-repeat 0 1px;}
ul.resultado li.entidad {background: url("/inc_images/offices/ico-entidad.gif") no-repeat 0 0;}
ul.resultado li.oficina {background: url("/inc_images/offices/ico-oficina.gif") no-repeat 0 1px;}

ul.bullet-gris-mini {margin: 0 1.2em 0 1em; font-size:90% }
ul.bullet-gris-mini li {line-height:130%;padding-left:10px;background: url("/inc_images/generic/bullet_gris_footer.gif") no-repeat 2px 8px;}

#publi {padding-top:40px;clear:both}
#publi table caption {margin-left:10px;text-align:left;font-size:1.2em;color:#000;font-weight:bold;background:#D0EBB7;padding:5px 0 0 15px;width:295px;height:30px;border: 1px solid #A4D67A;border-bottom:1px solid #D0EBB7}
#publi table {text-align:left;font-size:1.2em;margin-top:0}
#publi table th, #publi table td {padding:8px;border:1px solid #A4D67A}
#publi table th {color:#666;background-color:#D0EBB7}
#publi table td span {color:#999}

#seo {margin:60px 0 0 45px;clear:both;border:1px solid #d1d1d1;padding:15px;-moz-border-radius:10px;overflow:hidden}
#seo h2 {color:#666;font-size:16px;}
#seo h3 {font-size:12px;color:#333}
#seo div {float:left;margin:0 12px 10px 5px}

/*Detalle oficina*/
dl {width:22em;float:left;margin:0 0 25px 0;}
dl dt {padding:4px 0 0 0;color:#666;font-weight:bold;color:#000}
dl#short-dt {margin-left:20px}
dl dd {padding-bottom:2px}

/*Mapas*/
#mapa {clear:both;margin:30px 0;width:570px;}
#img-mapa {background-color:#EEF5FA;padding:10px;margin-left:15px}
#map-canvas {width:535px;height:380px;}

#box-resultados-mapa {margin-left:15px;width:245px;float:left;border:1px solid #aaa;padding:10px 0 5px 10px}
#box-resultados-mapa h5 {line-height:120%;font-size:140%}
#box-resultados-mapa p small {padding-right:15px}
#resultados-mapa {height:400px;overflow:auto;padding:0}
#resultados-mapa p {margin:10px 0;line-height: 140%}
.oficina {clear:both}
.oficina img {float:left;padding:0 5px 35px 5px}

ol {margin:20px}
ol li {margin:0 0 10px 20px}

.division-x-2 {float:left; width:48%;margin-left:5px}
.division-x-3 {float:left; width:28%; padding:15px}
.division-x-2 ul {margin:15px 0 0 20px}
.division-x-2 li {background-image: url("/inc_images/generic/bullet_gris_petit.gif")}
.division-x-5 {float:left; width:18%; padding:15px;}

#productos {padding:5px 0 10px 20px;margin:10px 0 30px 0;background-color: #EDF2FA;border: 1px solid #A4BCE6;-moz-border-radius:10px;overflow:hidden;clear:both}
#productos h3 {color:#333;margin-top:15px;margin-bottom:5px;}
#productos a {color:#333;}
#productos a img {vertical-align:top;margin-top:-10px}
#productos .posc-logo-debajo {display:block;float:right;padding:15px 10px 5px 15px}

.adsidebar {width:180px;margin:0 auto}
.adtop {padding:5px;position:absolute;top:173px;}
.adtop2 {margin:25px 0 20px 0;background: #DFEBFD url('/inc_images/bank/logo/ibanesto0030_color.gif') no-repeat 0 1px;padding:0 0 0 25px;width:82%}
.adtop2 p {padding:1px}
.adtop2 span {font-size:1.2em;font-weight:bold}
.adtop2 a, .adtop2 a:hover, .adtop2 a:visited, .adtop2 a:active {color:#0C59CD;font-weight:bold}
.banner-top{margin-left:35px}
.banner-sidebar {margin:-65px 0 25px 0}

#tagList {margin:25px auto; width:800px;border-top:1px solid #87BE5A;padding:20px 5px}
#tagList li {background:none; float:left; margin:4px 7px; height:35px;padding:0}
.paginacion a, .paginacion strong {text-align:center; padding:2px 5px;border:1px solid #87BE5A;color:#000;text-decoration:none;margin-right:3px}
.paginacion a:hover, .paginacion strong {background-color:#D1EBB9;}