body{margin:0 !important; background:#fff;min-width:350px}
p{margin:0}
a:link,.is_link{ color: #2768FF; cursor:pointer }
a:visited,.is_link:visited { color:#4569F0 }
a:hover,.is_link:hover{color:#F13337}

.max_width{max-width:1024px; margin:auto; position:relative}

.round{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.round50{-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;overflow:hidden}
.round60{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden}
.round80{-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;overflow:hidden}
.round120{-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;overflow:hidden}
.sombra{-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);-webkit-box-shadow:5px 5px 7px rgba(33,33,33,.7);box-shadow: 5px 5px 7px rgba(33,33,33,.7)}
.sombra2{box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px;}

.clear:before,.clearfix:after{content:"";display:table;height:0}.clear:after{clear:both!important}.clear{zoom:1;clear:both!important;line-height:0;font-size:0;height:0;content:"";display:block;overflow:hidden}.fb-comments,.fb-comments iframe[style],.fb-comments span{width:100%!important}.block{display:block;width:100%}
.clear_right{clear:right}
.loading,.loading_fixed{width:35px;height:35px;margin:0 auto;display:block;background:none;border-radius:500px;border:4px dotted #06C;-moz-border-left-colors:#FFF;-moz-border-right-colors:#FFF;-ms-animation:do linear 3s infinite;-webkit-animation:do linear 3s infinite;animation:do linear 3s infinite}@-ms-keyframes do{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}to{-webkit-transform:rotate(360deg)}@keyframes do{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading_fixed{margin:auto}

b,.b{font-weight:bold}
.tachado{text-decoration:line-through}

.website{padding:20px 10px}
.header{
	background: rgb(0,75,156);
background: linear-gradient(70deg, rgba(0,75,156,1) 0%, rgba(0,98,204,1) 32%, rgba(0,212,255,1) 100%);
	position:relative;
	color:#FFF;
	padding:10px;
}
.header a{color:#FFFFFF}
.header .none-m{position:absolute;
  z-index:0; padding:10px 10px 0 340px;
  bottom:10px; text-align:right; right:10px;
 }
  
.logo{float:none;position:relative;display:block;margin:0 auto;width:320px;z-index:2;}

.banderas{position:absolute; top:0;right:10px; z-index:999999;}
.banderas a{display:block; height:28px; position:relative; padding:6px 0 0 40px; color:#256C14; text-decoration:none}
.banderas a.active{color:#3164DB; font-weight:bold;}
.banderas a img{position:absolute; left:0; top:0;}
.dropdown-menu{background:#EDEDED; display:none; padding:10px 15px;position:absolute;right:10px}
.banderas:hover .dropdown-menu{display:block}


.navbar{position:sticky;z-index:999;top:0;background:#efefef;box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;border-bottom:1px solid #c5c5c5;padding:10px;}

.navbar .submenu{padding:4px 0 0 4px; height:26px}
.navbar .name{font-size:18px;text-decoration:none; color:#0062cc;}
.toggler{position:absolute; cursor:pointer;right:10px;top:10px;width:0px;padding:0 0 0 30px;height:30px;overflow:hidden;border:none}
.toggler img{position:absolute;top:0;right:0}


.navbar-nav{display:flex;justify-content:center;flex-wrap:wrap;font-size:18px;line-height:18px;list-style-type:none}
.navbar-nav a{display:inline-block;padding:10px 16px;text-decoration:none;color:#0062cc}
.navbar-nav li{display:block;oveflow:hidden}
.navbar-nav a.active{font-weight:bold}
.navbar-nav a.active,.navbar-nav a:hover{text-decoration:underline solid #4C8BAD 3px;}

/*.navbar-nav a.active{background:#0062cc}
.navbar-nav a:hover{background:#5090E8}
.navbar-nav a:hover,.navbar-nav a.active{color:#FFF}
*/

.mi_descuento{display:block; padding:12px 10px; background:#DDFFBF; color:#19630E; margin:10px auto}
.title_ofertas{font-size:24px; margin:0 0 20px 0; color:#71930d}


.text_h1{
    color: #0062cc;
	margin-bottom:40px;
	font-size:32px;
}
.icon_h1{width:32px;height:32px;display:inline-block;position:relative}
.icon_contacto,.icon_playa,.icon_news,.icon_caracteristicas,.icon_situacion,.icon_fotos,.icon_videos,.icon_quienes,.icon_reservas{background:url('/web/css/img/icon_contacto.png');width:32px;height:32px;display:block;position:absolute;top:4px;}

.icon_reservas{background:url('/web/css/img/icon_reservas.png')}
.icon_fotos{background:url('/web/css/img/icon_fotos.png')}
.icon_videos{background:url('/web/css/img/icon_videos.png')}
.icon_caracteristicas{background:url('/web/css/img/icon_caracteristicas.png')}
.icon_quienes{background:url('/web/css/img/icon_quienes.png')}
.icon_situacion{background:url('/web/css/img/icon_situacion.png')}
.icon_playa{background:url('/web/css/img/icon_playa.png')}
.icon_news{background:url('/web/css/img/icon_news.png')}


.fecha{color:#2E671D}
.green{color:#338B04}
.red{color:#F90004}

.flex{ display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}

.boton{display:inline-block;cursor:pointer;color:#ffffff;font-weight:bold;padding:6px 24px;text-decoration:none; margin-top:10px; margin-bottom:10px;font-size:24px;text-align:center}
.boton{-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;box-shadow:inset 0px 1px 0px 0px #a4e271;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);background-color:#89c403;border:1px solid #74b807;text-shadow:0px 1px 0px #528009; color:#FFFFFF}
.boton:hover,.boton.sel{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);background-color:#77a809; color:#FFFFFF}


.boton_azul{display:inline-block;cursor:pointer;color:#ffffff;font-weight:bold;padding:0 18px; height:46px;text-decoration:none;font-size:24px;text-align:center}
.boton_azul{-moz-box-shadow:inset 0px 1px 0px 0px #70aae9;-webkit-box-shadow:inset 0px 1px 0px 0px #70aae9;box-shadow:inset 0px 1px 0px 0px #70aae9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2882e3), color-stop(1, #1950ff));background:-moz-linear-gradient(top, #2882e3 5%, #1950ff 100%);background:-webkit-linear-gradient(top, #2882e3 5%, #1950ff 100%);background:-o-linear-gradient(top, #2882e3 5%, #1950ff 100%);background:-ms-linear-gradient(top, #2882e3 5%, #1950ff 100%);background:linear-gradient(to bottom, #2882e3 5%, #1950ff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2882e3', endColorstr='#1950ff',GradientType=0);background-color:#2882e3;border:1px solid #004a9b;text-shadow:0px 1px 0px #1950ff; color:#FFFFFF}
.boton_azul:hover,.boton_azul.sel{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1950ff), color-stop(1, #2882e3));background:-moz-linear-gradient(top, #1950ff 5%, #2882e3 100%);background:-webkit-linear-gradient(top, #1950ff 5%, #2882e3 100%);background:-o-linear-gradient(top, #1950ff 5%, #2882e3 100%);background:-ms-linear-gradient(top, #1950ff 5%, #2882e3 100%);background:linear-gradient(to bottom, #1950ff 5%, #2882e3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1950ff', endColorstr='#2882e3',GradientType=0);background-color:#1950ff; color:#FFFFFF}




.brands{margin:0 auto;padding:60px 10px;vertical-align:middle;background:#FFFFFF; max-height:320px; overflow:hidden}
.b_brand{text-align:center;padding:10px 20px;font-size: 18px;
    color:#0062cc;}
.b_brand img{display:block; width:120px; margin:0 auto 15px auto}








.parax{
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pre_parax{background-color:rgba(255, 255, 255, 0.4);width:100%; height:100%; display:block}





.pre_box{position:relative;padding:80px 10px 160px 10px}
.box{padding:80px 20px 120px 20px; background:#FFFFFF; margin:0 auto}









.zindex{z-index:9; position:relative}

.pre_reserva{margin:0 auto 120px auto}
.flex{ display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap:wrap}
.reserva{display:block; position:relative;
background: rgb(255,253,225);
background: linear-gradient(120deg, rgb(189 244 255) 0%, rgb(253 255 211) 31%, rgb(255 219 137) 100%);
border:1px solid #DCCB99; padding:10px; 
position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:left;
box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px;}

.reserva h2 {
     font-size: 24px;
    line-height: 32px;
    display: block;
    margin: -4px 90px 25px 10px;
    color: #7a2600;
    border-bottom: 2px solid #01b5d8;
    padding: 0 0 9px 10px;
}
.reserva .flex{justify-content:space-around;align-items:center}
.round_r{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden;}
.bre{background:#fec108;overflow:hidden; width:25%;text-align:center; min-width:150px; margin:0 10px 20px 10px;}
.bre .top{background:#f28321;display:block;font-size:24px; padding:7px 5px;color:#FFF;}
.pre_bre{padding:10px 10px 0 10px; text-align:center; font-size:24px;  line-height:28px;}

.pre_bre .hora{font-size:14px; color:#3E6E12}
.pre_bre .semana{font-size:18px; color:#286CBC; margin-bottom:10px;}
.pre_bre .dia{font-size:36px; font-weight:bold; color:#FFF; margin-bottom:3px;}
.pre_bre .mes{ font-size:24px;color:#FFFADF; margin-bottom:10px}

.reserva .fecha_desde{ padding:10px 0 0 10px; font-size:16px; color:#414141}
.reserva .noches{font-size:24px; color:#865E1C; text-align:center; padding:30px 10px; min-width:170px}
.reserva .precio{padding:30px 10px; text-align:center; font-size:16px; color:#909090}

.reserva .pre{font-size:36px; font-weight:bold; color:#f28321}
.reserva .pre_final{font-size:36px; font-weight:bold; color:#1BA41A}
.reserva .pre_out,.reserva .pre_out_out,.reserva .pre_final_out{text-decoration:line-through; text-decoration-color: #8f4545; font-size:22px; color:#7c7c7c}
.reserva .pre_out_out{font-size:16px}
.pre_descuento{color:#f28321;font-weight:bold}


.reserva .euro{font-size:24px}
.reserva .text_oferta{color:#FFF;background: #94C501;padding: 2px 10px;}


.palmeras{position:absolute; height:91px; width:auto; top:-12px; right:10px; z-index:0}




.small{font-size:14px}

.box_apartamento{padding:10px;background:#EFEFEF; margin:0 0 30px 0; border:1px solid #CBCBCB}
.caract{justify-content:flex-start; align-content:center; margin:10px 0 60px 0; flex-flow:row;}
.caract img{height:max-content}
.apartamento{background-color:#efefef; font-size:12px; padding:10px; margin:0 0 20px 0;justify-content:flex-start;flex-flow:row;}
.apartamento .body,.caract .text{margin:0 0 0 20px}
.apartamento .title{display:inline-block;color:#0272bd;font-size:16px;line-height:32px}
.apartamento .descr{justify-content:flex-start;}
.apartamento .descr span{display:inline-flex; margin:0 30px 7px 0; line-height:16px; color:#767676; font-size:12px;}
.apartamento .descr span img{display:inline-block; margin:0 5px 0 0;}
.caract .descr{font-size:14px; color:#6a3333; padding:7px 0 0 0}
.caract .title{display:block; font-size:16px; color:#313131; font-weight:bold; margin:0;}
.apartamento .link_info{float:right; display:inline-block; padding:1px 5px 0 25px; height:22px; line-height:22px; position:relative; font-size:14px;color: #df6e6e;}
.link_info .icon{position:absolute;top:0; left:0}
.libre{color:#067E10; font-weight:bold; background-color:#fec108; display:inline-block; padding:2px 4px;}
.no_libre{color:#A65354}
.apartamento .info_box{padding:10px 0;}
.apartamento .info{display:inline-block; margin:0 0 12px 0}


.width320{max-width:500px;margin:0 auto}
.box_info{padding:100px 10px;position:relative;background:#e1e1e1}
.box_info .title{margin:0 0 20px 0;text-align:left;padding:0 0 0 40px; font-size:24px; position:relative; line-height:54px;}
.box_info .title.long{padding:0 0 0 70px}
.box_info .icon{position:absolute; height:40px; left:0; top:0;}


.autors{width:100%; max-width:350px;padding:10px;background:#ebebeb;margin:10px 0 0 0;align-items:flex-start;text-align:left;justify-content:space-around}
.autors .info{width:195px}
.autors .photo{width:80px;height:80px}
.autors .name{font-size:24px; color:#A8491E; display:block; margin:0 0 9px 0}
.autors h3{font-size:28px;margin-bottom:18px;display:block; line-height:28px; height:28px; position:relative; display:block; padding:0 0 0 36px}
.whatsapp{color:#539B08; text-decoration:underline}
.autors .icon{width:26px; height:26px; position:absolute; top:1px; left:0}


.ul_list{padding:50px 10px 100px 40px}
.ul_list li{margin:0 0 16px 0}
.ul_list a{font-size:18px; color:#2561AA}


.noticia{line-height:32px}
.noticia ul{margin:20px 0 30px 40px; display:block}


.listado_noticias{list-style:none;align-items:flex-start;text-align:left;justify-content:flex-start}
.listado_noticias li{display:block; text-align:center; padding:10px; position:relative}
.listado_noticias img{width:100%; display:block}
.listado_noticias .title{font-size:16px}
.listado_noticias.small li,.listado_noticias.small img{width:160px}
.listado_noticias.big li,.listado_noticias.big img{width:230px}
.small_pic{width:320px; display:block; float:left; margin:0 30px 20px 0;}
.big_pic{display:block; margin:50px auto; max-width:800px; width:100%;}

.box_center{text-align:center; margin:0 auto 30px auto}
.flex-item{flex:1 auto}
.pics{margin:0 auto 80px auto}
.pics .flex-item{width:185px; text-align:center; padding:10px; position:relative;}
.pics .pic, .pics .icon_hover,.pics .box_pic{margin:0 auto; width:100%; max-width:320px;display:block; height:auto; position:relative}
.pics .icon_hover{position:absolute; z-index:2; background:#000; transition: .3s ease; top:0; bottom:0; right:0; left:0; opacity:0}
.pics .box_pic:hover .icon_hover{opacity:0.7}
.icon_mas{
  color: white;
  font-size:80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  z-index:5;
  opacity:0;
  transition: .3s ease;
  cursor:pointer;
}
.pics .box_pic:hover .icon_mas{opacity:1}
.pics .title{font-size:14px; color:#525252}
.pics .nombre{font-size:14px; color:#225149}






.pre_calendar{position:relative;height:520px;}
.calendario{padding:40px 20px 30px 20px}
.pre_calendar .calendario{position:absolute;z-index:100;width:100%;bottom:20px;padding:20px 0}
.calendario .box_cal{
background: rgb(254,191,1);
background: linear-gradient(90deg, rgba(254,191,1,1) 0%, rgba(254,193,8,1) 31%, rgba(255,220,115,1) 100%);
	padding:10px 10px 0 10px;	
	display:block;
	position:relative;
	text-align:left;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px;
	margin:0 auto;
	max-width:700px;
}
.pre_calendar .calendario .box_cal{
	width:70%;
}
.calendario .form-control:disabled, .calendario .form-control[readonly]{
 background:#FFF;	
}



.calendario .icon_reserva{ float:left; margin:0 15px 10px 0}
.calendario label{color:#9d6536;height:24px;margin:0 0 6px 0; display:block;position:relative}
.label_personas{padding:3px 0 0 45px}
.label_calendario{padding:3px 0 0 34px}
.calendario label img{position:absolute; left:0; top:0;}

.calendario .select,.calendario .input{padding:0 12px; height:42px; margin:0; border:none; font-size:16px; color:#818181; cursor:pointer}
.calendario .input_fecha, .jalendar{width:250px}
.calendario .box_select{display:block;padding:0 1px 16px 2px}


.calendario .flex{justify-content:space-evenly;vertical-align:middle;align-items:flex-end}
.calendario .boton_azul{font-size:24px}


.calendario .title{color:#a17c0b;  padding:0 5px 8px 10px;margin:0 0 27px 0; position:relative; background:#f3d681; text-align:left; }

.calendario .tit{line-height:32px;font-size:30px; display:inline-block; padding:8px 5px 0 0}
.calendario .title .form{float:right; padding:2px 0 0 23px;vertical-align:middle;box-sizing:border-box;height:28px;position:relative}
.calendario .title .icon{position:absolute;top:10px; left:0}
.calendario .title .select{padding:0 8px;background-color:#e3ab00; height:34px;  color: #fffae9;vertical-align:middle;box-sizing:border-box}
.calendario .title .form a{font-size:14px; color:#0062cc}

.fecha_info{font-size:14px; color:#c51919}
.fecha_info_libre{font-size:14px; color:#2E7610}





.none-m{display:block}
.block-m,.none{display:none}
.none-m.active{display:block !important;}


@media screen and (max-width: 900px) {
	.calendario .tit{font-size:20px}
}

@media screen and (max-width: 700px) {
.none-m{display:none !important}
.block-m{display:block !important}
.infoBlock{display:none !important}
.navbar-nav{display:block; padding-top:20px}
.text_h1{margin-bottom:30px}
.box{padding:50px 20px 80px 20px}
.pre_calendar .calendario{position:relative;padding:0;bottom:0}	
.calendario{padding:0}
.calendario .box_cal{width:auto;box-shadow:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}
.pre_calendar .calendario .box_cal{width:auto}
#slider_portada{display:none}
.pre_calendar{ padding:0; height:auto}
.calendario label{display:none}
.calendario .title{margin:0 0 17px 0; padding:0 5px 6px 8px}
.apartamento, .caract{flex-flow:column-reverse; align-items:center}
}




@media only screen and (min-width:750px){
.logo{float:left;margin:0 20px 0 0;}
}



.right{float:right}.left{float:left}
.close{display:block; width:0; padding:0 0 0 28px; overflow:hidden;height:28px; background:url(/web/css/img/close.png) no-repeat;cursor:pointer}

.modal{z-index:999999999;
position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;
background-color: #000;
background-color: rgba(0,0,0,0.7);
display:none;
}
.modal_in{overflow-y:auto;overflow-x:hidden;
    background-color: #fefefe;
    margin: 30px auto auto auto;
    padding: 20px;
    border:1px solid #333;
    width: 80%;
	max-height:90%;
	position:relative;
	min-width:300px;
	max-width:1200px;
	z-index:9999999999;
	font-size:16px;
}
.modal_in .close{ position:absolute;top:10px;right:10px;z-index:9999}
.modal_in h3{font-size:26px}
.modal_in::-webkit-scrollbar {
  width: 14px;
}
.modal_in::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #AAAAAA;
}
.modal-body{padding:0}
.modal .box_pic{position:relative; padding:20px 40px}
.boton_modal_left{position:absolute; top:0; left:-14px;text-decoration:none; height:100%; width:48px; display:block}
.boton_modal_right{position:absolute; top:0; right:-14px;text-decoration:none; height:100%; width:48px; display:block}

.boton_modal_left img, .boton_modal_right img{top:46%; position:absolute; left:0;}


.direccion{padding:60px 0 30px 0; color:#4D730C; line-height:32px}
.direccion .link{font-size:24px; color:#1C5EB8}
.map{
  height: 600px;
  width:100%;
}
.map_margin{margin:10px 0 100px 0}










	.box_testimonios{padding:160px 0 120px 0}
	.title_testimonial{display:block; text-align:center; font-size:24px; margin:0 auto 30px auto}
	.testimonios{margin:80px auto;}
	.testimonios .flex-item{width:335px}
	.comenta{padding:10px; margin:0 15px 35px 15px; border:1px solid #ECECEC; background-color: #f3f3f3;}
	.user{justify-content:flex-start; align-items:center; margin-bottom:10px;}
	
	.nombre{padding:0 0 0 15px; font-size:18px; color:#000; font-weight:bold}
	.testimonios .text{line-height: 32px;
    color: #816012; margin:0px 0 25px 0; display:block}
	.testimonios .info{justify-content:flex-start; align-items:center;}
	.testimonios .desde{padding:0 0 0 6px; color:#919191; font-size:12px}
	.rank{text-align:center; justify-content:center; align-items:center;  color:#70757a}
	
	.rank a{color:#70757a; font-size:14px}
	.rank a.all{font-size:16px; color:#4A84C9}
	.rank b{font-size:48px; margin:0 12px 0 0}
	.star{display:block; position:relative; width:120px; height:18px; background:url(/web/css/img/star1.png);margin:0 0 15px 0}
	.star_over{display:block; overflow:hidden; background:url(/web/css/img/star5.png) no-repeat; height:18px;}
	.rank .star{margin:0 0 4px 0}


.footer{padding:100px 20px 20px 20px}
.sub_footer{background:#373737; padding:20px}
.sub_footer a{    color: #FFFFFF;
    display: inline-block;
    margin: 0 30px 0 0;
    height: 32px;
    position: relative;
	padding:8px 0 0 38px; font-size:14px;}
	.sub_footer a img{position:absolute; left:0; top:0}
.sub_footer .flex{justify-content:flex-start; align-items:center}
.footer .logo{margin:10px}
.redes{margin:10px}
.junta_andalucia{background:url(/web/css/img/junta_andalucia.jpg) no-repeat; display:block; position:relative; width:320px; height:100px;overflow:hidden;margin:10px;}
.junta_andalucia .text{position: absolute;
    width: 180px;
    left: 145px;
    font-size: 18px;
    color: #01752f;
    top: 5px;
    line-height: 28px;}
.junta_andalucia .text b{font-size:22px; font-weight:bold}

.linkis{display:block; padding:0 0 50px 0}
.google_100{background:url(/web/css/img/google_100.png) no-repeat; display:block; position:relative; width:100px; height:100px; overflow:hidden;margin:10px;}
.google_100 b{position: absolute;
    top: 12px;
    text-align: center;
    display: block;
    width: 100px;
    margin: 0 auto;
    font-size: 34px;
    color: #ffbd01;}

.pago_llaves{background:url(/web/css/img/pago_llaves.png) no-repeat; display:block; position:relative; width:120px; height:100px; overflow:hidden;margin:10px;}
.pago_llaves span{display:block; text-align:center; width:110px; left:5px; position:absolute; top:9px; font-size:14px; color:#6997b5}


.icon_secure{margin:10px 0 8px 0; display:block; width:150px; height:63px;}
.flex.icons_footer{justify-content:space-between; align-items:flex-start; margin:0 0 50px 0}


.house_link{font-size:18px}


.flex_logo{justify-content:space-between; align-items:center; margin:20px auto 50px auto}
.ul_footer{margin:10px}
.ul_footer li{margin:0 0 5px 0}


.direc{padding:0 0 17px 0}


.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 5px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev
{
    right:30px;
	z-index:9;
	background:url(/web/css/img/icon_left.png);
}
.slick-next
{
     right:5px;
	z-index:9;
	background:url(/web/css/img/icon_right.png);
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	z-index:9;
	top:16px; text-align:right; right:55px
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 2px;
    padding: 0;
}
.slick-dots li button
{
 display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border:none;
	background: #CCC;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	padding:0 0 0 6px; overflow:hidden; cursor:pointer;
}

.slick-dots li.slick-active button
{
	background: #fff;
}
.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}



.slider_portada{
	  width: 100%;
  color: #000;
  position:relative;
  z-index:99;
  overflow:hidden;
  height:530px;
  margin:0 auto;
  max-width:1200px;
}
.slider_portada .slick-slide{ width:100%; height:530px; overflow:hidden; position:relative	
}

.slider_portada .slick-slide img{width:100%;
min-height:530px;
    height: auto;
    margin: auto;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.slick-initialized .infoBlock {
  position: absolute;
  top: 20px;
  max-width:35%;
  padding-bottom:0;
  overflow: hidden;
  padding: 20px;
  background: rgba(255,255,255,0.65);
  
  left: 20px;
  right: auto;
  margin:0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 50px;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
  color:#0062cc;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
  color:#207cd1;
}


.brands .slick-slide {
  margin: 0px 20px;
}




.center{text-align:center}
.error, .success{padding:20px; margin:20px auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.error{background:#E38B8D;color:#641819}
.success{background:#81E08E;color:#206A11}



#back-to-top{
display:none;
 position: fixed;
 bottom: 30px;
 right: 30px;
 width: 0;
 padding:0 0 0 48px;
 overflow:hidden;
 height: 48px;
 z-index: 9999;
 cursor: pointer;
 text-decoration: none;
 transition: opacity 0.2s ease-out;
 background-image: url(/web/css/img/go_to_top.png);
}

#back-to-top:hover{
 opacity: 0.7;
}



.container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size:14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #eee;
}
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.container input:checked ~ .checkmark:after {
  display: block;
}
.container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contacto{display:block; background:#FFF;  padding:20px 10px; margin:30px auto; max-width:600px}
.contacto .input{width:98%;background:#ECECEC; padding:7px 1%; font-size:18px; border:none; color:#3E3E3E; margin:0 0 20px 0;}




.preguntas{margin:7px 0 20px 0; list-style:none; padding:20px; background:#FFFED2; display:block}
.preguntas li{display:block; padding:0; margin:0; width:100%; position:relative; border-bottom:1px solid #DDDDDD}
.btn_pregunta{background:none; position:relative; width:100%; text-align:left; border:none; display:block; cursor:pointer; padding:10px; margin:0}
.btn_pregunta h3{ display:block; padding:0 35px 0 0; line-height:18px; font-size:18px; font-weight:bold}
.btn_pregunta:hover{background:#E5E5E5}
.d_down{background:url(/web/css/img/d_down.png); position:absolute; right:5px; display:block; width:26px; height:18px;}
.d_up{background:url(/web/css/img/d_up.png); position:absolute; right:5px; display:none; width:26px; height:18px;}

.respuesta{display:none; padding:15px 10px 20px 10px;}




.chat,.chat_fake{
  position: fixed;
  z-index:9999;
  bottom:72px; 
  right:25px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.avatar_chat{
	position:absolute;
	bottom:-15px; right:0;
border: 3px solid #9f9f9f;
  border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   background-color: rgba(255,255,255,0.9);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	cursor:pointer;
}



.chat .msg{
   border-bottom-right-radius: 0px;
   box-shadow: 1px 2px 0px #D4D4D4;
}


.msg {
    background: white;
    min-width: 50px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.07);
	border: 1px solid #D4D4D4;
	margin:0 105px 0 0;
	position:relative;
	overflow:hidden;
}
.msg p{
    font-size: 14px;
    color: #777;
	margin:0 0 7px 0;
}
.chat:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 1px;
    right: 87px;
    width: 0px;
    height: 0px;
    border: 9px solid #9f9f9f;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 0px 3px 0px #d4d4d4;  
}
.chat_fake:after{display:none}


.link_flex{display:flex; height:30px; align-items:center; white-space:break-spaces; font-size:18px !important;}


.cookies{position:fixed;bottom:0;left:0;right:0;z-index:999999999999999987654321;background:#2E2E2E;border-top:2px solid #000;font-size:16px;color:#EBEBEB !important;padding:20px 20px 0 20px;margin:0}
.cookies a{color:#FFCAF0}.cookies .boton{float:right; margin:0 0 15px 30px; font-size:16px; padding:5px 8px;}