ElJardinDeCarrejo_Web/css/paginas.css

821 lines
19 KiB
CSS

@charset "utf-8";
#cuerpo.entrada {
background: #fff;
}
#cuerpo.entrada h1 {
height: 0;
overflow: hidden;
padding: 170px 0 0 0;
background: url(../img/fondos/fondo-entrada.gif) no-repeat;
}
#cuerpo.entrada pre {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 14px;
color: #999;
}
#cuerpo.entrada pre a {
height: auto;
padding: 0;
color: #999;
}
#cuerpo.entrada .reserva-online {
background: url(../img/textos/reserva-online.gif) no-repeat;
}
#cuerpo.entrada a.ofertas {
background: url(../img/ofertas-especiales.gif) no-repeat;
}
#cuerpo.entrada a.ofertas:hover {
background: url(../img/ofertas-especiales_stop.gif) no-repeat;
}
#cuerpo.entrada .tripadvisor, #cuerpo.entrada .facebook,
#cuerpo.entrada .castellano, #cuerpo.entrada .ingles {
height: auto;
background: none;
padding: 0;
margin-top: 20px;
text-align: center;
}
#cuerpo.entrada .castellano, #cuerpo.entrada .ingles {
margin: 40px 0;
}
#cuerpo.inicio {
background: url(../img/fondos/fondo-inicio.jpg) no-repeat;
}
#cuerpo.inicio a.elhotel:hover {
background: url(../img/textos/elhotelon.gif) no-repeat;
}
#cuerpo.inicio a.thehotel:hover {
background: url(../img/textos/thehotel.gif) no-repeat;
}
#cuerpo.inicio a.eljardin:hover {
background: url(../img/textos/eljardinon.gif) no-repeat;
}
#cuerpo.inicio a.thegarden:hover {
background: url(../img/textos/thegarden.gif) no-repeat;
}
#cuerpo.inicio a.habitaciones:hover {
background: url(../img/textos/habitacioneson.gif) no-repeat;
}
#cuerpo.inicio a.rooms:hover {
background: url(../img/textos/rooms.gif) no-repeat;
}
#cuerpo.inicio a.desayunos:hover {
background: url(../img/textos/desayunoson.gif) no-repeat;
}
#cuerpo.inicio a.breakfast:hover {
background: url(../img/textos/breakfast.gif) no-repeat;
}
#cuerpo.inicio a.fotos:hover {
background: url(../img/textos/fotoson.gif) no-repeat;
}
#cuerpo.inicio a.photos:hover {
background: url(../img/textos/photos.gif) no-repeat;
}
#cuerpo.inicio a.servicios:hover {
background: url(../img/textos/servicioson.gif) no-repeat;
}
#cuerpo.inicio a.services:hover {
background: url(../img/textos/services.gif) no-repeat;
}
#cuerpo.inicio a.actividades:hover {
background: url(../img/textos/actividadeson.gif) no-repeat;
}
#cuerpo.inicio a.activities:hover {
background: url(../img/textos/activities.gif) no-repeat;
}
#cuerpo.inicio a.tarifas:hover {
background: url(../img/textos/tarifason.gif) no-repeat;
}
#cuerpo.inicio a.prices:hover {
background: url(../img/textos/pricesreservations.gif) no-repeat;
}
#cuerpo.inicio a.situacion:hover {
background: url(../img/textos/llegaron.gif) no-repeat;
}
#cuerpo.inicio a.location:hover {
background: url(../img/textos/coming.gif) no-repeat;
}
#cuerpo.inicio a.ofertas:hover {
background: url(../img/textos/noticiason.gif) no-repeat;
}
#cuerpo.inicio a.offers:hover {
background: url(../img/textos/news.gif) no-repeat;
}
#cuerpo.inicio a.enlaces:hover {
background: url(../img/textos/linkson.gif) no-repeat;
}
#cuerpo.inicio a.links:hover {
background: url(../img/textos/linksinteresting.gif) no-repeat;
}
#cuerpo.elhotel {
background: url(../img/fondos/fondo-elhotel.jpg) no-repeat;
}
#cuerpo.elhotel .seccion1 {
position: relative;
top: 0px;
padding-left: 20px;
height: 170px;
width: 377px;
}
#cuerpo.elhotel .seccion2 {
position: relative;
top: 0px;
padding-left: 20px;
height: 170px;
width: 577px;
}
#cuerpo.elhotel a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.elhotel a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.elhotel a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.elhotel a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.elhotel a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.elhotel a.menu-elhotel:hover {
background: url(../img/textos/menualhotel.gif) no-repeat;
}
#cuerpo.elhotel a.menu-thehotel:hover {
background: url(../img/textos/backhotel.gif) no-repeat;
}
#cuerpo.elhotel a.fotos:hover {
background: url(../img/textos/fotosjardinon.gif) no-repeat;
}
#cuerpo.elhotel a.photos:hover {
background: url(../img/textos/photo.gif) no-repeat;
}
#cuerpo.eljardin {
background: url(../img/fondos/fondo-eljardin.jpg) no-repeat;
}
#cuerpo.eljardin .seccion1 {
position: relative;
top: 0px;
padding-left: 20px;
height: 170px;
width: 577px;
}
#cuerpo.eljardin .seccion2 {
position: relative;
top: 0px;
left: 198px;
padding-left: 20px;
height: 170px;
width: 379px;
}
#cuerpo.eljardin a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.eljardin a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.eljardin a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.eljardin a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.eljardin a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.eljardin a.menu-eljardin:hover {
background: url(../img/textos/menualjardin.gif) no-repeat;
}
#cuerpo.eljardin a.menu-thegarden:hover {
background: url(../img/textos/backgarden.gif) no-repeat;
}
#cuerpo.eljardin a.fotos:hover {
background: url(../img/textos/fotosjardinon.gif) no-repeat;
}
#cuerpo.eljardin a.photos:hover {
background: url(../img/textos/photo.gif) no-repeat;
}
#cuerpo.habitaciones {
background: url(../img/fondos/fondo-habitaciones.jpg) no-repeat;
}
#cuerpo.habitaciones a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.habitaciones a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.habitaciones a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.habitaciones a.habitaciones:hover {
background: url(../img/textos/habitacion.gif) no-repeat;
}
#cuerpo.habitaciones a.rooms:hover {
background: url(../img/textos/rooms.gif) no-repeat;
}
#cuerpo.habitaciones a.suites-jardin:hover {
background: url(../img/textos/Suiteson.gif) no-repeat;
}
#cuerpo.habitaciones a.suites:hover {
background: url(../img/textos/backsuites.gif) no-repeat;
}
#cuerpo.habitaciones-0 {
background: url(../img/fondos/fondo-habitaciones0.jpg) no-repeat;
}
#cuerpo.habitaciones-0 .descripcion-foto {
position: relative;
top: 172px;
width: 790px;
height: 335px;
}
#cuerpo.habitaciones-0 .seccion {
position: relative;
top: 0px;
padding-left: 20px;
height: 339px;
width: 577px;
}
#cuerpo.habitaciones-0 a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.menu-habitaciones:hover {
background: url(../img/textos/menuhabitaciones.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.menu-rooms:hover {
background: url(../img/textos/backrooms.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.fotos:hover {
background: url(../img/textos/fotosjardinon.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.photos:hover {
background: url(../img/textos/photo.gif) no-repeat;
}
#cuerpo.habitaciones-0 a.habitaciones:hover {
background: url(../img/textos/habitacion.gif) no-repeat;
}
#cuerpo.suites-jardin {
background: url(../img/fondos/fondo-suitejardin.jpg) no-repeat;
}
#cuerpo.suites-jardin .seccion {
position: relative;
top: 0px;
padding-left: 20px;
height: 339px;
width: 575px;
}
#cuerpo.suites-jardin a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.suites-jardin a.menu-habitaciones:hover {
background: url(../img/textos/menuhabitaciones.gif) no-repeat;
}
#cuerpo.suites-jardin a.menu-rooms:hover {
background: url(../img/textos/backrooms.gif) no-repeat;
}
#cuerpo.suites-jardin a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.suites-jardin a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.suites-jardin a.fotos:hover {
background: url(../img/textos/fotosjardinon.gif) no-repeat;
}
#cuerpo.suites-jardin a.photos:hover {
background: url(../img/textos/photo.gif) no-repeat;
}
#cuerpo.suites-jardin a.suites:hover {
background: url(../img/textos/Suiteson.gif) no-repeat;
}
#cuerpo.suites-jardin a.menu-suites:hover {
background: url(../img/textos/backsuites.gif) no-repeat;
}
#cuerpo.desayunos {
background: url(../img/fondos/fondo-desayunos.jpg) no-repeat;
}
#cuerpo.desayunos a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.desayunos a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.desayunos a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.desayunos a.menu-desayunos:hover {
background: url(../img/textos/menuadesayunosverde.gif) no-repeat;
}
#cuerpo.desayunos a.breakfasts-menu:hover {
background: url(../img/textos/backbreakanddinner.gif) no-repeat;
}
#cuerpo.desayunos a.naranja:hover {
background: url(../img/textos/menuadesayunosnaranja.gif) no-repeat;
}
#cuerpo.desayunos a.desayunos:hover {
background: url(../img/textos/desayunoson.gif) no-repeat;
}
#cuerpo.desayunos a.breakfasts:hover {
background: url(../img/textos/breakfast2.gif) no-repeat;
}
#cuerpo.desayunos a.cenas:hover {
background: url(../img/textos/cenason.gif) no-repeat;
}
#cuerpo.desayunos a.dinners:hover {
background: url(../img/textos/dinners2.gif) no-repeat;
}
#cuerpo.desayunos .seccion-desayunos {
position: relative;
top: 0px;
padding-left: 20px;
height: 169px;
width: 377px;
text-align: left;
}
#cuerpo.desayunos .seccion-cenas {
position: relative;
top: 0px;
left: 397px;
padding-right: 20px;
height: 169px;
width: 377px;
text-align: right;
}
#cuerpo.fotos {
background: url(../img/fondos/fondo-coleccion-fotos.jpg) no-repeat;
}
#cuerpo.fotos .seccion {
position: relative;
top: 0px;
left: 397px;
padding-right: 20px;
height: 169px;
width: 377px;
text-align: right;
}
#cuerpo.fotos a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.fotos a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.fotos a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.fotos a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.fotos a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.fotos a.menu-fotos:hover {
background: url(../img/textos/menucoleccionfotos.gif) no-repeat;
}
#cuerpo.fotos a.photos-menu:hover {
background: url(../img/textos/backcollletions.gif) no-repeat;
}
#cuerpo.servicios {
background: url(../img/fondos/fondo-servicios.jpg) no-repeat;
}
#cuerpo.servicios .seccion {
position: relative;
top: 0px;
left: 397px;
padding-left: 20px;
height: 339px;
width: 377px;
text-align: left;
}
#cuerpo.servicios a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.servicios a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.servicios a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.servicios a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.servicios a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.servicios a.menu-servicios:hover {
background: url(../img/textos/menuservicios.gif) no-repeat;
}
#cuerpo.servicios a.services-menu:hover {
background: url(../img/textos/backservices.gif) no-repeat;
}
#cuerpo.actividades {
background: url(../img/fondos/fondo-actividades.jpg) no-repeat;
}
#cuerpo.actividades .seccion {
position: relative;
top: 0px;
padding-left: 20px;
height: 339px;
width: 577px;
}
#cuerpo.actividades a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.actividades a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.actividades a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.actividades a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.actividades a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.actividades a.fotos:hover {
background: url(../img/textos/fotosjardinon.gif) no-repeat;
}
#cuerpo.actividades a.photos:hover {
background: url(../img/textos/photo.gif) no-repeat;
}
#cuerpo.actividades a.menu-actividades:hover {
background: url(../img/textos/menualrededores.gif) no-repeat;
}
#cuerpo.actividades a.activities-menu:hover {
background: url(../img/textos/backactivities.gif) no-repeat;
}
#cuerpo.tarifas {
background: url(../img/fondos/fondo-tarifas.jpg) no-repeat;
}
#cuerpo.tarifas .seccion1 {
position: relative;
top: 0px;
padding-left: 20px;
height: 170px;
width: 377px;
}
#cuerpo.tarifas .seccion2 {
position: relative;
top: 0px;
padding-left: 20px;
height: 170px;
width: 577px;
}
#cuerpo.tarifas a.inicio:hover {
background: url(../img/logo.gif) no-repeat;
}
#cuerpo.tarifas a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.tarifas a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.tarifas a.menu-reservas-precios:hover {
background: url(../img/textos/menureservasyprecios.gif) no-repeat;
}
#cuerpo.tarifas a.prices-menu:hover {
background: url(../img/textos/backprices.gif) no-repeat;
}
#cuerpo.tarifas a.reservas:hover {
background: url(../img/textos/reservason.gif) no-repeat;
}
#cuerpo.tarifas a.reservations:hover {
background: url(../img/textos/backreservations.gif) no-repeat;
}
#cuerpo.tarifas a.precios:hover {
background: url(../img/textos/tarifason.gif) no-repeat;
}
#cuerpo.tarifas a.prices:hover {
background: url(../img/textos/prizesverde.gif) no-repeat;
}
#cuerpo.tarifas .seccion-1, #cuerpo.tarifas .seccion-2 {
position: relative;
top: 0px;
float: left;
padding-left: 20px;
height: 340px;
width: 378px;
}
#cuerpo.tarifas .seccion-2 {
float: right;
}
#cuerpo.tarifas .aviso {
font-weight: bold;
color: #FF0000;
font-size: 10px;
}
#cuerpo.situacion {
background: url(../img/fondos/fondo-situacion.jpg) no-repeat;
}
#cuerpo.situacion a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.situacion a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.situacion a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.situacion a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.situacion .seccion {
position: relative;
top: 0px;
padding-left: 20px;
height: 339px;
width: 377px;
}
#cuerpo.enlaces {
background: url(../img/fondos/fondo-enlaces.jpg) no-repeat;
}
#cuerpo.enlaces a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.enlaces a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.enlaces a.menu-enlaces:hover {
background: url(../img/textos/menulinks.gif) no-repeat;
}
#cuerpo.enlaces a.links-menu:hover {
background: url(../img/textos/backlinks.gif) no-repeat;
}
#cuerpo.enlaces a.descripcion:hover {
background: url(../img/textos/descripcionon.gif) no-repeat;
}
#cuerpo.enlaces a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.enlaces .seccion {
position: relative;
top: 0px;
left: 397px;
padding-left: 20px;
height: 339px;
width: 377px;
}
#cuerpo.ofertas {
background: url(../img/fondos/fondo-ofertas.jpg) no-repeat;
}
#cuerpo.ofertas a.menu-principal:hover {
background: url(../img/textos/menuon.gif) no-repeat;
}
#cuerpo.ofertas a.main-menu:hover {
background: url(../img/textos/principal.gif) no-repeat;
}
#cuerpo.ofertas a.menu-enlaces:hover {
background: url(../img/textos/menulinks.gif) no-repeat;
}
#cuerpo.ofertas a.links-menu:hover {
background: url(../img/textos/backnews.gif) no-repeat;
}
#cuerpo.ofertas a.descripcion {
background: url(../img/textos/propuestasofertas.gif) no-repeat;
}
#cuerpo.ofertas a.description:hover {
background: url(../img/textos/description.gif) no-repeat;
}
#cuerpo.ofertas .seccion {
position: relative;
top: 0px;
left: 397px;
padding-left: 20px;
height: 339px;
width: 377px;
}
#cuerpo.ofertas .scroll {
height: 338px;
scrollbar-arrow-color: #666;
scrollbar-highlight-color: #fff;
scrollbar-track-color: #fff;
scrollbar-face-color: #fff;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #fff;
background-color: #fff;
padding: 0px 0px 0px 25px;
}
#cuerpo.en-obras {
background: #fff;
}
#cuerpo.en-obras .aviso {
margin: 0 auto;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 12px;
color: #333;
border: 1px solid #fff;
width: 400px;
height: 170px;
background: url(../img/logo.gif) left top no-repeat #ccc;
}
#cuerpo.en-obras p {
margin-left: 220px;
margin-top: 50px;
}
/* Auxiliar */
#cuerpo.sinfondo {
background: #fff;
}
#cuerpo ul li a.normal {
display: inline;
height: auto;
padding: 0;
overflow: display;
}
#cuerpo pre {
background: #fff;
}
#cuerpo img.foto-galeria {
width: 198px;
height: 170px;
}
#cuerpo.centrado-vertical {
min-height: 10em;
display: table-cell;
vertical-align: middle;
}