/* * css */ @font-face { font-family: 'montserrat-bold'; src: url('../fonts/Montserrat-Bold.eot'); src: url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserrat-regular'; src: url('../fonts/Montserrat-Regular.eot'); src: url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-regular'; src: url('../fonts/RobotoSlab-Regular.eot'); src: url('../fonts/RobotoSlab-Regular.woff') format('woff'), url('../fonts/RobotoSlab-Regular.ttf') format('truetype'), url('../fonts/RobotoSlab-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto-light'; src: url('../fonts/RobotoSlab-Light.eot'); src: url('../fonts/RobotoSlab-Light.woff') format('woff'), url('../fonts/RobotoSlab-Light.ttf') format('truetype'), url('../fonts/RobotoSlab-Light.svg') format('svg'); font-weight: normal; font-style: normal; } /*CSS Comunes y generales*/ body{background: #f3f3f3;} .container img{max-width: 100%;} .container img.thumb{width: 100%;} a{color: #565656;} a:hover, a:focus{color: #565656; text-decoration: none;} .desactive{display: none;} select{border-radius: 0;} ul li{list-style: none;} /*Eliminamos border azul propios del navegador en botones, input, textarea, etc..*/ *:focus, .botones .btn:focus, .modal .btn:focus, .btn.btn-mas:focus, .btn.hora:focus, .formulario2 .btn:focus, .formulario .btn:focus, .area-usuario .btn:focus, .ac-container article .btn:focus, .acciones .btn:focus, .enviar-form .btn:focus, .form-seccion .btn:focus, .contenido.principal .btn:focus{outline: none;} /*Eliminamos dotted en firefox*/ a, a:visited, a:focus, a:active, a:hover{ outline:0 none !important;} /*Impedimos resize de textarea*/ textarea {resize: none;} label {font-weight: normal;} /*Placeholders*/ input::-webkit-input-placeholder { color: #565656; font-family: montserrat-regular;} /* WebKit */ input:-moz-placeholder { color: black; font-family: montserrat-regular; } /* Firefox 18- */ input::-moz-placeholder { color: black; font-family: montserrat-regular; } /* Firefox 19+ */ input:-ms-input-placeholder { color: #565656; font-family: montserrat-regular; } /* IE 10+ */ input:focus::-webkit-input-placeholder { color: #565656; font-family: roboto-light;} /* WebKit */ input:focus:-moz-placeholder { color: #565656; font-family: roboto-light; } /* Firefox 18- */ input:focus::-moz-placeholder { color: #565656; font-family: roboto-light; } /* Firefox 19+ */ input:focus:-ms-input-placeholder { color: #565656; font-family: roboto-light; } /* IE 10+ */ textarea::-webkit-input-placeholder { color: #565656; font-family: montserrat-regular;} /* WebKit */ textarea:-moz-placeholder { color: #565656; font-family: montserrat-regular; } /* Firefox 18- */ textarea::-moz-placeholder { color: #565656; font-family: montserrat-regular; } /* Firefox 19+ */ textarea:-ms-input-placeholder { color: #565656; font-family: montserrat-regular; } /* IE 10+ */ textarea:focus::-webkit-input-placeholder { color: #565656; font-family: roboto-light;} /* WebKit */ textarea:focus:-moz-placeholder { color: #565656; font-family: roboto-light; } /* Firefox 18- */ textarea:focus::-moz-placeholder { color: #565656; font-family: roboto-light; } /* Firefox 19+ */ textarea:focus:-ms-input-placeholder { color: #565656; font-family: roboto-light; } /* IE 10+ */ /*Header*/ #heading{background-color: #ffffff; color: #565656; font-family: montserrat-regular; /*z-index: 30; position: fixed; width: 100%;*/} #heading a{font-family: montserrat-regular; color: #565656;} #heading a:hover, #heading a:focus{color: #565656;} .header.container{min-height: 55px; padding-top: 10px;} .header-1.logo{padding-left: 0px;} .header-2 div{padding-top: 3px;} .header-2 div{float: left;} #buscador{width: 200px; color: #565656; font-size: 13px; border: 1px solid #dcbf63; background: white url("../images/icons/icon_buscar.png") no-repeat 7px 5px; height: 28px; padding: 1px 20px 0px 30px;} .zona{margin-left: 14px; margin-top: 4px;} /*Dropdown Menu*/ ul.top-menu>li { float:left; } .notify-row { float:left; margin-top:23px; margin-left:25px; } ul.top-menu { margin-right:15px; margin-top: 0; } ul.top-menu > li > a { padding: 0; text-transform: uppercase; } .notify-row .badge { position:absolute; right:-10px; top:-10px; z-index:100; } .dropdown-menu.extended { max-width:320px !important; min-width:160px !important; top: 32px; width: 200px !important; padding:0 10px; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px; background:#fff; border: 1px solid #dcbf63; left:-75px; margin: 2px -25px 0; } .header-3.areausuario .dropdown-menu.extended {margin: 2px -11px 0;} .notify-row .notification span.label { display:inline-block; height:21px; padding:5px; width:22px; font-size:12px; margin-right:10px; } .dropdown-menu.extended .alert-icon,.noti-info { float:left; } .noti-info { padding-left:10px; padding-top:6px; color:#414147; } .dropdown-menu.extended .alert { margin-bottom:10px; } .dropdown-menu.extended .alert-icon { border-radius:100%; display:inline-block; height:35px; width:35px; } .dropdown-menu.extended .alert-icon i { font-size:16px; width:35px; line-height:35px; height:35px; } .dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a { background:#f1f2f7; border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:10px; float:left; width:100%; } .dropdown-menu.extended li p { margin:0; padding:10px 0; border-radius:0px; -webkit-border-radius:0px; } .dropdown-menu.extended li a { font-size:12px; list-style:none; } .dropdown-menu.extended.logout { padding: 0; } .dropdown-menu.extended.logout li a { padding:10px; } .dropdown-menu.extended li a:hover { color:#32323a; } .dropdown-menu.tasks-bar .task-info .desc { font-size:13px; font-weight:normal; float:left; width:80%; } .dropdown-menu.tasks-bar .task-info .desc h5 { color:#32323a; text-transform:uppercase; font-size:12px; font-weight:600; margin-bottom:5px; margin-top:0; } .dropdown-menu.tasks-bar .task-info .desc p { padding-top:0; color:#8f8f9b; font-weight:300; } .dropdown-menu.tasks-bar .task-info .percent { width:20%; float:right; font-size:13px; font-weight:600; padding-left:10px; line-height:normal; } .dropdown-menu.tasks-bar .progress { background:#fff; } .dropdown-menu.extended .progress { margin-bottom:0 !important; height:10px; } .dropdown-menu.inbox li a .photo img { border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; float:left; height:40px; margin-right:10px; width:40px; } .dropdown-menu.inbox li a .subject { display:block; } .dropdown-menu.inbox li a .subject .from { font-size:12px; font-weight:600; } .dropdown-menu.inbox li a .subject .time { font-size:11px; font-style:italic; font-weight:bold; position:absolute; right:20px; } .dropdown-menu.inbox li a .message { display:block !important; font-size:11px; } .top-nav img { border-radius:50%; -webkit-border-radius:50%; width:33px; } .top-nav ul.top-menu>li .dropdown-menu.logout { width:160px !important; } .top-nav li.dropdown .dropdown-menu { float:right; right:0; left:auto; } .dropdown-menu.extended.logout>li { float:left; width:100%; } .log-arrow-up { background:url("./images/icons/top-arrow.png") no-repeat; width:18px; height:10px; margin-top:-20px; float:right; margin-right:15px; } .dropdown-menu.extended.logout>li>a { border-bottom:none !important; text-transform: uppercase; margin-left: 0; margin-top: 0; } .full-width .dropdown-menu.extended.logout>li>a:hover { background:#f3f3f3 !important; color:#32323a !important; } .dropdown-menu.extended.logout>li>a:hover { background:#f3f3f3 !important; border-radius:0; } .dropdown-menu.extended.logout>li>a:hover i { color:#7FD6FF; } .dropdown-menu.extended.logout>li>a i { font-size:17px; } .dropdown-menu.extended.logout>li>a>i { padding-right:10px; } .top-nav .username { font-size:13px; color:#555555; } .top-nav ul.top-menu>li.language>a { margin-top:-2px; padding:4px 12px; line-height:20px; } .top-nav ul.top-menu>li.language>a img { border-radius:0; -webkit-border-radius:0; width:18px; } .top-nav ul.top-menu>li.language ul.dropdown-menu li img { border-radius:0; -webkit-border-radius:0; width:18px; } .top-nav ul.top-menu>li { margin-left:10px; } .top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus { border: none; background: none; border-radius: 0; -webkit-border-radius:0; } .top-nav .dropdown-menu.extended.logout {top: 30px;} .top-nav .nav .caret {background: url("../images/icons/desplegable_menu.png") no-repeat; border: none; width: 13px; height: 6px; margin-left: 5px;} .top-nav ul.top-menu>li>a:hover .caret { border-bottom-color:#000; border-top-color: #000; } .pull-right.top-menu .dropdown-menu:after, .pull-right.top-menu .dropdown-menu:before { bottom: 100%; left: 90%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pull-right.top-menu .dropdown-menu:before { border-color: rgba(238,238,238,0); border-bottom-color: #dcbf63; border-width: 8px; margin-left: -8px; } .pull-right.top-menu .dropdown-menu:after { border-color: rgba(238,238,238,0); border-bottom-color: #FFFFFF; border-width: 6px; margin-left: -6px; } .nav li > a, .nav li > a:hover, .nav li> a:focus {background-color: white; border-color: white;} .nav .open > a, .nav .open > a:hover, .nav .open> a:focus {background-color: white; border-color: white;} .zona .nav .caret{background: url("../images/icons/desplegable_menu.png") no-repeat; border: none; width: 13px; height: 6px; margin-left: 5px;} /*Selector Idioma*/ .idioma.top-nav img{width: 21px;} .idioma.es{background: url("../images/icons/es.png") no-repeat;} .idioma.en{background: url("../images/icons/en.png") no-repeat;} .idioma.de{background: url("../images/icons/de.png") no-repeat;} .idioma.it{background: url("../images/icons/it.png") no-repeat;} .idioma.pt{background: url("../images/icons/pt.png") no-repeat;} .idioma ul.top-menu{margin-right: 0;} .idioma.top-nav .dropdown-menu.extended.logout>li>a>i { padding-right: 39px; padding-bottom: 2px; } .idioma.top-nav .dropdown-menu.extended.logout li a {padding: 5px 5px 5px 26px;} /* Acceso anunciantes */ #acceso-anunciantes span.link a {margin-left: 60px;color:#d3b64c; font-family: roboto-light;} #acceso-anunciantes span.link a:hover {color:#e1754b;} #acceso-anunciantes .modal-acceso-anunciantes{text-align:center;margin-bottom:30px;} #acceso-anunciantes .modal-acceso-anunciantes .btn{background-color:#d3b64c;width: 170px;color:#fff; text-transform: uppercase; height: 44px;} #acceso-anunciantes .modal .modal-body {padding: 18px 82px 23px 82px;} /*Header - Área de Usuario*/ .areausuario{margin-top: 9px;} .areausuario ul{float: right;} .areausuario ul li.menu-opcion{list-style: none; float: left; margin-left: 17px;} .areausuario ul li.menu-opcion:first-child{margin-left: 0px; margin-right: 15px;} .areausuario ul li.menu-opcion:last-child{margin-left: 27px;} .link{cursor: pointer;} /*Header - Modal Regístrate y Login*/ .modal-content{border-radius: 0; } .modal .modal-header{border: none; padding: 47px 0 0 0;} .modal .modal-dialog{width: 478px; margin: 70px auto;} .modal .modal-title{font-family: montserrat-regular; text-align: center; color: #d3b64c; text-transform: uppercase; font-size: 17px;} .modal .modal-body{padding: 18px 82px 40px 82px;} .modal .modal-body input{width: 100%; margin-bottom: 14px; height: 28px; border: 1px solid #d3b64c; padding: 0px 7px 0px 7px; font-size: 13px; /*text-transform: uppercase;*/} .modal .modal-body input:focus{font-family: roboto-light;} .modal .modal-body .descripcion{font-family: roboto-light; text-align: center; font-size: 16px; color: #565656; padding: 0; margin: 0 0 23px 0;} .modal .modal-body .modal-campos-obligatorios{font-family: roboto-light; font-size: 13px;} #heading .modal-campos-obligatorios.reset-contrasenna{font-size: 13px; text-align: center;} #heading .modal-campos-obligatorios.reset-contrasenna a{font-family: roboto-light; color: #d3b64c;} #heading .modal-campos-obligatorios.reset-contrasenna a:hover{font-family: roboto-light; color: #e1754b;} .modal .modal-envio{text-align: center; margin-bottom: 28px;} .modal .modal-envio .btn{color: #ffffff; font-family: montserrat-regular; text-transform: uppercase; font-size: 14px; height: 40px; width: 150px; background: #d3b64c; border: none;} .modal .modal-envio .btn:hover{color: #565656; background: #e6d289;} .modal .modal-footer{border: none; background: #f3f3f3; padding: 15px 82px 15px 22px;text-align: center; font-family: roboto-light; font-size: 13px;min-width:300px; } #heading .modal .modal-footer a{font-family: roboto-light; color: #d3b64c;} #heading .modal .modal-footer a:hover{color: #e1754b;} /*Propios para modal Login*/ #login .modal-body {padding: 18px 82px 35px 82px;} #login .modal-envio {margin-bottom: 35px;} /*Propios para modal Recuperar Contraseña*/ #recuperar-contrasenna .modal-body {padding: 18px 82px 20px 82px;} #recuperar-contrasenna .modal-envio {margin-bottom: 40px;} /*Propios para modal Confirmación*/ #confirmacion .modal-body {padding: 18px 82px 10px 82px;} #confirmacion .modal-envio {margin-bottom: 35px;} /*Menú Header*/ #menu{background: #565656; height: 66px; /*z-index: 29; position: fixed; width: 100%; margin-top: 55px;*/} .menu .row .menu-items{padding-top: 9px; padding-left: 18px;} .menu .row .menu-items ul{padding-left: 0;} .menu .row ul li{/*list-style: none; float: left; padding: 0px 15px 0px 15px; margin-right: 5px;*/font-size: 16px;} .menu .row ul li:first-child{padding-left: 0px;} .menu .row ul li:last-child{padding-right: 0px;} .menu .row ul li a{color: white; font-family: montserrat-regular;} .menu .row ul li a:hover, .menu .row ul li a:focus{text-decoration: none;} .menu .row ul li a.activo{border-bottom: 2px solid #d3b64c; padding-bottom: 3px;} .tiempo{text-align: right; padding-top: 16px;} /*Footer*/ .footer-section{background: #565656; font-family: montserrat-regular;} .footer.row{padding-top: 20px; padding-bottom: 10px;} .footer h3{color: #d3b64c; text-transform: uppercase; font-size: 18px;} .footer ul{margin: 0; padding: 0;} .footer ul li{list-style: none; padding: 4px 0px 4px 0px;} .footer ul li a{color: white; font-family: roboto-regular;} .footer ul li a:hover, .footer ul li a:focus{color: #d3b64c; text-decoration: none;} /*Sub-footer*/ .subfooter.row{padding: 25px 0px 30px 0px; margin: 0 auto;} .subfooter.row div{margin: 0 auto; float: none;} .subfooter .social{float: left; margin-right: 40px;} .subfooter .social.instagram{margin-right: 0px;} .subfooter .facebook{background: url("../images/social/redes_facebook_off.png") no-repeat; height: 44px; width: 44px; display: block;} .subfooter .facebook:hover{background: url("../images/social/redes_facebook_on.png") no-repeat; transition: all 200ms linear;} .subfooter .twitter{background: url("../images/social/redes_twitter_off.png") no-repeat; height: 44px; width: 44px; display: block;} .subfooter .twitter:hover{background: url("../images/social/redes_twitter_on.png") no-repeat; transition: all 200ms linear;} .subfooter .instagram{background: url("../images/social/redes_instagram_off.png") no-repeat; height: 44px; width: 44px; display: block;} .subfooter .instagram:hover{background: url("../images/social/redes_instagram_on.png") no-repeat; transition: all 200ms linear;} /*Copyright*/ .copyright-section{background-color: #ffffff; height: 70px;} .copyright-section .row{text-align: center;} .copyright-section .row p{margin-top: 21px; font-family: montserrat-regular; color: #565656;} /*Contenido*/ .background-main{padding-top: 118px;} .container.main{background: #ffffff; padding-bottom: 40px;} .contenido.principal{padding: 0 0 0 15px;} .contenido.principal{padding: 0 0 0 0;} .container .contenido{min-height: 500px;} /*Contenido Principal*/ .home-separators{margin-top: 50px; margin-bottom: 45px;} .home-separator{float: left; width: 315px; border-bottom: 1px solid #d3b64c; height: 50px;} .home-separator-logo{float: left; margin: 0px 30px 0px 30px; text-align: center;} .home-separators p{text-transform: uppercase; font-family: montserrat-bold; color: #565656; font-size: 20px; margin-top: 12px; text-align: center;} .seccion-list{margin-top: 20px; margin-bottom: 30px;} ul.item-list-columnas .ultimo-item-row{margin-right: 0;} ul.item-list-columnas{padding: 0;} ul.item-list-columnas li{list-style: none; /*float: left; width: 33.3%;*/ /*margin-right: 15px;*/ border-bottom: 1px solid #f3f3f3; padding-top: 20px;} ul.item-list-columnas li.ultimo-item{border-bottom: none;} ul.item-list-columnas li div{margin-right: 8px; margin-left: 8px;} ul.item-list-columnas li:last-child {margin-right: 0;} ul.item-list-columnas li .titulo-background{height: 60px; margin-top: -120px; background-color: black; opacity: 0.7;} ul.item-list-columnas .info{min-height: 150px;} ul.item-list-columnas li .titulo{position: relative; z-index: 2; top: -60px; text-align: center; font-size: 15px; padding: 0px 10px 0px 10px; height: 60px; display: table; width: 94%; margin: 0 auto;} ul.item-list-columnas li .titulo a{width: 100%; display: table-cell; vertical-align: middle; text-align: center;} ul.item-list-columnas li .titulo-2{font-family: montserrat-regular; text-transform: uppercase; text-align: center; font-size: 15px; margin-top: 12px; margin-bottom: 4px;} ul.item-list-columnas li .titulo-2 a{color: #d3b64c;} ul.item-list-columnas li .titulo a{font-family: montserrat-regular; color: #ffffff;} ul.item-list-columnas li .detalles img{float: left; margin-right: 10px; padding-top: 2px; margin-bottom: 0} .destacado{position: absolute; margin-left: 24%; margin-top: 7px;} ul.item-list-columnas li .detalles{text-align: center; margin-top: 10px; margin-bottom: 0px; font-family: roboto-regular; color: #b1b1b1; font-size: 15px;} ul.item-list-columnas li .detalles .lugar{margin: 0;} ul.item-list-columnas li .detalles .lugar:before, .contenido.secundario .listado ul li .detalles .lugar:before, .item-list-eventos li .detalles .lugar:before, .detalle-info .lugar:before, ul.item-list-proximos li .detalles .lugar:before{background: url("/images/icons/icon_ubicacion_list.png") no-repeat; content: " "; height: 16px; width: 9px; position: absolute; margin-left: -18px; margin-top: 3px;} ul.item-list-columnas li .descripcion{font-family: roboto-regular; font-size: 15px; text-align: center; color: #565656; margin: 0;} ul.item-list-columnas li .valoracion{font-family: montserrat-regular; color: #565656; text-align: center; width: 180px; margin: 7px auto; font-size: 85%;} ul.item-list-columnas li .valoracion img{float: left;} ul.item-list-columnas li .valoracion .valor{font-size: 18px;} ul.item-list-columnas li .valoracion .valor-base{font-size: 11px; color: #b1b1b1;} .contenido.principal .seleccionar.ver-mas{text-align: center; margin-top: 10px;} .contenido.principal .seleccionar.ver-mas a{color: #d3b64c;} .contenido.detalle .seleccionar.ver-mas {margin-top: 28px} /*Contenido Principal - Agenda*/ .agenda .calendario{/*width: 41%; float: left;*/} .agenda .eventos{/*width: 59%; float: left;*/} .item-list-eventos li{list-style: none; border-bottom: 1px solid #c5c5c5; min-height: 110px; padding: 14px 0px 14px 0px;} .item-list-eventos li:last-child{border-bottom: none;} .item-list-eventos li .imagen{float: left; margin-right: 15px;} .item-list-eventos li .titulo{text-transform: uppercase; font-family: montserrat-regular; float: left; width: 72%;} .item-list-eventos li .titulo a{color: #d3b64c; font-size: 15px; line-height: 20px;} .item-list-eventos li .detalles{font-family: roboto-regular; color: #b1b1b1; margin-top: 3px; float: left; width: 72%;} .item-list-eventos li .detalles img{float: left; margin-top: 2px; margin-right: 5px;} .item-list-eventos li .detalles .lugar{margin: 0 0 0 17px; font-size: 15px;} .item-list-eventos li .descripcion{font-family: roboto-regular; color: #565656; margin: 0; font-size: 14px; float: left; width: 72%;} .contenido.principal .agenda .seleccionar.ver-mas{margin: 0 0 0 41px; text-align: left;} .contenido.principal .agenda .seleccionar.ver-mas .btn-mas{width: 220px;} /*Contenido Principal - Últimas Publicaciones*/ .item-list-horizontal{padding: 0;} .item-list-horizontal li{list-style: none; min-height: 188px; margin-bottom:2%;} .item-list-horizontal li .imagen{float: left; margin-right: 15px;} .item-list-horizontal .blog-content{min-height: 139px;} .item-list-horizontal li .titulo{font-family: montserrat-regular; font-size: 18px;} .item-list-horizontal li .titulo a{color: #d3b64c;} .item-list-horizontal li .detalles .fecha{font-family: montserrat-regular; color: #b1b1b1;} .item-list-horizontal li .detalles .descripcion{font-family: roboto-regular; color: #565656; font-size: 15px;} .contenido.principal .item-list-horizontal li .seleccionar.ver-mas{float: left; margin-top: 0;} .contenido.principal .item-list-horizontal li .seleccionar.ver-mas .btn{margin-top: 0;} /*Principal Banners*/ .principal-contenido.banner{width: 100%; text-align: center; margin-top: 30px;} /*Contenido Secundario*/ .contenido.secundario .bloque:first-child{padding-top: 15px;} .contenido.secundario .bloque{border-bottom: 1px solid #d3b64c; padding: 25px 0px 25px 0px;} .contenido.secundario .bloque.last{border-bottom: none;} .contenido.secundario .bloque .bloque-contenido{margin-top: 15px;} .contenido.secundario .bloque .bloque-contenido:first-child{margin-top: 0px;} .contenido.secundario .encuentra{font-family: montserrat-regular; font-size: 14px; color: #565656;} .contenido.secundario .encuentra p{font-family: roboto-regular; font-size: 16px; text-align: center; margin-bottom: 20px;} .contenido.secundario .seleccionar{float: left; width: 47%; margin-right: 13px; margin-bottom: 15px; } .contenido.secundario .encuentra select, #selector-fecha{font-family: montserrat-regular; font-size: 12px; color: #565656; width: 100%; text-transform: uppercase; border: 1px solid #d3b64c; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 4px 5px 5px 5px; background: #fff url("../images/icons/desplegable_menu.png") no-repeat 90% 50%; height: 28px; cursor: pointer;} .contenido.secundario .encuentra .hora, .contenido.secundario .ver-mas{margin-right: 0; height: 28px; padding: 0;} .contenido.secundario .seleccionar.ver-mas .btn-mas{margin-top: 0; text-transform: initial; height: 29px; padding: 4px; width: 100%;} .btn-mas{font-family: montserrat-regular; font-size: 14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: white; border: 1px solid #d3b64c; padding: 5px; text-align: center; text-transform: uppercase; width: 95px; text-align: center; margin: 14px auto 0px auto; color: #d3b64c;} .btn-mas:hover{color: #ffffff; transition: all 200ms linear; border: 1px solid #d3b64c; background: #d3b64c;} .contenido.secundario .encuentra .busqueda-rapida input{color: #ffffff; width: 100%; height: 50px; border: 1px solid #d3b64c; background: #d3b64c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; margin-top: 15px;} .contenido.secundario .encuentra .busqueda-rapida input:hover, .contenido.secundario .encuentra .busqueda-rapida input:focus{color: #565656; transition: all 200ms linear;} .contenido.secundario .selector-lista{font-family: montserrat-regular; text-transform: uppercase; margin-right: 16px; font-size: 13px;} .contenido.secundario .selector-lista.valorados{margin-right: 0px;} .contenido.secundario .selector-lista.on{border-bottom: 2px solid #dcbf63;} .contenido.secundario .selector-lista.off a:hover{color: #565656; transition: all 200ms linear;} .contenido.secundario .selector-lista.on a{ background: url("../images/icons/triangulo_selector.png") center bottom no-repeat; padding: 8px 0px 7px 0px; background-position-y: 26px;} .contenido.secundario .selector-lista.on a{color: #565656;} .contenido.secundario .selector-lista.off a{color: #c5c5c5;} .contenido.secundario .listado{background: #f3f3f3; padding: 7px; margin-top: 20px;} .contenido.secundario .listado.off{display: none; transition: all 200ms linear;} .contenido.secundario .listado.on{display: block; transition: all 200ms linear;} .contenido.secundario .listado ul{padding: 0;} .contenido.secundario .listado ul li{list-style: none; border-bottom: 1px solid #b1b1b1; padding-bottom: 15px; padding-top: 15px;} .contenido.secundario .listado ul li:first-child{padding-top: 0;} .contenido.secundario .listado ul li:last-child{list-style: none; border-bottom: none; padding-bottom: 0px;} .contenido.secundario .listado ul li img{margin-bottom: 6px;} .contenido.secundario .listado ul li .nombre{text-transform: uppercase; font-family: montserrat-regular; color: #d3b64c; font-size: 14px;} .contenido.secundario .listado ul li .detalles{margin-top: 5px;} .contenido.secundario .listado ul li .detalles img{float: left; margin-right: 10px; padding-top: 5px; margin-bottom: 0;} .contenido.secundario .listado ul li .detalles .lugar{font-family: roboto-regular; color: #b1b1b1; font-size: 14px; margin-bottom: 3px; margin-left: 19px;} .contenido.secundario .listado ul li .descuento{font-family: roboto-regular; color: #e1754b; font-size: 14px; margin: 0;} .tituloNombre{text-transform: uppercase; font-family: montserrat-regular; color: #d3b64c; font-size: 14px;} .tituloNombre2{text-transform: uppercase; font-family: montserrat-regular; color: #d3b64c; font-size: 14px; text-align:left;} /*Restaurantes*/ .bloque-titulo{text-transform: uppercase; font-family: montserrat-regular; text-align: center; font-size: 15px; color: #565656;} ul.item-list-proximos{padding: 0; margin: 0;} ul.item-list-proximos li{list-style: none;} ul.item-list-proximos li .titulo-background{height: 72px; margin-top: -124px; background-color: black; opacity: 0.7;} ul.item-list-proximos.eventos li .titulo-background{margin-top: -135px;} ul.item-list-proximos li .titulo{position: relative; z-index: 2; top: -66px; text-align: center; font-size: 15px; padding: 0px 10px 0px 10px; height: 52px; display: table; width: 100%;} ul.item-list-proximos li .titulo a{font-family: montserrat-regular; color: #ffffff; display: table-cell; vertical-align: middle;} ul.item-list-proximos li .descripcion{font-family: roboto-light; font-size: 15px; text-align: center; color: #d3b64c; margin: 0; display: table-row-group;} ul.item-list-proximos li .detalles img{float: left; margin-right: 10px; padding-top: 2px; margin-bottom: 0} ul.item-list-proximos li .detalles{text-align: center; margin-top: 10px; margin-bottom: 0px; font-family: roboto-regular; color: #b1b1b1; font-size: 15px;} ul.item-list-proximos li .detalles .lugar{margin: 0;} ul.item-list-proximos.playas li .titulo-background {height: 57px; margin-top: -109px;} ul.item-list-proximos.playas li .titulo {top: -56px;} .restaurantes.seccion-list ul.item-list-columnas li .titulo-background{background-color: #e1754b; opacity: 0.8;} .ver-detalle .btn-mas{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: white; border: 1px solid #d3b64c; padding: 11px; text-align: center; height: 44px; text-transform: uppercase; margin-top: 7px; margin-bottom: 20px; width: 100%;} .ver-detalle .btn-mas:hover {color: #ffffff; transition: all 200ms linear; border: 1px solid #d3b64c; background-color: #d3b64c;} .orden{position: absolute; width: 44px; height: 44px; margin-left: 9px; margin-top: 7px;} .seccion-list ul li .orden {background: url("../images/icons/icon_orden.png") no-repeat; font-size: 17px; color: #565656; z-index: 2; padding: 5px 0 0 0; margin-top: 11px; text-align: center; width: 34px; height: 34px; font-family: montserrat-regular;} .contenido.principal .seccion-list .seleccionar.ver-mas .btn-mas{width: 232px; height: 34px; padding: 6px; margin-top: 0px;} /**/ .contenido.principal .encuentra h1.secundario{text-align: left; margin-left: 60px;} /*Restaurantes buscador*/ .contenido.principal .encuentra, .contenido.principal .encuentra.large{font-family: montserrat-regular; font-size: 14px; color: #565656; height: 352px;} .contenido.principal .encuentra.small{font-family: montserrat-regular; font-size: 14px; color: #565656; height: 352px; margin-top: -227px;} .contenido.principal .encuentra img.destacada{width: 100%; position: absolute; /*padding-right: 15px;*/} .contenido.principal .encuentra .form-background{background-color: #565656; opacity: 0.6; height: 141px; margin-top: -97px; z-index: 1; position: relative;} .contenido.principal .encuentra div.buscador-principal{position: relative; z-index: 2; height: 140px;} .contenido.principal .encuentra div .form-general{padding: 70px 0 0 70px;} .contenido.principal .encuentra div .nombre-lugar{float: left; margin-right: 14px;} .contenido.principal .encuentra div .nombre-lugar input{width: 232px; font-family: montserrat-regular; font-size: 13px; color: #565656; border: 1px solid #d3b64c; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 4px 5px 5px 5px; height: 28px;} /*.contenido.principal .encuentra div .nombre-lugar input{width: 232px; font-family: montserrat-regular; font-size: 13px; color: #565656; border: 1px solid #d3b64c; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 4px 5px 5px 5px; height: 28px;}*/ .contenido.principal .encuentra div .nombre-lugar input:focus{font-family: roboto-light;} .contenido.principal .encuentra h1{z-index: 1; position: relative; color: white; font-size: 67px; font-family: montserrat-bold; text-transform: uppercase; text-align: center; margin-bottom: 20px; padding-top: 75px; margin-top: 15px;} .contenido.principal .encuentra .large{z-index: 1;} .contenido.principal .encuentra .small{z-index: 0;} .contenido.principal .encuentra .seleccionar{float: left; width: 109px; margin-right: 15px; margin-bottom: 15px; } .contenido.principal .encuentra .seleccionar.personas{width: 116px; margin-right: 0;} .contenido.principal .encuentra select{font-family: montserrat-regular; font-size: 12px; color: #565656; width: 100%; text-transform: uppercase; border: 1px solid #d3b64c; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 4px 5px 5px 5px; background: #fff url("../images/icons/desplegable_menu.png") no-repeat 90% 50%; height: 28px} .contenido.principal .encuentra .acciones{margin-left: 100px;} .contenido.principal .encuentra .busqueda-rapida{float: left; margin-right: 14px;} .contenido.principal .encuentra .busqueda-rapida input{color: #ffffff; width: 100%; height: 44px; border: 1px solid #d3b64c; background: #d3b64c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase;} .contenido.principal .encuentra .busqueda-rapida input.deseleccionado{color: #ffffff; width: 100%; height: 44px; border: 1px solid #d3b64c; background: #d3b64c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase;} .contenido.principal .encuentra .busqueda-rapida #buscar-afinar-submit{width: 232px;} .contenido.principal .encuentra .busqueda-rapida #buscar-submit{width: 132px;} .contenido.principal .encuentra .busqueda-rapida input:hover {color: #565656; transition: all 200ms linear; background-color: #e6d289; border: none;} .contenido.principal .encuentra .busqueda-rapida input.seleccionado{color: #565656; transition: all 200ms linear; background-color: #e6d289; border: none;} /*Afina tu búsqueda*/ .contenido.principal .encuentra.afina{background: #f3f3f3; margin-bottom: 15px; padding: 10px;} .contenido.principal .encuentra .form-detalles h2{font-family: montserrat-regular; text-transform: uppercase; font-size: 22px; margin: 15px 0 12px 55px;} .contenido.principal .encuentra .form-detalles li.filtro{list-style: none; float: left; width: 135px; text-align: center; margin-right: 36px; font-family: montserrat-regular; text-transform: uppercase; color: #565656; margin-top: 20px; cursor: pointer;} .contenido.principal .encuentra .form-detalles li.filtro .text-filtro{display: none;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-nombre{margin: 13px 0 0 0;} .contenido.principal .encuentra .form-detalles li.filtro.seleccionado .filtro-nombre{color: #d3b64c;} .contenido.principal .encuentra .form-detalles li.filtro.deseleccionado .filtro-nombre{color: #565656;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-opciones{display: none;} .contenido.principal .filtros-seleccionados{min-height: 80px; background: #e6d289; padding: 25px 20px 0 20px; display: flex; display: -webkit-box; display: -webkit-flex;} .contenido.principal .filtros-seleccionados.desactive{display: none;} .contenido.principal .filtros-seleccionados ul li{float: left;} /*Subfiltros de afina*/ /*.afina .filtro img{width: 60px; height: 60px;}*/ .popover-content {padding: 9px 0px;} .contenido.principal .encuentra .form-detalles .popover{background: #e6d289; border: none; max-width: 500px; box-shadow: none; z-index: 1;} .contenido.principal .encuentra .form-detalles .popover.bottom {margin-top: 15px;} .contenido.principal .encuentra .form-detalles .popover-content {margin: 15px 20px 46px 0px; min-height: 55px;} .contenido.principal .encuentra .form-detalles .popover.bottom>.arrow:after{border-bottom-color: #e6d289;} .encuentra .popover.bottom>.arrow{border-bottom-color: transparent;} .contenido.principal .encuentra .form-detalles .popover-content ul{} .contenido.principal .encuentra .form-detalles .popover-content ul li{list-style: none; float: left;} .contenido.principal .encuentra .form-detalles .popover-content ul li .btn, .contenido.principal .encuentra .form-detalles .popover-content ul li .btn.deseleccionado, .contenido.principal .filtros-seleccionados ul li .btn{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: white; border: #ffffff; padding: 7px 15px 9px 15px; text-align: center; height: 34px; margin-top: 12x; margin-bottom: 15px; font-family: roboto-light; font-size: 14px; margin-right: 15px; min-width: 60px; } .contenido.principal .encuentra .form-detalles .popover-content ul li .btn.seleccionado{background: #7fbc64; color: white;} /*Mapas*/ .section-mapa{border-bottom: 1px solid #f3f3f3;} .section-mapa .modal .modal-dialog {width: 1000px;} #mapa-items{width: 100%; height: 270px;} @media (max-width: 767px) { #mapa-items{width: 100%; height: 230px !important;} } #mapa-items-completo{width: 100%; height: 580px;} #mapa-items img, #mapa-items-completo img{ max-width: none; } .contenido.principal .section-mapa .acciones{width: 100%; text-align: center; margin: 20px auto 20px auto; height: 35px;} .contenido.principal .section-mapa .seleccionar.ver-mas .btn-mas{width: 146px; height: 34px; padding: 6px; margin-bottom: 20px; margin-top: 0px; margin-right: 15px;} .contenido.principal .section-mapa .seleccionar.ver-mas.pantalla-completa .btn-mas{width: 186px;} .contenido.principal .section-mapa .seleccionar.ver-mas.active{display: inline;} .contenido.principal .section-mapa .seleccionar.ver-mas.desactive{display: none;} .pointer-label{color: #565656; font-family: montserrat-regular; font-size: 13px; background-color: transparent; } /*Mapas - InfoBubble css personalizados*/ .infobubbleCustom { width: 100%;} .infobubbleCustom .infobubble-imagen{width: 70px; float: left; margin-right: 10px;} .infobubbleCustom .infobubble-imagen img{width: 70px; height: 70px;} .infobubbleCustom .infobubble-text{font-family: montserrat-regular; font-size: 15px; text-transform: uppercase; color: #d3b64c; width: 100%;} .infobubbleCustom .infobubble-text a{color: #d3b64c;} /***Qué hacer******* ********************/ /*Buscador*/ .contenido.principal .encuentra.quehacer div .form-general {padding: 70px 0 0 0px;} .contenido.principal .encuentra.quehacer div .nombre-lugar {text-align: center; float: none;} .contenido.principal .encuentra.quehacer div .nombre-lugar input{width: 404px;} .contenido.principal .encuentra.quehacer .acciones {margin-left: 181px; margin-top: 16px;} /*Separador Sugerencias*/ .contenido.principal .sugerencias-separators{margin: 38px auto 44px auto;} .contenido.principal .sugerencias-separator{border-bottom: 1px solid #d3b64c; width:46px; text-align: center; margin: 0 auto;} .contenido.principal .sugerencias-separator-texto{text-transform: uppercase; font-family: montserrat-bold; color: #565656; font-size: 21px; margin: 17px 0 17px 0; text-align: center;} .seccion-list.sugerencias ul.item-list-columnas .info {height: 70px;} .seccion-list.sugerencias .sugerencias-separator{margin-top: 22px; margin-bottom: 31px;} /*Listado que hacer*/ .seccion-list.quehacer ul.item-list-columnas .info {height: 130px; } /***Playas******* ********************/ /*Buscador*/ .contenido.principal .encuentra.playas div .form-general {padding: 70px 0 0 0px;} .contenido.principal .encuentra.playas div .nombre-lugar {text-align: center; float: none;} .contenido.principal .encuentra.playas div .nombre-lugar input{width: 404px;} .contenido.principal .encuentra.playas .acciones {margin-left: 181px; margin-top: 16px;} /*Listado de playas*/ .seccion-list.playas ul.item-list-columnas .info {height: 108px;} /***nightlife******* ********************/ /*Buscador*/ .contenido.principal .encuentra.nightlife div .form-general {padding: 70px 0 0 0px;} .contenido.principal .encuentra.nightlife div .nombre-lugar {text-align: center; float: none;} .contenido.principal .encuentra.nightlife div .nombre-lugar input{width: 404px;} .contenido.principal .encuentra.nightlife .acciones {margin-left: 181px; margin-top: 16px;} /*Listado de playas*/ .seccion-list.nightlife ul.item-list-columnas .info {height: 120px;} /***Agenda******* ********************/ /*Buscador*/ .contenido.principal .encuentra.eventos div .form-general {padding: 70px 0 0 0px;} .contenido.principal .encuentra.eventos div .nombre-lugar {text-align: center; float: left; margin-left: 168px;} .contenido.principal .encuentra.eventos div .nombre-lugar input{max-width: 404px;} .contenido.principal .encuentra.eventos .acciones {margin-left: 181px; margin-top: 44px;} .contenido.principal .encuentra.afina.agenda{height: 240px;} .contenido.principal .encuentra.afina.agenda ul.filtros{margin-left: 175px;} /*Calendario y Mapa*/ .calendario.eventos, .section-mapa.eventos{/*width: 50%;*/ float: right; padding: 0px 30px 0px 30px; margin-top: 48px;} .section-mapa.eventos{border-left: 1px solid #d3b64c; padding: 0px 20px 0px 30px; border-bottom: none;} .contenido.principal .section-mapa.eventos .acciones{height: 48px; margin-bottom: 0;} .calendario.eventos.completo, .section-mapa.eventos.completo{width: 100%; float: none; border-left: none; transition-delay: 1; border-bottom: 1px solid #f3f3f3;} .calendario.eventos h1, .section-mapa.eventos h1{text-align: center; text-transform: uppercase; font-family: montserrat-regular; font-size: 21px; margin: 0 0 30px 0;} .contenido.principal .section-mapa.eventos .acciones{padding-top: 14px;} /*Listado de eventos*/ .contenido.principal .seccion-list.eventos ul.item-list-columnas .info {height: 120px;} .contenido.principal .seccion-list.eventos .list-separator{height: 55px; background: #f3f3f3; width: 100%; margin: 23px 0px 15px 0px; font-family: montserrat-regular; font-size: 22px; text-align: center; padding: 13px;} .contenido.principal .seccion-list.eventos .list-separator.first{margin-top: 10px;} .contenido.principal .seccion-list.eventos .seleccionar.ver-mas{margin: 0 auto;} /*********DETALLES*********/ /*Ubicación, imágenes y favorito*/ .detalle-info{padding-left: 25px; margin-top: 25px;} .detalle-info .cabecera{width: 87%; float: left;} .detalle-info .favorito{width: 13%; float: left; text-align: center; cursor: pointer;} .detalle-info .favorito p{margin-top: 10px; color: #c5c5c5; text-transform: uppercase; font-family: montserrat-regular; font-size: 12px; line-height: 15px;} .detalle-info h1{font-family: montserrat-regular; text-transform: uppercase; font-size: 24px; color: #d3b64c; margin-top: 0; margin-bottom: 6px;} .detalle-info h2{margin-top: 0; text-transform: uppercase; color: #b1b1b1; font-family: montserrat-regular; font-size: 19px;} .detalle-info .lugar{font-family: roboto-light; color: #565656; font-size: 14px; margin-bottom: 14px; margin-left: 19px;} .detalle-info .lugar:before{background: url("../images/icons/icon_ubicacion_detalle.png"); height: 14px;} .detalle-info .galeria{/*width: 47%;*/ float: left; margin-top: -23px;} .detalle-info.agenda .galeria, .quehacer .galeria{margin-top: 0;} .detalle-info .mas-info{/*width: 50%;*/ float: left; margin-bottom: 45px; margin-top: -23px;} .quehacer .mas-info {/*width: 50%;*/ float: left; margin-bottom: 0px !important; margin-top: 0px !important;} .detalle-info.agenda .mas-info{margin-top: 10px;} .detalle-info .mas-info .detalles{height: 226px;} .detalle-info .valoracion{font-family: montserrat-regular; color: #565656; text-align: left; width: 195px; margin: 0;} .detalle-info .valoracion .valor{font-size: 28px; margin-left: 10px;} .detalle-info .valoracion img{float: left;} .detalle-info .valoracion .valor-base{font-size: 18px; color: #b1b1b1;} .detalle-info h3{font-family: montserrat-regular; text-transform: uppercase; color: #d3b64c; font-size: 18px;} .detalle-info p.ubicacion{font-family: roboto-light; color: #565656; margin-bottom: 4px;} .detalle-info .botones .btn{width: 87%; height: 60px; text-transform: uppercase; color: #ffffff; font-size: 17px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #7fbc64; margin-top: 12px; font-family: montserrat-regular;} .detalle-info .botones .btn:hover{color: #565656; background: #e6d289; transition: all 200ms linear;} .detalle-info .telefono{display: none;} .contenido.principal.detalle .section-mapa .acciones{padding-top: 14px; height: 49px;} /*Caso especial de que hacer*/ .detalle-info .botones.quehacer .btn{float: left; width: 43%; margin-right: 14px; margin-bottom: 50px;} /*Galería*/ .thumbs {width: 100%; padding-right: 10px; position: relative; } .preview {width: 68px; height: 50px; overflow: hidden;margin-bottom: 10px; margin-top: 14px; float: left; margin-right: 14px;} .preview:last-child {margin-bottom: 0;} .full {width: 100%; font-size: 12px; float: left;} .full, .full img {height: 232px;} .previews a:hover, .previews a.selected {} .full img:hover {cursor: pointer;} .img-mini-gallerry {height:50px; width:68px;} .img-ficha {/*height:232px;*/ width:314px;} .contenido.principal.detalle .section-mapa {border-bottom: none;} .contenido.principal.detalle .sugerencias-separators {margin: 30px auto 20px auto;} /*Descripción*/ .detalle-descripcion {/*border-bottom: 1px solid #f3f3f3;*/ padding-bottom: 20px;} .detalle-descripcion h2{font-family: montserrat-regular; font-size: 22px; color: #d3b64c;} .detalle-descripcion p{font-family: roboto-regular; color: #565656;} /*Características y Valoraciones*/ .contenido.detalle .caracteristicas-valoraciones{margin-top: 14px;} .contenido.detalle .selector-lista {font-family: montserrat-regular; text-transform: uppercase; margin-right: 36px; font-size: 18px; } .contenido.detalle .selector-lista.on {border-bottom: 2px solid #dcbf63;} .contenido.detalle .selector-lista.on a {color: #565656; } /*.contenido.detalle .selector-lista.on a {background: url("../images/icons/triangulo_selector.png") center bottom no-repeat; padding: 8px 0px 7px 0px; background-position-y: 31px; }*/ .contenido.detalle .selector-lista.on a {background: transparent url("../images/icons/triangulo_selector.png") no-repeat scroll center bottom;padding: 8px 0px 7px;} .contenido.detalle .selector-lista.off a:hover {color: #565656; transition: all 200ms linear;} .contenido.detalle .selector-lista.off a {color: #c5c5c5; } /*.contenido.detalle .listado{margin-top: 26px; background: #f3f3f3; padding: 36px 15px 6px 15px;}*/ .contenido.detalle .listado { margin-top: 26px; background: #F3F3F3 none repeat scroll 0% 0%; padding: 36px 15px 6px; } .contenido.detalle #caracteristicas.on{display: flex; display: -webkit-box; display: -webkit-flex;} .contenido.detalle #caracteristicas.off{display: none;} .contenido.detalle .listado.off{display: none;} .contenido.detalle #caracteristicas .info{width: 100%;} .contenido.detalle .info ul.caracteristicas li.caracteristica{float: left; margin-right: 0px; width: 33%; margin-bottom: 30px;} .contenido.detalle .info ul.caracteristicas li.caracteristica p{font-family: montserrat-regular; text-transform: uppercase; margin-top: 17px; color: #dcbf63; margin-bottom: 0px;} .contenido.detalle .info ul.caracteristicas li.caracteristica ul {padding: 0; font-family: roboto-light; color: #565656; margin-top: 7px;} .contenido.detalle .info ul.caracteristicas li.caracteristica ul li{} .listado ul.valoraciones li{border-bottom: 1px solid #c5c5c5; margin-top: 25px; padding-bottom: 20px; width: 94%;} .listado ul.valoraciones li:first-child, .listado ul.valoraciones li:last-child{border-bottom: none; padding-bottom: 0px;} .listado ul.valoraciones li:first-child{margin-top: 0;} .listado .valoraciones .btn{height: 44px; width: 232px; background: #7fbc64; color: #ffffff; text-transform: uppercase; font-family: montserrat-regular;} .listado .valoraciones .btn:hover, .detalle-formulario .btn:hover, .detalle-info .botones.quehacer .btn:hover{color: #565656; background: #e6d289; transition: all 200ms linear; } .listado .valoracion{font-family: montserrat-regular; color: #565656; text-align: left; width: 118px; margin: 0 0 9px 0;} .listado .valoracion p{margin: 0;} .listado .valoracion .valor{font-size: 22px;} .listado .valoracion img{float: left; margin-top: 3px; margin-right: 6px;} .listado .valoracion .valor-base{font-size: 15px; color: #b1b1b1;} .listado ul.valoraciones .usuario{font-family: montserrat-regular; color: #d3b64c; margin-bottom: 11px; font-size: 17px;} .listado ul.valoraciones .fecha{float: left; width: 9%; font-family: roboto-regular; color: #565656;} .listado ul.valoraciones .comentario{float: left; width: 82%; font-family: roboto-light; color: #565656;} /*Modal Valoraciones */ #valora-experiencia {text-align:center;} #valora-experiencia p {font-family: roboto-light; color:#565656; font-size:14px; margin:0px;} #valora-experiencia .valoracion{font-family: montserrat-regular;text-transform: uppercase;font-size: 14px;margin-top:35px;margin-bottom:18px; text-align:left;} #valora-experiencia .valor{float: left;margin: 0 11px 10px 11px; font-family: montserrat-regular;} #valora-experiencia .listado-puntos input{width: 22px;margin: 0 2px;} #valoracion_comentario_form {margin-top:16px;width:312px; border: 1px solid #d3b64c; padding: 8px; font-family: roboto-light;} #valora-experiencia .pie_valoracion {font-family: roboto-light; color:#565656;font-size: 12px; margin-top:25px; background-color:#efefef;padding: 15px 82px 15px 22px;min-width:300px;} #valora-experiencia .btn , #envia-valoracion .btn, #envia-contacto .btn{font-family: montserrat-regular; text-transform: uppercase; font-size: 14px; height: 44px; width: 150px; background: #d3b64c; border: none; margin-top:25px;} #valora-experiencia .btn, #envia-valoracion .btn {color: #ffffff;} #valora-experiencia .btn:hover, #envia-valoracion .btn:hover{color: #565656; transition: all 200ms linear; background-color: #e6d289; border: none;} #valora-experiencia input[type=radio] { display:none; /*visibility: hidden;*/} #valora-experiencia label.valor {background: url("../images/icons/check_off.png") no-repeat; display: block; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; z-index: 1; box-shadow: 0 0 1px rgba(0,0,0,0.7) inset; transition: all .5s ease; margin: 0 5px 10px 6px;} #valora-experiencia input[type=radio]:checked + label.valor {background: url("../images/icons/check_on.png") no-repeat;} #envia-valoracion .modal-body{padding: 18px 92px 40px 92px;} #envia-contacto .modal-body{padding: 18px 110px 40px 110px;} .modal-envia-valoracion, .modal-envia-contacto{text-align: center;} #envia-valoracion .modal-body p, #envia-contacto .modal-body p{font-family: roboto-light; color: #565656; text-align: center; margin: 0; font-size: 16px;} /*Formulario de contacto*/ .detalle-formulario{border-bottom: 1px solid #f3f3f3; padding-bottom: 35px;} .detalle-formulario .form-seccion{/*float: left; width: 48%; margin-right: 28px;*/ font-family: roboto-light; color: #565656;} .detalle-formulario .form-seccion.last{margin-right: 0; /*float: right; text-align: right;*/} .detalle-formulario .form-seccion input, .detalle-formulario .form-seccion textarea{width: 100%; margin-bottom: 14px; height: 28px; border: 1px solid #d3b64c; padding: 0px 7px 0px 7px; font-size: 13px;} .detalle-formulario .form-seccion #nombre-contacto{margin-top: 7px;} .detalle-formulario .form-seccion textarea{margin-top: 0px; height: 113px; width: 92%; padding: 7px;} .detalle-formulario .form-seccion .btn{color: #ffffff; width: 100%; height: 44px; border: 1px solid #d3b64c; background: #d3b64c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; margin-top: 0; height: 40px; font-size: 15px;} .detalle-formulario .form-seccion .btn:hover{color: #565656; transition: all 200ms linear; background-color: #e6d289; border: none;} .detalle-formulario .account p{float: left; width: 42%; margin-right: 20px;} .detalle-formulario .account .btn{float: left; width: 44%;} .detalle-formulario .enviar-form{text-align: center;} .detalle-formulario .btn{width: 300px; height: 60px; text-transform: uppercase; color: #ffffff; font-size: 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #7fbc64; margin-top: 12px; font-family: montserrat-regular;} /* estilo del paginador */ .paginador {text-align:center;} .paginador .pagination{margin:12px 0 12px 0;} .pagination>li>a, .pagination>li>span {border:none;color:#565656; background: transparent; font-family: montserrat-regular; font-size: 17px;} .pagination>li>a.selected{color: #d3b64c; background: none;} .pagination > li > a:hover{color: #d3b64c; background: none;} .pagination > li > a:focus,.pagination > li > span:focus {color: #d3b64c; background: none;} /*Ofertas Restaurantes*/ .ac-container{width: 85%; margin: 10px auto 30px auto; text-align: left;} .ac-container div.oferta-detalle{margin-bottom: 14px;} .ac-container label{font-family: montserrat-regular; padding: 13px 20px; position: relative; z-index: 20; display: block; height: 58px; cursor: pointer; color: #ffffff; background: #e47645; line-height: 33px; font-size: 19px; border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 0; margin-top: 14px;} .ac-container label:hover{color: #565656; transition: all 200ms linear;} .ac-container input:checked + label, .ac-container input:checked + label:hover{border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;} .ac-container label:after, .ac-container input:checked + label:hover:after{content: ''; position: absolute; width: 24px; height: 24px; right: 26px; top: 18px; background: transparent url(../images/icons/ofertas_arrow_down.png) no-repeat center center;} .ac-container input:checked + label:hover:after{background-image: url(../images/icons/ofertas_arrow_up.png);} .ac-container input{display: none;} .ac-container article{ background: #f5f5f5; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container article p{font-family: roboto-regular; color: #565656; line-height: 23px; font-size: 15px; padding: 20px; margin: 0;} .ac-container input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear;} /*Se contemplan 3 tipos de tamaño height del contenido*/ .ac-container input:checked ~ article.ac-small{min-height: 180px;} .ac-container input:checked ~ article.ac-medium{height: 200px;} .ac-container input:checked ~ article.ac-large{height: 250px;} .ac-container input:checked ~ article.ac-0{height: 275px;} .ac-container input:checked ~ article.ac-1{height: 325px;} .ac-container input:checked ~ article.ac-2{height: 375px;} .ac-container input:checked ~ article.ac-3{height: 425px;} .ac-container input:checked ~ article.ac-4{height: 475px;} .ac-container input:checked ~ article.ac-5{height: 525px;} .ac-container input:checked ~ article.ac-6{height: 575px;} .ac-container input:checked ~ article.ac-7{height: 625px;} .ac-container input:checked ~ article.ac-8{height: 675px;} .ac-container input:checked ~ article.ac-9{height: 725px;} .ac-container input:checked ~ article.ac-10{height: 775px;} .ac-container input:checked ~ article.ac-11{height: 825px;} .ac-container input:checked ~ article.ac-12{height: 875px;} .ac-container input:checked ~ article.ac-13{height: 925px;} .ac-container input:checked ~ article.ac-14{height: 975px;} .ac-container input:checked ~ article.ac-15{height: 1025px;} .ac-container input:checked ~ article.ac-16{height: 1075px;} .ac-container input:checked ~ article.ac-17{height: 1125px;} .ac-container input:checked ~ article.ac-18{height: 1175px;} .ac-container input:checked ~ article.ac-19{height: 1225px;} .ac-container input:checked ~ article.ac-20{height: 1275px;} .ac-container input:checked ~ article.ac-21{height: 1325px;} .ac-container-reserva input:checked ~ article.ac-0{height: 250px;} .ac-container-reserva input:checked ~ article.ac-1{height: 300px;} .ac-container-reserva input:checked ~ article.ac-2{height: 350px;} .ac-container-reserva input:checked ~ article.ac-3{height: 400px;} .ac-container-reserva input:checked ~ article.ac-4{height: 450px;} .ac-container-reserva input:checked ~ article.ac-5{height: 500px;} .ac-container-reserva input:checked ~ article.ac-6{height: 550px;} .ac-container-reserva input:checked ~ article.ac-7{height: 600px;} .ac-container-reserva input:checked ~ article.ac-8{height: 650px;} .ac-container-reserva input:checked ~ article.ac-9{height: 700px;} .ac-container-reserva input:checked ~ article.ac-10{height: 750px;} .ac-container-reserva input:checked ~ article.ac-11{height: 800px;} .ac-container-reserva input:checked ~ article.ac-12{height: 850px;} .ac-container-reserva input:checked ~ article.ac-13{height: 850px;} .ac-container-reserva input:checked ~ article.ac-14{height: 900px;} .ac-container-reserva input:checked ~ article.ac-15{height: 950px;} .ac-container-reserva input:checked ~ article.ac-16{height: 1000px;} .ac-container-reserva input:checked ~ article.ac-17{height: 1050px;} .ac-container-reserva input:checked ~ article.ac-18{height: 1100px;} .ac-container-reserva input:checked ~ article.ac-19{height: 1150px;} .ac-container-reserva input:checked ~ article.ac-20{height: 1200px;} .ac-container-reserva input:checked ~ article.ac-21{height: 1250px;} ac-container input:checked ~ article.ac-0{height: 275px;} .ac-container input:checked ~ article.ac-1{height: 325px;} .ac-container input:checked ~ article.ac-2{height: 375px;} .ac-container input:checked ~ article.ac-3{height: 425px;} .ac-container input:checked ~ article.ac-4{height: 475px;} .ac-container input:checked ~ article.ac-5{height: 525px;} .ac-container input:checked ~ article.ac-6{height: 575px;} .ac-container input:checked ~ article.ac-7{height: 625px;} .ac-container input:checked ~ article.ac-8{height: 675px;} .ac-container input:checked ~ article.ac-9{height: 725px;} .ac-container input:checked ~ article.ac-10{height: 775px;} .ac-container input:checked ~ article.ac-11{height: 825px;} .ac-container input:checked ~ article.ac-12{height: 875px;} .ac-container input:checked ~ article.ac-13{height: 925px;} .ac-container input:checked ~ article.ac-14{height: 975px;} .ac-container input:checked ~ article.ac-15{height: 1025px;} .ac-container input:checked ~ article.ac-16{height: 1075px;} .ac-container input:checked ~ article.ac-17{height: 1125px;} .ac-container input:checked ~ article.ac-18{height: 1175px;} .ac-container input:checked ~ article.ac-19{height: 1225px;} .ac-container input:checked ~ article.ac-20{height: 1275px;} .ac-container input:checked ~ article.ac-21{height: 1325px;} .ac-container-reserva input:checked ~ article.ac-0{height: 250px;} .ac-container-reserva input:checked ~ article.ac-1{height: 300px;} .ac-container-reserva input:checked ~ article.ac-2{height: 350px;} .ac-container-reserva input:checked ~ article.ac-3{height: 400px;} .ac-container-reserva input:checked ~ article.ac-4{height: 450px;} .ac-container-reserva input:checked ~ article.ac-5{height: 500px;} .ac-container-reserva input:checked ~ article.ac-6{height: 550px;} .ac-container-reserva input:checked ~ article.ac-7{height: 600px;} .ac-container-reserva input:checked ~ article.ac-8{height: 650px;} .ac-container-reserva input:checked ~ article.ac-9{height: 700px;} .ac-container-reserva input:checked ~ article.ac-10{height: 750px;} .ac-container-reserva input:checked ~ article.ac-11{height: 800px;} .ac-container-reserva input:checked ~ article.ac-12{height: 850px;} .ac-container-reserva input:checked ~ article.ac-13{height: 850px;} .ac-container-reserva input:checked ~ article.ac-14{height: 900px;} .ac-container-reserva input:checked ~ article.ac-15{height: 950px;} .ac-container-reserva input:checked ~ article.ac-16{height: 1000px;} .ac-container-reserva input:checked ~ article.ac-17{height: 1050px;} .ac-container-reserva input:checked ~ article.ac-18{height: 1100px;} .ac-container-reserva input:checked ~ article.ac-19{height: 1150px;} .ac-container-reserva input:checked ~ article.ac-20{height: 1200px;} .ac-container-reserva input:checked ~ article.ac-21{height: 1250px;} .ac-container article div{width: 100%; text-align: center;} .ac-container article .btn{width: 218px; height: 48px; text-transform: uppercase; color: #ffffff; font-size: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #7fbc64; margin-top: 12px; font-family: montserrat-regular;} .ac-container article .btn:hover{color: #565656; background: #e6d289; transition: all 200ms linear;} /*Restaurantes Reserva*/ .detalle-info.reserva{text-align: center; border-bottom: 1px solid #c5c5c5; padding-bottom: 10px; padding-left: 0;} .detalle-info.reserva .cabecera{width: 100%; foat: none;} .reserva-steps{padding: 10px 0px 20px 0px;} .reserva-steps h2{font-family: montserrat-regular; text-transform: uppercase; font-size: 15px; color: #d3b64c;} .reserva-steps h2:before{background: url("../images/icons/reserva-oferta-icon.png"); height: 17px; content: " "; width: 18px; position: absolute; margin-left: -26px; margin-top: -1px;} .reserva-steps .step-3 h2:before{background: url("../images/icons/reserva-oferta-step-3-icon.png"); width: 20px; height: 20px; margin-top: -2px;} .reserva-steps .step-4 h2:before{background: url("../images/icons/reserva-oferta-step-4-icon.png"); width: 20px; height: 20px; margin-top: -5px;} .reserva-steps .acciones{margin-top: 25px;} .reserva-steps .step-contenido{margin-left: -25px} .reserva-steps .step-2{padding: 10px 20px 20px 30px; border-bottom: 1px solid #c5c5c5;} .reserva-steps .step-2-3-4{border-bottom: 1px solid #c5c5c5;} .reserva-steps .step-2{padding: 10px 20px 0px 55px; border-bottom: none;} .reserva-steps .step-3{padding: 10px 0px 20px 60px;} .reserva-steps .step-4{padding: 10px 20px 20px 0px; border-top: 1px solid #c5c5c5; margin-top: 20px; margin-left: -25px;} .reserva-steps .step-4 .step-contenido {margin-left: 0px;} .reserva-steps .step-5{padding-left: 55px; border-bottom: 0;} .reserva-steps .step-1{border-bottom: 1px solid #c5c5c5; padding-bottom: 31px; padding-left: 55px;} .reserva-steps .step-1 .btn{text-transform: uppercase; font-family: montserrat-regular; width: 185px; height: 44px;} .reserva-steps .step-1 .btn.con-oferta.activo{color: #ffffff; background: #e47645; margin-right: 12px;} .reserva-steps .step-1 .btn.con-oferta.desactivo, .reserva-steps .step-1 .btn.sin-oferta.desactivo{color: #565656; background: #f5f5f5; } .reserva-steps .step-1 .btn.sin-oferta.activo{background: #7fbc64; color: #ffffff;} .reserva-steps p{font-family: roboto-light; color: #565656; font-size: 14px; margin-top: 20px;} .reserva-steps .step-4 h2{margin-left: 27px;} .reserva-steps .step-2{/*float: left; width: 50%;*/ margin-right: 0px;} .reserva-steps .step-3{/*float: left; width: 47%;*/} .reserva-steps .step-3 ul{margin: 30px 0; padding: 0;} .reserva-steps .step-3 ul li{float: left; margin-right: 10px;} .reserva-steps .step-3 ul li.last{/*margin-right: 0px;*/} .reserva-steps .step-3 ul li .btn.hora{background: white; border: 1px solid #d3b64c; margin-bottom: 10px; padding: 6px 12px 6px 12px; font-family: montserrat-regular; width: 68px; font-size: 13px;} .reserva-steps .step-3 ul li.hora-previa{/*margin-bottom: 15px;*/} .reserva-steps .step-3 ul li .btn.hora.selected{color: #ffffff; background: #d3b64c;} .reserva-steps .step-4 .seleccionar.personas select{font-family: montserrat-regular; font-size: 12px; color: #565656; width: 109px; text-transform: uppercase; border: 1px solid #d3b64c; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 4px 5px 5px 5px; background: #fff url("../images/icons/desplegable_menu.png") no-repeat 90% 50%; height: 27px; margin-top: 9px;} .reserva-steps .step-5 .detalle-formulario{border-bottom: 0;} .reserva-steps .step-5 .detalle-formulario p{margin-top: 9px;} .reserva-steps .step-5 .detalle-formulario .account .btn{float: right; margin-top: 7px;} .reserva-steps .step-5 .detalle-formulario .form-seccion.last{margin-top: 68px;} .reserva-steps .step-5 .detalle-formulario .reserva-legal{width: 219px; text-align: center; margin: 14px auto; font-size: 12px;} .reserva-steps .step-5 .detalle-formulario .reserva-legal span a{color: #d3b64c;} .reserva-steps .step-5 .detalle-formulario .reserva-legal span a:hover{color: #e47645;} .reserva-steps .step-2-3-4, .reserva-steps .step-3, .reserva-steps .step-4, .reserva-steps .step-5{display: none;} /*Selector de oferta*/ .reserva-steps .step-1 input.check-oferta {width: 66%; height: 28px; margin-top: 0;} .reserva-steps .step-1 input.check-oferta[type=checkbox] {position: absolute; z-index: 100; opacity: 0; display: block; height: 23px;} .reserva-steps .step-1 label.oferta {background: url("../images/icons/check_off.png") no-repeat; display: block; width: 20px; height: 20px; cursor: pointer; top: 31px; left: 0px; transition: all .5s ease; float: left;} .reserva-steps .step-1 input.check-oferta:checked + label.oferta {background: url("../images/icons/check_on.png") no-repeat;} .ac-container-reserva{width: 80%; margin: 0; text-align: left;} .ac-container-reserva input.check-oferta{display: inline;} .ac-container-reserva div.oferta-detalle{margin-bottom: 14px;} .ac-container-reserva div.oferta-detalle.desactivo{opacity: 0.3;} .ac-container-reserva label.descripcion{font-family: montserrat-regular; padding: 0px 20px; position: relative; z-index: 20; display: block; height: 26px; cursor: pointer; color: #e47645; background: none; font-size: 16px; border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 0; margin-left: 13px;} .ac-container-reserva label.descripcion.desactivo{color: #565656;} .ac-container-reserva label.descripcion:hover{color: #565656; transition: all 200ms linear;} .ac-container-reserva label.descripcion.desactivo:hover{color: #565656;} .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label.descripcion, .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label.descripcion:hover{border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;} .ac-container-reserva label.descripcion:after, .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{content: ''; position: absolute; width: 24px; height: 24px; right: 26px; top: -2px; background: transparent url(../images/icons/desplegable_oferta_reserva_off.png) no-repeat center center;} .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{background-image: url(../images/icons/desplegable_oferta_reserva_on.png);} .ac-container-reserva label.descripcion.desactivo:after{display: none;} .ac-container-reserva input.check-acordion{display: none;} .ac-container-reserva article{ background: none; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container-reserva article p{font-family: roboto-regular; color: #565656; line-height: 23px; font-size: 15px; padding: 20px; margin: 0;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear;} /*Se contemplan 3 tipos de tamaño height del contenido*/ .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-small{height: 100px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-medium{height: 200px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-large{height: 250px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-large{height: 300px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-large{height: 350px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion.activo:checked ~ article.ac-large{height: 400px;} .ac-container-reserva article div{width: 100%; text-align: center;} .ac-container-reserva article .btn{width: 218px; height: 48px; text-transform: uppercase; color: #ffffff; font-size: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #7fbc64; margin-top: 12px; font-family: montserrat-regular;} .ac-container-reserva article .btn:hover{color: #565656; background: #e6d289; transition: all 200ms linear;} /* #### Tablet Vertical / iOS */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (max-aspect-ratio: 13/9) and (-webkit-min-device-pixel-ratio: 1) /*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)*/ { .container {width: 100%;} .container.main {padding-bottom: 15px;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} /*Header Logo*/ .header-1.logo {padding-top: 4px; padding-left: 11px; padding-right: 0;} /*Buscador header*/ #buscador {width: 163px;} .zona {margin-left: 8px;} .link {padding: 10px 0px 10px 0px;} /*Menu*/ #menu{height: 62px;} .menu .row ul li{padding: 0px 6px 0px 8px; font-size: 14px;} .tiempo {padding-top: 15px;} /*Home Slider*/ .flex-direction-nav a{width: 37px; height: 54px;} .flexslider .flex-control-nav{bottom: 3px;} .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{background-size: 37px 54px;} /*Separators*/ .home-separators {margin-top: 35px; margin-bottom: 25px;} .home-separator{width: 39%;} .home-separators p{font-size: 17px;} /*Bloques columna derecha*/ .contenido.secundario .bloque{padding: 14px 0px 14px 0px;} .contenido.secundario .encuentra p{font-size: 15px;} .contenido.secundario .seleccionar{float: none; margin-right: 0; width: 100%;} .contenido.secundario .ver-mas{margin: 0 auto; width: 100px;} .contenido.secundario .encuentra .busqueda-rapida input{height: 40px;} .contenido.secundario .selector-lista{margin-right: 0px; font-size: 13px; float: left; margin-left: 41px; margin-bottom: 7px;} .contenido.secundario .selector-lista.valorados {margin-right: 0px; margin-left: 21px;} .contenido.secundario .selector-lista.on a {padding: 9px 0px 7px 0px; background-position-y: 27px;} .contenido.secundario .listado {margin-top: 70px;} .contenido.secundario .listado ul li .nombre, .contenido.secundario .listado ul li .detalles .lugar, .contenido.secundario .listado ul li .descuento{font-size: 13px;} ul.item-list-proximos li .titulo, ul.item-list-proximos li .descripcion{font-size: 13px;} ul.item-list-proximos li .titulo{top: -71px;} ul.item-list-proximos.eventos li .titulo-background{margin-top: -147px;} ul.item-list-proximos li .titulo-background {height: 75px;} /*Listados - Contenidos*/ .contenido.principal .section-mapa.eventos .acciones {padding-top: 0px;} ul.item-list-columnas li .titulo{font-size: 14px;} ul.item-list-columnas li .titulo-background{height: 53px; margin-top: -113px;} ul.item-list-columnas li .titulo{top: -57px;} ul.item-list-columnas li .detalles, ul.item-list-columnas li .descripcion{font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; white-space: nowrap; } .seccion-list.nightlife ul.item-list-columnas .info .valoracion{margin: 0 auto;} .seccion-list.nightlife ul.item-list-columnas .info .detalles{margin-top: 2px;} .seccion-list.restaurantes ul.item-list-columnas .info .detalles{margin-top: 3px;} .seccion-list.quehacer ul.item-list-columnas .info .detalles{margin-top: 3px;} .item-list-eventos li{height: 116px;} .item-list-eventos li .titulo{width: 63%;} .item-list-eventos li .titulo a{font-size: 14px;} .item-list-eventos li .detalles{width: 63%; margin-top: 1px;} .item-list-eventos li .detalles .lugar{font-size: 13px;} .item-list-eventos li .descripcion{width: 63%; font-size: 13px;} .item-list-horizontal li{padding-bottom: 10px;} .item-list-horizontal li .titulo{font-size: 15px;} .item-list-horizontal li .detalles .descripcion{font-size: 13px;} .item-list-horizontal li .btn{margin-top: 0;} /*Listados de Restaurantes, Qué Hacer, etc..*/ .contenido.principal .encuentra h1.secundario{margin-left: 25px;} .contenido.principal .encuentra h1{font-size: 53px; padding-top: 51px;} .contenido.principal .encuentra div .form-general{padding: 22px 0 0 20px;} .contenido.principal .encuentra div .nombre-lugar input{width: 191px; font-size: 12px;} .contenido.principal .encuentra div .nombre-lugar{margin-right: 10px;} .contenido.principal .encuentra .seleccionar{width: 99px;} .contenido.principal .encuentra .seleccionar.personas{width: 105px;} .contenido.principal .encuentra .seleccionar{margin-right: 10px;} .contenido.principal .encuentra .form-background{height: 126px; margin-top: -132px;} .contenido.principal .encuentra .acciones{margin-left: 73px;} .contenido.principal .encuentra .busqueda-rapida #buscar-afinar-submit {width: 224px;} .contenido.principal .encuentra.small{height: 263px; margin-top: -153px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large{height: 295px;} .contenido.principal .encuentra.active{height: 300px;} .contenido.principal .encuentra .form-detalles h2{font-size: 17px; margin: 9px 0 12px 28px;} .contenido.principal .encuentra .form-detalles ul{padding: 0; margin: 0;} .contenido.principal .encuentra .form-detalles li.filtro{margin-right: 0px; width: 131px;} .contenido.principal .encuentra .form-detalles li.filtro img{width: 48px; height: 48px;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-nombre{font-size: 13px;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-nombre.seleccionado{color: #e6d289;} .destacado{margin-left: 22%; margin-top: 5px;} .destacado img{width: 39px;} ul.item-list-columnas li .titulo-2{font-size: 13px;} .seccion-list ul li .orden{font-size: 13px; width: 29px; height: 29px; font-family: montserrat-regular; background-size: 29px 29px;} .contenido.principal .encuentra.playas form .form-general{padding: 26px 0 0 0px;} .contenido.principal .encuentra.playas .acciones {margin-left: 89px;} .contenido.principal .encuentra.nightlife form .form-general {padding: 25px 0 0 0px;} .contenido.principal .encuentra.nightlife .acciones {margin-left: 90px;} .contenido.principal .encuentra.quehacer form .form-general {padding: 25px 0 0 0px;} .contenido.principal .encuentra.quehacer .acciones {margin-left: 90px;} .contenido.principal .encuentra.eventos form .form-general {padding: 22px 0 0 0px;} .contenido.principal .encuentra.eventos form .nombre-lugar{margin-left: 72px;} .contenido.principal .encuentra.eventos .acciones {margin-left: 89px;} .contenido.principal .sugerencias-separators {margin: 26px auto 22px auto;} .seccion-list.quehacer ul.item-list-columnas .info {height: 143px;} /*Listado Agenda*/ .calendario.eventos, .section-mapa.eventos{margin-top: 30px; padding: 0px 25px 0px 20px;} .calendario.eventos h1, .section-mapa.eventos h1{font-size: 18px; margin: 0 0 21px 0;} .contenido.principal .seccion-list.eventos .list-separator{height: 45px; font-size: 20px; padding: 9px;} .contenido.principal .encuentra.afina.agenda ul.filtros {margin-left: 146px;} /*Calendario*/ .calendar-month-view p{font-size: 19px;} .calendar-month-view-arrow {top: 5px;} .letrasDay{font-size: 16px;} .calendar-day{height: 40px;} .calendar-day .date-holder{margin-top: 8px;} /*Afina tu búsqueda*/ .contenido.principal .encuentra .form-detalles .popover {} .contenido.principal .encuentra .form-detalles .popover-content {margin: 11px 10px 41px 20px; min-height: 22px; } .contenido.principal .encuentra form .nombre-lugar input{padding: 4px 5px 5px 8px;} .contenido.principal .encuentra .form-detalles .popover {max-width: 389px;} /*Detalles*/ .detalle-info h1{font-size: 21px;} .detalle-info h2{font-size: 18px;} .detalle-info .galeria{margin-right: 15px;} .detalle-info .valoracion img{width: 23px;} .detalle-info .valoracion .valor{font-size: 20px;} .detalle-info .valoracion .valor-base{font-size: 14px;} .thumbs {padding-right: 0;} .preview{width: 54px; margin-right: 11px;} .preview:last-child {margin-right: 0;} .detalle-info h3{font-family: 16px;} .detalle-info .galeria, .detalle-info .mas-info{margin-top: -35px;} .detalle-info .botones .btn{height: 51px; font-size: 16px;} .detalle-descripcion h2{font-size: 20px;} .contenido.detalle .caracteristicas-valoraciones {margin-top: 11px;} .listado ul.valoraciones .fecha {width: 13%;} .detalle-formulario .form-seccion{margin-right: 18px;} .detalle-formulario .btn {width: 276px;height: 51px; font-size: 15px;} .detalle-formulario .form-seccion .btn{height: 37px; font-size: 13px;} .detalle-formulario .account .btn {width: 41%;} .detalle-formulario .account p {width: 47%;} .contenido.detalle .info ul.caracteristicas li.caracteristica {margin-right: 0px;} /*Detalle Restaurantes*/ .detalle-info .botones.quehacer .btn {width: 47%;} .ac-container input:checked ~ article.ac-small {height: 190px;} .reserva-steps .step-3 ul li .btn.hora {padding: 6px 12px 6px 10px; width: 49px; font-size: 12px;} .calendario.reserva-online .calendar-month-view p {font-size: 19px; padding-top: 3px;} .reserva-steps h2 {font-size: 13px;} .reserva-steps .step-5 .detalle-formulario .form-seccion.last {margin-top: 59px;} .detalle-formulario .form-seccion textarea {margin-top: 7px;} .calendar-month-view-arrow{padding: 0px 10px 0px 10px;} /*Contacto*/ .contacto .situacion .titulo {margin-top: 11px;} /*Área de usuario*/ .contenido.principal .area-usuario .datos-usuario {width: 79%;margin: 30px auto 0 auto;} .contenido.principal .area-usuario .datos-usuario .btn{margin: 30px 24%;} .contenido.principal .area-usuario .selector-lista.off a, .contenido.principal .area-usuario .selector-lista.on a{font-size: 14px; background-position-y: 26px; padding: 5px 0px 10px 0px;} .contenido.principal .area-usuario #reservas-activas.listado ul li .detalles, .contenido.principal .area-usuario #historial-reservas.listado ul li .detalles {width: 38%;} .contenido.principal .area-usuario .reservas .btn.cancelar-reserva, .contenido.principal .area-usuario .reservas .btn.valora-tu-experiencia{margin-right: 14px;} .footer div:first-child{padding-left: 40px;} } /*### Tabs Android Vertical###*/ @media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (max-aspect-ratio: 13/9) /*@media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: portrait)*/ { .afina .filtro img{width: 60px; height: 60px;} .container {width: 100%;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} container {width: 100%;} .container.main {padding-bottom: 15px;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} /*Header Logo*/ .header-1.logo {padding-top: 4px; padding-left: 17px; padding-right: 0;} /*Buscador header*/ #buscador {width: 163px;} .zona {margin-left: 8px;} .link {padding: 10px 0px 10px 0px;} /*Menu*/ #menu{height: 62px;} .menu .row ul li{padding: 0px 6px 0px 8px; font-size: 14px;} .tiempo {padding-top: 15px;} /*Home Slider*/ .flex-direction-nav a{width: 37px; height: 54px;} .flexslider .flex-control-nav{bottom: 3px;} .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{background-size: 37px 54px;} /*Separators*/ .home-separators {margin-top: 35px; margin-bottom: 25px;} .home-separator{width: 39%;} .home-separators p{font-size: 17px;} /*Home*/ .flex-direction-nav a {margin: -23px 0 0 0;} .home-separator {width: 39%;} /*Bloques columna derecha*/ .contenido.secundario .bloque{padding: 14px 0px 14px 0px;} .contenido.secundario .encuentra p{font-size: 15px;} .contenido.secundario .seleccionar{float: none; margin-right: 0; width: 100%;} .contenido.secundario .ver-mas{margin: 0 auto; width: 100px;} .contenido.secundario .encuentra .busqueda-rapida input{height: 40px;} .contenido.secundario .selector-lista{margin-right: 0px; font-size: 13px; float: left; margin-left: 41px; margin-bottom: 7px;} .contenido.secundario .selector-lista.valorados {margin-right: 0px; margin-left: 21px;} .contenido.secundario .selector-lista.on a {padding: 9px 0px 7px 0px; background-position-y: 27px;} .contenido.secundario .listado {margin-top: 70px;} .contenido.secundario .listado ul li .nombre, .contenido.secundario .listado ul li .detalles .lugar, .contenido.secundario .listado ul li .descuento{font-size: 13px;} ul.item-list-proximos li .titulo, ul.item-list-proximos li .descripcion{font-size: 13px;} ul.item-list-proximos li .titulo{top: -71px;} ul.item-list-proximos.eventos li .titulo-background{margin-top: -147px;} ul.item-list-proximos li .titulo-background {height: 75px;} /*Listados - Contenidos*/ .contenido.principal .section-mapa.eventos .acciones {padding-top: 0px;} ul.item-list-columnas li .titulo{font-size: 14px;} ul.item-list-columnas li .titulo-background{height: 53px; margin-top: -113px;} ul.item-list-columnas li .titulo{top: -57px;} ul.item-list-columnas li .detalles, ul.item-list-columnas li .descripcion{font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; white-space: nowrap; } .seccion-list.nightlife ul.item-list-columnas .info .valoracion{margin: 0 auto;} .seccion-list.nightlife ul.item-list-columnas .info .detalles{margin-top: 2px;} .seccion-list.restaurantes ul.item-list-columnas .info .detalles{margin-top: 3px;} .seccion-list.quehacer ul.item-list-columnas .info .detalles{margin-top: 3px;} .item-list-eventos li{height: 116px;} .item-list-eventos li .titulo{width: 63%;} .item-list-eventos li .titulo a{font-size: 14px;} .item-list-eventos li .detalles{width: 63%; margin-top: 1px;} .item-list-eventos li .detalles .lugar{font-size: 13px;} .item-list-eventos li .descripcion{width: 63%; font-size: 13px;} .item-list-horizontal li{padding-bottom: 10px;} .item-list-horizontal li .titulo{font-size: 15px;} .item-list-horizontal li .detalles .descripcion{font-size: 13px;} .item-list-horizontal li .btn{margin-top: 0;} /*Listados de Restaurantes, Qué Hacer, etc..*/ .contenido.principal .encuentra h1.secundario{margin-left: 25px;} .contenido.principal .encuentra h1{font-size: 53px; padding-top: 51px;} .contenido.principal .encuentra div .form-general{padding: 22px 0 0 20px;} .contenido.principal .encuentra div .nombre-lugar input{width: 191px; font-size: 12px;} .contenido.principal .encuentra div .nombre-lugar{margin-right: 10px;} .contenido.principal .encuentra .seleccionar{width: 99px;} .contenido.principal .encuentra .seleccionar.personas{width: 105px;} .contenido.principal .encuentra .seleccionar{margin-right: 10px;} .contenido.principal .encuentra .form-background{height: 126px; margin-top: -120px;} .contenido.principal .encuentra .acciones{margin-left: 73px;} .contenido.principal .encuentra .busqueda-rapida #buscar-afinar-submit {width: 224px;} .contenido.principal .encuentra .form-detalles h2{font-size: 17px; margin: 9px 0 12px 28px;} .contenido.principal .encuentra .form-detalles ul{padding: 0; margin: 0;} .contenido.principal .encuentra .form-detalles li.filtro{margin-right: 0px; width: 131px;} .contenido.principal .encuentra .form-detalles li.filtro img{width: 48px; height: 48px;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-nombre{font-size: 13px;} .contenido.principal .encuentra .form-detalles li.filtro .filtro-nombre.seleccionado{color: #e6d289;} .destacado{margin-left: 22%; margin-top: 5px;} .destacado img{width: 39px;} ul.item-list-columnas li .titulo-2{font-size: 13px;} .seccion-list ul li .orden{font-size: 13px; width: 29px; height: 29px; font-family: montserrat-regular; background-size: 29px 29px;} .contenido.principal .sugerencias-separators {margin: 26px auto 22px auto;} .seccion-list.quehacer ul.item-list-columnas .info {height: 143px;} /*Listado Agenda*/ .calendario.eventos, .section-mapa.eventos{margin-top: 30px; padding: 0px 25px 0px 20px;} .calendario.eventos h1, .section-mapa.eventos h1{font-size: 18px; margin: 0 0 21px 0;} .contenido.principal .seccion-list.eventos .list-separator{height: 45px; font-size: 20px; padding: 9px;} .contenido.principal .encuentra.afina.agenda ul.filtros {margin-left: 146px;} /*Calendario*/ .calendar-month-view p{font-size: 19px;} .calendar-month-view-arrow {top: 5px;} .letrasDay{font-size: 16px;} .calendar-day{height: 40px;} .calendar-day .date-holder{margin-top: 8px;} /*Afina tu búsqueda*/ .contenido.principal .encuentra select{text-transform: uppercase;} .contenido.principal .encuentra .form-detalles .popover-content {margin: 11px 10px 41px 20px; min-height: 22px; } .contenido.principal .encuentra div .nombre-lugar input{padding: 4px 5px 5px 8px;} .contenido.principal .encuentra .form-detalles .popover {max-width: 389px;} /*Detalles*/ .detalle-info h1{font-size: 21px;} .detalle-info h2{font-size: 18px;} .detalle-info .galeria{margin-right: 15px;} .detalle-info .valoracion img{width: 23px;} .detalle-info .valoracion .valor{font-size: 20px;} .detalle-info .valoracion .valor-base{font-size: 14px;} .thumbs {padding-right: 0;} .preview{width: 54px; margin-right: 11px;} .preview:last-child {margin-right: 0;} .detalle-info h3{font-family: 16px;} .detalle-info .galeria, .detalle-info .mas-info{margin-top: -35px;} .detalle-info .botones .btn{height: 51px; font-size: 16px;} .detalle-descripcion h2{font-size: 20px;} .contenido.detalle .caracteristicas-valoraciones {margin-top: 11px;} .listado ul.valoraciones .fecha {width: 13%;} .detalle-formulario .form-seccion{margin-right: 18px;} .detalle-formulario .btn {width: 276px;height: 51px; font-size: 15px;} .detalle-formulario .form-seccion .btn{height: 37px; font-size: 13px;} .detalle-formulario .account .btn {width: 41%;} .detalle-formulario .account p {width: 47%;} .contenido.detalle .info ul.caracteristicas li.caracteristica {margin-right: 0px;} /*Detalle Restaurantes*/ .detalle-info .botones.quehacer .btn {width: 47%;} .ac-container input:checked ~ article.ac-small {height: 190px;} .reserva-steps .step-3 ul li .btn.hora {padding: 6px 12px 6px 10px; width: 49px; font-size: 12px;} .calendario.reserva-online .calendar-month-view p {font-size: 19px; padding-top: 3px;} .reserva-steps h2 {font-size: 13px;} .reserva-steps .step-5 .detalle-formulario .form-seccion.last {margin-top: 59px;} .detalle-formulario .form-seccion textarea {margin-top: 7px;} .calendar-month-view-arrow{padding: 0px 10px 0px 10px;} /*Contacto*/ .contacto .situacion .titulo {margin-top: 11px;} /*Área de usuario*/ .contenido.principal .area-usuario .datos-usuario {width: 79%;margin: 30px auto 0 auto;} .contenido.principal .area-usuario .datos-usuario .btn{margin: 30px 24%;} .contenido.principal .area-usuario .selector-lista.off a, .contenido.principal .area-usuario .selector-lista.on a{font-size: 14px; background-position-y: 26px; padding: 9px 0px 7px 0px;} .contenido.principal .area-usuario #reservas-activas.listado ul li .detalles, .contenido.principal .area-usuario #historial-reservas.listado ul li .detalles {width: 38%;} .contenido.principal .area-usuario .reservas .btn.cancelar-reserva, .contenido.principal .area-usuario .reservas .btn.valora-tu-experiencia{margin-right: 14px;} .footer div:first-child{padding-left: 40px;} /*Item List*/ .contenido.secundario .selector-lista { margin-right: 0px; font-size: 13px; margin-left: 43px;} .contenido.principal .encuentra.eventos form .form-general, .contenido.principal .encuentra.playas form .form-general, .contenido.principal .encuentra.nightlife form .form-general, .contenido.principal .encuentra.quehacer form .form-general{padding: 36px 0 0 0px;} .contenido.principal .encuentra div .form-general {padding: 36px 0 0 31px;} .contenido.principal .encuentra.eventos .acciones {margin-left: 104px; } .contenido.principal .encuentra.eventos form .nombre-lugar { margin-left: 88px; } .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones{margin-left: 103px; } .contenido.principal .encuentra.small {height: 275px; margin-top: -165px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large{height: 275px;} .contenido.principal .encuentra.active{height: 300px;} /*Detalles*/ .preview {margin-right: 15px;} } /* #### Tablet Horizontal Landscape#### */ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (min-aspect-ratio: 13/9) /*@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)*/ { .container {width: 100%; min-width: 768px;} .container.main {padding-bottom: 15px;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} /*Home*/ .home-separators {margin-top: 41px; margin-bottom: 39px;} .home-separator {float: left; width: 42%;} ul.item-list-columnas li .titulo{font-size: 14px;} .flex-direction-nav a {margin: -25px 0 0 0;} /*Columna Secundaria*/ .contenido.secundario .encuentra p{font-size: 15px;} .contenido.secundario .seleccionar{margin-right: 12px;} .contenido.secundario .ver-mas {margin-right: 0;} .contenido.secundario .selector-lista{margin-right: 8px;} /*Buscador*/ .contenido.principal .encuentra h1{padding-top: 53px;} .contenido.principal .encuentra .form-background{margin-top: -91px;} .contenido.principal .encuentra div .form-general {padding: 92px 0 0px 68px;} /*Buscador Item List*/ .contenido.principal .encuentra.eventos div .form-general, .contenido.principal .encuentra.playas div .form-general, .contenido.principal .encuentra.nightlife div .form-general, .contenido.principal .encuentra.quehacer div .form-general{padding: 92px 0 0 0px;} .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones {margin-left: 162px;} /*Afina tu búsqueda*/ .contenido.principal .encuentra .form-detalles li.filtro{margin-right: 22px;} .contenido.principal .encuentra .form-detalles .popover{max-width: 474px;} .contenido.principal .encuentra .form-detalles .popover-content {margin: 15px 20px 9px 0px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large {height: 336px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large{height: 352px;} .contenido.principal .encuentra.active{height: 352px;} .contenido.principal .encuentra .form-background {margin-top: -75px; } .contenido.principal .encuentra.playas div .form-general {padding: 91px 0 0 0px; } .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones{margin-left: 177px;} /*Separadores*/ .contenido.principal .sugerencias-separators {margin: 25px auto 27px auto;} .reserva-steps .step-3 ul li .btn.hora {width: 66px;} .footer div:first-child{padding-left: 40px;} } @media screen and (min-device-width: 800px) and (max-device-width: 1280px) and (min-aspect-ratio: 13/9) { .afina .filtro img{width: 60px; height: 60px;} .container {width: 100%;} .container.main {padding-bottom: 15px;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} /*Home*/ .home-separators {margin-top: 41px; margin-bottom: 39px;} .home-separator {float: left; width: 42%;} ul.item-list-columnas li .titulo{font-size: 14px;} .flex-direction-nav a {margin: -25px 0 0 0;} /*Columna Secundaria*/ .contenido.secundario .encuentra p{font-size: 15px;} .contenido.secundario .seleccionar{margin-right: 12px;} .contenido.secundario .ver-mas {margin-right: 0;} .contenido.secundario .selector-lista{margin-right: 8px;} /*Buscador*/ .contenido.principal .encuentra h1{padding-top: 53px;} .contenido.principal .encuentra .form-background{margin-top: -91px;} .contenido.principal .encuentra form .form-general {padding: 92px 0 0px 68px;} .contenido.principal .encuentra select{text-transform: uppercase;} /*Buscador Item List*/ .contenido.principal .encuentra.eventos form .form-general, .contenido.principal .encuentra.playas form .form-general, .contenido.principal .encuentra.nightlife form .form-general, .contenido.principal .encuentra.quehacer form .form-general{padding: 92px 0 0 0px;} .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones {margin-left: 162px;} /*Afina tu búsqueda*/ .contenido.principal .encuentra .form-detalles li.filtro{margin-right: 22px;} .contenido.principal .encuentra .form-detalles .popover{max-width: 474px;} .contenido.principal .encuentra .form-detalles .popover-content {margin: 15px 20px 9px 0px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large {height: 336px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large{height: 352px;} .contenido.principal .encuentra.active{height: 352px;} .contenido.principal .encuentra .form-background {margin-top: -75px; } .contenido.principal .encuentra.playas form .form-general {padding: 91px 0 0 0px; } .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones{margin-left: 177px;} /*Separadores*/ .contenido.principal .sugerencias-separators {margin: 25px auto 27px auto;} .reserva-steps .step-3 ul li .btn.hora {width: 66px;} .footer div:first-child{padding-left: 40px;} } /*iPad retina*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .container {width: 100%;} .container.main {padding-bottom: 15px;} #menu, #heading{width: 100%;} .background-main{width: 100%; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} /*Imagenes retina*/ #buscador{background: white url("../images/icons/icon_buscar@2x.png") no-repeat 7px 5px; background-size: 14px 15px;} .idioma.es{background: url("../images/icons/es@2x.png") no-repeat; background-size: 21px 21px;} .idioma.en{background: url("../images/icons/en@2x.png") no-repeat; background-size: 21px 21px;} .idioma.de{background: url("../images/icons/de@2x.png") no-repeat; background-size: 21px 21px;} .idioma.it{background: url("../images/icons/it@2x.png") no-repeat; background-size: 21px 21px;} .subfooter .facebook:hover{background: url("../images/social/redes_facebook_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .twitter:hover{background: url("../images/social/redes_twitter_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .instagram:hover{background: url("../images/social/redes_instagram_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .facebook {background: url("../images/social/redes_facebook_off@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .twitter {background: url("../images/social/redes_twitter_off@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .instagram {background: url("../images/social/redes_instagram_off@2x.png") no-repeat; background-size: 44px 44px;} ul.item-list-columnas li .detalles .lugar:before, .contenido.secundario .listado ul li .detalles .lugar:before, .item-list-eventos li .detalles .lugar:before, .detalle-info .lugar:before, ul.item-list-proximos li .detalles .lugar:before{background: url("/images/icons/icon_ubicacion_list@2x.png") no-repeat; background-size: 9px 14px;} .detalle-info .lugar:before{background: url("../images/icons/icon_ubicacion_detalle@2x.png"); background-size: 9px 14px;} #valora-experiencia label.valor {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} #valora-experiencia input[type=radio]:checked + label.valor {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .reserva-steps h2:before{background: url("../images/icons/reserva-oferta-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-3 h2:before{background: url("../images/icons/reserva-oferta-step-3-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-4 h2:before{background: url("../images/icons/reserva-oferta-step-4-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-1 label.oferta {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .reserva-steps .step-1 input.check-oferta:checked + label.oferta {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .ac-container-reserva label.descripcion:after, .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{background: transparent url("../images/icons/desplegable_oferta_reserva_off@2x.png") no-repeat center center; background-size: 17px 17px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{background-image: url("../images/icons/desplegable_oferta_reserva_on@2x.png"); background-size: 17px 17px;} .contacto .formulario2 .aviso-legal label.aviso {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2 .aviso-legal label.aviso {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2 .aviso-legal input[type=checkbox]:checked + label.aviso {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2.editar-datos .aviso-legal label.hombre{background: #fff url("../images/icons/bt_sexo_hombre_off@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal label.mujer {background: #fff url("../images/icons/bt_sexo_mujer_off@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal input[type=radio]:checked + label.hombre {background: #fff url("../images/icons/bt_sexo_hombre_on@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal input[type=radio]:checked + label.mujer {background: #fff url("../images/icons/bt_sexo_mujer_on@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} #eliminar-cuenta .razon-baja input[type=radio]:checked + label.check-razon {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} #eliminar-cuenta .razon-baja label.check-razon {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .favoritos .seccion-list ul li .favorito {background: url("../images/icons/bt_favoritos_usuario_off@2x.png") no-repeat; background-size: 20px 20px;} .favoritos .seccion-list ul li .favorito:hover {background: url("../images/icons/bt_favoritos_usuario_on@2x.png"); background-size: 34px 34px;} .area-usuario .reservas .lista-vacia {background: url("../images/icons/icon_misreservas_vacio@2x.png") center top no-repeat; background-size: 87px 83px;} .area-usuario .favoritos .lista-vacia {background: url("../images/icons/icon_favoritos_vacio@2x.png"); background-size: 87px 83px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .container {width: 1020px;} #menu, #heading{width: 100%;} .background-main{width: 1020px; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} .header-1.logo {padding-left: 25px;} input[type="text"], input[type="password"], textarea{-webkit-appearance: none; box-shadow: none !important; border-radius: 0;} .flex-direction-nav a {margin: -25px 0 0 0;} /*Tablet ipad retina horizonal*/ .home-separator {width: 42%;} .contenido.principal .encuentra .form-background {margin-top: -75px;} .contenido.principal .encuentra, .contenido.principal .encuentra.large{height: 352px;} .contenido.principal .encuentra.active{height: 335px;} .contenido.principal .encuentra.small {margin-top: -240px;} .contenido.principal .encuentra form .form-general {padding: 93px 0 0 72px;} .contenido.principal .encuentra.eventos form .form-general, .contenido.principal .encuentra.playas form .form-general, .contenido.principal .encuentra.nightlife form .form-general, .contenido.principal .encuentra.quehacer form .form-general{padding: 93px 0 0 28px;} .contenido.principal .encuentra.playas .acciones, .contenido.principal .encuentra.nightlife .acciones, .contenido.principal .encuentra.quehacer .acciones {margin-left: 164px;} /*FIN Tablet ipad retina horizonal*/ } /* Desktop: Sobreescribimos el tamaño máximo de boostrap a 1000px */ @media (min-width: 1200px){ .container {width: 1020px;} #menu, #heading{width: 100%;} .background-main{width: 1120px; margin: 0 auto; background: #ffffff;} .footer-section{width: 100%;} } /*Pantallas retina: iMac, Mac Book Pro*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #buscador{background: white url("../images/icons/icon_buscar@2x.png") no-repeat 7px 5px; background-size: 14px 15px;} .idioma.es{background: url("../images/icons/es@2x.png") no-repeat; background-size: 21px 21px;} .idioma.en{background: url("../images/icons/en@2x.png") no-repeat; background-size: 21px 21px;} .idioma.de{background: url("../images/icons/de@2x.png") no-repeat; background-size: 21px 21px;} .idioma.it{background: url("../images/icons/it@2x.png") no-repeat; background-size: 21px 21px;} .subfooter .facebook:hover{background: url("../images/social/redes_facebook_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .twitter:hover{background: url("../images/social/redes_twitter_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .instagram:hover{background: url("../images/social/redes_instagram_on@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .facebook {background: url("../images/social/redes_facebook_off@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .twitter {background: url("../images/social/redes_twitter_off@2x.png") no-repeat; background-size: 44px 44px;} .subfooter .instagram {background: url("../images/social/redes_instagram_off@2x.png") no-repeat; background-size: 44px 44px;} ul.item-list-columnas li .detalles .lugar:before, .contenido.secundario .listado ul li .detalles .lugar:before, .item-list-eventos li .detalles .lugar:before, .detalle-info .lugar:before, ul.item-list-proximos li .detalles .lugar:before{background: url("/images/icons/icon_ubicacion_list@2x.png") no-repeat; background-size: 9px 14px;} .detalle-info .lugar:before{background: url("../images/icons/icon_ubicacion_detalle@2x.png"); background-size: 9px 14px;} #valora-experiencia label.valor {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} #valora-experiencia input[type=radio]:checked + label.valor {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .reserva-steps h2:before{background: url("../images/icons/reserva-oferta-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-3 h2:before{background: url("../images/icons/reserva-oferta-step-3-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-4 h2:before{background: url("../images/icons/reserva-oferta-step-4-icon@2x.png") no-repeat; background-size: 17px 17px;} .reserva-steps .step-1 label.oferta {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .reserva-steps .step-1 input.check-oferta:checked + label.oferta {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .ac-container-reserva label.descripcion:after, .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{background: transparent url("../images/icons/desplegable_oferta_reserva_off@2x.png") no-repeat center center; background-size: 17px 17px;} .ac-container-reserva .oferta-detalle.activo input.check-acordion:checked + label:hover:after{background-image: url("../images/icons/desplegable_oferta_reserva_on@2x.png"); background-size: 17px 17px;} .contacto .formulario2 .aviso-legal label.aviso {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2 .aviso-legal label.aviso {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2 .aviso-legal input[type=checkbox]:checked + label.aviso {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} .contacto .formulario2.editar-datos .aviso-legal label.hombre{background: #fff url("../images/icons/bt_sexo_hombre_off@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal label.mujer {background: #fff url("../images/icons/bt_sexo_mujer_off@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal input[type=radio]:checked + label.hombre {background: #fff url("../images/icons/bt_sexo_hombre_on@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} .contacto .formulario2.editar-datos .aviso-legal input[type=radio]:checked + label.mujer {background: #fff url("../images/icons/bt_sexo_mujer_on@2x.png") no-repeat 50% 50%; background-size: 30px 35px;} #eliminar-cuenta .razon-baja input[type=radio]:checked + label.check-razon {background: url("../images/icons/check_on@2x.png") no-repeat; background-size: 20px 20px;} #eliminar-cuenta .razon-baja label.check-razon {background: url("../images/icons/check_off@2x.png") no-repeat; background-size: 20px 20px;} .favoritos .seccion-list ul li .favorito {background: url("../images/icons/bt_favoritos_usuario_off@2x.png") no-repeat; background-size: 20px 20px;} .favoritos .seccion-list ul li .favorito:hover {background: url("../images/icons/bt_favoritos_usuario_on@2x.png"); background-size: 34px 34px;} .area-usuario .reservas .lista-vacia {background: url("../images/icons/icon_misreservas_vacio@2x.png") center top no-repeat; background-size: 87px 83px;} .area-usuario .favoritos .lista-vacia {background: url("../images/icons/icon_favoritos_vacio@2x.png"); background-size: 87px 83px;} }