/*Art2Fly IBE para Resort Hotel Corralco | www.art2fly.com | Copyright 2024*/

/*------------------------------------------------------
			FONTS ESPECIALES DEL CLIENTE
---------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

/*-- COLOR CLIENTE --*/
	footer {background-color: #8096a9;}
	main {color:#444;}
	#header {background-color:#DEDAD1;padding: 20px;}
	span.precio_promo {color: #009ee5;}
	.paso1-reservas span.edades {color: #5dccfe;}
	.paso1-reservas #reservar {font-family: 'Montserrat';border: 1px solid #009de5;background-color: #009de5;border-radius: 50px;font-size: 1.1em;max-width: 200px;}
	.paso1-reservas input#reservar:hover {background-color: white;color:#009ee5;}
/*-- COLOR OSCURO --*/
	#nav nav li a.navbook, .button, form button, .list .item .details:before, 
	.hover #check button:hover, main table:before, main table th:before, 
	#rooms.list .item .details .button, #stats figure:before, 
	#menu li.featured:before, #comments li:before, #testimonials figure.cover .testimonial, 
	#faqs:before, #contact:before, main ul.sitemap:before, .hover main ul.sitemap a:hover, 
	aside .blocktitle, .hover .footertestimonial .button:hover, .date .month, 
	.hover #footer .news .social a:hover, .hover #nav .book:hover, .home3 #container, 
	.hover #rooms.list.grid .item .container:hover .button, #stats, #search button:hover, 
	#pop:before, #paso1 .titulo_programa  {background-color: #c1bbb0;}

	#nav nav li.active a:after, .ui-state-active, 
	.ui-widget-header .ui-state-active, .ui-state-hover {background-color: #A69F88; !important;}

	#nav .book span, .usp .box i, #menu h4, aside #block.categories {border-color:#A69F88;} 


/*-- COLOR CONTRASTE --*/
	#nav .book, main p a i, main ul a, .hover main ul.sitemap ul a:hover, .usp .box i, 
	.feature .details a, .feature .details a i, .pagination li a, 
	#specials.list .item .details .button span:before, .hover #instagram p a:hover, 
	#comments li .comment-reply-link, .page-guestbook main .button span:before, 
	#faqs li.reveal h2:after, .hover #faqs li:hover h2:after, .hover #contact .field:hover i, 
	main ul.sitemap a, #search button i, #contact .field.mandatory:before, 
	#paso1 .details .party, .color-cliente {color: #14a8e9;}

	

/*-- ESTILO PERSONALIZADO PAGINA DE RESERVAS --*/
	.paso1-reservas #header {background-color: rgb(53, 68, 90);padding: 0 10%;height: 130px;overflow: visible !important;z-index: 9999 !important;}
	.paso1-reservas #reservar.HTP {background-color:rgba(76,90,111,1.00);}
	.paso1-reservas input#reservar.HTP:hover { background-color:rgba(136,150,171,1);}
	.paso1-reservas input#reservar.HTP:active { color:rgba(76,90,111,1.00); background-color:#CACACA;}
	.paso1-reservas .reservas {margin:0;margin-top: 0;}
	.paso1-reservas .reservas #wowslider-container1 {margin:0;z-index: 1 !important;max-height: 100%;height: 100%;}
	.paso1-reservas .logo-reservas img {max-height:70px; }
	.paso1-reservas .reservas table#caja-compra {top: 145px;}
	.paso1-reservas .logo-reservas {top: 50px;}
    .paso1-reservas input.calendario, .paso1-reservas input#id_email {width: 90%;height: 3em;border-radius: 0;}


/*-- ESTILO PERSONALIZADO PASOS --*/
	#nav { background-color: rgb(53, 68, 90);}
	#nav .centre {overflow: visible;z-index: 9999;background-color: rgb(53, 68, 90);height: 107px;}
	#nav #header .centre {background: none; height: auto;}
	#header ul {left:180px;}
	#nav .logo {margin: 0;}
	#paso1 .ficha_programa .details {color:#444;}
	#paso1 .details .precio { margin-top: 20px;}
	#paso1 .details .dates { font-weight: bold; margin: 10px;}
	#paso1 .details .hoteles {line-height:normal;font-size: .85em;}
	#paso1 .details .precio span {font-size: .6em;display: block;font-weight: normal;}
	.alt_acomodacion span.small {color: #444;}
	.hotel .popup-gallery a:nth-child(even) {display:inline;}
	#paso3, #paso4, #paso5, #paso6 {margin-top: 20px;}
	#paso3 .left {padding-left:0;}
	#paso4 div#mensaje_cupon {color:#009ee5;}
	#paso5 #caluga_resumen table td.total-resumen {background-color:grey}

/*--  BANNER PROMOCIONAL --*/

	#banner {background: rgba(151, 170, 183, 1);border-top: none; border-color: #dfdbd2; border-bottom:none;}
	#banner span.codigo, #banner_promocional span.codigo {color: white;background: #009de4;text-transform: uppercase;font-weight: 600;font-size: .95em;}
	#banner span.descuento, #banner_promocional span.descuento {color: #5dccfe;font-size: 12.5px;font-weight: 600;}
	.paso1-reservas #banner_promocional {background-color: #404040;}
	#banner_promocional {border:none;}


/* CALENDARIO */
    div#ui-datepicker-div {
    font-family: 'Montserrat';
    font-size:1em;
    border:none;
    border-radius:2px;
    box-shadow: rgba(0,0,0,0.5) 20px 20px 20px;) 20px 20px 20px;
    min-width: 40em;
}

#ui-datepicker-div .ui-widget-header {
    background:#009ee5 ;
    color:white;
    font-weight:600;
    border:none;
    border-radius:2px;
    letter-spacing:1.5px;
    padding:8px;
    margin:1px;
    text-transform:uppercase;
}

#ui-datepicker-div select.ui-datepicker-month {
    font-size: 1em !important;
    font-family: 'Montserrat';
    color: #009ee5;
    font-weight: 600;
}

#ui-datepicker-div .ui-datepicker th {
    color:#00274c;
    font-size: 1em;

}

#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
#ui-datepicker-div td:hover a.ui-state-default,td.ui-datepicker-current-day a.ui-state-default.ui-state-active,td.ui-datepicker-current-day:hover a.ui-state-default.ui-state-active {
    background: #009ee5 !important;
    border-radius: 30px;
    color: white !important;
	font-weight: 600;
}
.ui-datepicker td.ui-datepicker-today, .ui-datepicker td.ui-datepicker-today a.ui-state-default {
    border: none !important;
    border-radius: 20px;
}

