@charset "utf-8";
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
.oculto { position: absolute; top:-9999em; left:-9999em}

/*class*/
.rfloat{float:right;}.lfloat{float:left}.limpiar {clear:both}
.sutil { color:#666;}
.centro {text-align:center}.izquierda {text-align:left}
.overflow {overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
.inline li { display:inline; margin-right:.8em}
.superior { margin-top: 1em !important}.inferior {margin-bottom: 1em !important}.inferior-2em {margin-bottom: 2em !important}
.img-l{float:left;margin:4px 10px 4px 0}
.img-r{float:right;margin:4px 0 4px 10px}
.clear { clear: both;}
h1.no-bold { font-weight: normal !important}

/*Estructura*/
body {font: normal 100%/1.375 Helvetica, Arial, sans-serif;/* 22px / 16px = 1.375 */text-align: center;background-color:#fff;color:#000}
#contenido {width:960px;margin:0 auto; font-size:90%; text-align:left;}
a { color: #2F4792}
a:hover {color: #4F6CC6}
a:visited {color: #662E94}

/*home*/
.home h1 {font-family: Verdana, Geneva, sans-serif;font-size: 1.5em;line-height: 0.91667em;	/* 22px / 24px = 0.91667em */margin: 0.5em 0;}
.eslogan { font-weight:normal; font-size:94%;color: #236A00; }
.home h1 { background: #fff url(/img/sprite.jpg) no-repeat; width:232px; height:55px; margin: 3em auto 5px; text-indent:-9999em;}
.home .buscador { margin:4em auto 2em auto; width:85%; background-color:#EFFAE5; text-align: left; padding:1.5em 1em 1.5em 3em}
.home .buscador h3 { font-size:150%; margin: 0 1.5em 1em 0;}
.home input#buscar { height:30px;  width:555px; font-size:140%; padding:8px 6px 4px 6px; float:left; margin-right:1em}
.home .buscador p { margin:.2em auto 0 .5em; }
.ejemplos {width:80%; text-align: left; margin:0 auto 2em auto; overflow:hidden;font-size: 90%}
.ejemplos h5 { color: #666; margin:0 0 .5em 0}
.ejemplos ul { float:left; width:32%; margin-left:.5em}

/*resultados*/
#cabecera {height:100px;}
.resultados { background: transparent url(/img/fondo-cabecera.gif) repeat-x;}
.logo { background: transparent url(/img/sprite.jpg) no-repeat 0 -55px; width:196px; height:46px; margin: 1.3em 0 5px 1em; text-indent:-9999em;}
.logo a { display:block;width:196px; height:46px;}
.resultados .eslogan {font-size:85%; margin:0 0 0 1em;}
.resultados #cabecera form {margin-top:2.5em}
.resultados form input#buscar, #buscar-pie {width:320px; font-size:100%; padding:4px 4px 4px 4px; margin-right:.7em}
.resultados form p {font-size:80%; margin:3px 0 0 5px;}
.cuerpo { margin: 0 0 0 1em; position:relative; width: 98%; background-color:#fff}
.resultados h1 {color:#236A00; font-size:160%; margin:1.5em 0 2.5em 0}
.relacionadas {right:0; top: 0; position: absolute; width: 38%; }
.relacionadas h2 {font-size: 120%; color:#666; font-weight: normal;}
.relacionadas ul, ul.lista { margin:.5em 0 0 3.5em !important}
.relacionadas ul li, ul.lista li {list-style: square; color: #ccc; margin:0 0 .2em 0 !important}
ul.lista li { color:#777}

.resultado {width:58%;} 
.resultado h2 {font-size:120%; font-weight: normal; padding-left: 28px}
.resultado h2 span {font-size:70%;color: #2F4792}
.resultado p {margin: .2em 0 2em 28px; color:#555}
/*.resultado p strong {width:150px;display:block;float:left} */
.resultado p span {display:block;float:left;width:300px;}
.resultado p small {font-size:13px;color:#666;}
.resultado small a {color:#666; text-decoration: none;} 
h2.aviso { padding-left: 0 !important}

/*Comparador*/
#comparador {width: 38%; background-color: #CEE7FF; margin-top:3em; min-width:308px; margin-bottom:15em;}
#comparador h2 { font-size:128%; font-weight: normal; color: #004488; margin:.5em 1em;}
.contenido-tab {background-color: #F0F8FF; margin: 0 1em 1em 1em; padding-bottom:1em; width:92%}
#comparador h3 {margin:1em 0 0 .5em; font-size: 130%}
#comparador p, #comparador ol {margin: 0 0 1em 1.7em}
#comparador ol li {color:#535353; width:100%; height: 45px}
#comparador ol li input, #comparador ol li select { margin: .3em 0 0 2em}
#moneda {margin-left: .5em !important}
#comparador a.boton {margin-left: 3.5em}

#comparador ul {list-style:none;margin:0 0 0 .3em;padding:10px 10px 0;}
#comparador ul li {float:left;background:url("/img/tabs.gif") no-repeat left top;margin:0 5px 0 0;padding:0 0 0 9px;}
#comparador li a {float:left;display:block;background:url("/img/tabs.gif") no-repeat right top;text-decoration:none;color:#000;padding:5px 15px 4px 6px;}
#comparador a {float:none;}/* End IE5-Mac hack  */
#comparador a:hover{color:#333;}
#comparador #activo{background:url("/img/tabs.gif") no-repeat 0 -50px;}
#comparador #activo a{background:url("/img/tabs.gif") no-repeat 100% -50px;font-weight:700;padding-bottom:5px;}


/*paginacion*/
.paginacion {color: #339900;}
.paginacion li {margin:0 !important; padding:0 !important;}
.paginacion li ul {display:inline; margin-left:-1em;}
.paginacion li ul li {position:relative !important;top:20px}
.paginacion a, .paginacion a:visited {color:#2F4792; padding:12px 10px 4px 10px; background-color: #fff;}
.paginacion a:hover { background-color: #D8F5CD;}
.paginacion li ul li a{background:none !important;}
.paginacion li.activo { font-weight: 700; margin-right:10px !important}


/*logos*/
.catalunya {background: transparent url(/img/logos/catalunya.gif) no-repeat;}
.calculadora {background: transparent url(/img/logos/calculadora.gif) no-repeat;}
.informacion {background: transparent url(/img/logos/info.gif) no-repeat;}
.comparativa {background: transparent url(/img/logos/comparativa.gif) no-repeat;}
.faq {background: transparent url(/img/logos/faq.gif) no-repeat;}
.informe {background: transparent url(/img/logos/informe.gif) no-repeat;}
.blog {background: transparent url(/img/logos/blog.gif) no-repeat;}

/*breadcrumb*/
.breadcrumb {margin:5px 0 0 0; color:#666; font-size:80%} 
.breadcrumb li {padding-right: 2px; display: inline; margin:0px;}
.breadcrumb ul {display:inline}
.breadcrumb a{color: #666; background-color: #fff;}
.breadcrumb li.ultimo { font-weight: bold;}
	

/*pie*/
#pie {border-top: 1px solid #CFEFAF; clear:both; margin: 3em 0; color:#666; padding-top:1em}
#pie a{margin-right:.5em;}
.resultados #pie {padding-top:0em !important}
#pie form {background-color: #D8F5CD; margin-bottom:1em; border-bottom: 1px solid #CFEFAF;}
#pie form div {margin:2em auto; display: block;width:430px;}

/*Botones*/
.boton {border:none;line-height:100px;/* IE */}
.buscar-grande {background: url(/img/sprite.jpg) 0 -101px; width:125px; height:42px; display:block; float:left; text-indent:-9999em}
.buscar-grande:hover {background-position:0 -143px }.buscar-grande:active {background-position:0 -185px }

.buscar-peq {background: url(/img/sprite.jpg) no-repeat 0 -227px; width:79px; height:27px; display:block; float:left; text-indent:9999em}
.buscar-peq:hover {background-position:0 -254px }.buscar-peq:active {background-position:0 -281px }

.buscar-gris {background: url(/img/sprite.jpg) no-repeat 0 -308px; width:79px; height:27px; display:block; float:left; text-indent:9999em}
.buscar-gris:hover {background-position:0 -335px }.buscar-gris:active {background-position:0 -362px }

/*tag cloud*/
.t1 { font-size:120%}.t2 { font-size:130%}.t3 { font-size:140%}.t4 { font-size:150%}

/*paginas*/
.alternativa  { margin-top: 4.4em; width: 32%}
.alternativa ol { list-style: decimal; margin: .7em 0 0 2em;}
.pagina p {color:#555; margin-bottom: 1em}
.pagina {width:65%;}
.contacto form {margin: 0 auto; width: 500px}
.contacto .label {text-align:right;float:left; margin-right:5px; padding-top:0.05em; width: 6em}
.contacto .button-position { margin-left: 6.3em; margin-top: 1em;}
.width-20em {width:20em;}
textarea {width:20.4em;line-height:1.25; height: 6em}

.centrado {
color:#666666;
line-height:200%;
text-align:center;
}