@charset "UTF-8";
/*--- CSS para IBE Tours - Termas de Chillan - Art2Fly  -----------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Source+Sans+Pro:300,400,700');

/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {font-family: 'Open sans', arial, sans-serif;}
h1 {font-family: 'Open sans', arial, sans-serif;color: #064a1c;text-transform: none;font-weight: 100;font-size: 3em;}
h2 {font-family:'Open sans', arial, sans-serif;}
h3 {font-family:'Open sans', arial, sans-serif;}
h4 {font-family:'Open sans', arial, sans-serif;}
h5 {font-family: 'Open sans', arial, sans-serif;}
h6 {font-family: 'Open sans', arial, sans-serif;}
#datos label, paso_resumen h1, paso_resumen h2, 
#confirmacion .codigo span, #confirmacion h3 {font-family: 'Roboto';}

.color-cliente {background-color: #064a1c;} 
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color: #369e57;}
.btn_1:active, .btn_tercio:active, .btn_2tercios:active {color: #064a1c;}

/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
header {background-color: #dde0de;padding: 10px 0 5px 0;border-bottom-color: rgb(47, 103, 66);min-height: 110px;}
header .main-menu ul li, header .main-menu ul li a {color: #6f7a73;border:none !important;font-size: 13px;font-family: 'open sans',arial,sans-serif;}
footer  {background-color: #3a3a3a;}
#breads {color: grey;}
footer #footer a:hover {color:#064a1c;}
header .col-md-3.col-sm-3.col-xs-3 {position: absolute;top: -10px;}
header nav.col-md-9.col-sm-9.col-xs-9 {width: 100%;}
.cmn-toggle-switch span:before, .cmn-toggle-switch span:after,.cmn-toggle-switch span {background-color: white;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
#home .img_container img {top: -35%;}
#home .tour_container .tour_title {height:125px;}
#home .tour_container .tour_title h3 {color: #2c653e;text-transform: none;border-color: #064a1c;}
#home .tour_container .tour_title h3 span {font-size: 1em;display: inline;}
#home .main_title p {max-width:600px; margin:auto;}
.tour_container .img_container .banner-tour {background-color:rgba(91,143,75,0.60)}
.tour_container .img_container {width: auto;height: 100%;}
/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha,
#caja_ficha #producto,
.form-group label span  {color: #064a1c;}
#ficha_tour h5 {font-weight:900;}
#caja_ficha label a {display:none;}
#ficha_tour .imagen {height: 100%;width: auto;}
#ficha_tour img {height: 100%;}
#ficha_tour p {margin-top: 0;padding: 0;}
a.tyc {color: #084f01;padding-left: 0;}
#ficha_tour p + ul {padding: 10px;}
/*----------------------------------- 
		ESTILOS ICONO CONFIRMACION
------------------------------------*/
#confirmacion h1 i, #confirmacion h2 span {color:#064a1c;}

/*----------------------------------- 
		ESTILOS FOOTER
------------------------------------*/
footer .dark {min-width: 500px;}

/*------------------------------------------------- 
		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: -30%;}
}

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