/*
    Style Index
    1. Generic
    2. Layout
    3. Header and Main Navigation
    4. Content
	5. Sidebar
	6. Extra
    7. Footer
*/

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */

* {margin:0; padding:0;}

/* body {color:#999; font-family:Arial, sans-serif; background:url(i/bg_body.jpg) no-repeat top center;} */

body {color:#999; font:normal 12px Arial, sans-serif; background:url(i/bg_body.jpg) no-repeat top center;}
fieldset {border:none;}

/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */

div#wrapper {width:940px; margin:0 auto; overflow:hidden; position:relative;}

body#home #wrapper {background:url(i/bg_cont_home.jpg) no-repeat top;}
body#hoteles01 #wrapper {background:url(i/bg_cont_hoteles01.jpg) no-repeat top;}
body#hoteles02 #wrapper {background:url(i/bg_cont_hoteles02.jpg) no-repeat top;}
body#gastronomia #wrapper {background:url(i/bg_cont_gastronomia.jpg) no-repeat top;}
body#destino #wrapper {background:url(i/bg_cont_destino.jpg) no-repeat top;}
body#galeria #wrapper {background:url(i/bg_cont_galeria.jpg) no-repeat top;}
body#eventos #wrapper {background:url(i/bg_cont_eventos.jpg) no-repeat top;}
body#ofertas #wrapper {background:url(i/bg_cont_ofertas.jpg) no-repeat top;}
body#contacto #wrapper {background:url(i/bg_cont_contacto.jpg) no-repeat top;}
body#grupo #wrapper {background:url(i/bg_cont_grupo.jpg) no-repeat top;}
body#reservas #wrapper {background:url(i/bg_cont_reservas.jpg) no-repeat top;}

div#container {clear:both;}
div#sidebar {float:left; width:150px; margin-right:15px; padding:185px 0 25px 0;}
div#content {float:left; width:520px; padding-top:185px;}
div#extra {float:right; width:240px; padding-top:120px; overflow:hidden; height:100%;}

body#home div#sidebar {padding-top:320px; width:270px;}
body#home div#content {padding-top:320px; width:400px;}
body#home div#extra {padding-top:240px;}

/* 3. Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */

a#logo {display:block; float:left; width:148px; height:130px;}
a#logo span {display:none;}

ul#nav {float:right; height:21px; list-style-type:none;}
ul#nav li {float:left; height:21px;}
ul#nav li a{display:block; height:21px;}
ul#nav li a span {display:none;}



/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */

div.fuerteventura, div.gran-canaria {margin-bottom:25px; font-size:10px; padding-right:60px;}
div.fuerteventura {background:url(i/bg_fuerteventura.jpg) no-repeat right top;}
div.gran-canaria {background:url(i/bg_gran_canaria.jpg) no-repeat right top;}
div.fuerteventura p, div.gran-canaria p {margin-bottom:7px; color:#666;}
div.fuerteventura a, div.gran-canaria a{color:#21bcec; padding-left:9px; background:url(i/icons.gif) no-repeat 0 -31px;}

h1 {color:#21bcec; font-size:22px; margin-bottom:9px;}

div.texto {float:left; width:315px; font-size:12px;}
div.texto p {margin-bottom:12px; line-height:125%;}

ul.galeria {list-style-type:none; float:right; width:170px; padding-right:10px;}
ul.galeria li {text-align:right; margin-bottom:20px; overflow:hidden; height:100%;}
ul.galeria li a {float:right;display:block;color:#21bcec; padding-left:9px; background:url(i/icons.gif) no-repeat 0 -32px; font-size:10px; text-decoration:none;}
ul.galeria li a:hover {text-decoration:underline;}

ul.galeria-fotos {list-style-type:none;}
ul.galeria-fotos li {list-style-type:none; margin:0 35px 25px 0; float:left;}
ul.galeria-fotos li.third {margin-right:0;}
ul.galeria-fotos li a img {border:none;}

div.contacto p {font-size:12px;margin-bottom:12px; line-height:125%;}
div.mapa {margin:20px 0;}
div.contacto form {float:left; width:260px;}
div.contacto form label {color:#7a7a7a;}
div.contacto form input, div.contacto form textarea {border:solid 1px #a7a6aa; font-size:11px; padding:2px; font-family:Arial, sans-serif; width:255px; color:#7a7a7a;}
div.contacto form textarea {height:106px;}
div.contacto form p.submit {text-align:right;}
div.contacto form p.submit button {border:none;}
div.contacto form p.submit button span {display:none;}

div.contacto div.direccion {width:220px; float:right;}
div.contacto div.direccion h3 {color:#21bcec; font-size:12px; font-weight:bold;}
div.contacto div.direccion dl {overflow:hidden; height:100%; margin-bottom:30px; font-size:10px;}
div.contacto div.direccion dl dt {float:left; clear:both; width:50px; color:#ff7c3e;}
div.contacto div.direccion dl dd {color:#7a7a7a;}
div.contacto div.direccion dl dd a {color:#000; text-decoration:none;}
div.contacto div.direccion dl dd a:hover{text-decoration:underline;}


ul.destino {list-style-type:none;}
ul.destino li {width:220px; float:left; margin:0 0 20px 0; font-size:10px; padding-right:20px;}
ul.destino li h2 {font-size:11px; background:url(i/ln_header2.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom:9px; font-weight:normal; color:#666;}
ul.destino li p {margin:7px 0 5px 0;}
ul.destino li a {color:#21bcec; background:url(i/icons.gif) no-repeat 0 -32px; padding-left:9px; text-decoration:none;}
ul.destino li a:hover {text-decoration:underline;}

table.ofertas th {display:none;}
table.ofertas td {padding-bottom:50px;}
table.ofertas td.descripcion {padding:0 10px;}
table.ofertas h2 {color:#21bcec; font-size:12px;}
table.ofertas p.especial {color:#333; margin-bottom:2px;}
table.ofertas p {font-size:12px; margin-bottom:8px;}
table.ofertas p span {color:#fe7e3f;}
table.ofertas a {display:block;}
table.ofertas a span {display:none;}
table.ofertas td.precio, table.ofertas td.foto {vertical-align:top;}
table.ofertas td.precio span {display:block; width:103px; height:66px; padding-top:40px; text-align:center; background:url(i/bg_oferta_precio.jpg) no-repeat; font-size:24px; color:#fff; font-weight:bold;}

body#home div#sidebar h2 {background:url(i/ln_header2.jpg) no-repeat left bottom; margin-bottom:7px;}
body#home div#sidebar ul {list-style-type:none;}
body#home div#sidebar ul li {margin-bottom:22px; width:220px;}
body#home div#sidebar h3 {font-size:11px; font-weight:normal; margin-bottom:12px; color:#666;}
body#home div#sidebar p {font-size:10px;}
body#home div#sidebar a {color:#21bcec; background:url(i/icons.gif) no-repeat 0 -32px; padding-left:9px; font-size:10px;}

body#home ul.islas {list-style-type:none; overflow:hidden; height:100%; margin-bottom:12px;}
body#home ul.islas li {float:left; width:165px; margin-right:15px;}
body#home ul.islas h3 {font-size:12px; background:url(i/ln_header1.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom:14px; color:#666;}


body#home div.ofertas {position:relative;}
body#home div.ofertas h2 {font-size:12px; background:url(i/ln_header3.jpg) no-repeat left bottom; padding-bottom:5px; margin-bottom:12px; color:#666; clear:left;}
body#home div.ofertas h3 {color:#21bcec; font-size:12px; margin-bottom:}
body#home div.ofertas p {font-size:12px; margin-bottom:10px;}
body#home div.ofertas p.especial {color:#333; margin-bottom:0;}
body#home span.precio {display:block; width:62px; height:44px; padding-top:20px; text-align:center; background:url(i/bg_home_precio.png) no-repeat; font-size:18px; color:#fff; font-weight:bold; position:absolute; top:-16px; left:275px;}
body#home div.ofertas ul {list-style-type:none;}
body#home div.ofertas ul li {float:left; width:130px; font-size:10px;}
body#home div.ofertas ul li a{color:#21bcec; background:url(i/icons.gif) no-repeat 0 -32px; padding-left:9px;}
body#home div.ofertas a.reservar {display:block;}
body#home div.ofertas a span {display:none;}




div.descripcion-paso h2 {font-size:12px; color:#21bcec; font-weight:bold;}
div.descripcion-paso p {font-size:12px; margin-bottom:22px;}

div.reservas div.controles {background:url(i/ln_default1.gif) repeat-x top; padding-top:36px;}
div.reservas div.controles input {border:none; display:block; width:118px; height:19px; font-weight:bold; color:#fff; font-size:12px;}
div.reservas div.controles input.retroceder {float:left; background:url(i/iconos.gif) no-repeat 0 -68px; text-align:left; padding:0 0 0 15px;}
div.reservas div.controles input.continuar {float:right; background:url(i/iconos.gif) no-repeat 0 -88px; text-align:right; padding:0 15px 0 0;}

div.reservas form {width:480px;}



div.reservas-paso1 ul {list-style-type:none;}
div.reservas-paso1 ul li {overflow:hidden; margin-bottom:30px; height:100%;}
div.reservas-paso1 ul li div.descripcion {width:300px; float:left;}
div.reservas-paso1 ul li div.descripcion p {font-size:12px; color:#666; margin-bottom:12px;}
div.reservas-paso1 ul li div.fotografia {width:140px; float:right; padding-top:40px; text-align:right;}
div.reservas-paso1 ul h2 {font-size:14px; font-weight:normal; color:#666;}
div.reservas-paso1 ul h3 {font-size:14px; color:#21bcec; font-weight:bold; margin-bottom:5px;}
div.reservas-paso1 label {font-size:10px; color:#777;}
div.reservas-paso1 input.radio {float:left; margin-right:3px;}
div.reservas-paso1 a {float:right;display:block;color:#21bcec; padding-left:9px; background:url(i/icons.gif) no-repeat 0 -32px; font-size:10px; text-decoration:none;}
div.reservas-paso1 a:hover {text-decoration:underline;}


div.reservas-paso2 div.cabecera {overflow:hidden; height:100%; background:url(i/ln_default1.gif) repeat-x bottom; padding-bottom:7px; margin-bottom:5px;}
div.reservas-paso2 h3 {color:#21bcec; font-size:14px; float:left;}
div.reservas-paso2 p.fechas {color:#ff7c3f; font-size:12px; float:right; padding-top:2px;}
div.reservas-paso2 table {width:100%;}
div.reservas-paso2 th {color:#666; font-weight:bold; background:url(i/ln_default1.gif) repeat-x bottom; padding-bottom:7px;}
div.reservas-paso2 th.combinaciones {font-size:12px; text-align:left;}
div.reservas-paso2 th.precios {font-size:10px; text-align:right;}
/* div.reservas-paso2 td {color:#666; background:url(i/ln_default1.gif) repeat-x bottom; padding:10px 0;} */
div.reservas-paso2 td {color:#666; padding:2px 0;}
div.reservas-paso2 tr.last td {background:none;}
div.reservas-paso2 td.precio {text-align:right; font-weight:bold; font-size:14px;}
div.reservas-paso2 td.descripcion {padding-left:20px;}
/* div.reservas-paso2 td.descripcion label {font-size:12px; display:block; line-height:200%; padding:0 0 5px 50px; background:url(i/iconos.gif) no-repeat 0 -193px;} */
div.reservas-paso2 td.descripcion label {font-size:11px; display:block; padding:0 0 5px 5px;}
div.reservas-paso2 td.input {vertical-align:top; padding-top:15px;}


div.reservas-paso3 fieldset {padding-bottom:40px;}
div.reservas-paso3 table {width:100%;}
div.reservas-paso3 th {background:url(i/ln_default1.gif) repeat-x bottom; padding-bottom:7px;}
div.reservas-paso3 th.titular {color:#21bcec; font-size:14px; text-align:left;}
div.reservas-paso3 th.precios {color:#666; font-size:10px; text-align:right;}
div.reservas-paso3 td {padding-top:15px; padding-bottom:5px;}
div.reservas-paso3 td.precio {text-align:right; padding-right:15px; color:#666; font-size:12px;}
div.reservas-paso3 td.descripcion {padding-left:50px; color:#666; font-size:12px; background:url(i/iconos.gif) no-repeat 0 -177px;}
div.reservas-paso3 tr.suplemento td.descripcion {background:none;}
div.reservas-paso3 td.total {text-align:right; font-weight:bold; font-size:12px; color:#666;}
div.reservas-paso3 td.total-precio {font-weight:bold; font-size:12px; color:#21bcec;}
div.reservas-paso3 td.anticipo {text-align:right; font-size:10px; padding-right:15px; padding-top:0;}
div.reservas-paso3 td.anticipo p {float:right; background:url(i/ln_default1.gif) repeat-x top; padding-top:7px;}
div.reservas-paso3 td.anticipo p span {color:#666;}
div.reservas-paso3 div.textarea {margin-top:-45px;}
div.reservas-paso3 label {color:#999; font-size:12px; font-weight:bold; margin-bottom:3px; display:block;}
div.reservas-paso3 textarea {width:230px; height:117px; border:solid 1px #a7a6aa; padding:1px; font-size:11px; color:#777; font-family:Arial, sans-serif;}

div.reservas-paso4 div.usuario {background:url(i/ln_default1.gif) repeat-x top; padding:28px 0 25px 0;}
div.reservas-paso4 div.usuario h3 {color:#21bcec; font-size:10px; text-decoration:normal;}
div.reservas-paso4 div.usuario p.descripcion {color:#666; font-size:10px; margin-bottom:10px;}
div.reservas-paso4 label {font-size:11px; color:#777; display:block; margin-bottom:2px;}
div.reservas-paso4 div.odd {float:left; width:225px; margin-bottom:10px;}
div.reservas-paso4 div.even {float:right; margin-bottom:10px;}
div.reservas-paso4 div.wide {clear:both; margin-bottom:10px;}
div.reservas-paso4 div.checkbox {clear:both;}
div.reservas-paso4 input.text {border:solid 1px #a7a6aa; padding:1px; font-size:11px; color:#777; width:220px;}
div.reservas-paso4 select {border:solid 1px #a7a6aa; padding:1px; font-size:11px; color:#777; width:224px;}
div.reservas-paso4 div.wide input.text {width:476px;}
div.reservas-paso4 div.checkbox input{float:left; margin-right:5px;}
div.reservas-paso4 div.checkbox a {color:#21bcec; text-decoration:none;}
div.reservas-paso4 div.checkbox a:hover {text-decoration:underline;}


/* 5. Sidebar /////////////////////////////////////////////////////////////////////////////////// */

div#sidebar h2 {font-size:12px; font-weight:bold; color:#666; background:url(i/ln_header1.jpg) no-repeat bottom; padding-bottom:5px; margin-bottom:15px;}
div#sidebar ul#subnav {list-style-type:none; font-size:12px; margin-bottom:23px;}
div#sidebar ul#subnav li {margin-bottom:2px;}
div#sidebar ul#subnav li a{color:#999; text-decoration:none; padding-left:9px;}
div#sidebar ul#subnav li a:hover, div#sidebar ul#subnav li a.active{color:#21bcec; background:url(i/icons.gif) no-repeat 0 -32px;}


/* 6. Extra /////////////////////////////////////////////////////////////////////////////////// */

div.formulario-reservas {background:url(i/bg_formulario_reservas_es.png) no-repeat; width:185px; height:357px; padding:20px 20px 40px 35px; font-size:12px; margin-bottom:10px;}
div.formulario-reservas h2 {display:none;}
div.formulario-reservas p.telefono {background:url(i/contacto_telefono.gif) no-repeat; width:148px; height:30px; margin-bottom:3px;}
div.formulario-reservas p.telefono span {display:none;}
div.formulario-reservas h3 {text-transform:uppercase; color:#21bcec; font-weight:bold; font-size:11px; margin-bottom:2px;}
div.formulario-reservas p.direccion {font-size:10px; margin-bottom:15px; color:#666;}
div.formulario-reservas p.eslogan {color:#666;}

div.formulario-reservas fieldset {padding-top:10px; margin-bottom:10px;}
div.formulario-reservas fieldset div.fecha-inicial p{float:left; margin-right:5px; clear:none;}
div.formulario-reservas fieldset p.fecha-final{margin-bottom:10px; overflow:hidden; height:100%;}
div.formulario-reservas fieldset p {margin-bottom:3px; clear:both; margin-bottom:10px; }
div.formulario-reservas label {font-size:11px;}
div.formulario-reservas select, div.formulario-reservas input.text{border:solid 1px #a7a6aa;}
div.formulario-reservas select, div.formulario-reservas option {font-size:10px; color:#555;}
div.formulario-reservas select.select1 {width:180px;}
div.formulario-reservas select.select2 {width:44px; float:left; margin-right:3px;}
div.formulario-reservas select.select3 {width:60px; float:left; margin-right:3px;}
div.formulario-reservas select.select4 {width:35px;}
div.formulario-reservas input.text {width:30px; font-size:10px; color:#555; padding:1px;}
div.formulario-reservas a.calendar {display:block; width:19px; height:15px; background:url(i/icons.gif) no-repeat 0 0; float:left;}
div.formulario-reservas a.calendar span {display:none;}
div.formulario-reservas div.personas {clear:both; overflow:hidden; height:100%; margin-bottom:10px;}
div.formulario-reservas div.personas p {float:left; clear:none; margin-right:5px;}
div.formulario-reservas input.submit {background-color:#eee; color:#369; font-size:12px; border-bottom:solid 1px #999; border-right:solid 1px #999; border-top:solid 1px #ccc; border-left:solid 1px #ccc; padding:1px;}

div.canarias{width:230px; height:110px; background:url(i/bg_canarias.jpg) no-repeat;}



/* 7. Footer /////////////////////////////////////////////////////////////////////////////////// */

/*
div#idiomas {clear:both; font-size:11px; padding-top:35px; float:right; overflow:hidden; height:100%; margin-bottom:10px; text-align:right; width:115px;}

div#idiomas p {text-align:right; float:left; margin-right:10px;}
div#idiomas ul {list-style-type:none; float:right; width:55px; height:9px; background:url(i/flags.gif) no-repeat; margin-top:2px; padding:1px 0 0 9px;}
div#idiomas ul li {float:left;}
div#idiomas ul li a {display:block; width:13px; height:9px; text-decoration:none;}

div#idiomas ul li.esp a {background:url(i/flags.gif) no-repeat -9px -11px; margin-right:8px;}
div#idiomas ul li.eng a {background:url(i/flags.gif) no-repeat -30px -11px; margin-right:8px;}
div#idiomas ul li.deu a {background:url(i/flags.gif) no-repeat -51px -11px;}
body.lng-es div#idiomas ul li.esp a, div#idiomas ul li.esp a:hover {background:url(i/flags.gif) no-repeat -9px -1px;}
body.lng-uk div#idiomas ul li.eng a, div#idiomas ul li.eng a:hover {background:url(i/flags.gif) no-repeat -30px -1px;}
body.lng-de div#idiomas ul li.deu a, div#idiomas ul li.deu a:hover {background:url(i/flags.gif) no-repeat -51px -1px;}

div#idiomas ul li a span {display:none;}
*/

#footer {clear:both; border-top:solid 1px #cdcdcd; padding:4px 0 50px 0; overflow:hidden; height:100%; color:#666;}
#footer p {font-size:11px; float:left;}
#footer p a {font-size:10px; color:#666; text-decoration:none;}
#footer p a:hover {text-decoration:underline;}
#footer p span {text-transform:capitalize; color:#21bcec; font-weight:bold;}

#footer ul {list-style-type:none; float:right; margin-top:-5px;}
#footer ul li {list-style-type:none; display:inline; font-size:11px;}
#footer ul li a {color:#666; text-decoration:none; border-left:solid 1px #666; padding-left:3px; margin-left:0;}
#footer ul li.first a {border-left:none; padding-left:0; margin-left:0;}
#footer ul li a:hover {text-decoration:underline;}