@import "style_clear.css";
@import "style_framework.css";
/* ---- DEFAULT TEMPLATE ----*/
* { margin:0px;padding:0px;position:relative; }
a  { text-decoration:none; }
img { border:none; }
/*---- COMMON ----*/
body { background-color:#FFF; font-family:'Comic Sans MS',Textile,cursive; font-size:12px; width:100%; height:100%; text-align:center; }
.ro {cursor:pointer;}
.common_width { margin:0 auto; width:960px; }
.common_font_color_white { color:#FFF; }
.common_font_size_large { font-size:14px; line-height:24px; }
.common_font_size_normal { font-size:12px; line-height:17px;  }
.common_background_pattern01 { background-image: url(images/pattern-0.png); background-repeat: repeat-x; height:960px; opacity:1; }
.common_background_pattern02 { background-image: url(images/pattern-1.png); background-repeat: repeat-x; height:1760px; opacity:1; }
.common_background_pattern03 { background-image: url(images/pattern-2.png); background-repeat: repeat-x; height:1150px; opacity:1; }
/*---- HEADER ----*/
.temperature { background-image: url(images/bg_clima.png); background-repeat:no-repeat; width:220px; height:45px; top:0px; right:40px; position:absolute;}
.temperature p { top: 14px; left:14px; position:absolute; color:#3799b3; }
.temperature img { top: 5px; right:5px; position:absolute; }
.facebook { background-image: url(images/bg_facebook.png); background-repeat:no-repeat; width:60px; height:50px; top:0px; right:265px; position:absolute;}
.facebook a { top: 5px; right:15px; position:absolute; }
#header { background-image: url(images/bg_header.png); background-repeat:repeat-x; height:960px; height:880px;}
.header_background { margin:0 auto; background-image: url(images/bg_header_1.png); background-repeat:repeat-x; width:1000px; height:880px; background-position:center 57px; }
.header_glow { background-image: url(images/bg_glow.png); background-repeat:no-repeat; background-position:center 0px; height:880px; }
.header_top_content { background-image: url(images/empieza.png); background-repeat:no-repeat; background-position:center 0px; height:175px; width:960px; margin:0 auto; }
.header_bottom_content { background-image: url(images/quienes_bg.png); background-repeat:no-repeat; background-position:center 0px; height:320px; width:960px; }
.header_bottom_content .content_introduction_text { margin:0 auto; width:590px; height:85px; font-size:17px; line-height:26px; top:-30px;}
.header_bottom_content .content_introduction_column_left { width:250px; height:80px; display:block; font-size:14px; line-height:21px; right:50px;}
.header_bottom_content .content_introduction_column_right { width:250px; height:80px; display:block; font-size:14px; line-height:21px; right:195px; }
.header_bottom_content .content_introduction { margin:0 auto; width:960px;}
/*---- ATRACCIONES ----*/
.atracciones_background { background-image: url(images/bg_atracciones.png); background-repeat:repeat-x; height:1760px;}
.atracciones_item { padding:5px 0px; width:960px; height: 280px; background-image: url(images/waves.png); background-repeat:no-repeat; background-position: center bottom;}
.atracciones_item .main_image { top:00px; left:80px; position:absolute;}
.atracciones_item .detail_image { top:25px; left:100px; position:absolute;}
.atracciones_item .title_image { top:25px; left:450px; position:absolute;}
.atracciones_item .detail_text { top:95px; left:450px; position:absolute; width:450px; height:75px; font-size:14px; line-height:19px; }
.atracciones_item .detail_text_toboganes { top:75px; left:450px; position:absolute; width:460px; height:75px; font-size:12px; line-height:17px; }
.atracciones_item .detail_text_restaurantes { top:85px; left:450px; position:absolute; width:460px; height:75px; font-size:13px; line-height:18px; }
/*---- OFERTAS Y PROMOCIONES ----*/
.ofertasypromociones { background-image: url(images/bg_footer.png); background-repeat:repeat-x; height:1150px;}
.ofertasypromociones .fotos_block { width:575px; display:block;}
.ofertasypromociones .mapa_block { width:385px; display:block;}
.ofertas_height {height:1150px;}
.fotos_block .gallery_block { padding-left:50px; width:535px;}
.fotos_block .gallery_block img{ padding:10px; cursor:pointer;}
/*---- FOOTER ----*/
.footer_background {background-image:url(images/bg_ship.png); background-repeat:no-repeat; background-position:center bottom; height:1150px;}
.footer_phone { bottom:150px; right:60px; position:absolute;}
.footer_logo { bottom:35px; right:0px; position:absolute;}
.footer_credits { width:960px; bottom:15px; left:0px; position:absolute; z-index: 1400; color:#FFF; font-size:11px;}
.footer_credits a { color:#81cbe7; }
/*---- CRITTERS ----*/
.whale_position { top:380px; left:890px; position:absolute; z-index:100;}
.shark_position { top:0px; left:0px; position:absolute; z-index:100;}
.fish_position { bottom:0px; left:0px; position:absolute; z-index:100;}
/*---- POPUP OVERLAY ----*/
#overlay { top:0px; bottom:0px; left:0px; right:0px; position:absolute; z-index:2000; cursor:pointer; background-color:#00364b; opacity:0.7; display:none;}
#image_popup {top:0px; left:0px; width:640px; height:480px; position:absolute; border:1px #3C3C3c solid; background-color:#00364b; z-index:3000; display:none;}
#map_popup { top:0px; left:0px; width:800px; height:600px; position:absolute; border:1px #3C3C3c solid; background-color:#00364b; z-index:3000; display:none;}
#evento_popup { top:0px; left:0px; width:840px; height:400px; position:absolute; border:1px #3C3C3c solid; background-color:#00364b; z-index:3000; display:none;}
.close { top:-14px; right:-14px; width:28px; height:28px; position:absolute; cursor:pointer; background:url(images/close.png) no-repeat; z-index:20; }
/*---- MENU ----*/
#aquamagic_menu { width:140px; height:320px; top:0px; left:50%; margin-left:-500px; position:fixed; background:url(images/bg_menu.png) no-repeat; z-index:1000;}
/*---- CONTACT ----*/
#contact_popup { top:0px; left:50%; margin-left:-235px; padding:0px 10px; width:450px; height:885px; background:url(images/bg_contacto.png) no-repeat; position:absolute; text-align:left; display:none; z-index:2000; }
#contact_popup .contact_block { width:330px; height:885px; margin-left:85px;}
#contact_popup .contact_form { width:330px; height:370px; background: url(images/labels.png) no-repeat 0px 8px;}
#contact_popup .contact_form .contact_form_input textarea, #contact_popup .contact_form .contact_form_input input { margin-left:70px; padding:6px 2px; border:1px solid #000; width:180px; font-size:14px; font-family:'Comic Sans MS',Textile,cursive; }
#contact_popup .contact_form .contact_form_input textarea { height:120px;}
#contact_popup .contact_form .contact_form_submit { margin-left:172px; }
#contact_popup .contact_information p { text-align:center; }
#contact_popup .contact_information_lower p { text-align:center; line-height:17px; }
#contact_popup .contact_timetable .precios { top:20px; left:0px; position:absolute;}
#contact_popup .contact_timetable .horarios { top:20px; right:120px; position:absolute;}
#contact_popup .contact_timetable .adultos { top:55px; left:32px; position:absolute; font-weight:bold; }
#contact_popup .contact_timetable .ninos { top:85px; left:43px; position:absolute;font-weight:bold; }
#contact_popup .contact_timetable .precios1 { top:55px; left:90px; position:absolute;}
#contact_popup .contact_timetable .precios2{ top:85px; left:90px; position:absolute;}
#contact_popup .contact_timetable .fecha1 { top:55px; left:182px; position:absolute; font-weight:bold; }
#contact_popup .contact_timetable .fecha2 { top:85px; left:175px; position:absolute;font-weight:bold; }
#contact_popup .contact_timetable .fecha3 { top:55px; left:240px; position:absolute; }
#contact_popup .contact_timetable .fecha4 { top:85px; left:240px; position:absolute; }
#contact_popup .close { top:10px; right:10px; position:absolute;}