/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

/* CSS Hotel del Lago */
body {background-color: #231110; font: normal 11px "Lucida Grande",Arial,serif; text-align: center;}
#page {width: 980px; margin: 20px auto 0; text-align: left; position: relative;}

/* Logo */
div.logo-top {background: url('../images/logo.png') no-repeat; width: 165px; height: 75px; position: absolute; top: 25px; left: 15px; z-index: 2000;}

/* Idiomes */
#idiomes {position: absolute; top: 10px; margin-left: 840px; z-index: 999; color: #9B9C9E; font: normal 11px "Lucida Grande",Arial,serif;}
#idiomes a {color: #9B9C9E; text-decoration: none;}
#idiomes a:hover {color: #EFEFEF; text-decoration: underline; cursor: pointer;}
#idiomes a.active {color: #EFEFEF;}
#idiomes a.active:hover {text-decoration: none;}

/* Slideshow javascript */
.slider {margin: 0; width:980px; height:560px; background: url('../images/loader.gif') 474px 264px no-repeat;}

/* Menu */
ul#menu li {float: left; height: 28px; border-right: 1px solid #EFEFEF; text-transform: uppercase; font: normal 12px "Lucida Grande",Arial,serif; color: #FFF;}
ul#menu li.last {border-right: none;}

ul#menu li a {display: block; padding: 6px 0px 7px; color: #FFF; text-decoration: none; text-align: center;}

ul#menu li a.reservas {width: 108px;} ul#menu li a.hotel {width: 66px;} ul#menu li a.habitaciones {width: 176px;} ul#menu li a.jardin {width: 69px;}
ul#menu li a.spa {width: 127px;} ul#menu li a.convenciones {width: 123px;} ul#menu li a.actividades {width: 111px;} ul#menu li a.tarifas {width: 77px;} 
ul#menu li a.contacto {width: 115px;}

ul#menu li a.reservas_eng {width: 127px;} ul#menu li a.hotel_eng {width: 85px;} ul#menu li a.habitaciones_eng {width: 140px;} ul#menu li a.jardin_eng {width: 88px;}
ul#menu li a.spa_eng {width: 132px;} ul#menu li a.convenciones_eng {width: 123px;} ul#menu li a.actividades_eng {width: 100px;} ul#menu li a.tarifas_eng {width: 77px;} ul#menu li a.contacto_eng {width: 100px;}

ul#menu li a:hover {background: url('../images/menu_over.gif') top left repeat-x;}

#hotel ul#menu li a.hotel, #habitaciones ul#menu li a.habitaciones, #jardin ul#menu li a.jardin, #spa ul#menu li a.spa, #convenciones ul#menu li a.convenciones,
#actividades ul#menu li a.actividades, #tarifas ul#menu li a.tarifas, #contacto ul#menu li a.contacto,
#hotel ul#menu li a.hotel_eng, #habitaciones ul#menu li a.habitaciones_eng, #jardin ul#menu li a.jardin_eng, #spa ul#menu li a.spa_eng, #convenciones ul#menu li a.convenciones_eng, #actividades ul#menu li a.actividades_eng, #tarifas ul#menu li a.tarifas_eng, #contacto ul#menu li a.contacto_eng {background: url('../images/menu_over.gif') top left repeat-x;}

/* Botons Ofertas */
.buttons {width: 208px; height: 100px; margin-right: 1px; float: left;}

.esp a {background: url('../images/buttons_esp.png') no-repeat;}
.cat a {background: url('../images/buttons_cat.png') no-repeat;}
.eng a {background: url('../images/buttons_eng.png') no-repeat;}
.fra a {background: url('../images/buttons_fra.png') no-repeat;}

.ofertas a {width: 208px; height: 34px; background-position: 0px 0px; text-indent: -9999px; display: block;}
.ofertas a:hover {background-position: -209px 0px;}

.golf a {width: 208px; height: 33px; background-position: 0px -34px; text-indent: -9999px; display: block;}
.golf a:hover {background-position: -209px -34px;}

.regalo a {width: 208px; height: 33px; background-position: 0px -67px; text-indent: -9999px; display: block;}
.regalo a:hover {background-position: -209px -67px;}

/* Reservas i Newsletter */
.netbooking {width: 771px; height: 100px; background:url('../images/bg_reservas.gif') top left repeat-x; float: left;}

/* Reserves */
.booking {width: 430px; float: left; margin-top: 13px; padding: 0 0 0 15px; border-right: 1px solid #575759; height: 87px;}

.booking h2 {width: 80px; color: #575759; font-size: 12px; text-transform: uppercase;} span.subtitle {margin: 5px 0 0 45px; color: #575759; font-size: 13px; text-transform: uppercase; font-style: italic;}

.phone {float: right; height: 19px; margin: 8px 20px 0 0; background: url('../images/phone.gif') top left no-repeat; text-indent: 35px; font-size: 15px; color: #575759;}

.combos {margin-top: 12px;}
.combos input {background: #58585A; border: none; padding: 3px; color: #EFEFEF;}
.combos label {font-size: 0.82em; display: block; margin-bottom: 5px;} .combos a {color: #000; text-decoration: none;} .combos a:hover {text-decoration: underline;}
.combos .fecha {float: left; margin-right: 20px;}
.combos .fecha input {width: 80px; font-size: 0.91em; height: 14px; text-align: center; color: #EFEFEF; float: left;}
.combos .selector {float: left; margin-right: 15px;}
.combos .selector select {background: #58585A; border: none; padding: 3px; font-size: 0.91em; color: #EFEFEF; height: 20px; width: 50px;}

.combos input.enviar_reserva {float: left; width: 75px; height: 20px; margin-left: 4px; background: #3f3f40; color: #EFEFEF; font-size: 0.91em; padding: 4px; text-align: center; text-transform: uppercase; border: none; cursor: pointer;}
html>/**/body .combos input.enviar_reserva, x:-moz-any-link, x:default {padding: 3px 4px 5px;} /* Hack FireFox 3 */
.combos input.enviar_reserva:hover {background: #000;}

/* Newsletter*/
.newsletter {width: 310px; height: 87px; margin-top: 13px; padding: 0 0 0 15px; float: left;}
.newsletter h2 {color: #575759; font-size: 1.00em;}
.newsletter p {margin: 5px 0 4px 10px; font-size: 0.82em;}
.newsletter input.news_mail {float: left; margin: 0 0 0 10px; width: 220px; height: 18px; background: #58585A; color: #EFEFEF; font-size: 0.91em; border: none; padding: 7px 4px 0px; text-align: center;}

.newsletter input.enviar {float: left; margin-left: 3px; width: 50px; height: 25px; background: #3f3f40; color: #EFEFEF; font-size: 0.91em; padding: 4px; text-align: center; border: none; cursor: pointer;}
.newsletter input.enviar:hover {background: #000;}

.newsletter .radio {float: left; margin: 4px 20px 0 10px; font-size: 0.91em;}

.newsletter p.message {height: 29px; margin: 8px 0 0 10px; font-size: 0.91em; color: green;}
a.back {margin-left: 10px; color: #000; font-size: 0.91em;} a.back:hover {text-decoration: none;}

input:focus {outline: 1px solid #EFEFEF;}

/* Content */
h1 {background: url('../images/bg_h1.jpg') top left no-repeat; height: 30px; width: 980px; text-align: center; text-transform: uppercase; color: #EFEFEF; font: normal 15px "Lucida Grande",Arial,serif; line-height: 30px;}

div.text {margin: 40px 0;} div.text a {color: #EFEFEF;} div.text a:hover {text-decoration: none;}

div.text p {font: normal 12px "Lucida Grande",Arial,serif; line-height: 18px; margin: 20px 55px; color: #EFEFEF; word-spacing: 1px;}

div.text ul {margin: 20px 55px; list-style-type: square;}
div.text ul li {font: normal 12px "Lucida Grande",Arial,serif; line-height: 18px; color: #EFEFEF; word-spacing: 1px; margin-left: 30px;}

/* Spa&Wellness */
span.spa {color: #999;}

ul.masajes {float: left; width: 415px; list-style: none; margin: 0 0 40px 80px; padding: 0; font: 12px "Lucida Grande", Arial, serif; background: #231110; color: #EFEFEF;}
ul.masajes li { clear: both; margin: 0 10px; padding: 0 0 1.8em 0; position: relative; border-bottom: dotted 1px #EFEFEF; margin-bottom: 5px; }

ul.masajes strong { background: #231110; font-weight: normal; position: absolute; bottom: -.5em; left: 0; width: 270px;}
ul.masajes span.tiempo {width: 90px; right: 0;  position: absolute;}
ul.masajes span.precio { background: #231110; font: 12px "Lucida Grande", Arial, serif; position: absolute; bottom: -.3em; right: 0; width: 30px; text-align: right; padding: 0 0 0 30px;}

img.oferta_masaje {float: left; margin: 30px 0 0 80px;}

/* Actividades */
ul h3 {font-size: 12px; margin: 0px 0px 10px 10px; font-weight: bold; color: #999;}
ul.verano, ul.invierno, ul.enlaces {width: 200px; float: left;} ul li a {color: #EFEFEF;} ul li a:hover {text-decoration: none;}

/* No Slideshow */
div.no_image {margin: 0; width: 980px; height: 560px;}
div.logotipo {background: url('../images/logo.gif') 15px 25px no-repeat; width: 165px; height: 75px; padding-top: 25px; padding-left: 15px; margin-bottom: 14px;}

#tarifas img.imagen {float: left; margin-right: 70px; width: 197px; height: 446px;}
#contacto img.imagen {float: left; margin-right: 30px; width: 197px; height: 446px;}

/* Tarifas */
#listado_precios {float: left; width: 711px; margin: 0; font: normal 12px "Lucida Grande",Arial,serif; color: #EFEFEF;}

.cabecera_precios { font: 10px "Lucida Grande", Arial, serif; float: right; margin-bottom: 10px; margin-right: 170px;}
.cabecera_precios span { float: left; text-align: right; margin-left: 25px; font-weight: bold; color: #999999;} .english span {margin-left: 17px;}
 
.precios {width: 540px; list-style: none; margin: 0 0 2em; padding: 0; font: 12px "Lucida Grande", Arial, serif;}
.precios li { clear: both; margin: 0; padding: 0 0 1.8em 0; position: relative; border-bottom: dotted 1px #EFEFEF; margin-bottom: 5px; }
.precios li.no_linea { border-bottom: none; }

.precios strong { background: #231110; padding: 0 10px 0 0; font-weight: normal; position: absolute; bottom: -.3em; left: 0; }
.precios span.tarifa_1, .precios span.tarifa_2 { background: #231110; padding: 0 0 0 15px; font: 12px "Lucida Grande", Arial, serif; position: absolute; bottom: -.3em; right: 90px; width: 60px; text-align: right; }
.precios span.tarifa_2 { padding: 0 0 0 30px; right: 0; }
.precios span.extra { position: absolute; bottom: -.3em; right: -60px; font-size: 11px; }

.info {color: #EFEFEF; font-size: 11px; width: 711px; margin: 40px auto 0; font-weight: normal;} .info p {line-height: 17px;}
p.animales {font-size: 12px; display: block; margin: 20px 0;}
h5 {font-size: 11px; font-weight: bold; color: #999; margin-bottom: 5px;}

/* Contacto */
img.logo_viles {float: right; width: 150px; height: 75px; margin-top: 36px;}

.formulario {width: 750px; margin: 0 auto; overflow: hidden; font-size: 12px;}

.formulario form {width: 340px; margin-right: 0px; float: left;}

.formulario ol { margin: 0; padding: 0; list-style-image: none; list-style: none; }
.formulario ol li { margin-bottom: 20px;}
.formulario li label {display: block; color: #FFF; margin-bottom: 4px;}
.formulario input, textarea { width: 300px; border: 1px solid #412615; padding: 5px; background: #26130F; color: #EFEFEF; font-size: 11px; font-family: "Lucida Grande", Arial, sans;}

.formulario input:focus, .formulario textarea:focus {outline: 1px solid #693C15;}

.formulario input.contact_submit { height: 25px; width: 100px; border: 0; margin: 0; background: #412615; color: #EFEFEF; cursor: pointer; }
.formulario input.contact_submit:hover {background: #362012;}

.formulario li div.error {float: right; margin-right: 40px; font-size: 10px; color: #971618; font-weight: normal; display: none;}

.formulario div.exito, .formulario div.fallo {padding-left: 25px; margin: 15px 0px; width: 300px; text-align: left; font-size: 11px;}
.formulario div.exito {color: #00B525; background: url('../images/ok.png') top left no-repeat;}
.formulario div.fallo {color: #FF0000; background: url('../images/error.png') top left no-repeat;} .formulario div.fallo a {color: #FF0000; text-decoration: underline;}


div.mapa {width: 400px; float: left;}
div.mapa h3 {font-weight: bold; color: #EFEFEF; margin:0 0 10px 0;}
div.mapa p {margin: 8px 0; color: #EFEFEF;} div.mapa p a {color: #EFEFEF;} div.mapa p a:hover {text-decoration: none;}

.googlemaps {width: 398px; height: 235px; margin-top: 20px; padding:0; border: 1px solid #412615; background: #26130F;}
#map {z-index: 1000; top: 4px; left: 4px; width: 390px; height: 227px; overflow:hidden;}
.caption {width: 398px; text-align: right; margin-top: 5px; font-size: 11px; } .caption a {color: #EFEFEF;} .caption a:hover {text-decoration: none;}

/* Footer */
div#footer {background: url('../images/bg_footer.jpg') top left no-repeat; width: 980px; height: 30px;}

ul#sitemap {width: 945px;} ul.sitemap_castellano {margin: 0 20px;} ul.sitemap_english {margin: 0 40px;} ul.sitemap_catala {margin: 0 35px;} 
ul#sitemap li  {margin: 0; padding: 0; float: left; margin: 7px 0px 0px; }
ul#sitemap li a {padding: 0 20px; border-right: 1px solid #EFEFEF; height: 14px; font-size: 12px; color: #EFEFEF; text-decoration: none;} ul#sitemap li.last a {border-right: none;} ul#sitemap li a:hover {text-decoration: underline;}
div#direccio {text-align: center; margin: 20px auto; font-size: 12px; color: #EFEFEF; word-spacing: 1px;}
span.designby {margin-left: 20px; color: #999;} span.designby a {color: #999; text-decoration: none;} span.designby a:hover {text-decoration: underline;}

/* Altres */
div.clear {clear: both;}

/* Esqui - Regalo - Golf */
body#esqui, body#regalo {background: #231110; font: normal 12px "Lucida Grande",Arial,serif; color: #EFEFEF;}
#sidebar {position: fixed; width: 200px; top: 0; left: 0; float: left;}
.logo {background: url('../images/logo.gif') top left no-repeat; width: 165px; height: 75px; margin: 20px 0 50px 20px;}
.dades {text-align: right; line-height: 18px; margin-right: 30px;} .dades a {color: #EFEFEF; text-decoration: none;}
a.boto {width: 60px; padding: 4px; background: #412615; display: block; margin: 30px 30px 0 0;; color: #EFEFEF; text-decoration: none; float: right;} a.boto:hover {background: #362012;}

#content {width: 700px; margin-left: 270px; float: left; overflow: hidden; text-align: left;}
#content h4 {font: normal 25px "Lucida Grande",Arial,serif; color: #EFEFEF; margin: 20px 0;}
#content h5 {font-size: 14px; color: #B34300; margin-bottom: 15px;}
.oferta, .cheque {margin-bottom: 20px; border-bottom: 2px dotted #412615; overflow: hidden;}
.oferta span {float: left;}
.oferta span.fechas {float: left; width: 290px; margin-left: 20px; margin-bottom: 20px;}
#content span.limitada {float: right; color: #B34300;}
.oferta p.titular {margin: 20px 0 0; text-transform: uppercase; color: #999;}
.oferta p.desayuno {margin: 20px 0 15px; color: #EFEFEF;}
.oferta p.iva {margin-bottom: 20px; color: #999; font-size: 11px;}

.oferta ul.precios_esqui {margin: 10px 0 20px; padding: 0; overflow: hidden;}
.oferta ul.precios_esqui li {padding: 0; line-height: 20px;}
.oferta span.tipo_habitacion {width: 250px; margin-right: 20px;}
.oferta span.tipo_precio {width: 160px; margin-right: 20px;}
.oferta span.tipo_datos {width: 250px;}

.links {margin: 40px 30px 0 60px; width: 110px;} .links h3 {color: #B34300; font-weight: normal; margin-bottom: 3px;} 
.links a img {border: 1px solid #412615; padding: 2px; margin: 4px 0;} .links a:hover img {border: 1px solid #59341D;}
.links span.captation {text-align: left; font-size: 10px; margin-top: 5px;}

.cheque p {margin: 20px 0;}
.cheque p span {color: #B34300;} .cheque p a {color: #EFEFEF; text-decoration: underline;} .cheque p a:hover {text-decoration: none;}

table.golf_precios {width: 700px; margin: 10px 0 20px; padding: 0;}
table.golf_precios td {padding: 5px;}
table.golf_precios tr.golf_fechas td {color: #999;} table.golf_precios tr.golf_dias td {color: #efefef;}
table.golf_precios td.golf_habitacion {width: 240px;} td.golf_precio {width: 85px;} td.golf_agosto {width: 114px;}

/* Banner Cerdanya Activa */
a.cerdanya-activa-es {background: url(../images/cerdanya-activa-es.png) no-repeat; float: right; margin: 0 40px 40px 30px; width: 327px; height: 84px; text-indent: -9999px;}
a.cerdanya-activa-ca {background: url(../images/cerdanya-activa-ca.png) no-repeat; float: right; margin: 0 40px 40px 30px; width: 327px; height: 84px; text-indent: -9999px;}
a.cerdanya-activa-en {background: url(../images/cerdanya-activa-en.png) no-repeat; float: right; margin: 0 40px 40px 30px; width: 327px; height: 84px; text-indent: -9999px;}
a.cerdanya-activa-fr {background: url(../images/cerdanya-activa-fr.png) no-repeat; float: right; margin: 0 40px 40px 30px; width: 327px; height: 84px; text-indent: -9999px;}

a.cerdanya-activa-es:hover, a.cerdanya-activa-ca:hover, a.cerdanya-activa-en:hover, a.cerdanya-activa-fr:hover {background-position: 0 bottom;}

#cerdanya-activa {width: 600px; margin: 0 auto;}
#cerdanya-activa img {float: left; width: 200px; margin-right: 40px;}
#cerdanya-activa .cerdanya-activa-info {float: left; width: 360px; text-align: left;}
#cerdanya-activa .cerdanya-activa-info h5 {margin: 20px 0 0; color: #00722D; font-size: 18px; background: white; font-weight: bold; text-align: left; text-transform: none;}
#cerdanya-activa .cerdanya-activa-info p {font-size: 12px; color: #000; margin: 10px 0; line-height: 16px; text-align: left;}
#cerdanya-activa .cerdanya-activa-info p span {font-weight: bold; font-size: 13px;}
#cerdanya-activa .cerdanya-activa-info a {color: #b8680c; font-weight: bold; font-size: 13px; text-decoration: none; border-bottom: 1px dotted #b8680c;}
#cerdanya-activa .cerdanya-activa-info a:hover {border-bottom: 1px solid #b8680c;}

/* Reserva Anticipada */
#anticipadas {background: #231110; font: normal 12px "Lucida Grande",Arial,serif;}

#anticipadas .oferta, #anticipadas #sidebar {color: #EFEFEF; border-bottom: none;}

#anticipadas h4 span {color: #999; font-weight: normal; font-size: 13px;}

a.reservar-now {font-size: 15px; color: #B34300; float: right; margin-top: 30px; text-decoration: none; text-transform: uppercase;} a.reservar-now:hover {text-decoration: underline;}

.netbooking-reservas {width: 700px; height: 100px; margin: 0 auto 60px; padding: 10px 0; background:url('../images/bg_reservas.gif') top left repeat-x;}

.netbooking-reservas .combos .fecha {margin-right: 40px;}
.netbooking-reservas .combos .selector {margin-right: 40px;}
.netbooking-reservas .combos .selector select {width: 45px;}

.netbooking-reservas .booking {width: 530px; margin: 0 85px 0; padding: 0 0 0 15px; border-right: none; height: 87px;}

#anticipadas .oferta {margin-bottom: 0;}
#anticipadas .oferta p.titular {color: #B34300;}
.oferta p.explicacion {margin: 20px 0 15px; color: #EFEFEF; line-height: 20px;}
.oferta p.grey {color: #999; width: 330px; margin-right: 40px; float: left;}
.oferta p.subtitle {margin-right: 0; color: #999;}
.oferta ol.condiciones {margin: 10px 0 20px; padding-left: 25px; color: #999; list-style-type: decimal;}
.oferta ol.condiciones li {margin-bottom: 10px; line-height: 18px;}

.oferta ul.precios_reserva {margin: 10px 40px 20px 0; padding: 0; overflow: hidden; width: 330px; float: left;}
.oferta ul.right {margin-right: 0;}
.oferta ul.precios_reserva li {padding: 0; line-height: 20px;}
.oferta ul.precios_reserva li span.tipo_habitacion {width: 270px; margin-right: 10px;}
.oferta ul.precios_reserva li span.tipo_precio {width: 50px; margin-right: 0; text-align: right;}

/* Sticker Home */
a.sticker {position: absolute; top: 396px; right: 10px; width: 156px; height: 156px; z-index: 999999; text-indent: -9999px;}
a.cas {background: url('../images/sticker-es.png') left top no-repeat;}
a.cat {background: url('../images/sticker-ca.png') left top no-repeat;}
a.cas:hover, a.cat:hover {background-position: left bottom;}