@charset "UTF-8";
/*--- CSS para IBE Tours - Puyehue  -----------------*/

/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {font-family: 'Montserrat', 'Open sans', arial, sans-serif;color: #444;font-weight: 300;font-size: 15px;}
h1 {font-family: 'Montserrat', 'Open sans', arial, sans-serif;letter-spacing: normal;}
h1.span {font-weight: 300;}
h2 {font-family: 'Montserrat', 'Open sans', arial, sans-serif;}
h3 {font-family: 'Montserrat', 'Open sans', arial, sans-serif;}
h4 {font-family:'Montserrat', 'Open sans', arial, sans-serif;}
h5 {font-family: 'Montserrat', arial, sans-serif;}
h6 {font-family: 'Roboto Condensed', 'Open sans', arial, sans-serif;}
paso_resumen h1, paso_resumen h2, #confirmacion .codigo span, #confirmacion h3 {font-family: 'Roboto';}

.color-cliente {background-color: #92aca0;} 
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color: #92aca0;}
.btn_1:active, .btn_tercio:active, .btn_2tercios:active {color: #92aca0;}
.btn_1.color-cliente {background-color: transparent;color:#333;border:1px solid #999;} 
.btn_1.color-cliente:hover {background-color: #92aca0;color:white;border-color: #92aca0;} 
#paso_resumen #botones-de-pago a.pagar {color: inherit;}
#paso_resumen #botones-de-pago a.pagar:hover {color: white;}

/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
header {padding: 10px 0;background: #585a59;border-bottom: 0;}
header .main-menu ul li, header .main-menu ul li a {color: white;border:none !important;font-size: 15px;}
footer  {background: #585a59;}
footer #footer a:hover {color:black;}
div#logo_home {max-width: 100%;}
#logo_home a {width: 100%;display: block;}
#logo_home img {width: 100%;max-width: 160px;}
 #breads {font-family: 'Montserrat';font-size: 14px;}
header.sticky #logo_home img {height: auto;width: 120px;margin: 0 0 10px 0;}
#ficha_tour .tarifario#tres_columnas .price .header {height: 50px;}

/* BANNER PROMOCIONAL */
#banner_promocional {border: none;background: ##3c3c3c;}
#banner_promocional span.codigo {background: #92aca0;color: white;font-size: .95em;letter-spacing: 0.4px;font-weight: bold;}
#banner_promocional span.descuento {color: #92aca0;font-weight: 600;font-size: 1.1em;}
#banner_promocional span.cyber {color: black;}
#banner_promocional span.small {color: rgb(255 255 255 / .6);margin-top: 3px;}
#imagen_promocional img {width:100%; max-width: 610px; margin: 6px auto;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
#home h1 {font-weight: 200;font-size: 2.5em;border-bottom: 1px solid #999;}
#home h1:first-letter { text-transform: uppercase; }
#home .img_container img {top: -35%;}
#home .tour_container .tour_title h3 span {text-transform: uppercase;font-size: 1em;display: inline;}
#home .main_title p {max-width: 80%;margin: 10px auto 20px auto;font-size: 1.1em;font-family: 'Montserrat';line-height: 1.3;}
.tour_container .img_container .banner-tour {background-color:rgba(91,143,75,0.60)}

/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha, #caja_ficha #producto  {color: #333;font-size: inherit;font-family:'Montserrat'}
#ficha_tour h5 {font-weight: 700;}
#caja_ficha {background-color: #eee;}
#caja_ficha label a {display:none;}
#ficha_tour img {top: -25%;}
.btn_1 {background-color: #a2a3a2;}
.btn_1, .total_a_pagar, .total_web, #caja_ficha label, .btn_tercio, .btn_2tercios,
.box_style_0 h4 {font-family:'Montserrat';letter-spacing:normal;}
.btn_tercio, .btn_2tercios {background:#bbb;border: 1px solid #bbb;}
.btn_2tercios {color: #555;background: white;border: 1px solid #999;line-height: 40px;}
.btn_2tercios:hover {background: #92aca0;border-color: #92aca0;}
.total_a_pagar, .total_web {background-color: white;}
/*----------------------------------- 
		ESTILOS ICONO CONFIRMACION
------------------------------------*/
#confirmacion h1 i, #confirmacion h2 span {color:#92aca0;}

/*----------------------------------- 
		ESTILOS FOOTER
------------------------------------*/
footer .dark {display: none;}

/*------------------------------------------------- 
		TARIFARIOS ESPECIALES CLIENTE
------------------------------------------------*/
.tarifario#piscinas {margin-left: -92px;}
.tarifario#piscinas .temporada {width: calc(25% - 25px);}
.tarifario#piscinas .columns {width: 50%;}
.tarifario#piscinas .columns.row-header {width: 100%;}
.tarifario#piscinas .price .header {height: 30px;padding: 8px 1px 4px 3px;}
.tarifario#piscinas .price .header.am {background-color: #ccc9c9;color: #666;}
.tarifario#piscinas .encabezado-fila {margin: 0;margin-top: 22px;}
.tarifario#piscinas li#hora-entrada {background-color: transparent; line-height: 10px; text-align: right; padding: 4px 8px 2px 0; border-top: 1px solid #eee; border-left: 1px solid #eee; height: 30px; font-size: 11px;}

table#masajes {width:100%; max-width:200px;}
table#masajes td {padding: 8px 0;}
table#masajes td span {display: block; font-size: .8em; line-height: 1;}
table#masajes td.precio {text-align: center;}

@media (max-width: 1199px) {
	#ficha_tour img {top: 0;}
}

@media only screen and (max-width: 991px) { 
	#ficha_tour img {top: 0;}
	.tarifario#piscinas  {margin-left:0px;}
	.tarifario#piscinas .temporada {width: calc(100% - 64px);}
}