@charset "utf-8"; /* COMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) IE6 ---> * html propiedad IE7 ---> *+html propiedad Opera 9 y anteriores ---> html:first-child propiedad */ /* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS: * -sin bordes * -sin márgenes ni paddings * -sin fondos ni estilo para listas */ * {margin: 0; padding: 0; font: 95% Arial;} /* nada tendrá padding ni margen, y las fuentes serán 11px */ q:before,q:after {content: "";} sup {font-size: 0.8em;} sub {font-size: 0.8em;} ul {list-style-type: none;} a {border: none; text-decoration: none; color: #066aa7;} a:link, a:visited, a:active {outline: none;} a:hover {text-decoration: underline;} img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */ acronym {border: 0;} .manolink{cursor: pointer;} /* igualar las fuentes a todos los elementos */ h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;} /* tablas */ table {width: 100%; border-collapse: collapse; border-spacing: 0;} /* propociona altura a divs sin altura con contenido flotado */ /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/ /* * cómo hacer png transparentes en IE6 * dado un div...: * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php); * * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6. * */ /* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */ /********************************************** ESTRUCTURA DE LA PAGINA ***********************************************/ body { background:#fff;} #pagina { width:982px; margin:auto; } /********************************************** CABECERA ***********************************************/ #cabecera { float:left; width:982px; height:119px; } #cabecera h1 { float:left; margin-top:62px;} #cabecera #nav_util {display:inline; float:left; margin-top:47px; margin-left:170px; width:310px; } #nav_util li { display:inline; margin-left:4px;} #nav_util li a { font-family:Verdana; font-weight:bold; font-size:80%; color:#58585a; } #cabecera #idiomas { float:left; background:url(/imagenes/comunes/fnd_navutil.gif) no-repeat; width:204px; height:15px;display:inline; margin-top:47px;} #idiomas ul li {display:inline; margin-left:4px;} #idiomas li a { font-family:Verdana; font-size:80%; color:#58585a; } #idiomas li a:hover {color:#fff;} /***MENU ESPAÑOL ***/ #cabecera #menuES { float:left; width:660px; height:37px; margin-top:20px; margin-left:24px;} #menuES li { display:inline; float:left; } #menuES li a { display:block; height:37px; text-indent:-9999px;} #menuES li .lacasaES { background:url(/imagenes/comunes/menuES.jpg) no-repeat 0px 0px; width:72px;} #menuES li .lacasaES-selec { width: 72px; background: url(/imagenes/comunes/menuES.jpg) no-repeat 0px -37px;} #menuES li .lacasaES:hover { width: 72px; background: url(/imagenes/comunes/menuES.jpg) no-repeat 0px -37px;} #menuES li .entornoES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -72px 0px; width:82px;} #menuES li .entornoES-selec { width: 82px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -72px -37px;} #menuES li .entornoES:hover { width: 82px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -72px -37px;} #menuES li .turismoES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -154px 0px; width:81px;} #menuES li .turismoES-selec { width: 81px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -154px -37px;} #menuES li .turismoES:hover { width: 81px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -154px -37px;} #menuES li .fiestasES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -235px 0px; width:72px;} #menuES li .fiestasES-selec { width: 72px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -235px -37px;} #menuES li .fiestasES:hover { width: 72px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -235px -37px;} #menuES li .actividadesES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -307px 0px; width:105px;} #menuES li .actividadesES-selec { width: 105px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -307px -37px;} #menuES li .actividadesES:hover { width: 105px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -307px -37px;} #menuES li .situacionES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -412px 0px; width:90px;} #menuES li .situacionES-selec { width: 90px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -412px -37px;} #menuES li .situacionES:hover { width: 90px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -412px -37px;} #menuES li .tarifasES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -502px 0px; width:75px;} #menuES li .tarifasES-selec { width: 75px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -502px -37px;} #menuES li .tarifasES:hover { width: 75px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -502px -37px;} #menuES li .contactoES { background:url(/imagenes/comunes/menuES.jpg) no-repeat -577px 0px; width:83px;} #menuES li .contactoES-selec { width: 83px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -577px -37px;} #menuES li .contactoES:hover { width: 83px; background: url(/imagenes/comunes/menuES.jpg) no-repeat -577px -37px;} /***MENU ESUKERA ***/ #cabecera #menuEU { float:left; width:660px; height:37px; margin-top:20px; margin-left:24px;} #menuEU li { display:inline; float:left; } #menuEU li a { display:block; height:37px; text-indent:-9999px;} #menuEU li .lacasaEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat 0px 0px; width:72px;} #menuEU li .lacasaEU-selec { width: 72px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat 0px -37px;} #menuEU li .lacasaEU:hover { width: 72px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat 0px -37px;} #menuEU li .entornoEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -72px 0px; width:82px;} #menuEU li .entornoEU-selec { width: 82px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -72px -37px;} #menuEU li .entornoEU:hover { width: 82px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -72px -37px;} #menuEU li .turismoEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -154px 0px; width:81px;} #menuEU li .turismoEU-selec { width: 81px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -154px -37px;} #menuEU li .turismoEU:hover { width: 81px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -154px -37px;} #menuEU li .fiestasEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -235px 0px; width:72px;} #menuEU li .fiestasEU-selec { width: 72px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -235px -37px;} #menuEU li .fiestasEU:hover { width: 72px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -235px -37px;} #menuEU li .actividadesEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -307px 0px; width:105px;} #menuEU li .actividadesEU-selec { width: 105px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -307px -37px;} #menuEU li .actividadesEU:hover { width: 105px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -307px -37px;} #menuEU li .situacionEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -412px 0px; width:90px;} #menuEU li .situacionEU-selec { width: 90px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -412px -37px;} #menuEU li .situacionEU:hover { width: 90px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -412px -37px;} #menuEU li .tarifasEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -502px 0px; width:75px;} #menuEU li .tarifasEU-selec { width: 75px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -502px -37px;} #menuEU li .tarifasEU:hover { width: 75px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -502px -37px;} #menuEU li .contactoEU { background:url(/imagenes/comunes/menuEU.jpg) no-repeat -577px 0px; width:83px;} #menuEU li .contactoEU-selec { width: 83px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -577px -37px;} #menuEU li .contactoEU:hover { width: 83px; background: url(/imagenes/comunes/menuEU.jpg) no-repeat -577px -37px;} /***MENU CATALAN ***/ #cabecera #menuCA { float:left; width:660px; height:37px; margin-top:20px; margin-left:24px;} #menuCA li { display:inline; float:left; } #menuCA li a { display:block; height:37px; text-indent:-9999px;} #menuCA li .lacasaCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat 0px 0px; width:72px;} #menuCA li .lacasaCA-selec { width: 72px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat 0px -37px;} #menuCA li .lacasaCA:hover { width: 72px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat 0px -37px;} #menuCA li .entornoCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -72px 0px; width:82px;} #menuCA li .entornoCA-selec { width: 82px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -72px -37px;} #menuCA li .entornoCA:hover { width: 82px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -72px -37px;} #menuCA li .turismoCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -154px 0px; width:81px;} #menuCA li .turismoCA-selec { width: 81px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -154px -37px;} #menuCA li .turismoCA:hover { width: 81px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -154px -37px;} #menuCA li .fiestasCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -235px 0px; width:72px;} #menuCA li .fiestasCA-selec { width: 72px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -235px -37px;} #menuCA li .fiestasCA:hover { width: 72px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -235px -37px;} #menuCA li .actividadesCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -307px 0px; width:105px;} #menuCA li .actividadesCA-selec { width: 105px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -307px -37px;} #menuCA li .actividadesCA:hover { width: 105px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -307px -37px;} #menuCA li .situacionCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -412px 0px; width:90px;} #menuCA li .situacionCA-selec { width: 90px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -412px -37px;} #menuCA li .situacionCA:hover { width: 90px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -412px -37px;} #menuCA li .tarifasCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -502px 0px; width:75px;} #menuCA li .tarifasCA-selec { width: 75px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -502px -37px;} #menuCA li .tarifasCA:hover { width: 75px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -502px -37px;} #menuCA li .contactoCA { background:url(/imagenes/comunes/menuCA.jpg) no-repeat -577px 0px; width:83px;} #menuCA li .contactoCA-selec { width: 83px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -577px -37px;} #menuCA li .contactoCA:hover { width: 83px; background: url(/imagenes/comunes/menuCA.jpg) no-repeat -577px -37px;} /***MENU INGLES ***/ #cabecera #menuEN { float:left; width:660px; height:37px; margin-top:20px; margin-left:24px;} #menuEN li { display:inline; float:left; } #menuEN li a { display:block; height:37px; text-indent:-9999px;} #menuEN li .lacasaEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat 0px 0px; width:72px;} #menuEN li .lacasaEN-selec { width: 72px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat 0px -37px;} #menuEN li .lacasaEN:hover { width: 72px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat 0px -37px;} #menuEN li .entornoEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -72px 0px; width:82px;} #menuEN li .entornoEN-selec { width: 82px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -72px -37px;} #menuEN li .entornoEN:hover { width: 82px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -72px -37px;} #menuEN li .turismoEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -154px 0px; width:81px;} #menuEN li .turismoEN-selec { width: 81px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -154px -37px;} #menuEN li .turismoEN:hover { width: 81px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -154px -37px;} #menuEN li .fiestasEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -235px 0px; width:72px;} #menuEN li .fiestasEN-selec { width: 72px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -235px -37px;} #menuEN li .fiestasEN:hover { width: 72px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -235px -37px;} #menuEN li .actividadesEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -307px 0px; width:105px;} #menuEN li .actividadesEN-selec { width: 105px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -307px -37px;} #menuEN li .actividadesEN:hover { width: 105px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -307px -37px;} #menuEN li .situacionEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -412px 0px; width:90px;} #menuEN li .situacionEN-selec { width: 90px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -412px -37px;} #menuEN li .situacionEN:hover { width: 90px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -412px -37px;} #menuEN li .tarifasEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -502px 0px; width:75px;} #menuEN li .tarifasEN-selec { width: 75px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -502px -37px;} #menuEN li .tarifasEN:hover { width: 75px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -502px -37px;} #menuEN li .contactoEN { background:url(/imagenes/comunes/menuEN.jpg) no-repeat -577px 0px; width:83px;} #menuEN li .contactoEN-selec { width: 83px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -577px -37px;} #menuEN li .contactoEN:hover { width: 83px; background: url(/imagenes/comunes/menuEN.jpg) no-repeat -577px -37px;} /********************************************** MIGAS ***********************************************/ #migas{width:982px; float:left;} #migas .miga{margin-left:25px; float:left; width:957px; font-family:Verdana; font-size:100%; color:#58585A; display:inline; margin-top:15px; margin-bottom:15px;} #migas .miga a{font-family:Arial; font-size:80%; color:#58585A; text-decoration:none; cursor:pointer;} #migas .miga a.tex_miga_ultima{font-family:Arial; font-size:95%; color:#58585A; text-decoration:none; cursor:pointer; font-weight:bold;} /********************************************** PIE ***********************************************/ #pie { float:left; width:982px; height:74px; } #pie p { float:left; font-family:Verdana; font-size:80%; color:#58585a; margin-top:30px; margin-left:34px; padding-right:0px;} #pie a.logo { float:left; margin-left:20px; margin-top:80px;}