david
b6dfbc6cf3
- Nuevo pie de página - Código para redes sociales (hecho por otra persona) git-svn-id: https://192.168.0.254/svn/Proyectos.CasonaDeSuesa_Web/trunk@8 de94f0af-3a1b-bf4d-aefa-fad6b661e968
839 lines
14 KiB
CSS
839 lines
14 KiB
CSS
@charset "utf-8";
|
|
|
|
/* CASTELLANO */
|
|
|
|
div.inicio {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 262px 0 0 0;
|
|
overflow: hidden;
|
|
background: url(imagenes/fondo-inicio.jpg) no-repeat;
|
|
}
|
|
|
|
div.inicio span {
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
div.inicio #reserva-online {
|
|
position: relative;
|
|
top: -50px;
|
|
left: 10px;
|
|
width: 246px;
|
|
height: 33px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
div.inicio #san-valentin-2014 {
|
|
position: relative;
|
|
top: -230px;
|
|
right: 25px;
|
|
width: 249px;
|
|
height: 210px;
|
|
display: block;
|
|
float: right;
|
|
}
|
|
|
|
div.elhotel {
|
|
width: 780px;
|
|
height: 270px;
|
|
background: url(imagenes/fondo-el-hotel.jpg) no-repeat;
|
|
}
|
|
div.elhotel h2 {
|
|
font-size: 15px;
|
|
padding: 10px 40px;
|
|
}
|
|
|
|
div.elhotel p {
|
|
font-size: 11px;
|
|
padding: 0px 40px 10px 40px;
|
|
line-height: 150%;
|
|
}
|
|
|
|
div.elhotel ul {
|
|
font-size: 11px;
|
|
line-height: 130%;
|
|
width: 49%;
|
|
float: left;
|
|
padding: 0;
|
|
margin: 0 0 6px 0;
|
|
}
|
|
|
|
div.elhotel li {
|
|
margin-left: 50px;
|
|
}
|
|
|
|
div.habitaciones {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: #fff url(imagenes/fondo-habitaciones.jpg) no-repeat;
|
|
}
|
|
|
|
div.habitaciones #hab-doble {
|
|
position: relative;
|
|
top: -190px;
|
|
left: 180px;
|
|
width: 120px;
|
|
height: 160px;
|
|
display: block;
|
|
}
|
|
|
|
div.habitaciones #hab-doble-superior {
|
|
position: relative;
|
|
top: -400px;
|
|
left: 330px;
|
|
width: 135px;
|
|
height: 180px;
|
|
display: block;
|
|
}
|
|
|
|
div.habitaciones #hab-doble-especial {
|
|
position: relative;
|
|
top: -530px;
|
|
left: 490px;
|
|
width: 120px;
|
|
height: 165px;
|
|
display: block;
|
|
}
|
|
|
|
div.habitacion {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #fff;
|
|
}
|
|
|
|
div.habitacion .texto-hab-doble {
|
|
float: left;
|
|
width: 348px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-habitacion-doble.gif) no-repeat;
|
|
}
|
|
|
|
div.habitacion .texto-hab-doble-superior {
|
|
float: left;
|
|
width: 348px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-habitacion-doble-superior.gif) no-repeat;
|
|
}
|
|
|
|
div.habitacion .texto-hab-doble-especial {
|
|
float: left;
|
|
width: 348px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-habitacion-doble-especial.gif) no-repeat;
|
|
}
|
|
|
|
div.habitacion a {
|
|
position: relative;
|
|
top: -126px;
|
|
left: 140px;
|
|
width: 195px;
|
|
height: 30px;
|
|
display: block;
|
|
}
|
|
|
|
div.habitacion .foto {
|
|
float: right;
|
|
width: 432px;
|
|
height: 263px;
|
|
}
|
|
|
|
div.reservas {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: url(imagenes/fondo-reservas.gif) no-repeat;
|
|
}
|
|
|
|
div.reservas .texto {
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
font-size: 14px;
|
|
margin-top: 45px;
|
|
text-align: center;
|
|
float: left;
|
|
width: 388px;
|
|
height: 220px;
|
|
}
|
|
|
|
div.reservas .foto {
|
|
float: right;
|
|
width: 392px;
|
|
height: 263px;
|
|
}
|
|
|
|
div.comollegar {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 286px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/mapa.gif) no-repeat;
|
|
}
|
|
|
|
div.comollegar .suesa {
|
|
position: relative;
|
|
top: -250px;
|
|
left: 510px;
|
|
width: 100px;
|
|
height: 65px;
|
|
display: block;
|
|
}
|
|
|
|
div.comollegar-suesa {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/mapa-suesa.gif) no-repeat;
|
|
}
|
|
|
|
div.comollegar-suesa .mapa {
|
|
position: relative;
|
|
top: -95px;
|
|
left: 6px;
|
|
width: 160px;
|
|
height: 25px;
|
|
display: block;
|
|
}
|
|
|
|
div.playas {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/fondo-playas.jpg) no-repeat;
|
|
}
|
|
|
|
div.playas ul {
|
|
float: right;
|
|
display: block;
|
|
position: relative;
|
|
top: -183px;
|
|
right: 10px;
|
|
width: 510px;
|
|
height: 25px;
|
|
}
|
|
|
|
div.playas li {
|
|
float: left;
|
|
width: 100px;
|
|
height: 25px;
|
|
display: block;
|
|
}
|
|
|
|
div.playas a {
|
|
display: block;
|
|
height: 25px;
|
|
width: 100px;
|
|
}
|
|
|
|
div.playa {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #fff;
|
|
}
|
|
|
|
div.playa a {
|
|
position: relative;
|
|
top: -180px;
|
|
left: 180px;
|
|
width: 140px;
|
|
height: 25px;
|
|
display: block;
|
|
}
|
|
|
|
div.playa .foto {
|
|
float: right;
|
|
height: 263px;
|
|
width: 447px;
|
|
}
|
|
|
|
div.playa .texto-playa-langre {
|
|
float: left;
|
|
width: 333px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-langre.gif) no-repeat;
|
|
}
|
|
|
|
div.playa .texto-playa-loredo {
|
|
float: left;
|
|
width: 333px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-loredo.gif) no-repeat;
|
|
}
|
|
|
|
div.playa .texto-playa-somo {
|
|
float: left;
|
|
width: 333px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-somo.gif) no-repeat;
|
|
}
|
|
|
|
div.playa .texto-playa-galizano {
|
|
float: left;
|
|
width: 333px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-galizano.gif) no-repeat;
|
|
}
|
|
|
|
div.otras-playas {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #fff;
|
|
}
|
|
|
|
div.otras-playas a {
|
|
position: relative;
|
|
top: -110px;
|
|
left: 45px;
|
|
width: 140px;
|
|
height: 25px;
|
|
display: block;
|
|
}
|
|
|
|
div.otras-playas .texto-playa-sardinero {
|
|
float: left;
|
|
width: 201px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-sardinero.jpg) no-repeat;
|
|
}
|
|
|
|
div.otras-playas .texto-playa-arnillas {
|
|
float: left;
|
|
width: 192px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-arnillas.jpg) no-repeat;
|
|
}
|
|
|
|
div.otras-playas .texto-playa-ajo {
|
|
float: left;
|
|
width: 200px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-ajo.jpg) no-repeat;
|
|
}
|
|
|
|
div.otras-playas .texto-playa-berria {
|
|
float: left;
|
|
width: 187px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/texto-playa-berria.jpg) no-repeat;
|
|
}
|
|
|
|
div.estancias-especiales {
|
|
background-color:#CCCC66;
|
|
padding-left: 20px;
|
|
border: 1px solid #666;
|
|
height: 263px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
div.estancias-especiales a {
|
|
color: #CC0000;
|
|
}
|
|
|
|
div.estancias-especiales hr {
|
|
margin: 20px 20px 20px 0;
|
|
border: 0;
|
|
border-bottom: 1px dotted #666;
|
|
height: 0;
|
|
}
|
|
|
|
div.estancias-especiales h2 {
|
|
margin: 20px 0;
|
|
color: #660000;
|
|
}
|
|
|
|
div.estancias-especiales h3 {
|
|
font-size: 13px;
|
|
margin: 5px 0 8px 0;
|
|
padding: 0;
|
|
color: #CC0000;
|
|
}
|
|
|
|
div.estancias-especiales ul {
|
|
margin-left: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.estancias-especiales p {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
div.estancias-especiales .condiciones {
|
|
color: #660000;
|
|
}
|
|
|
|
div.fotos {
|
|
width: 780px;
|
|
height: 260px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background: url(imagenes/fondo-fotos.jpg) no-repeat;
|
|
}
|
|
|
|
div.fotos ul {
|
|
height: 100%;
|
|
width: 100%;
|
|
padding-top: 15px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.fotos li {
|
|
float: left;
|
|
display: block;
|
|
margin: 0px 8px 10px 8px;
|
|
width: 112px;
|
|
height: 112px;
|
|
}
|
|
|
|
div.fotos a {
|
|
display: block;
|
|
width: 112px;
|
|
height: 112px;
|
|
}
|
|
|
|
div.alfinsolos {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/fondo-solos.jpg) no-repeat;
|
|
}
|
|
|
|
div.tenundetalle {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/fondo-ten-un-detalle.jpg) no-repeat;
|
|
}
|
|
|
|
div.regalanoches {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/fondo-regala-noches.jpg) no-repeat;
|
|
}
|
|
|
|
div.precios {
|
|
line-height: 120%;
|
|
width: 780px;
|
|
height: 263px;
|
|
background: url(imagenes/fondo-precios.jpg) no-repeat;
|
|
color: #333;
|
|
}
|
|
div.precios .texto-seguro {
|
|
float: right;
|
|
width: 120px;
|
|
height: 0;
|
|
padding: 130px 0 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.precios .texto-precios {
|
|
float: left;
|
|
margin-left: 160px;
|
|
width: 490px;
|
|
}
|
|
|
|
div.precios h2 {
|
|
margin: 5px 0px 8px 0;
|
|
}
|
|
|
|
div.precios p {
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
div.precios #tabla-precios {
|
|
line-height: 100%;
|
|
margin: 0 auto;
|
|
margin-bottom: 15px;
|
|
border-bottom: 1px solid;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
div.precios #tabla-precios th {
|
|
text-align: left;
|
|
padding: 5px 10px 5px 0;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
div.precios #tabla-precios td {
|
|
padding: 2px 10px 2px 0;
|
|
border-bottom: 1px solid #693;
|
|
|
|
}
|
|
|
|
div.precios #tabla-precios .precio {
|
|
text-align: right;
|
|
}
|
|
|
|
div.cosucas {
|
|
background-color: #CCFF66;
|
|
padding: 0 20px;
|
|
border: 1px solid #666;
|
|
height: 263px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
font-size: 11px;
|
|
color: #333;
|
|
}
|
|
|
|
div.cosucas a {
|
|
color: #CC0000;
|
|
}
|
|
|
|
div.cosucas hr {
|
|
margin: 20px 20px 20px 0;
|
|
border: 0;
|
|
border-bottom: 1px dotted #666;
|
|
height: 0;
|
|
}
|
|
|
|
div.cosucas h2 {
|
|
margin: 20px 0;
|
|
color: #660000;
|
|
}
|
|
|
|
div.cosucas h3 {
|
|
font-size: 13px;
|
|
margin: 18px 0 8px 0;
|
|
padding: 0;
|
|
color: #CC0000;
|
|
}
|
|
|
|
div.cosucas ul {
|
|
margin-left: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.cosucas p {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
div.lacasuca {
|
|
width: 780px;
|
|
height: 232px;
|
|
background: #cccccc url(imagenes/apartamento.jpg) no-repeat top right;
|
|
}
|
|
|
|
div.lacasuca h2 {
|
|
/*font-size: 15px;
|
|
padding: 10px 20px; */
|
|
height: 0px;
|
|
padding-top: 100px 0 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.lacasuca p {
|
|
font-size: 11px;
|
|
padding: 5px 20px 5px 20px;
|
|
line-height: 120%;
|
|
margin-right: 340px;
|
|
}
|
|
|
|
div.lacasuca ul {
|
|
font-size: 11px;
|
|
line-height: 130%;
|
|
width: 49%;
|
|
float: left;
|
|
padding: 0;
|
|
margin: 0 0 6px 0;
|
|
}
|
|
|
|
div.lacasuca li {
|
|
margin-left: 50px;
|
|
}
|
|
|
|
|
|
div.balneario {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #374f51;
|
|
color:#FFF;
|
|
font-family: Georgia,"Times New Roman",Times,serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.balneario h2 {
|
|
width: 780px;
|
|
height: 131px;
|
|
background: url(imagenes/titulo-balneario.jpg) no-repeat;
|
|
}
|
|
|
|
div.balneario h2 a {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 131px 0 0 0;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
div.balneario h2 a:hover {
|
|
border: 0;
|
|
}
|
|
|
|
div.balneario p {
|
|
margin: 12px;
|
|
}
|
|
|
|
div.balnea-romana {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #45585f;
|
|
color: #FFF;
|
|
font-family: Georgia,"Times New Roman",Times,serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
div.balnea-romana h2 {
|
|
width: 502px;
|
|
height: 0;
|
|
background: url(imagenes/titulo-balnea-romana.jpg) no-repeat;
|
|
float: left;
|
|
padding: 263px 0 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.balnea-romana p {
|
|
margin: 12px 18px 12px 514px;
|
|
}
|
|
|
|
|
|
div.construccion {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 262px 0 0 0;
|
|
overflow: hidden;
|
|
background: #AB010D url(imagenes/fondo-vaca.gif) center no-repeat;
|
|
}
|
|
|
|
div.fotos-apartamento {
|
|
width: 780px;
|
|
height: 260px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background: #6699cc url(imagenes/fondo-galeria-apartamento.jpg) no-repeat top left;
|
|
color: #fff;
|
|
}
|
|
|
|
div.fotos-apartamento p {
|
|
float: right;
|
|
width: 313px;
|
|
text-align: center;
|
|
line-height: 250%;
|
|
margin-top: 70px;
|
|
}
|
|
|
|
div.fotos-apartamento a {
|
|
color: #fff;
|
|
}
|
|
|
|
div.fotos-apartamento ul {
|
|
height: 100%;
|
|
width: 468px;
|
|
padding-top: 37px;
|
|
padding-left: 67px;
|
|
}
|
|
|
|
div.fotos-apartamento li {
|
|
float: left;
|
|
display: block;
|
|
margin: 0px 9px 15px 10px;
|
|
width: 83px;
|
|
height: 83px;
|
|
}
|
|
|
|
div.fotos-apartamento a.foto {
|
|
display: block;
|
|
width: 83px;
|
|
height: 83px;
|
|
}
|
|
|
|
|
|
/* INGLÉS */
|
|
|
|
.en div.habitaciones {
|
|
background: #fff url(imagenes/en/pagina-habitaciones-1englis.jpg) no-repeat;
|
|
}
|
|
|
|
.en div.habitacion h2 {
|
|
font-size: 18px;
|
|
color: #fff;
|
|
margin: 10px 0 10px 15px;
|
|
}
|
|
|
|
.en div.habitacion p {
|
|
color: #fff;
|
|
font-size: 13px;
|
|
line-height: 19px;
|
|
margin: 0px 15px;
|
|
}
|
|
|
|
.en div.habitacion a {
|
|
position: relative;
|
|
top: auto;
|
|
left: auto;
|
|
height: auto;
|
|
width: auto;
|
|
display: inline;
|
|
|
|
}
|
|
|
|
.en div.habitacion .texto-hab-doble {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: #698168;
|
|
}
|
|
|
|
.en div.habitacion .texto-hab-doble a {
|
|
color: #2a3d1e;
|
|
}
|
|
|
|
|
|
.en div.habitacion .texto-hab-doble-superior {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: #688db2;
|
|
}
|
|
|
|
.en div.habitacion .texto-hab-doble-superior a {
|
|
color: #31435f;
|
|
}
|
|
|
|
.en div.habitacion .texto-hab-doble-especial {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: #75291f;
|
|
}
|
|
.en div.habitacion .texto-hab-doble-especial p {
|
|
line-height: 16px;
|
|
}
|
|
|
|
.en div.habitacion .texto-hab-doble-especial a {
|
|
color: #e7da91;
|
|
}
|
|
|
|
|
|
.en div.reservas {
|
|
width: 780px;
|
|
height: 263px;
|
|
background: #fdf5a1;
|
|
}
|
|
|
|
.en div.playas {
|
|
background: url(imagenes/en/inicioplayas.gif) no-repeat;
|
|
}
|
|
|
|
.en div.playa h2 {
|
|
font-size: 13px;
|
|
color: #900303;
|
|
margin: 5px 0 5px 10px;
|
|
}
|
|
|
|
.en div.playa p {
|
|
color: #333;
|
|
font-size: 10px;
|
|
line-height: 13px;
|
|
margin: 0px 10px;
|
|
}
|
|
|
|
.en div.playa a {
|
|
position: relative;
|
|
top: auto;
|
|
left: auto;
|
|
width: auto;
|
|
height: auto;
|
|
display: inline;
|
|
color: #900303;
|
|
}
|
|
|
|
.en div.playa .texto-playa-langre {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
|
|
.en div.playa .texto-playa-loredo {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
|
|
.en div.playa .texto-playa-somo {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
|
|
.en div.playa .texto-playa-galizano {
|
|
height: 263px;
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
|
|
.en div.regalanoches {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/en/regalahotel-ingles.jpg) no-repeat;
|
|
}
|
|
|
|
.en div.tenundetalle {
|
|
width: 780px;
|
|
height: 0px;
|
|
padding: 263px 0 0 0;
|
|
overflow:hidden;
|
|
background: url(imagenes/en/detalle-en-inglis.jpg) no-repeat;
|
|
}
|
|
.en div.otras-playas p {
|
|
font-size: 12px;
|
|
padding-top: 10px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.en div.otras-playas a {
|
|
top: auto;
|
|
left: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.en div.otras-playas div {
|
|
background: none;
|
|
padding: 0;
|
|
height: 263px;
|
|
}
|