/*
Calidad Turistica
04/06/2009
Kike Valdenebro
Redbility

Hoja de estilos General del Site
*/


/* NORMALIZACION */

* {margin:0; padding:0; border:0}
body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#7a7a7a; background-color:#000000}  /* Tipo base: 12px */

/* ELEMENTOS COMUNES */

a {text-decoration:none; color:#075f98}
a:hover {text-decoration:underline}
a.a-flecha {padding:0 12px 0 0; background:url(gfx/ico-flecha-der-02.gif) right 2px no-repeat}
p {padding:0 0 10px 0}
ul {padding:0 0 10px 0}
img {border:none; margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
.menor {font-size:0.9em}
.mayor {font-size:1.1em}
.mayor2 {font-size:1.25em}
.texto1 {font-size:1.3em}
.titular1 {font-size:4.8em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; padding:0 0 13px 0; width:400px;}
.titular2 {font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; padding:0 0 13px 0}
.titular3 {font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; padding:0 0 13px 0}
.titular4 {font-size:1.3em; padding:13px 0 10px 0}

/* Formularios */
.formulario {width:480px}
.formulario fieldset {border:none; padding:0 0 20px 0; margin:0}
.formulario fieldset legend {}
.formulario label {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#7a7a7a}
.formulario select {border:1px solid #bcbcbc; padding:1px 1px 1px 3px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.9em; color:#7a7a7a}
.formulario input.text {border:1px solid #bcbcbc; padding:2px 3px 3px 3px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.9em; color:#7a7a7a}
.formulario input.checkbox,
.formulario input.radio {margin-right:5px}
.formulario textarea {border:1px solid #bcbcbc; padding:3px; height:110px; background:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.9em; color:#7a7a7a}
.formulario .nota {color:#bcbcbc; padding-top:4px}
/* Catalogo de tamanos para elementos */
.formulario label.long1 {display:inline-block; width:25px; text-align:right}
.formulario label.long2 {display:inline-block; width:54px; text-align:right}
.formulario label.long3 {display:inline-block; width:112px; text-align:right}
.formulario label.long4 {display:inline-block; width:228px; text-align:right}
.formulario label.long5 {display:inline-block; width:350px; text-align:right}
.formulario span.long1 {display:inline-block; width:25px; text-align:right}
.formulario span.long2 {display:inline-block; width:54px; text-align:right}
.formulario span.long3 {display:inline-block; width:112px; text-align:right}
.formulario span.long4 {display:inline-block; width:228px; text-align:right}
.formulario span.long5 {display:inline-block; width:350px; text-align:right}
.formulario input.long1 {width:17px}
.formulario input.long2 {width:46px}
.formulario input.long3 {width:104px}
.formulario input.long4 {width:220px}
.formulario input.long5 {width:342px}
.formulario select.long1 {width:43px}  /* Especial (no coincide en ancho con long1) */
.formulario select.long2 {width:54px}
.formulario select.long3 {width:112px}
.formulario select.long4 {width:228px}
.formulario select.long5 {width:350px}
.formulario textarea.long3 {width:104px}
.formulario textarea.long4 {width:220px}
.formulario textarea.long5 {width:342px}
/* Esquema normal: Etiquetas a la izquierda de las cajas */
.formulario .fila {display:block; height:100%; padding:0; margin:0 0 4px 0; clear:both}
.formulario .fila .col1 {display:block; float:left; text-align:right; width:120px; margin-right:10px; padding-top:1px}
.formulario .fila .col2 {display:block; float:left; text-align:left; width:350px; margin:0}
.formulario .fila .col2 .float {display:block; float:left}
/* Botones genericos */
input.boton {cursor:pointer; display:block; float:left; height:49px; padding:0 0 0 20px; margin:0; background:url(gfx/btn-boton-izq.gif) 0 0 no-repeat; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1.5em; color:#ffffff; overflow:visible}
span.boton-der {display:block; float:left; height:49px; width:20px; padding:0; margin:0; background:url(gfx/btn-boton-der.gif) right 0 no-repeat; font-size:1px}
.botones {position:static; display:block; width:auto; clear:both; float:right; margin:0; padding:35px 0 10px 0}
.botones input.boton {margin-left:5px}


/* AJUSTES */

.hide {display:none}
.clear {display:block; clear:both; height:0px; font-size:1px; margin-top:-2px}
.block {display:block!important}
.inline {display:inline!important}
.nowrap {white-space:nowrap!important}
.left {float:left!important}
.right {float:right!important}
.inline {display:inline}
.mt-10 {margin-top:-10px!important}
.mt-20 {margin-top:-20px!important}
.pt10 {padding-top:10px!important}
.pt25 {padding-top:25px!important}
.pb10 {padding-bottom:10px!important}
.txtcenter {text-align:center}

/* ESTRUCTURA DEL SITE */

#deco {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%}
#general {position:relative; z-index:10; width:100%}
#col-izq {position:absolute; z-index:100; display:block; width:230px; color:#666666}
#col-der {position:relative; z-index:50; display:block; padding-left:230px; min-height:500px}
#col-der-contenido {position:relative}
#col-der-bot {position:relative; z-index:50; display:block; padding-left:230px; height:10px}
#pie {clear:both; padding:100px 0 60px 40px}

/* COLUMNA IZQUIERDA */

#col-izq a {color:#ffffff}

#logo {margin:98px 0 0 9px}
#logo strong,
#logo span {display:block; width:217px; height:133px; background:url(gfx/lgo-calidadturistica.png) 0 0 no-repeat; text-indent:-100000px}
#logo a {display:block; width:217px; height:133px; background:url(gfx/lgo-calidadturistica.png) 0 0 no-repeat; text-indent:-100000px; cursor:pointer}

#logo-prt {display:none}

ul#idiomas {position:absolute; top:0; left:18px; list-style-type:none; font-size:0.9em}
ul#idiomas li {display:block; float:left; padding:16px 5px 0 6px; background:url(gfx/bgd-idiomas.png) 0 0 repeat-y}
ul#idiomas li.primero {padding-left:0; background:none}

ul#nav-ppal {padding:75px 0 0 0; width:192px; list-style-type:none; font-size:1.1em; color:#ffffff}
ul#nav-ppal li {padding:12px 0 3px 30px; background:url(gfx/bgd-nav-ppal.png) 0 bottom repeat-x}
ul#nav-ppal li a,
ul#nav-ppal li span {padding-left:10px}
ul#nav-ppal li.activo a,
ul#nav-ppal li.activo span {background:url(gfx/bgd-nav-ppal-activo.png) 0 4px no-repeat;}


/* COLUMNA DERECHA */

#raiz {font-size:0.9em; padding:16px 0 11px 0}
#raiz ul {display:inline; list-style-type:none}
#raiz ul li {display:inline; padding:0 0.8em 0 0; background:url(gfx/bgd-raiz-li.gif) right 0.4em no-repeat}
#raiz ul li.activo {padding-right:0; background:none}

#encabezado {padding:0 0 8px 0; border-bottom:1px solid #e6e5e2; margin:0 0 20px 0}
#encabezado.sinlinea {padding:0; border-bottom:none}
#encabezado .texto1 {margin-bottom:-2px}

#acciones {height:100%; padding:20px 0 14px 0; margin-top:-20px}
#acciones a#volver {float:left; padding:8px 0 5px 19px; background:url(gfx/ico-flecha-izq-01.gif) 0 5px no-repeat}
#acciones #ordenar {float:right; width:16em; margin-top:-10px}
#acciones #ordenar select {width:16em; margin-top:3px}
#acciones ul#herramientas {float:right; list-style-type:none; padding:8px 0 5px 14px}
#acciones ul#herramientas li {display:inline; padding:8px 0 5px 10px}
#acciones ul#herramientas li a.ico-imprimir {padding:8px 0 5px 32px; background:url(gfx/ico-impresora.gif) 0 0 no-repeat}
#acciones ul#herramientas li a.ico-enviar {padding:8px 0 5px 33px; background:url(gfx/ico-sobre.gif) 0 8px no-repeat}

#resultados {}
#resultados .resultados-col1 {float:left; width:227px; padding-top:25px}
#resultados .resultados-col2 {float:left; width:392px; padding:18px 20px 0 18px; border:1px solid #d7d7d7}

#resultados .resultados-paginacion {/*float:right;*/ width:432px; height:2em; overflow:hidden; line-height:1em}
#resultados .resultados-paginacion .left {float:left}
#resultados .resultados-paginacion .right {float:right; margin-right:-1px}
#resultados .resultados-paginacion ul {list-style-type:none; height:100%; float:right}
#resultados .resultados-paginacion ul li {display:block; float:left; padding:0 3px 1px 3px; border-right:1px solid #075F98}
#resultados .resultados-paginacion ul li a.anteriores {display:block; width:11px; padding:0; background:url(gfx/ico-flecha-izq-02.gif) 0 0 no-repeat; text-indent:-10000px}
#resultados .resultados-paginacion ul li a.siguientes {display:block; width:13px; padding:0; background:url(gfx/ico-flecha-der-02.gif) 3px 0 no-repeat; text-indent:-10000px}

#googlemaps {width:657px; height:297px; border:1px solid #d7d7d7; margin-bottom:28px}
#googlemaps img {display:block}
#googlemaps .gm-info {width:305px}
#googlemaps .gm-info img {display:block; float:left; margin:0 10px 5px 0}
#googlemaps .gm-info .texto {display:block; float:left; width:180px}

#resultados .resultados-col1 .titular3 {width:170px}

.criterio {padding-bottom:20px}
.criterio h3 {padding-bottom:6px}
.criterio ul {list-style-type:none}

#resultados .resultados-col2 ol {list-style-type:none; margin-bottom:-13px; overflow:hidden}
#resultados .resultados-col2 ol li {clear:both; padding-bottom:4px; border-bottom:1px solid #e6e5e2; margin-bottom:12px}
#resultados .resultados-col2 ol li .col1 {float:left; width:310px; padding-right:10px}
#resultados .resultados-col2 ol li .col1 h2 {padding-bottom:3px}
#resultados .resultados-col2 ol li .col2 {float:left}

#galeria {border-top:1px solid #d7d7d7}
#galeria h2 {display:none}
#galeria #galeria-visor {border:1px solid #d7d7d7; padding:19px 0 0 19px; margin:-1px 0 20px 0}
#galeria #galeria-visor img {display:inline; margin:0 16px 19px 0; border:1px solid #eeeeee}

#form-busquedaavanzada {width:auto}

.datos {width:510px}

.datos ul {list-style-position:outside; padding-left:14px; list-style-type:disc}
.datos ul li {padding-bottom:5px}
.datos ul li ul {list-style-position:outside; padding:10px 0 0 30px; list-style-type:circle}
.datos ul li ul li {padding-bottom:5px}



.estrecho {width:400px}

#tipos-establecimientos {line-height:1.7em; padding:6px 0 26px 0}
#tipos-establecimientos label {font-size:1em}
#tipos-establecimientos .columna {width:225px; padding:0 20px 0 0; float:left}

#selector-provincias-01 {position:relative; width:590px; height:300px; margin:-7px 0 18px 0}
#selector-provincias-01 #ul-provincias {position:absolute; top:20px; left:0; float:none; margin:0}
#selector-provincias-01 #mapa-provincias {position:absolute; right:-15px}

input#nombre-establecimiento {font-size:1em; width:344px; margin-bottom:27px}

.entradilla {font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; padding:0 0 15px 0; margin-top:-18px}

.cta-buscar {display:block; width:7.2em; padding:0 1.47em 0 0; font-size:2.83em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; color:#075f98; background:url(gfx/ico-lupa-02.gif) right 5px no-repeat; text-decoration:none; margin-top:27px}
.cta-buscar:hover {text-decoration:none}

.ul-sitemap {list-style-type:none}
.ul-sitemap li {padding:0 0 23px 0}
.ul-sitemap li ul {list-style-type:none; padding:23px 0 0 37px}
.ul-sitemap li ul li ul li {padding:0 0 4px 0}


/* PIE */

#pie a {color:#ffffff}

ul#pie-masbuscados {clear:both; list-style-type:none; padding:0; margin:0}
ul#pie-masbuscados li {display:block; float:left; width:180px; padding:0 20px 28px 0}
ul#pie-masbuscados li.col1 {width:180px}
ul#pie-masbuscados li.col2 {width:210px}
ul#pie-masbuscados li.col3 {width:210px}
ul#pie-masbuscados li h2 {height:1.6em}
ul#pie-masbuscados li ul {}
ul#pie-masbuscados li ul li {padding:0 0 0 0}

ul#pie-logos {clear:both; list-style-type:none; padding:0; margin:0}
ul#pie-logos li {display:inline; padding-right:5px}
ul#pie-logos li img {display:inline; margin:0; padding:0}

ul#pie-texto {clear:both; list-style-type:none; padding:25px 0 0 0; margin:0; font-size:0.9em; color:#666666}
ul#pie-texto li {display:inline; padding:0 7px 0 0; margin-right:3px; background:url(gfx/bgd-pie-li.gif) right 2px no-repeat}
ul#pie-texto li.ultimo {margin-right:0; background:none}

/* TIPOS DE PLANTILLAS */

.plantilla-01 #col-der {background:url(gfx/fondos/bgd-contenido-01.png) 230px 0 no-repeat}
.plantilla-01 #col-der-contenido {width:710px; padding:0 29px 60px 84px}
.plantilla-01 #col-der-bot {background:url(gfx/fondos/bgd-contenido-bot-01.png) 230px 0 no-repeat}

.plantilla-02 #col-der {background:url(gfx/fondos/bgd-contenido-02.png) 230px 0 no-repeat}
.plantilla-02 #col-der-contenido {width:500px; padding:195px 29px 60px 168px}
.plantilla-02 #col-der-bot {background:url(gfx/fondos/bgd-contenido-bot-02.png) 230px 0 no-repeat}

.plantilla-03 #col-der {background:url(gfx/fondos/bgd-contenido-03.png) 230px 0 no-repeat}
.plantilla-03 #col-der-contenido {width:500px; padding:205px 29px 60px 84px}
.plantilla-03 #col-der-bot {background:url(gfx/fondos/bgd-contenido-bot-03.png) 230px 0 no-repeat}

.plantilla-04 #col-der {background:url(gfx/fondos/bgd-contenido-04.png) 230px 0 no-repeat}
.plantilla-04 #col-der-contenido {width:660px; padding:0 29px 60px 39px}
.plantilla-04 #col-der-bot {background:url(gfx/fondos/bgd-contenido-bot-03.png) 230px 0 no-repeat}


/* FONDOS DECORATIVOS */

.fondo-home {background:#000000}
.fondo-01 {background:url(gfx/fondos/fondo-01.jpg) 0 0 no-repeat}
.fondo-02 {background:url(gfx/fondos/fondo-02.jpg) 0 0 no-repeat}
.fondo-03 {background:url(gfx/fondos/fondo-03.jpg) 0 0 no-repeat}
.fondo-04 {background:url(gfx/fondos/fondo-04.jpg) 0 0 no-repeat}
.fondo-05 {background:url(gfx/fondos/fondo-05.jpg) 0 0 no-repeat}
.fondo-06 {background:url(gfx/fondos/fondo-06.jpg) 0 0 no-repeat}


/* ESTRUCTURA ESPECIFICA PARA LA PORTADA */

.plantilla-home {background:none}
.plantilla-home #col-der-contenido {position:relative; height:47em; background:url(gfx/bgd-capa-buscar.png) 0 -5000px no-repeat}
.plantilla-home #pie {padding-top:28px}
.plantilla-home #cta-buscar-home {position:absolute; left:42px; top:418px; display:block; width:7.2em; padding:0 1.47em 0 0; font-size:2.83em; font-family:Georgia, "Times New Roman", Times, serif; line-height:0.9em; color:#ffffff; background:url(gfx/ico-lupa.png) right 5px no-repeat; text-decoration:none}
.plantilla-home #cta-buscar-home:hover {text-decoration:none}
.plantilla-home #capa-buscar {position:relative; display:none; width:720px; height:42.5em; padding:1.5em 0px 0px 20px; background:url(gfx/bgd-capa-buscar.png) 0 0 no-repeat; overflow:visible}
.plantilla-home #capa-buscar-interior {background:#ffffff}
.plantilla-home #capa-buscar #capa-buscar-cerrar {position:absolute; right:33px; top:35px; padding:2px 28px 4px 0; background:url(gfx/ico-cerrar.gif) right 0 no-repeat}
.plantilla-home #capa-buscar #encabezado {margin-bottom:9px}
.plantilla-home #capa-buscar .formulario {width:auto}
.plantilla-home #capa-buscar .titular1 {font-size:3.17em; padding:0 0 9px 0}
.plantilla-home #capa-buscar .titular4 {padding:8px 0 11px 0}
.plantilla-home #capa-buscar .col1 {width:224px; float:left; background:url(gfx/bgd-capa-buscar-col1.gif) right 22px no-repeat}
.plantilla-home #capa-buscar .col2 {width:457px; padding:0 0 0 19px; float:left}
.plantilla-home #capa-buscar #tipos-establecimientos {padding:0 0 17px 0; margin-top:-3px}
.plantilla-home #capa-buscar #tipos-establecimientos .columna {width:auto; padding:0}
.plantilla-home #capa-buscar input#nombre-establecimiento {margin:8px 0 0 10px; width:216px}
.plantilla-home #capa-buscar #selector-provincias-01 {position:relative; height:300px; margin:0 0 18px; width:auto}
.plantilla-home #capa-buscar #selector-provincias-01 #ul-provincias {position:absolute; top:20px; left:0; float:none; margin:0}
.plantilla-home #capa-buscar #selector-provincias-01 #mapa-provincias {position:absolute; right:-12px}
.plantilla-home #capa-buscar .botones {position:relative; float:right; padding:0; margin:-60px 17px 0 0}


/* ESTRUCTURA PARA ESPECIFICA PARA NUEVA BUSQUEDA */

#form-nuevabusqueda {position:relative; display:block; width:700px; padding:0}
#form-nuevabusqueda .titular1 {font-size:4.16em; padding:0 0 5px 0}
#form-nuevabusqueda .titular4 {padding:8px 0 11px 0}
#form-nuevabusqueda .col1 {width:224px; float:left; background:url(gfx/bgd-capa-buscar-col1.gif) right 22px no-repeat}
#form-nuevabusqueda .col2 {width:457px; padding:0 0 0 19px; float:left}
#form-nuevabusqueda #tipos-establecimientos {padding:0 0 17px 0; margin-top:-3px}
#form-nuevabusqueda #tipos-establecimientos .columna {width:auto; padding:0}
#form-nuevabusqueda input#nombre-establecimiento {margin:8px 0 0 10px; width:216px}
#form-nuevabusqueda #selector-provincias-01 {position:relative; height:300px; margin:0 0 18px; width:auto}
#form-nuevabusqueda #selector-provincias-01 #ul-provincias {position:absolute; top:20px; left:0; float:none; margin:0}
#form-nuevabusqueda #selector-provincias-01 #mapa-provincias {position:absolute; right:-12px}
#form-nuevabusqueda .botones {position:relative; float:right; padding:0; margin:-50px 17px 0 0}


/* POP-UPS */

.body-popup {background:#ffffff}
#contenedor-popup {background:#ffffff}
#contenedor-popup {position:relative; padding:20px; font-size:12px; width:500px}
#contenedor-popup h1 {display:block; padding:0 0 50px 0; margin:0; position:static; width:auto; height:auto; left:0; top:0; text-indent:0}
#contenedor-popup a.btn-cerrar {position:absolute; top:10px; right:10px; display:block; width:13px; height:13px; background:url(gfx/btn_cerrar.gif) 0 0 no-repeat; text-indent:-100000px}



#cboxClose {
color:#FFFFFF;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
bottom:0!important;
top:0!important;
right:20px!important;
}