/* Theme Name: Dreams Description: Dreams casino Author: Moovmedia Version: 1.0.0 */ 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} /* font:inherit; */ body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} table{border-collapse:collapse;border-spacing:0} html, body{ margin: 0px; padding: 0px; height: 100%; color: #4c4645; width: 100%; /*min-width: 1000px;*/} body, html { overflow-x: hidden; overflow-y: auto; } body{line-height: 1.3em; position: relative; font-family: 'Open Sans', sans-serif; font-size: 12px; background-color: #f6f6f6; margin: 0; overflow: hidden;} section{width: 100%; height: 100%;} .clear{clear: both; float: none;} :focus {outline: none;} h1, h2, h3, h4{font-family: 'Lato', sans-serif; line-height: 1em;} a:hover{-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;} /* Colores Propiedades */ .color_iquique{background-color: #e5bc00;} .color_temuco{ background-color: #d41116;} .color_valdivia{background-color: #247a34;} .color_puertovaras{background-color: #95a5a6;} .color_coyhaique{background-color: #e08700;} .color_puntaarenas{ background-color: #0069b4;} .color_lima{ background-color: #119afa;} .color_clubdreams{ background-color: #bd9757;} .color_otro{background-color: #0f2b3e;} .wrap{width: 1333px; margin: 0 auto; position: relative;} #barra_nav { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%;} #nav{ background-color: #ffffff; position: absolute; bottom: 45px; width: 100%; -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;} #nav.hide { bottom: -46px;} ul#main_nav li{ text-decoration: none; color: #666666; border-right: 1px solid #d9d9d9; display: inline-block; width: 10%; text-align: center; margin-right: -4px;} ul#main_nav li:first-child{ border-left: 1px solid #d9d9d9;} ul#main_nav li a{text-decoration: none; color: #666666; padding: 20px 0 25px; display: inline-block; font-size: 12px; text-transform: uppercase;} ul#main_nav li a.btn_reserva { color: #b08124; font-weight: 600; font-style: italic; font-size: 14px; padding: 19px 12px 24px;} #main_nav span.borde{width: 100%; height: 5px; display: block;} a.show_menu{ position: absolute; bottom: 45px; text-decoration: none; color: #ffffff; text-transform: uppercase; padding: 10px 40px 10px 10px; /*background: url(images/arrow_top.png)*/ 234px center no-repeat rgba(0,0,0,0.2);} ul#main_nav li a.btn_poker{ /* background: url(images/logo_poker.png)*/ center 6px no-repeat; height: 0px; width: 100%; padding: 30px 0; margin-bottom: -28px; background-size: auto 60%;} #footer{ background: #0a1c2a; position: absolute; bottom: 0; width: 100%;} ul#footer_nav{float: left;} ul#footer_nav li{float: left; margin: 15px 0; padding: 0 10px; text-align: center; border-right: 1px solid #d2d3d5;} ul#footer_nav li:first-child{padding-left: 0;} ul#footer_nav li a{color: #d2d3d5; text-decoration: none; font-size: 11px;} .contacto_footer{float: right; color: #a17725; margin-top: 14px; font-weight: 700; font-style: italic; font-size: 14px;} span.icon.telefono{ /* background: url(images/icon_fono.png)*/ no-repeat left center; display: inline-block; width: 15px; height: 15px; margin-right: 10px; } section#home{ background: url(img/bg-home.jpg) center center no-repeat transparent; min-width: 1000px; overflow: hidden;} .secciones{ width:100%; height:100%;} video.video_home, .video_home {position: relative; right: 0; bottom: 0;min-width: 100%; min-height: 100%;width: auto; height: auto; z-index: 1;background: url('img/bg-home.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .imagen_video{ position: relative; right: 0; bottom: 0;min-width: 100%; min-height: 100%;width: auto; height: auto; z-index: 1;background: center top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #content_home{ z-index: 1; position: absolute; width: 100%; top: 0; color: #ffffff; text-align: center; margin-top: 40px; } a.logo{ background: url(images/logo.png) no-repeat center center transparent; color: transparent; height: 108px; display: block; margin-bottom: 50px; margin-top: 50px;} a.logo h1{opacity: 0;} #content_home h2{ text-transform: uppercase; font-weight: 300; letter-spacing: 0.2em; font-size: 14px; margin-bottom: 20px;} #content_home h3{ text-shadow: 0px 0px 14px rgba(256, 256, 256, 1);text-transform: uppercase; font-size: 80px; font-weight: 600; letter-spacing: 0.1em;} #content_home h4{font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;} #content_home p{ font-size: 13px; font-weight: 300; padding: 0 10%; line-height: 1.4em;} #descripcion_servicios ul{ margin: 0 auto; width: 59%; margin-top: 50px; position: relative;} #descripcion_servicios ul li.icon{ float: left; height: 80px; width: 110px;cursor:pointer;} #descripcion_servicios ul li.icon.hotel{background: /*url(images/icon_hotel.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.casino{background: /*url(images/icon_juegos.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.spa{background: /*url(images/icon_spa.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.convenciones{background: /*url(images/icon_convenciones.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.espectaculo{background: /*url(images/icon_espectaculos.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.restaurant{background: /*url(images/icon_restaurant.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon.discotheque{background: /*url(images/icon_disco.png)*/ no-repeat center top transparent;} #descripcion_servicios ul li.icon span{ opacity: 0; text-transform: uppercase; font-size: 11px; font-weight: 200; padding-top: 70px; display: block; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #descripcion_servicios ul li.icon span.active{opacity: 1 !important;-moz-transition: all 0.5s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;} #descripcion_servicios ul li:hover .estracto{ display: block; opacity: 1; -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;} #descripcion_servicios ul li .estracto{ display: none; opacity: 0; position: absolute; left: 0; top: 120px; color: #ffffff; width: 100%; padding: 40px 0; } #descripcion_servicios ul li .estracto .line_bottom, #descripcion_servicios ul li .estracto .line_top{position: absolute; height: 1px; width: 100%;} #descripcion_servicios ul li .estracto .line_bottom{ bottom: 0; background: url(images/line2.png) no-repeat center center transparent;} #descripcion_servicios ul li .estracto .line_top{ top: 0; background: url(images/line1.png) no-repeat center center transparent;} section.propiedad{ position: absolute; z-index: 4; top: 100%; color: #ffffff; -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;} section.propiedad.active{top: 0; -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;} #header_propiedad{background-size: cover; background-repeat: no-repeat; height: 40%;} #header_propiedad .info_contacto{padding-top: 20px; margin-bottom: 50px;} #header_propiedad .info_contacto span{ font-size: 11px; font-weight: 300; margin-right: 15px;} #header_propiedad .info_contacto span.icon_facebook{ background: /*url(images/icon_face.png)*/ no-repeat transparent left center; padding-left: 25px;} #header_propiedad .info_contacto span.icon_facebook a{color: #ffffff; text-decoration: none;} #header_propiedad h2{ line-height: 1.2em; margin-top: 6%; font-size: 44px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px;} #header_propiedad h2 span{font-weight: 800; display: block;} #header_propiedad h3{font-size: 13px; margin-right: 66%; line-height: 1.3em; font-family: 'open sans', sans-serif; font-weight: 300;} section.propiedad .logo{position: absolute; background-position: center center; background-repeat: no-repeat; left: 50%; top: 30px; width: 208px; height: 111px; margin-left: -104px;} section.propiedad .logo h1{opacity: 0;} section.propiedad a.btn_cerrar{position: absolute; width: 48px; height: 48px; right: 0; background-image: url(images/btn_close.png); background-repeat: no-repeat; background-position: center center;} section.propiedad a.btn_cerrar span{background-color: rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; opacity: 0; -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;} section.propiedad a.btn_cerrar:hover span{opacity: 1; -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;} .content_propiedad{height: 60%;} .img_slider_evento { height: 100%; background-size: cover; background-position: top center;} #slider_eventos{width: 60%; float: left;} #slider_eventos.flexslider .carrusel_eventos{ width: 100%; min-height: 480px;clear: both;} #slider_eventos.flexslider { background: none; border: none; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;} #slider_eventos.flexslider .evento{ width: 25%;float: left; min-height: 510px;} #slider_eventos.flexslider .evento .img_destacada{ height: 220px; overflow: hidden; position: relative;} #slider_eventos.flexslider .evento .desc_evento{padding: 30px 20px; } #slider_eventos.flexslider .evento h3{font-size: 18px; font-weight: 800; margin-bottom: 10px;} #slider_eventos.flexslider .evento p{font-size: 11px; font-weight: 300;} #slider_eventos.flexslider .evento a{color: #ffffff; text-decoration: none;} #slider_eventos.flexslider .evento.destacado{ width: 50%; float: left; } #slider_eventos.flexslider .evento:nth-child(2n+1){ background: rgba(0,0,0,0.1);} #slider_eventos.flexslider .evento:nth-child(2n){background: rgba(256,256,256,0.2)} #slider_eventos .flex-control-nav { display: none;} .content_propiedad.color_iquique #slider_eventos .flex-direction-nav a{ background-color: #ccbe00;} .content_propiedad.color_iquique #slider_eventos .flex-direction-nav a:hover{ background-color: #998e00;} .content_propiedad.color_temuco #slider_eventos .flex-direction-nav a{ background-color: #aa0e12;} .content_propiedad.color_temuco #slider_eventos .flex-direction-nav a:hover{ background-color: #7f0a0d;} .content_propiedad.color_valdivia #slider_eventos .flex-direction-nav a{ background-color: #1d622a;} .content_propiedad.color_valdivia #slider_eventos .flex-direction-nav a:hover{ background-color: #16491f;} .content_propiedad.color_puertovaras #slider_eventos .flex-direction-nav a{ background-color: #aeaeae;} .content_propiedad.color_puertovaras #slider_eventos .flex-direction-nav a:hover{ background-color: #838382;} .content_propiedad.color_coyhaique #slider_eventos .flex-direction-nav a{ background-color: #b36c00;} .content_propiedad.color_coyhaique #slider_eventos .flex-direction-nav a:hover{ background-color: #865100;} .content_propiedad.color_puntaarenas #slider_eventos .flex-direction-nav a{ background-color: #005490;} .content_propiedad.color_puntaarenas #slider_eventos .flex-direction-nav a:hover{ background-color: #003f6c;} .content_propiedad.color_lima #slider_eventos .flex-direction-nav a{ background-color: #977946;} .content_propiedad.color_lima #slider_eventos .flex-direction-nav a:hover{ background-color: #715b34;} #slider_eventos .flex-direction-nav a { top: 207px; width: 54px; height: 54px; margin: -20px 0 0; opacity: 1; cursor: pointer; text-shadow: none; /*background-image: url(images/arrow_carrusel.png);*/ background-position: center center; background-repeat: no-repeat;} #slider_eventos .flex-direction-nav .flex-next { right: 0; background-position: right center;} #slider_eventos .flex-direction-nav .flex-prev { left: 0; background-position: left center;} #slider_eventos .flex-direction-nav a:before { opacity: 0;} #slider_eventos .content_fecha{ position: absolute;top: 0;right: 0;width: 100%;padding: 10px 0 40px 60%;background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} #slider_eventos .content_fecha span{display: block; text-align: center; font-size: 11px; font-weight: 300; line-height: 1.4em;} #slider_eventos .content_fecha span.dia{font-size: 28px;} #content_servicios{width: 40%; float: left;} #content_servicios h4{ margin: 60px 40% 20px 10%; text-align: center; font-size: 19px;} #content_servicios p{margin: 30px 40% 10px 10%; text-align: center; font-weight: 300; } #content_servicios ul { padding: 14px 30% 10px 17%;} #content_servicios ul li{width: 71px; height: 82px; float: left; margin: 0 5px 15px 0;} #content_servicios li a {background-image: url(images/icon_servicios_propiedad.png); color: transparent; background-repeat: no-repeat; display: block; width: 100%; height: 100%;} #content_servicios li a:hover {background-image: url(images/icon_servicios_propiedad.png);} #content_servicios li:nth-child(2n+1) {} #content_servicios li a.btn_hotel {background-position: left 0;} #content_servicios li a.btn_casino {background-position: left -82px;} #content_servicios li a.btn_centro {background-position: left -164px;} #content_servicios li a.btn_restaurant {background-position: left -246px;} #content_servicios li a.btn_spa {background-position: left -328px;} #content_servicios li a.btn_discotheque {background-position: left -410px;} #content_servicios li a.btn_espectaculo {background-position: left -492px;} #content_servicios li a:hover.btn_hotel {background-position: right 0;} #content_servicios li a:hover.btn_casino {background-position: right -82px;} #content_servicios li a:hover.btn_centro {background-position: right -164px;} #content_servicios li a:hover.btn_restaurant {background-position: right -246px;} #content_servicios li a:hover.btn_spa {background-position: right -328px;} #content_servicios li a:hover.btn_discotheque {background-position: right -410px;} #content_servicios li a:hover.btn_espectaculo {background-position: right -492px;} .flotante_propiedad{color: #ffffff; width: 700px; height: 100%; z-index: 12; position: absolute; right: -750px; top: 0; -webkit-box-shadow: -8px 0px 30px 0px rgba(50, 50, 50, 0.55);-moz-box-shadow: -8px 0px 30px 0px rgba(50, 50, 50, 0.55);box-shadow: -8px 0px 30px 0px rgba(50, 50, 50, 0.55);} a.btn_volver_flotante{z-index: 99999; position: absolute; width: 58px; height: 58px; left: 0; background-image: url(images/btn_volver.png); background-repeat: no-repeat; background-position: center center;} a.btn_volver_flotante span { background-color: rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; opacity: 0; -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;} a.btn_volver_flotante:hover span { opacity: 1;} .flotante_propiedad.active{right: 0; -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;} #slider_interior{ height: 55%; overflow: hidden; max-height: 550px;} #slider_interior.flexslider { margin: 0 0 20px 0; background: transparent; border: none; border-radius: 0; box-shadow: none; zoom: 1;} #slider_interior.flexslider .flex-control-nav { bottom: 20px; z-index: 2;} #slider_interior.flexslider .flex-control-paging li a { background: #cccbcb; border-radius: 0; box-shadow: none;} #slider_interior.flexslider .flex-control-paging li a.flex-active { background: #000;} #slider_interior.flexslider .flex-control-paging li a.flex-active.color_iquique{ background-color: #e5bc00;} .flotante_propiedad.color_iquique #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #e5bc00;} .flotante_propiedad.color_temuco #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #d41116;} .flotante_propiedad.color_valdivia #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #247a34;} .flotante_propiedad.color_puertovaras #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #95a5a6;} .flotante_propiedad.color_coyhaique #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #e08700;} .flotante_propiedad.color_puntaarenas #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #0069b4;} .flotante_propiedad.color_lima #slider_interior.flexslider .flex-control-paging li a.flex-active{ background-color: #119afa;} /*Modificacion slider servicios*/ #slider_interior.flexslider .flex-direction-nav { height: 100%; width: 100%; display: block; float: left; overflow: hidden; position: absolute; top: 0; z-index: 1; } #slider_interior.flexslider:hover .flex-prev{ left: 0px; } #slider_interior.flexslider:hover .flex-next{ right: 0px; } #slider_interior.flexslider .flex-direction-nav li{ position: absolute; top: 0px; height: 100%; width: 100px; } #slider_interior.flexslider .flex-direction-nav li:nth-child(2){ right: 0px; } #slider_interior.flexslider .flex-direction-nav li a.flex-prev{ height: 107%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+12,0.4+36,0.4+36,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 12%, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 12%,rgba(0,0,0,0.4) 36%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 12%,rgba(0,0,0,0.4) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ top: 0px; display: block; width: 100px; } #slider_interior.flexslider .flex-direction-nav li a.flex-next{ height: 107%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+1,000000+96&0+0,0+0,0.4+71,0.4+90 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.4) 71%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0.4) 96%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,0.4) 90%,rgba(0,0,0,0.4) 96%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,0.4) 90%,rgba(0,0,0,0.4) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */ top: 0px; display: block; width: 100px; } #slider_interior.flexslider .flex-direction-nav li a.flex-prev:before{ content: ''; } #slider_interior.flexslider .flex-direction-nav li a.flex-next:before{ content: ''; } /*Modificacion slider*/ .flotante_propiedad.flotante_promocion {} .flotante_propiedad.flotante_promocion .content_fecha{display: none;} .flotante_propiedad.flotante_promocion .descripcion_evento{margin-left: 0;} #slider_interior_evento{ height: 55%; overflow: hidden;} #slider_interior_evento.flexslider { margin: 0 0 20px 0; background: transparent; border: none; border-radius: 0; box-shadow: none; zoom: 1;} #slider_interior_evento.flexslider .flex-direction-nav {} #slider_interior_evento.flexslider .flex-control-nav { bottom: 20px; z-index: 2;} #slider_interior_evento.flexslider .flex-control-paging li a { background: #cccbcb; border-radius: 0; box-shadow: none;} #slider_interior_evento.flexslider .flex-control-paging li a.flex-active { background: #000;} #slider_interior_evento.flexslider .flex-control-paging li a.flex-active.color_iquique{ background-color: #e5bc00;} .flotante_propiedad.color_iquique #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #e5bc00;} .flotante_propiedad.color_temuco #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #d41116;} .flotante_propiedad.color_valdivia #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #247a34;} .flotante_propiedad.color_puertovaras #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #95a5a6;} .flotante_propiedad.color_coyhaique #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #e08700;} .flotante_propiedad.color_puntaarenas #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #0069b4;} .flotante_propiedad.color_lima #slider_interior_evento.flexslider .flex-control-paging li a.flex-active{ background-color: #119afa;} /*Modificacion slider eventos*/ #slider_interior_evento.flexslider .flex-direction-nav { height: 100%; width: 100%; display: block; float: left; overflow: hidden; position: absolute; top: 0; z-index: 1; } #slider_interior_evento.flexslider:hover .flex-prev{ left: 0px; } #slider_interior_evento.flexslider:hover .flex-next{ right: 0px; } #slider_interior_evento.flexslider .flex-direction-nav li{ position: absolute; top: 0px; height: 100%; width: 100px; } #slider_interior_evento.flexslider .flex-direction-nav li:nth-child(2){ right: 0px; } #slider_interior_evento.flexslider .flex-direction-nav li a.flex-prev{ height: 107%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+12,0.4+36,0.4+36,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 12%, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 12%,rgba(0,0,0,0.4) 36%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 12%,rgba(0,0,0,0.4) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ top: 0px; display: block; width: 100px; } #slider_interior_evento.flexslider .flex-direction-nav li a.flex-next{ height: 107%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+1,000000+96&0+0,0+0,0.4+71,0.4+90 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.4) 71%, rgba(0,0,0,0.4) 90%, rgba(0,0,0,0.4) 96%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,0.4) 90%,rgba(0,0,0,0.4) 96%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 71%,rgba(0,0,0,0.4) 90%,rgba(0,0,0,0.4) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */ top: 0px; display: block; width: 100px; } #slider_interior_evento.flexslider .flex-direction-nav li a.flex-prev:before{ content: ''; } #slider_interior_evento.flexslider .flex-direction-nav li a.flex-next:before{ content: ''; } /*Modificacion slider*/ .flotante_propiedad .content_fecha { background: url(images/hexagono.png) center top no-repeat; height: 130px; width: 111px; left: 40px; text-align: center; float: left; padding-top: 30px; margin-right: 20px; position: absolute; top: 30px;} .flotante_propiedad .content_fecha span{display: block; font-weight: 300; line-height: 1.4em;} .flotante_propiedad .content_fecha span.dia {font-size: 28px;} .flotante_propiedad .descripcion_evento{ margin-left: 130px;} .content_flotante{padding: 0 40px 30px; overflow-x: auto;height: 38%; } .content_flotante a.btn_volver{ text-decoration: none; font-style: italic; color: #ffffff; text-align: left; background-color: transparent; text-transform: none; margin: 0; font-weight: 300; padding: 0;} .content_flotante a.btn_volver:hover { text-decoration: underline; background: transparent;} .content_flotante h2.titulo{font-size: 19px; margin: 20px 0 30px;} .content_flotante p{font-size: 11px; margin: 0 0 10px; line-height: 1.5em;padding: 0 40px 0 0;} .content_flotante ul{ font-size: 11px; margin: 0 0 10px; list-style-type: disc;} .content_flotante ul li{ margin: 0 0 4px 20px;} .jp-container { width: 450px; height: 300px; position: relative; margin: 40px auto;} #reserva_formulario{color: #ffffff; text-align: center; position: absolute; z-index: 2; height: 100%; top: 0; right: -50%; width: 50%;} #reserva_formulario.active{right: 0;} .content_reserva{width: 290px; margin: 0 auto;} .content_reserva span.icon_reserva{margin: 20% 0 20px; display: block; height: 113px; background: url(images/icon_reserva.png) no-repeat transparent center center;} .content_reserva h2{font-size: 19px; } section.page_interior{ position: absolute; z-index: 2; top: 100%; color: #ffffff; background: #0a1c2a; -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;} section.page_interior.active{ top:0;} section.page_interior .imagen_destacada{background-position: center; background-size: cover; float: left; width: 55%; height: 75%;} section.page_interior .content_page{float: left; width: 45%;} section.page_interior .content_page a{color: #ffffff;} section.page_interior .content_text{ width: 420px; margin: 30px 0 0 50px;} section.page_interior a.logo { background: url(images/logo.png) no-repeat left center transparent; background-size: auto 100%} section.page_interior h1{font-size: 40px; padding-right: 30%; text-transform: uppercase; margin-bottom: 30px; margin-top: 40px; line-height: 1.2em;} section.page_interior h2{ font-size: 14px; margin-bottom: 20px; font-weight: 600;} section.page_interior p{ font-size: 11px; margin-bottom: 20px; font-weight: 300; line-height: 1.6em; font-family: 'Open Sans', sans-serif; } section.page_interior .caja_scroll h2, section.page_interior .caja_scroll p{ padding-right: 50px;} section#sugerencias.page_interior h1{ margin-bottom: 20px;font-size:20px} section#sugerencias.page_interior .jp-container { margin: 20px auto;} #mensaje_form{ color: #fff; padding-left: 5px; height: 20px; overflow: hidden;} #mensaje_form.error{border-left: 2px solid red;} #mensaje_form.ok{border-left: 2px solid green;} form#form_reclamo input.error{border: 1px solid red;} form#form_reclamo{ margin-bottom: 50px;} form#form_reclamo label{ display: none;} form#form_reclamo label.label_mostrar{ display: block;} form#form_reclamo label.label_sexo{float: left; margin-right: 15px;} form#form_reclamo label.label_adjuntar{float: left; margin-right: 10px;} form#form_reclamo label.label_respuesta{margin-bottom: 10px;} form#form_reclamo input[type="text"], input[type="mail"], textarea{ color:black;width: 74%; border: none; padding: 10px 15px; margin: 0 0 15px; font-size: 11px;font-family: 'open sans';} form#form_reclamo input[type="radio"]{ margin-bottom: 20px;} form#form_reclamo select{ width: 81%; height: 35px; border: none; padding: 10px 15px; margin: 0 0 15px; font-size: 11px; font-family: 'open sans'; background: url(images/flecha-abajo.jpg) no-repeat right; background-color: #ffffff; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; padding-left: 14px; color: #999; border: none; z-index: 999999; position: relative; display: block; overflow: hidden; float: none; -webkit-appearance: none !important; -webkit-border-radius: 0px 0px 0px 0px } form#form_reclamo input[type="submit"]{width: 81%; text-transform: uppercase; color: #ffffff; background: #153f60; font-family: 'open sans'; border: none; padding: 14px 0; font-size: 13px; letter-spacing: 1px; cursor: pointer;} form#form_reclamo input[type="submit"]:hover {background: #ffffff; color: #153f60;} form#form_reclamo h2 { text-transform: uppercase; margin: 25px 0 20px; border-bottom: 1px solid #fff; padding: 0 0 5px 0; font-weight: 400; margin-right: 86px; font-size: 15px;} p.indicacion{ font-size: 10px !important; margin: -5px 0 5px 0; width: 80%;} section.page_interior a.btn_cerrar{position: absolute; width: 48px; height: 48px; right: 50%; margin-right: -500px; background-image: url(images/btn_close.png); background-color: #153f60; background-repeat: no-repeat; background-position: center center;} section.page_interior a.btn_cerrar span{background-color: rgba(0,0,0,0.2); display: block; width: 100%; height: 100%; opacity: 0; -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;} section.page_interior a.btn_cerrar:hover span{opacity: 1; -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;} /* ACCORDION */ #accordion{width: 90%; margin-bottom: 20px; border-bottom: 1px solid rgba(256,256,256,0.2);} section.page_interior .caja_scroll #accordion p { padding-right: 0; } #accordion .ui-widget-content { border: none; background: transparent url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #ffffff; font-weight: 100; } #accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default { border-top: 1px solid rgba(256,256,256,0.2); background: transparent url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #ffffff; border-bottom: none; border-left: none; border-right: none; } #accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active, #accordion .ui-widget-header .ui-state-active { border-bottom: 1px solid rgba(256,256,256,0.2); } #accordion.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 12px .5em 12px .5em; min-height: 0; /* support: IE7; */ } #accordion.ui-accordion .ui-accordion-icons { padding-left: 2.2em; } a.btn_pdf{ display: block; color: #ffffff; padding: 14px 15px; margin-bottom: 10px; text-transform: uppercase; text-decoration: none; background-color: rgba(0,0,0,0.3); width: 83%; text-align: center; font-size: 11px; font-weight: 600; } #iframe_convenciones .wrap{width: 660px;} section#iframe_convenciones.page_interior {top: 0; background: #041526;} #iframe_convenciones h2{padding-top: 60px; margin-bottom: 40px;} #iframe_convenciones img{margin-bottom: 40px;} section#iframe_convenciones .jp-container { width: 660px; height: 480px; position: relative; margin: 40px auto;} .content_flotante a{ display: block; text-align: center; padding: 10px 0; width: 170px; background: rgba(0,0,0,0.2); color: #ffffff; text-decoration: none; text-transform: uppercase; margin-top: 7px; font-weight: 600; font-size: 11px;} .content_flotante a:hover { background: rgba(0,0,0,0.4);} .content_flotante a.btn_plano{} .content_flotante a.btn_carta{} .transparencia_home{ display: none; width: 100%; background: url(images/trama.png) repeat; height: 100%; } @media (max-width: 1400px) { ul#main_nav li a.btn_poker{ background: url(images/logo_poker.png) center 6px no-repeat; height: 0px; width: 100%; padding: 30px 0; margin-bottom: -34px; background-size: auto 60%;} .wrap { width: 1080px;} #content_home { margin-top: 20px;} ul#main_nav li a { padding: 14px 0 18px; font-size: 11px;} ul#main_nav li a.btn_reserva { font-size: 11px; padding: 14px 6px 18px;} #descripcion_servicios ul { width: 73%; margin-top: 40px; } a.logo { margin-bottom: 30px; background-size: auto 100%;} #content_home h3 { font-size: 60px;} #descripcion_servicios ul li .estracto { padding: 20px 0;} .flotante_propiedad { width: 550px;} #slider_interior { height: 50%;} .jp-container { margin: 30px auto; height: 260px;} #nav.hide { bottom: -76px;} #header_propiedad .info_contacto { padding-top: 15px;} #header_propiedad h2 { margin-top: 0; font-size: 36px;} section.propiedad .logo { height: 84px; background-size: auto 100%;} #content_servicios ul { padding: 14px 19% 10px 7%;} #content_servicios ul li, #content_servicios li:nth-child(2n+1) { margin: 0 5px 10px 6px;} #content_servicios h4 { margin: 40px 40% 10px 10%;} #content_servicios p { margin: 20px 40% 10px 10%;} #slider_eventos.flexslider .evento .img_destacada { height: 180px;} #slider_eventos.flexslider .evento .desc_evento { padding: 28px 20px 15px;} #slider_eventos .flex-direction-nav a { width: 44px; height: 44px; top: 178px; background-size: auto 100%;} #slider_eventos.flexslider .evento p { font-size: 10px; line-height: 1.35em;} a.show_menu { font-size: 10px; padding: 5px 40px 5px 10px; /*background: url(images/arrow_top.png)*/ 202px center no-repeat rgba(0,0,0,0.2);} section#iframe_convenciones .jp-container { height: 410px;} } .popup{ } .popup_active { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contenedor_iframe { position: absolute; top: 0px; z-index: 9999; } .windows_flotante.activo { margin-left: 0; z-index: 99999; } .windows_flotante { background: url("img/ajax-loader.gif") no-repeat scroll 50% 50% #fff; height: 100%; left: 0; margin-left: -100%; position: fixed; top: 0; transition: all 0.4s ease-in 0s; width: 100%; z-index: 99999; } .contenedor_iframe{ position:relative; width:100%; height:100%; } #caja_cerrar { background: none repeat scroll 0 0 #0079ad; color: #fff; font-size: 11px; padding: 5px 10px; position: fixed; right: 40px; text-transform: uppercase; top: 20px; z-index: 9999999; cursor: pointer; } /**/ .contenedor_evento { position: absolute; top: 0px; z-index: 9999; } .windows_flotante_eventos.activo { margin-left: 0; z-index: 99999; } .windows_flotante_eventos { background: url("img/ajax-loader.gif") no-repeat scroll 50% 50% #fff; height: 100%; left: 0; margin-left: -100%; position: fixed; top: 0; transition: all 0.4s ease-in 0s; width: 100%; z-index: 99999; } .contenedor_evento{ position:relative; width:100%; height:100%; } #caja_cerrar { background: none repeat scroll 0 0 #0079ad; color: #fff; font-size: 11px; padding: 5px 10px; position: fixed; right: 40px; text-transform: uppercase; top: 20px; z-index: 9999999; cursor: pointer; } .jspVerticalBar { width: 10px !important; background: rgba(256,256,256,0.1) !important;} .jspTrack { background: transparent !important; } .jspDrag { background: rgba(256,256,256, 0.9) !important; border: none !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } @media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { #header_propiedad h2 { margin-top: 70px; font-size: 30px;} #header_propiedad h3 { margin-right: 50%;} section.page_interior h1 { font-size: 30px; margin-bottom: 10px; margin-top: 0px;} a.logo{ margin-bottom: 10px; height: 88px; margin-top: 30px;} h2 { margin-top: 10px;} } @media (max-width: 1200px) { section.page_interior h1 { font-size: 30px; padding-right: 0;} } #PREVIEW_DIV iframe{float: left;display: inline;} #loader{ text-align:center; width:80%; } .button-agenda{ display: block; text-align: center; padding: 10px 0; width: 170px; background: rgba(0,0,0,0.2); color: #ffffff; text-decoration: none; text-transform: uppercase; margin-top: 7px; font-weight: 600; font-size: 11px; border: 0; } #form_reserva{ position: absolute; right: -800px; z-index: 99999999; height: 100vh; background-color:rgba(0, 0, 0,0.8); padding-top: 10%; padding-left: 50px; padding-right: 50px; width: 400px; } #form_reserva button{ display: block; text-align: center; padding: 10px 0; width: 50%; background: rgba(0,0,0,0.2); color: #ffffff; text-decoration: none; text-transform: uppercase; margin-top: 7px; font-weight: 600; font-size: 11px; float: left; } #form_reserva h1{ font-size: 12px; color: white; text-align: center; text-transform: uppercase; letter-spacing: 2px; } #form_reserva h3{ font-size: 20px; color: white; text-align: center; } #form_reserva h4{ color: white; text-align: center; } .mensaje-error{ color: white; font-size: 14px; width: 100%; text-align: center; margin-top: 20px; } .content_flotante.jspPane{ width:400px !important; }