/* * Fichero: public.css ,v1.0 17/10/2005 Francisco Javier Lopez * * Hoja de estilos para presentación de los elementos principales comunes a * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos * en general. * * Media screen * Navegadores IE5+, Mozilla 1.3+, Konqueror X, Opera X * CSS 2 * Fichero public.css * Version v1.0 * Autores Fco Javier Lopez Latorre * */ /* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; font-size: 11px; color: #333333; background: #FFFFFF url(/img/turismos/fondo.jpg) top left no-repeat; } html, body { } img {border:none;} h3 {margin:0px; padding:0px;} /* ESTILOS CAJAS GLOBALES */ #web { width: 750px; } #cabecera { clear: both; width: 750px; height: 86px; background: transparent url(/img/turismos/cabecera.gif) top left no-repeat; } #subcabecera { } #contenido { clear: both; background: transparent url(/img/turismos/contenido.gif) top left no-repeat; } #lateral { float: left; width: 142px; } #datos { float: right; width: 590px; } #pie { clear: both; font-size: 10px; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cabecera-logo { float: left; } #cabecera-logo h1 { margin: 0px; padding: 0px; font-size: 12px; } #cabecera-logo h1 a { display: block; width: 179px; height: 74px; background: transparent url(/img/turismos/logo.gif) top left no-repeat; } #cabecera-logo h1 span { display: none; } #cabecera-menu { float: right; text-align: right; } #cabecera-menu-padd { padding: 40px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } #cabecera-menu strong { color: #000000; } #cabecera-menu a { color: #6E6D69; font-weight: bold; text-decoration: none; } #cabecera-menu a:hover { color: #000000; } #cabecera-menu a span { padding: 0px 0px 0px 12px; } #cabecera-menu a.inicio { background: transparent url(/img/turismos/ico_inicio.gif) 0px 3px no-repeat; } #cabecera-menu a.contactar { background: transparent url(/img/turismos/ico_contactar.gif) 0px 3px no-repeat; } #cabecera-menu a.mapa { background: transparent url(/img/turismos/ico_mapa.gif) 0px 3px no-repeat; } #cabecera-menu a.es { background: transparent url(/img/turismos/ico_es.gif) 0px 3px no-repeat; } #cabecera-menu a.en { background: transparent url(/img/turismos/ico_en.gif) 0px 3px no-repeat; } #cabecera-menu a.al { background: transparent url(/img/turismos/ico_al.gif) 0px 3px no-repeat; } #cabecera-menu a.fr { background: transparent url(/img/turismos/ico_fr.gif) 0px 3px no-repeat; } #cabecera-submenu { margin: 0px 0px 4px 0px; border-bottom: 1px solid #C6C6C6; } #cabecera-submenu-padd { padding: 0px 0px 3px 0px; } /* ESTILOS PARA LA SUBCABECERA */ /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie strong { color: #000000; } #pie-enlaces { clear: both; float: right; width: 540px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } #pie-enlaces-padd { padding: 5px 0px 5px 0px; } #pie-enlaces-c1 { float: left; } #pie-enlaces-c2 { float: right; } #pie-enlaces a { text-transform: none; } #pie-datos { clear: both; float: right; width: 540px; background: transparent url(/img/turismos/pie_fondo.gif) top left repeat-x; border-top: 1px solid #FFFFFF; } #pie-datos-padd { padding: 5px 0px 5px 0px; } #pie-datos-c1 { float: left; } #pie-datos-c2 { float: left; margin: 0px 0px 0px 30px; } #pie-datos a { font-weight: normal; } /* ESTILOS PARA EL CONTENIDO */ /* ESTILOS PARA EL DATOS */ #datos .padd { padding: 4px 0px 0px 50px; } #datos h2.seccion { margin: 8px 0px 8px 50px; padding: 0px 0px 5px 0px; font-size: 14px; color: #FA0C04; border-bottom: 1px solid #C4C4C4; } #datos h2.seccion-interior { margin: 8px 0px 0px 50px; padding: 0px 0px 5px 0px; font-size: 14px; color: #FA0C04; border-bottom: 1px solid #C4C4C4; } #datos h3.seccion { margin: 0px; padding: 0px 0px 4px 0px; font-size: 12px; color: #FA0C04; } #datos h3.seccion strong { color: #000000; } #datos h3.subseccion { margin: 0px; padding: 0px 0px 0px 10px; font-size: 14px; color: #FA0C04; background: transparent url(/img/turismos/bullet_subseccion.gif) 0px 6px no-repeat; } /* ESTILOS PARA EL LATERAL */ #lateral h2 { margin: 0px; padding: 44px 0px 0px 12px; font-size: 10px; color: #000000; text-transform: uppercase; background: transparent url(/img/turismos/bullet_lateral.gif) 2px 49px no-repeat; } #lateral ul { margin: 0px; padding: 0px; } #lateral ul li { list-style-type: none; margin: 0px; padding: 2px 0px 2px 0px; border-bottom: 1px solid #B7B8B3; background: transparent url(/img/turismos/bullet_lateral_menu.gif) 4px 6px no-repeat; } #lateral ul li a { font-size: 11px; color: #6E6D69; font-weight: bold; text-transform: uppercase; text-decoration: none; } #lateral ul li a:hover { color: #000000; } #lateral ul li a span { padding: 0px 0px 0px 12px; } /* ESTILOS PARA LOS LISTADOS */ .listado-documentos ul { } .listado-documentos li { } .listado-enlaces ul { } .listado-enlaces li { } .listado-categorias { margin: 5px; padding: 0px; } .listado-categorias ul { margin: 0px; padding: 0px; } .listado-categorias li { list-style-type: none; background: transparent url(/img/turismos/ico_categorias.gif) 0px 5px no-repeat; } .listado-categorias li a { color: #000000; text-transform: uppercase; text-decoration: none; } .listado-categorias li a span { padding: 0px 0px 0px 16px; } .listado-datos ul { } .listado-datos li { } .listado-noticias ul { } .listado-noticias li { } .listado-productos ul { margin: 7px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 526px; } .listado-productos li { list-style-type: none; float: left; margin: 0px 3px 0px 0px; background: transparent url(/img/turismos/listado_productos_fondo.gif) 0px 44px repeat-x; } .listado-productos li.inicio { margin: 0px 0px 0px 0px;} .listado-productos2 ul { margin: 7px 0px 0px 0px; padding: 0px 0px 10px 0px; width: 550px; } .listado-productos2 li { list-style-type: none; float: left; margin: 0px 7px 0px 0px; background: transparent url(/img/turismos/listado_productos_fondo.gif) 0px 44px repeat-x; } .listado-productos2 li.inicio { margin: 0px 0px 0px 0px;} .listado-productos2 li.fondo-productos {height:85px;background:#E4E5E1;} .listado-marketing ul { margin: 7px 0px 0px 40px; padding: 0px 0px 10px 0px; width: 500px;} .listado-marketing li { list-style-type: none; float: left; margin: 0px 20px 0px 0px; background:transparent url(/img/turismos/listado_productos_fondo.gif) 0px 44px repeat-x; } .listado-marketing2 ul { margin: 7px 0px 0px 20px; padding: 0px 0px 10px 0px; width: 520px;} .listado-marketing2 li { list-style-type: none; float: left; margin: 0px 10px 0px 0px; background:transparent url(/img/turismos/listado_productos_fondo.gif) 0px 44px repeat-x; } .listado-formato1 ul { margin:0px; padding:0px 0px 0px 20px;} .listado-formato1 li { list-style-type: none; padding:0px 0px 10px 12px; color: #333; font-size: 11px; background:transparent url(/img/turismos/bullet_subseccion.gif) 0px 5px no-repeat; } .listado-formato2 ul { margin:10px 0px 0px 0px; padding:10px 0px 0px 20px; border-top:1px solid #d1d1d1; } .listado-formato2 li { list-style-type: none; padding:0px 0px 10px 12px; color: #333; font-size: 11px; background:transparent url(/img/turismos/bullet_subseccion.gif) 0px 5px no-repeat; } .listado-subseccion ul { margin:0px; padding:7px 0px 0px 30px;} .listado-subseccion li { list-style-type: none; padding:0px 0px 3px 12px; color: #333; font-size: 11px; background:transparent url(/img/turismos/ico_enlace_masinfo.gif) 0px 5px no-repeat; } .listado-subapartado {} .listado-subapartado ul {margin:0px; padding:0px;} .listado-subapartado li {list-style-type:none; padding-left:12px; background:url(/img/turismos/bullet.gif) 0px 8px no-repeat;} .listado-subapartado ul {margin:0px 0px 0px 10px; padding:0px;} .listado-subapartado2 ul li {list-style-type:none; margin:0px; padding:0px;} .listado-salvapantallas ul {margin:0px; padding:0px;} .listado-salvapantallas li {list-style-type: none; float: left; width:175px; border-right:1px solid #D1D1D1; text-align:center;} .listado-salvapantallas li.final {list-style-type: none; float: left; width:175px; text-align:center; border:none;} .listado-fondos ul {margin:0px; padding:0px;} .listado-fondos li {list-style-type: none; float: left; width:130px; border-right:1px solid #D1D1D1; text-align:center;} .listado-fondos li.final {list-style-type: none; float: left; width:130px; text-align:center; border:none;} .listado-boutique {clear:both; border-top:1px solid #d1d1d1; margin:0px 0px 0px 15px;} .listado-boutique ul { margin:0px; padding:10px 0px 0px 0px; width:540px; } .listado-boutique li {list-style-type: none; float: left; padding:0px 0px 0px 5px; width:130px; height:175px; text-align:left;} .listado-boutique li.final {list-style-type: none; float: left; width:130px; height:175px; text-align:left; border:none;} .listado-numerico ul {margin:0px 0px 0px 40px; padding:0px;} .listado-numerico li {list-style-type: decimal;} /* TABLA DE DATOS */ table.tabla-datos { } .tabla-datos thead th { } .tabla-datos td { } .tabla-resultados a { text-decoration: none; } .precb { font-size: 10px; color: #FFFFFF; background: #242424; border-right: 1px solid #FFFFFF; } .precbcolor { font-size: 10px; color: #FFFFFF; background: #FF0000; border-right: 1px solid #FFFFFF; } .cbtabla { color: #51514F; background: #DBDBDB; border-right: 1px solid #FFFFFF; } .cbcolor1 { color: #51514F; background: #EFEFEF; border-right: 1px solid #FFFFFF; } .cbcolor2 { color: #51514F; background: #EEEEEE; border-right: 1px solid #FFFFFF; } .clcolor{ color: #51514F; background: #ffffff; border-right: 1px solid #FFFFFF; } .clcolor1 { color: #51514F; background: #F2E1E0; border-right: 1px solid #FFFFFF; } .clcolor2 { color: #51514F; background: #FFECEB; border-right: 1px solid #FFFFFF; } .clseparador { background: #999999; } /* ESTILOS PARA CAJA CON FORMATOS */ .caja-claim { background: transparent url(/img/turismos/fondo_claim.gif) top left no-repeat; } .caja-claim-padd { margin: 0px 0px 0px 32px; padding: 0px; } .caja-datos1 { background: #F2F2F1 url(/img/turismos/caja_datos1_fondo.gif) top left repeat-x; } .caja-datos1-padd { padding: 7px; } .caja-submenu { margin: 0px 0px 0px 50px; background: #EDEDED; } .caja-submenu-padd { padding: 3px; } .caja-submenu strong { color: #000000;} .caja-submenu2 { margin: 0px; background: #EDEDED; } .caja-submenu2-padd { padding: 3px; } .caja-submenu2 strong { color: #000000;} .caja-entradilla {margin:5px 0px 15px 0px;} .caja-decoracion {margin-left:20px;} .caja-decoracion2 {margin:5px 0px;} .caja-formato {margin:0px; padding:5px 0px 8px 0px; border-bottom:1px solid #D1D1D1;} .caja-formato-izda {float:left; width:270px; text-align:left;} .caja-formato-dcha {float:right; width:250px; text-align:left;} .caja-formato2-izda {float:left; width:360px; text-align:left;} .caja-formato2-izda2 {float:left; padding-left:20px; width:150px; text-align:left; border-left: 1px solid #D1D1D1;} .caja-subseccion {float:left; margin:5px 0px 15px 0px; padding:0px 0px 10px 0px; background:transparent url(/img/turismos/decoracion_entradilla.gif) left bottom no-repeat;} /* ESTILOS PARA ANCHOS Y ALTOS */ .ancho300 {width:300px;} .ancho230 {width:230px;} .anchototal {width:100%;} .alto-boutique {height:110px;} /* ESTILOS PARA COLUMNAS */ .columnas2f1 { padding: 8px 0px 0px 0px; background: transparent url(/img/turismos/columnas2f1.gif) bottom right no-repeat; } .columnas2f1-c1 { float: left; width: 340px; } .columnas2f1-c2 { float: right; width: 179px; } .columnas2f2 {} .columnas2f2-c1 { float: left; width: 250px; } .columnas2f2-c2 { float:right; width:250px; padding-left:15px; border-left:1px solid #d1d1d1;} .columnas3f1-c1 {float:left; width:170px; height:300px;} .columnas3f1-c2 {float:left;width:160px; height:300px;} .columnas3f1-c3 {float:left; margin-left:10px; width:160px; height:300px;} /* FONDOS ESPECIALES */ /* ESTILOS PARA BREADCRUMS */ #breadcrumbs { } #breadcrumbs div.padd { } #breadcrumbs a { } #breadcrumbs a:hover { } #breadcrumbs .actual { } #breadcrumbs .actualizacion { } /* ESTILO PARA LA PAGINACION */ #paginacion { } #paginacion a.retroceder-todo { } #paginacion a.retroceder-todo:hover { } #paginacion a.retroceder-todo span { } #paginacion a.retroceder { } #paginacion a.retroceder:hover { } #paginacion a.retroceder span { } #paginacion a.avanzar-todo { } #paginacion a.avanzar-todo:hover { } #paginacion a.avanzar-todo span { } #paginacion a.avanzar { } #paginacion a.avanzar:hover { } #paginacion a.avanzar span { } #paginacion .leyenda { } #paginacion .leyenda strong { } #paginacion .resultados { } #paginacion .actual { } #paginacion .actual strong { } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ #navegacion { } #navegacion-padd { } /* ESTILOS PARA CUALQUIER FORMULARIO */ .formulario { margin: 0px; padding: 5px 0px 5px 0px; } .formulario fieldset { padding: 8px 0px 0px 0px; border: 0px solid #FFFFFF; background: #F2F2F0; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .formulario fieldset legend { display: none; margin: 0px; padding: 0px; } .formulario fieldset label { float: left; padding: 2px 0px 0px 0px; width: 60px;; text-align: right; color: #000000; font-weight: bold; clear: both; } .formulario fieldset .campos { margin-bottom: 8px; color: #474747; font-size: 11px; vertical-align: middle; background: #F7F7F7; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6; } .formulario fieldset .campos-error { } .formulario .boton { margin: 0px 0px 8px 60px; padding:2px; background: #D4D4D4 url(/img/fondo_boton_formulario.gif) bottom left repeat-x; color: #000000; font-weight: bold; font-size: 11px; border-top: 1px solid #C4CDCC; border-left: 1px solid #ACB5B4; border-bottom: 1px solid #6E7678; border-right: 1px solid #ACB4B6; } .formulario .boton-gd { } .formulario sup { color: #990000; } .formulario .nota { } .formulario .aviso { color: #026697; font-style: normal; } /* ESTILOS PARA TEXTO */ .texto { } .entradilla-home {font-size: 12px;} .entradilla {margin:0px; padding:0px 0px 10px 0px; font-size: 12px; color:#FA0C04; font-weight:bold; background:transparent url(/img/turismos/decoracion_entradilla.gif) left bottom no-repeat;} .destacado { color:#FA0C04; font-size:11px; } .especial { margin: 0px; padding: 0px 0px 0px 10px; font-size: 14px;font-family: "Trebuchet MS", arial, helvetica, verdana, sans-serif; font-weight:bold; color: #FA0C04; background: transparent url(/img/turismos/bullet_subseccion.gif) 0px 6px no-repeat; } .fecha { } .antetitulo { } .titulo { } .subtitulo { color: #FA0C04; font-size: 10px; } .subseccion2 { margin: 0px; padding: 0px 0px 0px 15px; font-size: 11px; color: #6F6F6F; background: transparent url(/img/turismos/bullet_subseccion2.gif) 0px 6px no-repeat; } .entradilla { } .resumen { } .comentario { } .especial { } .nota { } .anexo { } /* ESTILOS PARA IMAGENES */ .imagen-sinmarco { border: 0px solid #FFFFFF; } .imagen-conmarco { border: 1px solid #B2B2B2; } .imagen-izquierda-sinpie {float:left; margin:5px 10px 10px 0px;} .imagen-derecha-sinpie {float:right; margin:5px 0px 10px 10px;} .imagen-derecha {float:right; margin:5px 10px 0px 0px; padding:0px; width:200px; } .imagen-derecha-pie {margin:10px 0px 0px 0px; padding:5px 0px; font-size:10px; border-top:1px solid #D1D1D1; text-align:left;} .imagen-izquierda {float:left; margin:5px 10px 0px 0px; padding:0px; width:200px;} .imagen-izquierda-pie {margin:10px 0px 0px 0px; padding:5px 0px; font-size:10px; border-top:1px solid #D1D1D1;} .imagen-pie {float:left; margin:10px 0px 0px 0px; padding:5px 0px; width:179px; font-size:10px; text-align:center; border-top:1px solid #D1D1D1;} /* ESTILOS PARA LOS ENLACES */ a { color: #FA0C04; font-size: 10px; font-weight: bold; } a:hover { color: #840002; } a.enlace { color: #FA0C04; font-size: 10px; font-weight: bold; } a.enlace:hover { color: #840002; } a.enlace-destacado { background: transparent url(/img/turismos/ico_enlace_destacado.gif) 0px 2px no-repeat; } a.enlace-destacado span { padding: 0px 0px 0px 12px; } a.enlace-masinfo { background: transparent url(/img/turismos/ico_enlace_masinfo.gif) 1px 5px no-repeat; } a.enlace-masinfo span { padding: 0px 0px 0px 8px; } a.enlace-visita {padding-left:15px; color: #FA0C04; font-size: 10px; font-weight: bold; background:transparent url(/img/ic_qtvr.gif) left no-repeat; text-decoration:underline;} a.enlace-visita:hover {color: #840002; text-decoration:underline;} a.enlace-bullet {padding-left:12px; color: #FA0C04; font-size: 10px; font-weight: bold; background:transparent url(/img/turismos/bullet_subseccion.gif) left no-repeat; text-decoration:underline;} a.enlace-bullet:hover {text-decoration:underline;} a.enlace-pq { } a.enlace-subir { } a.enlace-volver { } a.enlace-registrarme { } a.enlace-zoom { } a.enlace-ficha { } a.enlace-detalle { } /* ESTILOS PARA LA LINEA */ .linea { color: #000000; height: 1px; border: 1px solid #000000; } /* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */ .flotar-izquierda { float: left; } .flotar-derecha { float: right; } .alinear-izquierda { text-align: left; } .alinear-derecha { text-align: right; } .alinear-centro { text-align: center; } /* ESTILOS PARA ESPACIOS Y DIMENSIONES */ .padding-izquierda { padding: 0px 15px 15px 0px; } .padding-derecha { padding: 0px 0px 15px 15px; } .alinear-centrar {text-align:center;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .borrar { clear: both; } .ocultar { display: none; } .contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */