/* ESTILOS */ a:link, a:visited{text-decoration: none; color: #003955;} a:hover {text-decoration: none; color: #FFFFFF;} a:active {color: #003955;} /* titulos */ .titulonaranjagrande{font-family: Arial; font-size: 24px; color: #FF6600;} .titulonaranja{padding-top: 12px; font-family: Arial; font-size: 14px; font-weight: bold; color: #FF6600; padding-left: 12px;} .titulonaranja2{padding-top: 12px; font-family: Arial; font-size: 14px; font-weight: bold; color: #FF6600;} .titulonaranjacontac{font-family: Arial; font-size: 14px; color: #FF6600;} .titulonaranjaentorno{font-family: Arial; font-size: 18px; color: #FF6600;} .titulosnaranjaentorno{font-family: Arial; font-weight: bold; font-size: 12px; color: #FF6600;} /* textos */ .texto1{font-family: Arial; font-size: 12px; color: #000000; padding-top: 10px; text-align:justify;} .textotiempo{font-family: Arial; font-size: 11px; font-weight: bold; color: #0094D6;} .textoform{font-family: Arial; font-size: 10px; color: #666666;} .textoformcampos{font-family: Arial; font-size: 10px; color: #666666;} .textosituacion{font-family: Arial; font-size: 12px; color: #000000; text-align:justify;} .textocuadro{font-family: Arial; font-size: 10px; color: #666666; padding-left: 12px; text-align:justify;} .botonera{font-family: Arial; font-size: 12px; font-weight: bold; padding-left: 10px; padding-right: 10px;} .fondo{background-image: url(images/fondo.jpg); background-repeat: repeat-x;} .botoneratabla{background-image: url(images/botonera-fondo.jpg); background-repeat: repeat-x;} .consultar{font-family: Arial; font-weight: bold; font-size: 10px; color: #666666; padding-top: 4px; padding-bottom: 4px;} .reservas{font-family: Arial; font-weight: bold; font-size: 12px; color: #0D2F48; padding-left: 12px; padding-top: 4px; padding-bottom: 4px;} .botoncontactos{font-family: Arial; font-weight: bold; font-size: 10px; color: #FFFFFF; background-color: #FF6600; width: 90px;} .cuadrosreservas {font-family: Tahoma, Verdana; font-size: 10px; color: #666666;} .cuadrosituacion{font-family: Arial; font-size: 11px; color: #000000;} .pie{font-family: Arial; font-size: 10px; color: #FFFFFF; padding-top: 10px;} .linkspie{font-family: Arial; font-size: 10px;} .linkspie a:link, a:visited{text-decoration: none; color: #FFFFFF;} .linkspie a:hover {text-decoration: none; color: #003955;} .linkspie a:active {color: #FFFFFF;} /********************** AGREGADO ***********************/ /* IDS */ body {margin-top: 0px; background: url(images/background.jpg) #f0eee1 repeat-x center top;} * {margin:0;padding:0;} a img {border:0;} #main {margin:0 auto; width:1024px;} /*code {white-space:pre; display:block; background:#ccc; padding:1em; width:80%; height:25em; font-family:monospace; overflow:auto; margin:0 auto; border:#000 solid 1px; font-size:.8em;} h1 {font-size:2em;} h2 {font-size:1.25em; margin:1em 0;}*/ .left{ float:left } .right{float:right} .clear{clear:both } .arial11negro { color:#000000;} a.conozcanos {background:url(images/bullet.gif) no-repeat right 2px; width:94px; display: block; float:left; font:normal 11px arial; color:#231F20; text-decoration:none; text-transform:uppercase; margin-top:10px;} a:hover.conozcanos{color:#5f8721;} a.ver {background:url(images/bullet.gif) no-repeat right 2px; width:42px; display: block; float:left; font:normal 11px arial; color:#231F20; text-decoration:none; text-transform:uppercase; margin:117px 0 0 20px;} a:hover.ver{color:#5f8721;} ul.servicios { list-style:url(images/bullet2.gif); font:normal 12px arial; margin:0 0 0 20px; float:left; width:215px; line-height:18px;} ul.ubicacion { list-style:url(images/bullet2.gif); font:normal 12px arial; margin:0 0 0 20px; float:left; width:500px; line-height:18px;} ul.distancias { list-style: none; font:normal 12px arial; margin:0 0 0 2px; float:left; width:430px; line-height:29px;} div.distancias { height:29px; border-bottom:#fe6000 solid 1px;} /* * HEADER */ #header{display:block; height:84px; width:1024px; position:relative; background:url(images/logo_alcudia_beach.jpg) no-repeat 30px top;} #header h1, #header h3{ display:none; } /* BOTONERA */ #header ul#left-nav{left:244px; position:absolute; top:48px;list-style:none; font:bold 18px Arial;} #header ul#left-nav li {float:left;} #header ul#left-nav li a {display:block; height:35px;} #header ul#left-nav li a:hover { color:#003366;} #header ul#left-nav li a span {display: block;} #header ul li#n01 a{color:#FFF; margin-right:42px;} #header ul li#n02 a{color:#FFF; margin-right:42px;} #header ul li#n03 a{color:#FFF; margin-right:42px;} #header ul li#n04 a{color:#FFF; margin-right:42px;} #header ul li#n05 a{color:#FFF;} #header ul#left-nav li a.selected {color:#003366;} /* IDIOMAS */ #header ul#right-nav{left:910px; position:absolute; top:47px; list-style:none; font:bold 11px Arial;} #header ul#right-nav li {float:left;} #header ul#right-nav li a {background:url(images/nav_idiomas.gif) no-repeat left top; display:block; height:21px;} #header ul#right-nav li a:hover {background-image: url(images/nav_idiomas_over.gif);} #header ul#right-nav li a span {display: block;} #header ul li#n06 a{background-position: 0 0; width:33px;} #header ul li#n07 a{background-position: -33px 0px; width:33px;} #header ul li#n08 a{background-position: -66px 0px; width:33px;} #header ul#right-nav li a span {display:none;} #header ul#right-nav li a.selected {background-image: url(images/nav_idiomas_over.gif);} /* * HOME */ #home #content { margin:449px 0 0 0; background:#FFFFFF; padding:20px;} #content { margin:495px 0 0 0; background:#FFFFFF; padding:20px;} #content h1 { font:normal 24px arial; color:#ff6902; padding-bottom:5px;} #content h2 { font:bold 14px arial; color:#231f20; padding:10px 0 0 15px;} #content h3 { font:bold 14px arial; color:#fe6000; padding:10px 0 0 0;} #content h4 { font:bold 12px arial; color:#231f20; padding:18px 0 0 0;} #content h5 { font:bold 14px arial; color:#231f20; padding:10px 0 3px 0;} #content h6 { font:bold 18px arial; color:#557722; padding:7px 0 3px 0;} #content p { font:normal 12px arial; color:#231f20; line-height:18px;} #col1 { width:491px; float:left; margin-right:22px;} #contacto #col1 { width:640px; float:left; margin-right:22px;} #col2 { width:226px; float:left; margin-right:20px;} #col3 { width:225px; float:left;} #ban_galeria { background:url(images/ban_galeria.jpg) no-repeat left top; width:226px; height:155px; margin-top:4px;} #ofertas div.titulo {background: url(images/tit_ofertas_home.gif) no-repeat left top #fff; height:34px;} #ofertas h2 { font:bold 16px arial; color:#000b1d; padding:2px 0px 0px 11px; line-height:34px;} #ofertas h3 { font:bold 14px arial; color:#231F20; padding:7px 0px 3px 0px; line-height:14px;} #ofertas h4 { font:bold 18px arial; color:#231F20; padding:1px 0px 3px 0px; line-height:18px;} #ofertas a.flecha { float:right; padding:11px 9px 0 0;} .oferta1 {width:208px; padding: 6px 9px; background:#b6d3e7; margin-bottom:2px;} .oferta2 {width:217px; padding: 6px 0px 6px 9px; background:#b6d3e7;} #marco{border:#b6d3e7 solid 1px; padding:11px; margin-top:25px; width:616px;} #marco p { font:normal 12px arial; padding-right:30px;} #marco h1 { font:bold 24px arial; color:#88bce0; padding:10px 0px;} #marco h2 { font:bold 18px arial; color:#ff6902; padding:20px 0 0 0px;} div.marco {border:#e4e5e6 solid 1px; padding:4px; float:left; margin-right:15px;} #ban { font:bold 12px Georgia; color:#308fd1; width:225px; height:96px;} #ban a {color:#308fd1;} #ban a:hover {color:#006699;} #ban .tiempo { background:url(images/ban_tiempo.gif) no-repeat left top; margin-top:20px; padding:11px 0 0 108px; height:85px;} #ban .ubicacion { background:url(images/ban_ubicacion.gif) no-repeat left top; margin-top:6px; padding:18px 0 0 108px; height:78px;} /* * INTERNAS #ventana #col1 { width:597px; float:right;} #ventana #col2 { width:320px; float:left;} #ventana #col3 { width:300px; float:left;} #ventana #col3 p { line-height:29px; color:#527123; float:right; text-align:right; padding-right:22px;} #ventana #col4 { width:305px; float:left; background:url(images/back_col4.gif) no-repeat left top;} #ventana div.distancias.first { height:29px; border-top:#fe6000 solid 1px; border-bottom:#527123 solid 1px;} #ventana div.distancias { height:29px; border-bottom:#527123 solid 1px;} #ventana div.contacto { padding-top:5px; height:130px;} */ /* CONTACTENOS */ form#contacto label {width:120px; float:left; line-height:12px; font:normal 12px Arial; padding-top:4px;} form#contacto input {background: #FFFFFF;border: #FF6600 solid 1px; display:block; height:18px; margin-bottom:5px; width:434px; padding:3px 0 0 5px; color:#231F20; font:normal 12px Arial;} form#contacto textarea {background:#FFFFFF;border: #FF6600 solid 1px; display:block; height:70px; margin-bottom:5px; width:434px; padding:3px 0 0 5px; color:#231F20; font:normal 12px Arial;} form#contacto #btn-enviar {border:0; height:20px; width:73px; margin: 11px 0 0 120px; background:#FF6600; color:#FFFFFF;} /* * FOOTER */ #footerbg{background:url(images/logo_pie.gif) no-repeat left 8px;} #footer{color:#89add1; display:block; font-size:11px; height:41px; margin:0 auto; text-align:left; width:946px; padding:8px 0px 9px 78px;} #footer p{font-family:Arial; font-size:11px; line-height:14px; margin:0px;} #footer strong {color:#89add1;} #footer a{text-decoration:none;} #footer a:hover{text-decoration:underline;} .footer_bot {color:#DA2032; font-size:12px; font-weight:bold; color:#DA2032;} .footer_bot a{color:#DA2032; font-size:12px; font-weight:bold; color:#DA2032;} .footer_bot a:hover {color:#DA2032;} .footer_tel { font:bold 16px Arial; color:#89add1; float:right; text-align:right; line-height:20px;} /*.footer_tel a:hover {color:#616f4c;}*/ /* FLASH */ #home #flashcontent {/*Z-INDEX: -1000;*/ margin:0 auto; WIDTH: 100%; POSITION: absolute; TOP: 83px; HEIGHT: 425px; left: 0px; text-align:center;} #flashcontent {Z-INDEX: -1000; margin:0 auto; WIDTH: 100%; POSITION: absolute; TOP: 83px; HEIGHT: 470px; left: 0px; text-align:center;} #noflash { TEXT-ALIGN: center} /* GALERIA */ #gallery {position:relative; width:1024px; float:left; height:470px;} #image {position:relative; width:1004px; height:394px; background:url(images/loading.gif) center center no-repeat; margin: 0 10px;} #image img {position:absolute; top:14px;} #thumbwrapper {padding:10px 0 0 84px; width:862px;} #thumbarea {position:relative; overflow:hidden; height:35px; width:862px; table-layout:left; top:14px;} #thumbs {position:absolute; list-style:none; height:35px; width:10000px; float:left;} #thumbs li {float:left; margin-right:10px; cursor:pointer;} .imgnav {position:absolute; width:-20%; z-index:1; height:35px; width:20%; z-index:1; outline:none; cursor:pointer}