* { margin: 0px; padding: 0px; } a{ outline:none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #65133f; /*color: rosa oscuro*/ /* background-color: #85134e; color: rosa medio*/ color: #58585a; background-image: url(../images/bg_body.gif); background-repeat: no-repeat; background-position: center top; /* background-image: url(../images/bg_pie.gif); background-repeat: repeat-x; background-position: bottom;*/ } #contenedor { width: 1009px; margin-right: auto; margin-left: auto; } /*----------------------------------------------------------------------------------------------------div CABECEERA*/ #cabecera { padding-top: 38px; } #cabecera h1 { display: none; } #cabecera p { display: none; } #cabecera img { margin-left: 805px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #cabecera #menu { background-image: url(../images/bg_menu.png); background-repeat: no-repeat; height: 49px; } /*------------------------------------------------------------------div CABECEERA__MENU */ #cabecera #menu ul { list-style-type: none; padding-left: 29px; } #cabecera #menu li { display: inline; float: left; } #cabecera #menu li a { display: block; } /*------------------------------------------------------------------div CABECEERA__MENU */ #cabecera #menu li a.uno { height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; text-indent: -9999px; } #cabecera #menu li a.dos { height: 49px; width: 123px; background-image: url(../es/images/btn_Quienes.png); background-repeat: no-repeat; text-indent: -9999px; } #cabecera #menu li a.tres { height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; text-indent: -9999px; } #cabecera #menu li a.cuatro { height: 49px; width: 123px; background-image: url(../es/images/btn_Galeria.png); background-repeat: no-repeat; text-indent: -9999px; } #cabecera #menu li a.cinco { height: 49px; width: 123px; background-image: url(../es/images/btn_Localizacion.png); background-repeat: no-repeat; text-indent: -9999px; } #cabecera #menu li a.seis { height: 49px; width: 132px; background-image: url(../es/images/btn_Contacto.png); background-repeat: no-repeat; text-indent: -9999px; } /*------------------------------------------------------------------div CABECEERA__MENU (hover)*/ #cabecera #menu li a:hover.uno { height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom; } #cabecera #menu li a:hover.dos { height: 49px; width: 123px; background-image: url(../es/images/btn_Quienes.png); background-repeat: no-repeat; background-position: bottom; } #cabecera #menu li a:hover.tres { height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; background-position: bottom; } #cabecera #menu li a:hover.cuatro { height: 49px; width: 123px; background-image: url(../es/images/btn_Galeria.png); background-repeat: no-repeat; background-position: bottom; } #cabecera #menu li a:hover.cinco { height: 49px; width: 123px; background-image: url(../es/images/btn_Localizacion.png); background-repeat: no-repeat; background-position: bottom; } #cabecera #menu li a:hover.seis { height: 49px; width: 132px; background-image: url(../es/images/btn_Contacto.png); background-repeat: no-repeat; background-position: bottom; } /*------------------------------------------------------------------div CABECEERA__MENU (active)*/ /*Entro desde el body hasta el link. Luego tendría que poner en el body del html del apartado correspondiente: */ /*body.uno #cabecera #menu li a.uno { Éste sería el estado normal, es decir si no tuviera submenu height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom; }*/ /*EN EL CASO DE LOS APARTADOS QUE LLEVAN SUBMENU LO HARÉ DISTINTO PORQUE NECESITARÍA PONER 3 ESTILOS CLASS AL BODY Y ÚNICAMENTE PUEDO PONERLE 2. PARA ELLO TENGO QUE HACER UNA PEQUEÑA TRAMPA EN LOS APARTADOS "Dive Safaris" y "El Mar Rojo"*/ /*Seleción del primer item del menu y del primer item del submenu*/ body.unoDive_uno #cabecera #menu li a.uno { /*guardo el estado selecc del primer item del menu bajo el nombre ".unoDive_uno"*/ height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom;} body.unoDive_uno #submenuDive li a.dive_uno {/*guardo el estado selecc del primer item del submenu bajo el mismo nombre q el anterior para que al ponerselo en el body me quede seleccionado tanto el item del menu como del submenu*/ background-image: url(../es/images/btn_Servicios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 89px; background-position: bottom; } /*ahora tengo que hacer todas las combinaciones*/ body.unoDive_dos #cabecera #menu li a.uno { /*primer item Menu con segundo item del Submenu*/ height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom;} body.unoDive_dos #submenuDive li a.dive_dos { background-image: url(../es/images/btn_Barcos.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; background-position: bottom; } body.unoDive_tres #cabecera #menu li a.uno { /*primer item Menu con tercer item del Submenu*/ height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom;} body.unoDive_tres #submenuDive li a.dive_tres { background-image: url(../es/images/btn_Rutas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 69px; background-position: bottom; } body.unoDive_cuatro #cabecera #menu li a.uno { /*primer item Menu con cuarto item del Submenu*/ height: 49px; width: 135px; background-image: url(../es/images/btn_Dive.png); background-repeat: no-repeat; background-position: bottom;} body.unoDive_cuatro #submenuDive li a.dive_cuatro { background-image: url(../es/images/btn_Tarifas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; background-position: bottom; } /*el segundo es normal*/ body.dos #cabecera #menu li a.dos { height: 49px; width: 123px; background-image: url(../es/images/btn_Quienes.png); background-repeat: no-repeat; background-position: bottom; } /*Para éste hay que hacer lo mismo que en el Dive, lo de la trampa*/ body.tresMar_uno #cabecera #menu li a.tres { /*tercer item Menu con primero item del Submenu*/ height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; background-position: bottom;} body.tresMar_uno #submenuMar li a.mar_uno { background-image: url(../es/images/btn_Info.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 106px; background-position: bottom; } body.tresMar_dos #cabecera #menu li a.tres { /*tercer item Menu con segundo item del Submenu*/ height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; background-position: bottom;} body.tresMar_dos #submenuMar li a.mar_dos { background-image: url(../es/images/btn_Fauna.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 133px; background-position: bottom; } body.tresMar_tres #cabecera #menu li a.tres { /*tercer item Menu con tercer item del Submenu*/ height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; background-position: bottom;} body.tresMar_tres #submenuMar li a.mar_tres { background-image: url(../es/images/btn_Pecios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 74px; background-position: bottom; } body.tresMar_cuatro #cabecera #menu li a.tres { /*tercer item Menu con cuarto item del Submenu*/ height: 49px; width: 123px; background-image: url(../es/images/btn_Mar.png); background-repeat: no-repeat; background-position: bottom;} body.tresMar_cuatro #submenuMar li a.mar_cuatro { background-image: url(../es/images/btn_Enlaces.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 81px; background-position: bottom; } /*el cuarto es normal*/ body.cuatro #cabecera #menu li a.cuatro { height: 49px; width: 123px; background-image: url(../es/images/btn_Galeria.png); background-repeat: no-repeat; background-position: bottom; } body.cinco #cabecera #menu li a.cinco { height: 49px; width: 123px; background-image: url(../es/images/btn_Localizacion.png); background-repeat: no-repeat; background-position: bottom; } body.seis #cabecera #menu li a.seis { height: 49px; width: 132px; background-image: url(../es/images/btn_Contacto.png); background-repeat: no-repeat; background-position: bottom; } #contenido { margin-bottom: 70px; } /*----------------------------------------------------------------------------------------------------div CONTENIDO*/ /*----------------------------------------------------------------------------------------------------div CONTENIDO_Top*/ #contenidoTop { background-image: url(../images/bg_contenidoTop.png); background-repeat: no-repeat; height: 29px; } #contenidoSuperior { } /*----------------------------------------------------------------------------------------------------div CONTENIDO_Superior*/ #contenidoSuperior #foto { float: left; padding-left: 41px; background-image: url(../images/bg_foto.png); background-repeat: repeat-y; width: 929px; } #contenidoSuperior #idiomas { float: left; width: 39px; background-image: url(../images/bg_idiomas.png); background-repeat: repeat-y; height: 340px; } /*Sólo IE7*/ *:first-child+html #contenidoSuperior #idiomas {height: 343px;} #contenidoSuperior #idiomasIndex { /*Es el trozo de sombrita que le falta porque en la Index la foto de la izda es más alta. Entonces le he tenido que añadir otro div y ponerle la sombrita para que se repita hasta completar lo que falta de la altura de la imagen.*/ float: left; width: 39px; background-image: url(../images/bg_idiomas.png); background-repeat: repeat-y; height: 120px; } /*Sólo IE7*/ *:first-child+html #contenidoSuperior #idiomasIndex {height: 117px;} /*----------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------div IDIOMAS*/ #idiomas ul { list-style-type: none; } #idiomas li a { display: block; } #idiomas li a.es { background-image: url(../images/btn_es.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; } #idiomas li a.en { background-image: url(../images/btn_en.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; } #idiomas li a.fr { background-image: url(../images/btn_fr.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; } #idiomas li a.de { background-image: url(../images/btn_de.png); background-repeat: no-repeat; height: 34px; width: 39px; text-indent: -9999px; } /*------------------------------------------------------------------div IDIOMAS (hover)*/ #idiomas li a:hover.es { background-image: url(../images/btn_es.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } #idiomas li a:hover.en { background-image: url(../images/btn_en.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } #idiomas li a:hover.fr { background-image: url(../images/btn_fr.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } #idiomas li a:hover.de { background-image: url(../images/btn_de.png); background-repeat: no-repeat; height: 34px; width: 39px; text-indent: -9999px; background-position: bottom; } /*------------------------------------------------------------------div IDIOMAS (active)*/ /*Entro desde el body hasta el link. Luego tendría que poner en el body del html del apartado correspondiente: */ body.es #idiomas li a.es { background-image: url(../images/btn_es.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } body.en #idiomas li a.en { background-image: url(../images/btn_en.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } body.fr #idiomas li a.fr { background-image: url(../images/btn_fr.png); background-repeat: no-repeat; height: 29px; width: 39px; text-indent: -9999px; background-position: bottom; } body.de #idiomas li a.de { background-image: url(../images/btn_de.png); background-repeat: no-repeat; height: 34px; width: 39px; text-indent: -9999px; background-position: bottom; } /*----------------------------------------------------------------------------------------------------div CONTENIDO_Inferior*/ #contenidoInferior { background-image: url(../images/bg_contenidoInferior.png); background-repeat: repeat-y; width: 900px; padding-right: 41px; padding-left: 41px; padding-top: 17px; padding-bottom: 35px; } #contenidoInferior #contenidoApartado { width: 560px; float: left; } #contenidoApartado h2 { color: #bda812; font-size: 1.9em; font-weight: bold; margin-top: 25px; } #contenidoInferior #contenidoApartado #superior { margin-bottom: 50px; } #contenidoInferior #contenidoApartado #superior p { margin-bottom: 15px; } #contenidoInferior #contenidoApartado #superior #introduccion { width: 260px; margin-right: 40px; float: left; } #contenidoInferior #contenidoApartado #superior #frase { width: 260px; float: right; } #contenidoInferior #contenidoApartado #superior #frase p { font-style: italic; font-weight: bold; font-size: 1.4em; line-height: 1.1em; } #contenidoInferior #contenidoApartado #inferior p { margin-bottom: 10px; } #contenidoInferior #contenidoApartado #inferior #bloque1 { margin-bottom: 30px; } #contenidoInferior #contenidoApartado #inferior #bloque1 #columnaIzda { float: left; width: 260px; margin-right: 40px; } #contenidoInferior #contenidoApartado #inferior #bloque1 #columnaDcha { float: right; width: 260px; } #contenidoInferior #contenidoApartado #inferior #bloque1 img { border: thin solid #bda812; margin-bottom: 12px; } #contenidoApartado h4 { color: #bda812; font-weight: bold; font-size: 1.1em; margin-bottom: 10px; } #contenidoInferior #contenidoApartado #inferior #fichabarco { background-image: url(../images/bg_fichaBarco.png); background-repeat: repeat-x; padding-top: 10px; margin-bottom: 30px; padding-bottom: 30px; } *:first-child+html #contenidoInferior #contenidoApartado #inferior #fichabarco { /*sólo afecta al IE7, es el de arriba pero con menos márgen superior*/ padding-top: 6px; } /*-------------------------------------------------------------------------Ficha Barcos*/ #contenidoInferior #contenidoApartado #inferior #fichabarco h3 { margin-left: 25px; color: #85134e; margin-bottom: 10px; font-size: 1.25em; } #contenidoInferior #contenidoApartado #inferior #fichabarco img { margin-bottom: 18px; } #contenidoInferior #contenidoApartado #inferior #fichabarco #columna1 { width: 160px; float: left; margin-left: 25px; } #contenidoInferior #contenidoApartado #inferior #fichabarco #columna2 { width: 160px; float: left; margin-left: 30px; } #contenidoInferior #contenidoApartado #inferior #fichabarco #columna3 { width: 120px; float: right; margin-right: 35px; } #contenidoInferior #contenidoApartado #inferior #fichabarco h4 { font-size: .85em; color: #58585a; margin-bottom: 5px; } #contenidoInferior #contenidoApartado #inferior #fichabarco ul { list-style-type: none; } #contenidoInferior #contenidoApartado #inferior #fichabarco li { font-size: 0.85em; line-height: 14px; } .link_fichaBarco { color: #FFFFFF; display: block; height: 18px; width: 136px; text-align: center; text-decoration: none; font-size: 0.85em; font-style: italic; padding-top: 1px; background-image: url(../images/bg_linkFichaBarco.png); background-repeat: no-repeat; } .link_fichaBarco:hover { color: #FFFFFF; display: block; height: 18px; width: 136px; text-align: center; text-decoration: underline; font-size: 0.85em; font-style: italic; padding-top: 1px; background-image: url(../images/bg_linkFichaBarco2.png); background-repeat: no-repeat; } /*------------------------------------------------------------------*/ .linkEmail { text-decoration: none; color: #58585a; } .linkEmail:hover { text-decoration: none; color: #34b2c0; } .linkWeb { text-decoration: none; color: #34b2c0; } .linkWeb:hover { text-decoration: none; color: #85134e; } .ruta { color: #b3b3b5; font-size: 0.9em; text-decoration: none; font-weight: normal; margin-bottom: 40px; } .ruta a { color: #b3b3b5; text-decoration: none; font-weight: normal; } .ruta a:hover { color: #b3b3b5; text-decoration: underline; font-weight: normal; } .ruta_selec { color: #58585a; text-decoration: none; font-weight: normal; } #submenuDive { background-image: url(../images/bg_submenu.gif); background-repeat: no-repeat; height: 25px; width: 560px; } #submenuDive ul { list-style-type: none; } #submenuDive li { display: inline; float: left; } #submenuDive li a { display: block; } /*------------------------------------------------------------------div SUBMENU Dive*/ #submenuDive li a.dive_uno { background-image: url(../es/images/btn_Servicios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 89px; margin-left: 3px; } #submenuDive li a.dive_dos { background-image: url(../es/images/btn_Barcos.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; } #submenuDive li a.dive_tres { background-image: url(../es/images/btn_Rutas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 69px; } #submenuDive li a.dive_cuatro { background-image: url(../es/images/btn_Tarifas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; } /*------------------------------------------------------------------div SUBMENU Dive (hover)*/ #submenuDive li a:hover.dive_uno { background-image: url(../es/images/btn_Servicios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 89px; background-position: bottom; } #submenuDive li a:hover.dive_dos { background-image: url(../es/images/btn_Barcos.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; background-position: bottom; } #submenuDive li a:hover.dive_tres { background-image: url(../es/images/btn_Rutas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 69px; background-position: bottom; } #submenuDive li a:hover.dive_cuatro { background-image: url(../es/images/btn_Tarifas.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 75px; background-position: bottom; } /*------------------------------------------------------------------div SUBMENU Dive (active)*/ /*El estado "active" lo tengo puesto más arriba, metido en el Menu, junto con el Item del menú que va, el de "Dive Safaris" */ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ #submenuMar { background-image: url(../images/bg_submenu.gif); background-repeat: no-repeat; height: 25px; width: 560px; } #submenuMar ul { list-style-type: none; } #submenuMar li { display: inline; float: left; } #submenuMar li a { display: block; } /*------------------------------------------------------------------div SUBMENU Mar*/ #submenuMar li a.mar_uno { background-image: url(../es/images/btn_Info.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 106px; margin-left: 3px; } #submenuMar li a.mar_dos { background-image: url(../es/images/btn_Fauna.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 133px; } #submenuMar li a.mar_tres { background-image: url(../es/images/btn_Pecios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 74px; } #submenuMar li a.mar_cuatro { background-image: url(../es/images/btn_Enlaces.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 81px; } /*------------------------------------------------------------------div SUBMENU Mar (hover)*/ #submenuMar li a:hover.mar_uno { background-image: url(../es/images/btn_Info.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 106px; background-position: bottom; } #submenuMar li a:hover.mar_dos { background-image: url(../es/images/btn_Fauna.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 133px; background-position: bottom; } #submenuMar li a:hover.mar_tres { background-image: url(../es/images/btn_Pecios.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 74px; background-position: bottom; } #submenuMar li a:hover.mar_cuatro { background-image: url(../es/images/btn_Enlaces.gif); background-repeat: no-repeat; text-indent: -9999px; height: 25px; width: 81px; background-position: bottom; } /*------------------------------------------------------------------div SUBMENU Mar (active)*/ /*El estado "active" lo tengo puesto más arriba, metido en el Menu, junto con el Item del menú que va, el de "El Mar Rojo" */ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------div SUBMENU Vacio*/ #submenuVacio { /*para los apartados q no tengas submenu, para q no suba toda la información*/ height: 25px; width: 560px; } /*------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------Formulario Tarifas*/ #contenidoInferior #contenidoApartado #inferior #formTarifas, #formContacto { background-color: #dbd085; border-radius:7px; /*esquinas redondeadas: GENERAL*/ -moz-border-radius:7px; /*esquinas redondeadas FIREFOX*/ -webkit-border-radius:7px; /*esquinas redondeadas SAFARI*/ -ms-border-radius:7px; /*esquinas redondeadas IE8*/ -khtml-border-radius:7px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding-top: 20px; padding-right: 25px; padding-bottom: 20px; padding-left: 25px; } #contenidoInferior #contenidoApartado #inferior #formTarifas, #formContacto table{ margin: 0px; } .datpersonales_th{ color: #FFFFFF; text-align: left; padding-bottom: 3px; } .datviaje_th { color: #FFFFFF; text-align: left; } .camposForm { font-size: 0.9em; vertical-align: bottom; padding-top: 6px; color: #000000; padding-bottom: 1px; } .tablaTabla { font-size: 1.35em; } .form_input { width: 220px; height: 18px; padding-top: 1px; padding-left: 8px; font-family: Arial, Helvetica, sans-serif; background-color: #E3DB9F; } .form_textarea { font-family: Arial, Helvetica, sans-serif; padding-left: 8px; font-size: 0.9em; letter-spacing: 0.03em; padding-top: 1px; width: 485px; overflow: auto; /*Área de texto sin barra de desplazamiento*/ } textarea{ background-color:#E3DB9F; margin: 0px; padding: 0px; } /*Para cambiar el fondo al textarea. Si lo pongo en el estilo de clase no lo coge*/ .form_select { width: 232px; height: 22px; padding-left: 8px; background-color: #E3DB9F; } .form_input_P { width: 95px; height: 18px; padding-left: 8px; background-color: #E3DB9F; } .acepto { font-size: 0.75em; color: #000000; } .aceptoCuadro { height: 10px; width: 10px; margin-top: 5px; margin-bottom: 2px; margin-right: 4px; } .campObligatorios { color: #bda812; text-align: right; margin-top: 5px; font-size: 0.85em; } #contenidoInferior #contenidoApartado #inferior #formTarifas #btnEnviar { background-position: center; margin-top: 20px; } #contenidoInferior #contenidoApartado #inferior #formTarifas #btnEnviar:hover { background-position: center; margin-top: 20px; }*/ #contenidoInferior #contenidoApartado #inferior #formTarifas #btnBorrar { background-image: url(../images/bg_enviar-borrar.png); background-repeat: no-repeat; height: 19px; width: 61px; font-weight: bold; color: #FFFFFF; background-position: center; } .privacidad { color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; text-decoration: none; } .privacidad:hover { color: #34b2c0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #34b2c0; } .formulario_msjEnviado { text-align: center; padding-top: 12px; font-size: .9em; } /*-------------------------------------------------------------------------Línea separadora*/ #contenidoInferior #separador { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 1250px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } /*estilos de clase para las distintas alturas de la línea separadora para los distintos apartados*/ #contenidoInferior #separador.barcos { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 3450px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } #contenidoInferior #separador.rutas { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 1500px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } #contenidoInferior #separador.rutasFicha { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 2200px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } #contenidoInferior #separador.rutasFicha2 { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 2500px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } #contenidoInferior #separador.rutasFicha3 { width: 2px; background-image: url(../images/bg_separador.gif); background-repeat: repeat-y; float: left; height: 2700px; margin-right: 23px; margin-left: 45px; margin-top: 25px; } /*-------------------------------------------------------------------------Destacados*/ #destacados { width: 230px; float: right; padding-top: 25px; padding-right: 20px; padding-left: 20px; margin-top: 25px; background-image: url(../images/bg_destacados.gif); background-repeat: repeat-x; height: 1190px; padding-bottom: 20px; } #destacados p { color: #333333; margin-bottom: 15px; } .link_destacados { color: #333333; } .link_destacados:hover { color: #000000; text-decoration: none; } .link_destacadosTiempo { color: #FFFFFF; display: block; height: 18px; width: 171px; text-align: center; text-decoration: none; margin-left: 60px; font-size: 0.85em; font-style: italic; padding-top: 1px; background-image: url(../images/bg_linkTiempo.png); background-repeat: no-repeat; /*Esquinas redondeadas*/ /*border-radius:6px; propiedad q los navegadores tendrán prox para q funcione*/ /*-moz-border-radius:6px; Firefox*/ /*-webkit-border-radius:6px; Safari*/ /*-ms-border-radius: 6px; IE8*/ /*-khtml-border-radius: 6px; Konkeror*/ } .link_destacadosTiempo:hover { color: #FFFFFF; /*background-color: #03757f;*/ display: block; height: 18px; width: 171px; text-align: center; text-decoration: underline; margin-left: 60px; font-size: 0.85em; font-style: italic; padding-top: 1px; background-image: url(../images/bg_linkTiempo.png); background-repeat: no-repeat; } #destacados #destacado1 { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #94C2C9; } #destacados #destacado1 h3 { font-weight: bold; font-size: 1.4em; line-height: 1em; margin-bottom: 20px; color: #035d66; } #destacados #destacadoBanner { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #94C2C9; padding-top: 13px; border-top-width: 1px; border-top-style: solid; border-top-color: #E6FAFF; } #destacados #destacadoBanner h3 { font-weight: bold; font-size: 1.4em; line-height: 1em; margin-bottom: 20px; color: #65133f; } #destacados #destacadoBanner img { margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #destacados #destacadoTiempo { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C4DDE1; padding-top: 13px; border-top-width: 1px; border-top-style: solid; border-top-color: #ECFBFF; } #destacados #destacadoTiempo h3 { font-weight: bold; font-size: 1.4em; line-height: 1em; margin-bottom: 20px; color: #85134e; } #destacados #destacadoTiempo h5 { color: #85134e; margin-top: -15px; margin-bottom: 10px; font-size: 1em; font-weight: bold; } #destacados #destacadoTiempo #tiempo { margin-top: 30px; margin-bottom: 30px; } #destacados #destacadoCalendario { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCE3E6; padding-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #F9FEFF; height: 160px; } #destacados #destacadoBanner2 { padding-bottom: 15px; padding-top: 13px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; } #destacados #destacadoBanner2 h3 { font-weight: bold; font-size: 1.4em; line-height: 1em; margin-bottom: 20px; color: #65133f; } #destacados #destacadoBanner2 img { margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*------------------------------------------------------------------------------Fauna submarina*/ #contenidoInferior #contenidoApartado #inferior #bloqueFauna { margin-bottom: 16px; } #contenidoInferior #contenidoApartado #inferior #bloqueFauna #fauna1 { float: left; width: 180px; } #contenidoInferior #contenidoApartado #inferior #bloqueFauna #fauna2 { float: left; width: 180px; margin-right: 9px; margin-left: 9px; } #contenidoInferior #contenidoApartado #inferior #bloqueFauna #fauna3 { float: left; width: 180px; } #contenidoInferior #contenidoApartado #inferior #bloqueFauna h4 { color: #34b2c0; font-size: .9em; padding-left: 1px; } #contenidoInferior #contenidoApartado #inferior #bloqueFauna a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: -5px; } .fauna_p { padding-bottom: 45px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones { padding-top: 40px; } /*-----------------------------------------------*/ /*------------------------------------------------------------------------------Rutas*/ #contenidoInferior #contenidoApartado #inferior #rutasBotones a { display: block; height: 37px; padding-left: 40px; text-decoration: none; color: #035d66; padding-top: 8px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta1 { background-image: url(../images/btn_ruta1a.png); background-repeat: no-repeat; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta1:hover { background-image: url(../images/btn_ruta1b.png); background-repeat: no-repeat; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta2 { background-image: url(../images/btn_ruta2a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta2:hover { background-image: url(../images/btn_ruta2b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta3 { background-image: url(../images/btn_ruta3a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta3:hover { background-image: url(../images/btn_ruta3b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta4 { background-image: url(../images/btn_ruta4a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta4:hover { background-image: url(../images/btn_ruta4b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta5 { background-image: url(../images/btn_ruta5a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta5:hover { background-image: url(../images/btn_ruta5b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta6 { background-image: url(../images/btn_ruta6a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta6:hover { background-image: url(../images/btn_ruta6b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta7 { background-image: url(../images/btn_ruta7a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta7:hover { background-image: url(../images/btn_ruta7b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta8 { background-image: url(../images/btn_ruta8a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta8:hover { background-image: url(../images/btn_ruta8b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta9 { background-image: url(../images/btn_ruta9a.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; margin-top: -10px; } #contenidoInferior #contenidoApartado #inferior #rutasBotones .ruta9:hover { background-image: url(../images/btn_ruta9b.png); background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #34b2c0; } .nombreRuta { font-weight: bold; } .nombreRutaParentesis { font-style: italic; } .verCaracteristicas { color: #34b2c0; font-family: Arial, Helvetica, sans-serif; font-size: .8em; } #contenidoInferior #contenidoApartado #inferior #rutasFicha { margin-top: 28px; } #contenidoInferior #contenidoApartado #inferior #rutasFicha ul { list-style-type: none; } #contenidoInferior #contenidoApartado #inferior #rutasFicha li { line-height: 19px; } #contenidoInferior #contenidoApartado #inferior #rutasFicha { padding-left: 30px; } #contenidoInferior #contenidoApartado #inferior #rutasFicha h4 { color: #34b2c0; margin-top: 35px; } #contenidoInferior #contenidoApartado #inferior #rutasFicha a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 9px; } #contenidoInferior #contenidoApartado #inferior #rutasFicha a:hover img { } .rutasFicha_imgMargenDcho { margin-right: 6px; } .ruta1Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta1-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta2Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta2-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta3Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta3-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta4Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta4-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta5Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta5-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta6Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta6-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta7Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta7-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta8Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta8-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .ruta9Titulo { display: block; color: #035d66; height: 33px; background-image: url(../images/ruta9-titulo.png); background-repeat: no-repeat; font-size: 1.3em; padding-top: 12px; padding-left: 32px; margin-top: 7px; border-top-width: 1px; border-top-style: dashed; border-top-color: #34b2c0; border-bottom-style: dashed; border-bottom-color: #34b2c0; border-bottom-width: 1px; } .rutaTituloNegrita { color: #035d66;; font-weight: bold; } .rutaTituloParentesis { color: #035d66; font-size: .85em; font-style: italic; } .link_volverRutas { text-decoration: none; color: #035d66; font-size: .9em; } .link_volverRutas:hover { color: #035d66; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #035d66; } /*----------------------------------------------------------------------------------------ENLACES-----*/ .linkEnlaces { text-decoration: none; color: #58585a; padding-bottom: -10px; } .linkEnlaces:hover { text-decoration: none; color: #34b2c0; } /*-----------------------------------------------*/ /*----------------------------------------------------------------------------------------AVISO LEGAL*/ .avisoLegal-Intro { font-size: 1.2em; line-height: 18px; } .avisoLegal-h4 { margin-top: 40px; } #contenidoInferiorIndex { background-image: url(../images/bg_contenidoInferior.png); background-repeat: repeat-y; width: 900px; padding-right: 41px; padding-left: 41px; padding-top: 17px; padding-bottom: 35px; } /*----------------------------------------------------------------------------------------------------INDEX*/ #contenidoSuperior #fotoIndex { float: left; padding-left: 41px; background-image: url(../images/bg_foto.png); background-repeat: repeat-y; width: 929px; height: 460px; } #contenidoInferiorIndex p { color: #333333; font-size: 0.85em; } #contenidoInferiorIndex #separadorIzdaIndex { width: 2px; background-image: url(../images/bg_separadorIndex.png); background-repeat: no-repeat; float: left; height: 900px; margin-right: 14px; margin-left: 14px; } #contenidoInferiorIndex #separadorDchaIndex { width: 2px; background-image: url(../images/bg_separadorIndex.png); background-repeat: no-repeat; float: left; height: 900px; margin-right: 14px; margin-left: 14px; } #contenidoInferiorIndex #columna1Index { width: 280px; float: left; } #contenidoInferiorIndex #columna1Index #ofertasIndex { width: 230px; background-image: url(../images/bg_ofertas1.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; height: 210px; } #contenidoInferiorIndex #columna1Index #ofertasIndex h2 { color: #03757f; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; } #contenidoInferiorIndex #columna1Index #descargasIndex { width: 230px; background-image: url(../images/bg_descargas.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; height: 160px; } #contenidoInferiorIndex #columna1Index #descargasIndex h2 { color: #85134e; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; } #contenidoInferiorIndex #columna1Index #tiempoIndex { width: 230px; background-image: url(../images/bg_ofertas2.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; margin-bottom: 25px; height: 380px; } #contenidoInferiorIndex #columna1Index #tiempoIndex h2 { color: #03757f; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; } #contenidoInferiorIndex #columna1Index #tiempoIndex #destacadoTiempo h5 { color: #03757f; margin-bottom: 20px; font-size: 1em; font-weight: bold; } #contenidoInferiorIndex #columna1Index #tiempoIndex #destacadoTiempo #tiempo { margin-top: 30px; margin-bottom: 30px; } #contenidoInferiorIndex #columna1Index img,#columna2Index img { margin-bottom: 15px; } #contenidoInferiorIndex a img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #contenidoInferiorIndex #columna2Index { width: 280px; float: left; } #contenidoInferiorIndex #columna2Index #mersumIndex { width: 230px; background-image: url(../images/bg_noticias.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; margin-bottom: 20px; } #contenidoInferiorIndex #columna2Index #mersumIndex h2 { color: #85134e; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; } #contenidoInferiorIndex #columna2Index #samakaIndex { width: 230px; background-image: url(../images/bg_samaka.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; height: 323px; } #contenidoInferiorIndex #columna2Index #samakaIndex h2 { color: #03757f; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; word-spacing: -.1em; } #contenidoInferiorIndex #columna3Index { width: 280px; float: left; } #contenidoInferiorIndex #columna3Index #noticiasIndex { width: 230px; background-image: url(../images/bg_noticias.png); background-repeat: repeat-x; padding-right: 25px; padding-left: 25px; padding-top: 10px; margin-bottom: 30px; } #contenidoInferiorIndex #columna3Index #noticiasIndex h2 { color: #03757f; font-size: 1.6em; background-image: url(../images/bg_lineaBannerIndex.png); background-repeat: no-repeat; background-position: bottom; padding-bottom: 5px; margin-bottom: 13px; } #contenidoInferiorIndex #columna3Index #noticiasIndex h3 { font-size: 1.05em; margin-bottom: 10px; line-height: 15px; color: #333333; } #contenidoInferiorIndex #columna3Index #noticiasIndex h4 { font-weight: normal; font-size: 0.8em; margin-bottom: 2px; margin-top: 15px; color: #333333; } #contenidoInferiorIndex #columna3Index #noticiasIndex p { font-size: 0.85em; border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 17px; margin-bottom: 13px; margin-top: 10px; } .linkNoticias { text-decoration: underline; color: #333333; } .linkNoticias:hover { text-decoration: underline; color: #34b2c0; } /*Galería JavaScript (#porfolio)*/ #portfolio { list-style-type: none; } #portfolio img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*-------------------------------------------------------------------*/ #contenidoPie { background-image: url(../images/bg_contenidoPie.png); background-repeat: no-repeat; height: 30px; } /*----------------------------------------------------------------------------------------------------div CONTENEDOR_Pie*/ #contenedorPie { /*Lo he creado para poder sacarlo del "Contenedor" y así conseguir q no tenga ninguna anchura establecida para poder poner de fondo el degradado, de esta manera ocupará todo lo que ocupe siempre el body. No lo he podido poner en el body (como siempre) porque ahí tengo metida la imagen superior del agua*/ background-image: url(../images/bg_pie.gif); background-repeat: repeat-x; height: 210px; } #pie { height: 210px; width: 980px; margin-right: auto; margin-left: auto; } #pie p { color: #d5d6bc; font-size: 0.85em; } #pie #piecolumna1 { float: left; width: 188px; height: 154px; background-image: url(../images/bg_pie_linea.gif); background-repeat: no-repeat; background-position: right; padding-top: 40px; padding-left: 30px; } #pie #piecolumna1 p { display: none; } #pie #piecolumna2 { float: left; width: 280px; margin-left: 28px; background-image: url(../images/bg_pie_linea.gif); background-repeat: no-repeat; height: 154px; background-position: right; padding-top: 50px; } #pie #piecolumna2 ul { list-style-type: none; margin-bottom: 34px; } #pie #piecolumna2 li { display: inline; float: left; margin-right: 5px; } #pie #piecolumna2 li a { text-decoration: none; color: #d5d6bc; font-size: 0.85em; } #pie #piecolumna2 li a:hover { text-decoration: underline; } #pie #piecolumna3 { float: left; padding-top: 50px; margin-left: 28px; } /*----------------------------------------------------------------------------------------------------COSAS COMUNES*/ #vacio { clear: both; } .vacio { clear: both; } .ocultar_p { display: none; } .textoPnegrita { font-weight: bold; } /*-------------------------------------*/ #proximamente { font-size: 1.5em; font-style: italic; font-weight: bold; color: #FF0000; }