@charset "UTF-8";
/*--- CSS para IBE Tours - Termas Aguas Calientes - Art2Fly 2023 -----------------*/

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


/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {font-family: 'Source sans pro', 'Open sans', arial, sans-serif;color:#666;font-size: 15px;}
h1 {font-family: 'Source Sans', 'Open sans', arial, sans-serif;font-size: 1.75em;text-transform: uppercase;letter-spacing: .2px;color: #4F758B;}
h2 {font-family:'Roboto', 'Open sans', arial, sans-serif;}
h3 {font-family:'Roboto', 'Open sans', arial, sans-serif;}
h4 {font-family:'Roboto', 'Open sans', arial, sans-serif;}
h5 {font-family: 'Open sans', arial, sans-serif;}
h6 {font-family:'Roboto', '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: #4F758B;} 
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color:#48687d;}
.btn_1:active, .btn_tercio:active, .btn_2tercios:active, a.btn_1:active, a.btn_tercio:active, a.btn_2tercios:active, a.tyc {color:#4F758B;}
h1 span {text-transform: none;color: #555;}

/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
header {background-color: white;padding: 10px 0 5px 0;border-bottom: 2px solid #b5b5b5;padding-top: 0;}
header .main-menu ul li, header .main-menu ul li a {color: #787870;font-size: 1.5rem;}
header .main-menu ul li.separador {border:none;}
#logo_home img {max-width: 207px;height: auto;}
a.cmn-toggle-switch.cmn-toggle-switch__htx.open_close {vertical-align: middle;margin-top: 0;}
#breads {color: #787870;}
footer #footer h2 {font-weight: 900;}
footer #footer a:hover {color:black;}
footer .dark {min-width: 500px;}
footer {background-color:#4F758B;width: 100%;min-width: auto;}


/*-----------------
 BANNER PROMOCIONAL 
 ------------------*/
#banner_promocional {border: none;background-color: #b4d9f1;color: #333;font-size: 14px;padding: 5px 30px;line-height: 1;letter-spacing: normal;}
#banner_promocional span.codigo {color: #a343e5;background: rgb(244 250 250);font-size: .8em;font-weight: 600;padding: 0 2px;letter-spacing: 0.3px;}
#banner_promocional span.descuento {color: #a20dda;font-weight: bold;font-size: .9em;}
#banner_promocional span.small .codigo {background: #678fb6;color: white;}
#banner_promocional span.cyber {color: black;}
#banner_promocional span.small {color: inherit;font-size: .65em;margin-top: 4px;letter-spacing: .54px;text-transform: uppercase;border-top: 1px dotted grey;display: block;padding-top: 4px;}

/*---------------------------------------
 BANNER bajo el título de la portada 
 ---------------------------------------*/
.banner {background: #9bb9c8;color: white;padding: 0;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
#home h1 {margin-top: 20px;color: #4F758B;text-transform: none;font-weight: normal;letter-spacing: -0.8px;font-size: 2em;}
#home .img_container img {top: -5%;}
#home .tour_container .tour_title h3 span {text-transform: uppercase;font-size: 1em;display: inline;}
#home .main_title p {font-family: 'Source sans pro', 'Open sans', Arial, sans-serif;color: #666;font-size: 1.2em;max-width: 500px;line-height: 1.2;margin: 10px auto 20px auto;}
.tour_container .tour_title h3 {color:#4F758B;text-transform: none;font-family: 'Source sans pro';font-weight: 600;font-size: 1em;}
.tour_container .tour_title p {color:#4F758B;font-size: 1em;}
.tour_container .img_container .banner-tour {background-color: rgba(119, 184, 207, 0.8);}

/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha,
#caja_ficha #producto,
.form-group label span  {color: #4F758B;}
#ficha_tour h5 {font-weight:900;}
#caja_ficha label a {display:none;}
#ficha_tour img {top: 0;}

/*----------------------------------- 
		ESTILOS VARIOS
------------------------------------*/
#datos h2 {color: #4F758B;font-family: 'Source sans pro';font-size: 1em;}
#confirmacion h1 i, #confirmacion h2 span {color:#4F758B;}
#login button {width: calc(100% - 110px);margin: 0 0 0 84px;border: none;border-radius: 0;font-size: 1em;height: 3em;background: #9bb6c5;color: white;}
#login label {font-size: 1em;color: grey;}
#login input {border: 1px solid #ccc;border-radius: 0;line-height: 2.5em;}
.panel {border: 10px solid #6993ac82;border-radius: 0;}
footer + .row.centro {margin: 0;}
header .main-menu ul {margin-top:15px;}
@media (max-width: 767px) {
	.tour_container .img_container {height: 180px;}
	#home .img_container img {top:0;width: 100%;height: auto;}
}

@media (max-width: 490px) {
    #logo_home {width:auto;}
    #logo_home img {max-width: 153px;}

}

@media (max-width: 380px) {
	.tour_container .img_container {height: 180px;}
	#home .img_container img {width:auto ;height: 100%;}
}