.ui-datepicker td.ui-datepicker-today a.ui-state-active {
    border-radius: 20px;
    background-color: #bbb !important;
    border: none!important;

}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px !important;
}


/*----- ANCHO MAX 1200px ------*/
@media only screen and (max-width: 1200px){
	.paso1-reservas .reservas table#caja-compra {top: 125px;}
	.paso1-reservas .logo-reservas {top: 30px;}


}
	
/*----- ANCHO MAX 1024px ------*/
@media only screen and (max-width:1024px) {
	#paso1 {width:70%; margin-left:15%;}
	#paso1 .img_programa img {height:100%; width:auto;}
}

/*----- ANCHO MAX 860px ------*/
@media only screen and (max-width:860px) {
	#header ul {left: 140px;}
	#header ul li {font-size:10px;margin: 0 6px;}
	#paso1 {width:80%; margin-left:10%;}
}

/*----- ANCHO MAX 700px ------*/
@media only screen and (max-width: 700px) {
	#nav .centre {height: auto;}
	#header ul {left: 0;}
	#paso1 {width:90%; margin-left:5%;}
	.paso1-reservas .logo-reservas {top:30px;}
	.paso1-reservas .reservas table#caja-compra {top: 125px;}

}
/*----- ANCHO MAX 63px ------*/
@media only screen and (max-width: 630px) {
	#paso1 {width:100%; margin-left:0;}
    #paso1 .img_programa img {height:auto; width:100%;}

}

/*----- ANCHO MAX 500px ------*/
@media only screen and (max-width:500px) {
    #nav .logo {padding-top:3px;text-align:center;}
    #header ul, #header ul li.encendido {width:calc(100% - 20px);text-align:center;}
    #paso1 {width:100%; margin-left:0;}
    #paso1 .img_programa img {height:auto; width:100%;}
  
}