/* resets for browser style compatibility */
html, body, div, 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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
font-family: trebuchet MS;
font-size:14px;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* end resets */
body{
background:url(../images/background.jpg);
font-family:"Trebuchet MS", sans-serif;
}
.main_container{
margin:0 auto;
width:980px;
background:#fff;
}
.header{
/*background:url(../images/header.jpg) no-repeat;*/
height:299px; position: relative;
}
.header h1{
width:400px; left: -5px; position: relative; top: 25px; z-index: 10;
}
.header h1 img{
}
.header div.phone_address{
color: #6D7471; font-size: 13px; left: 672px; position: relative; ; width: 300px; top: -110px;
}
.header .mod-languages {
height: 30px;
left: 748px;
position: relative;
top: -20px;
width: 150px;
}
.top_buttons{
background:url(../images/top_buttons_bkg.jpg) -10px 0px no-repeat;
height:190px;
}
.top_buttons p.round_buttons{
float:left;
width:720px;
padding-left:25px;
padding-top:15px;
}
.top_buttons p.round_buttons a{ height:146px;
width:170px;
margin-right:10px;
float:left;
}
.top_buttons p.round_buttons a.book{ background:url(../images/round_buttons-en.jpg) 15px 0 no-repeat;
}
.top_buttons p.round_buttons a.get{ background:url(../images/round_buttons-en.jpg) -155px 0 no-repeat;
}
.top_buttons p.round_buttons a.price{ background:url(../images/round_buttons-en.jpg) -330px 0 no-repeat;
}
.top_buttons p.round_buttons a.pick{ background:url(../images/round_buttons-en.jpg) -495px 0 no-repeat;
}
.top_buttons p.round_buttons a.book:hover{ background:url(../images/round_buttons-en.jpg) 15px -145px no-repeat;
}
.top_buttons p.round_buttons a.get:hover{ background:url(../images/round_buttons-en.jpg) -155px -145px no-repeat;
}
.top_buttons p.round_buttons a.price:hover{ background:url(../images/round_buttons-en.jpg) -330px -145px no-repeat;
}
.top_buttons p.round_buttons a.pick:hover{
background:url(../images/round_buttons-en.jpg) -495px -145px no-repeat;
}
.top_buttons p.round_buttons a.reserva{
background:url(../images/round_buttons-po.jpg) 15px 0 no-repeat;
}
.top_buttons p.round_buttons a.chegar{
background:url(../images/round_buttons-po.jpg) -155px 0 no-repeat;
}
.top_buttons p.round_buttons a.preco{
background:url(../images/round_buttons-po.jpg) -330px 0 no-repeat;
}
.top_buttons p.round_buttons a.trans-po{
background:url(../images/round_buttons-po.jpg) -495px 0 no-repeat;
}
.top_buttons p.round_buttons a.reserva:hover{
background:url(../images/round_buttons-po.jpg) 15px -145px no-repeat;
}
.top_buttons p.round_buttons a.chegar:hover{
background:url(../images/round_buttons-po.jpg) -155px -145px no-repeat;
}
.top_buttons p.round_buttons a.preco:hover{
background:url(../images/round_buttons-po.jpg) -330px -145px no-repeat;
}
.top_buttons p.round_buttons a.trans-po:hover{
background:url(../images/round_buttons-po.jpg) -495px -145px no-repeat;
}
.top_buttons p.round_buttons a.reserva-es{
background:url(../images/round_buttons-es.jpg) 15px 0 no-repeat;
}
.top_buttons p.round_buttons a.llegar{
background:url(../images/round_buttons-es.jpg) -155px 0 no-repeat;
}
.top_buttons p.round_buttons a.precio{
background:url(../images/round_buttons-es.jpg) -328px 0 no-repeat;
}
.top_buttons p.round_buttons a.trans-es{
background:url(../images/round_buttons-es.jpg) -495px 0 no-repeat;
}
.top_buttons p.round_buttons a.reserva-es:hover{
background:url(../images/round_buttons-es.jpg) 15px -145px no-repeat;
}
.top_buttons p.round_buttons a.llegar:hover{
background:url(../images/round_buttons-es.jpg) -155px -145px no-repeat;
}
.top_buttons p.round_buttons a.precio:hover{
background:url(../images/round_buttons-es.jpg) -328px -145px no-repeat;
}
.top_buttons p.round_buttons a.trans-es:hover{
background:url(../images/round_buttons-es.jpg) -495px -145px no-repeat;
}
.top_buttons div.social{
float:right;
width:215px;
margin-top:5px;
color:#1a6668;
font-size:12px;
position:relative;
}
.top_buttons div.social a{
text-decoration:none;
color:#1a6668;
}
.top_buttons div.social a.skype img{
position:relative; top:10px; left:-1px;
}
.top_buttons div.social a.facebook img{
position:relative; top:8px;
}
.top_buttons div.social a.facebook span{
position:relative; top:1px; left:2px;
}
.top_buttons div.social div.msn{
left: 25px;
position: relative;
top: -10px;
}
.top_buttons div.social div.msn span{
left: 2px;
position: relative;
top: 2px;
}
.top_buttons div.social div.msn img{
vertical-align:middle;
height:26px;
width:26px;
}
.top_buttons div.social img.free-drink{
position: absolute;
top: 145px;
left:20px;
}
.top_buttons div.social img.free-drink-po{
position: absolute;
top: 145px;
left:0px;
}
.top_buttons div.social img.free-drink-es{
position: absolute;
top: 145px;
left:0px;
}
.top_buttons div.social p.title-en{
background:url(../images/findus_en.jpg) 18px 0 no-repeat;
padding-top:45px;
padding-left:25px;
}
.top_buttons div.social p.title-es{
background:url(../images/findus_es.jpg) 18px 0 no-repeat;
padding-top:45px;
padding-left:25px;
}
.top_buttons div.social p.title-po{
background:url(../images/findus_po.jpg) 18px 0 no-repeat;
padding-top:45px;
padding-left:25px;
}
#main_content{
overflow:hidden;
}
#main_content div#left_side{
float:left;
width:191px;
padding-left:20px;
padding-top:162px;
background:url(../images/menu.jpg) 9px -10px no-repeat;
}
#main_content div#left_side ul.menuleft{
width:191px;
background:url(../images/menu.jpg) -11px bottom no-repeat;
padding-bottom:123px;
}
#main_content div#left_side ul.menuleft li.item-152 {
height:50px;
}
#main_content div#left_side ul.menuleft li.item-152:hover {
background:url(../images/menu_bkg.jpg) repeat-y;
}
#main_content div#left_side ul.menuleft li{
width:191px;
text-align:center;
height:27px;
line-height:27px;
background:url(../images/menu_bkg.jpg) repeat-y;
}
#main_content div#left_side ul.menuleft li#current {
background:url(../images/menu.jpg) -202px 0px no-repeat;
}
#main_content div#left_side ul.menuleft li#current a{
color:#2f7053;
}
#main_content div#left_side ul.menuleft li a{
text-decoration:none;
color:#fff;
font-weight:bold;
}
#main_content div#left_side ul.menuleft li a:hover{
color:#2f7053;
}
#main_content div#right_side{
float:right;
width:191px;
padding-right:20px;
padding-top:120px;
margin-top:40px;
background:url(../images/menu.jpg) -202px -28px no-repeat;
}
#main_content div#right_side ul.menuright{
width:191px;
background:url(../images/menu.jpg) -202px bottom no-repeat;
padding-bottom:123px;
}
#main_content div#right_side ul.menuright li{
width:191px;
text-align:center;
height:27px;
line-height:27px;
background:url(../images/menu_bkg.jpg) repeat-y;
}
#main_content div#right_side ul.menuright li#current {
background:url(../images/menu.jpg) -202px 0px no-repeat;
}
#main_content div#right_side ul.menuright li#current a{
color:#2f7053;
}
#main_content div#right_side ul.menuright li a{
text-decoration:none;
color:#fff;
font-weight:bold;
}#main_content div#left_side ul.menuleft li:hover,#main_content div#right_side ul.menuright li:hover { background-image: url("../images/menu.jpg"); background-position: -202px 0;}
#main_content div#right_side ul.menuright li a:hover{
color:#2f7053;
}
#main_content div#content{
width:524px;
padding:15px;
float:left;
color:#4a7f7e;
font-size:14px;
margin-top:30px;
min-height: 1300px;
}
#footer{ background:url(../images/footer_line.jpg) 10px 0px no-repeat; padding-top:34px; color:#437e63; font-size:11px;
}
#footer ul.menufooter{
text-align:center;
margin:10px;
color:#437e63;
overflow:hidden;
}
#footer ul.menufooter li{
float:left;
border-right:1px solid #437e63;
margin-right:5px;
padding-right:5px;
}
#footer ul.menufooter li.last{
border-right:none;
}
#footer ul.menufooter li a{
text-decoration:none;
color:#437e63;
}
#footer div.footer-links{
text-align:center;
margin:10px;
color:#437e63;
}
#footer div.footer-links a{
text-decoration:none;
color:#437e63;
}
/* -------- COMIENZOCENTRAL DE RESRVAS------------ */
.reservation_center{
left: 723px; position: relative; top: -110px; width: 210px; background-color:#eb0148; font-size: 15px; text-align: right; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center;
}
.reservation_center .title {
color: #faff00; font-size: 17px; padding-top: 5px;
}
.reservation_center .text{
color: #ffffff;
}
.reservation_center .horario{
color: #e8cfb2; font-size: 9px;
}
.phone_address div.callcenter{
padding-top:12px;
}
.phone_address div.callcenter b{
color:#B3191C; font-size: 20px; left: -10px; position: relative;
}
/* -------- FIN CENTRAL DE RESRVAS------------ */
#como-llegar h1, h1 {
font-size: 25px; font-weight: bold; text-align: center; text-transform: uppercase;
color: #eb0148; margin-bottom: 15px;
}
#como -llegar h2, h2 {
color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.8;
text-align: center; background-color: #57a29e; /* padding: 10px; margin: 10px 0 10px 0;*/
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px;
}
#como-llegar iframe, img.border {
border: solid 5px;
-moz-border-radius: 13px;
border-color: #b3d92e;
}
#main_content div#left_side ul.menuleft li:hover a, #main_content div#right_side ul.menuright li:hover a{
color: #2F7053;
-moz-transform: translate(-7px, 0px);
-moz-transition: 0.5s linear;
text-shadow: 1px 1px 1px #666;
}
/*-- images del articulo playas --*/
a:hover img.left {
-moz-transform: scale(1.3) translateX(35px); -webkit-transform: scale(1.3) translateX(35px); -o-transform: scale(1.3) translateX(35px); -ms-transform: scale(1.3) translateX(35px); transform: scale(1.3) translateX(35px); -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; -moz-box-shadow: -17px 4px 34px -4px #000; -webkit-box-shadow: -17px 4px 34px -4px #000; box-shadow: -17px 4px 34px -4px #000;
}
a:hover img.right {
-moz-transform: scale(1.3) translateX(-35px); -webkit-transform: scale(1.3) translateX(-35px); -o-transform: scale(1.3) translateX(-35); -ms-transform: scale(1.3) translateX(-35px); transform: scale(1.3) translateX(-35px); -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; -moz-box-shadow: -17px 4px 34px -4px #000; -webkit-box-shadow: 17px 4px 34px -4px #000; box-shadow: 17px 4px 34px -4px #000;
}
img.right {
float: right;
width: 18em;
padding: 5px!important;
-moz-border-radius: 18px; -webkit-border-radius: 18px; -o-border-radius: 18px; -ms-border-radius: 18px;
background-color: #77bd0f;
margin: 5px 0px 0px 15px;
}
img.left {
float: left; width: 17em; padding: 5px!important;
-moz-border-radius: 18px; -webkit-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px;
background-color: #77bd0f; margin: 5px 15px 0px 0px;
}
a img.left, a img.right {
-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
#flash-header{
position: absolute; top: 0;
}
div.main_container div#redes {
height: 200px; right:0; margin-left: 498px; position: fixed;
top: 13%; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; -ms-border-radius: 15px 15px 15px 15px; -o-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
}
div#redes div.addthis_toolbox {
background: #fff; margin-left: 0px; padding: 7px 8px 9px 14px; width: 28px;
}
div#left-book-now a.ingles{
background: url("../images/round_buttons-en.jpg") no-repeat scroll 3px 1px transparent;
border-radius: 50% 50% 50% 50%;
height: 145px;
margin-left: 15px;
margin-top: 60px;
position: absolute;
width: 150px;
}
div#left-book-now a.ingles:hover{
background: url("../images/round_buttons-en.jpg") no-repeat scroll 3px -144px transparent;
}
div#left-book-now a.esp{
background: url("../images/round_buttons-es.jpg") no-repeat scroll 3px 1px transparent;
border-radius: 50% 50% 50% 50%;
height: 145px;
margin-left: 15px;
margin-top: 60px;
position: absolute;
width: 150px;
}
div#left-book-now a.esp:hover{
background: url("../images/round_buttons-es.jpg") no-repeat scroll 3px -144px transparent;
}
div#left-book-now a.port{
background: url("../images/round_buttons-po.jpg") no-repeat scroll 3px 1px transparent;
border-radius: 50% 50% 50% 50%;
height: 145px;
margin-left: 15px;
margin-top: 60px;
position: absolute;
width: 150px;
}
div#left-book-now a.port:hover{
background: url("../images/round_buttons-po.jpg") no-repeat scroll 3px -144px transparent;
}
#btnContainer {
margin: 30px 0;
text-align: center;
}
div.ui-accordion-content table tbody tr:hover {
/* hover tarifas */
background-color: white;
cursor: default;
}
.boton-reserve{
-moz-transition: scale 1s ease 0s;
background: -moz-linear-gradient(center top , #9C3E3E, #8D0410) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(center top , #9C3E3E, #8D0410) repeat scroll 0 0 transparent;
border-radius: 10px 10px 10px 10px;
border-top: 1px solid #96D1F8;
box-shadow: 0 1px 0 #000000;
color: #FFFFFF;
font-size: 18px;
line-height: 2.5;
padding: 5.5px 11px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
vertical-align: middle;
background-color:#CC3333;
}
a.boton-reserve:hover{
background-color:#FF3333;
}
table.precios{
margin:0 0 20px;
width:100%;
overflow:hidden;
}
table.precios tbody tr td{
padding:3px;
}
.fecha{
font-size:18px;
text-align:center;
margin-bottom:10px;
}
.precio{text-align:center;font-weight:bold;font-size: 18px;}
strong{
font-size:1.17em;
}
html body div.main_container div#main_content div#content div.item-page h2 a{
color:#3333CC;
}
a.ventana{
position:relative;
z-index:24;
color:#000000;
text-decoration:none;
}
a.ventana span{ display: none; }
a.ventana:hover{ z-index:25; color: #aaaaff; background:;}
a.ventana:hover span.tooltip{
display:block;
position:absolute;
top:10px; left:-10px;
margin-top: 15px 0 0 0;
width:200px;
color: #000000;
font-weight: bold;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.ventana:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(/images/cuadro.gif) no-repeat top;
}
a.ventana:hover span.middle{
display: block;
padding: 0 8px;
background: url(/images/cuadro-linea.gif) repeat bottom;
}
a.ventana:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #660033;
background: url(/images/cuadro.gif) no-repeat bottom;
}
.customcustom1{
height: 30px;
left: 610px;
position: absolute;
top: 12px;
width: 350px;
}
div.banderas img{
margin: 3px 3px 0 0;
}
div#main_content div#content div.item-page h2{
margin-bottom:10px;
}
.fecha{
display: none;
}