@charset "UTF-8";
/*--- CSS para IBE Tours - Hotel Portillo - Art2Fly 2021 -----------------*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {font-family: 'Lato','Open sans', arial, sans-serif;color:#555;font-size: 15px;line-height: 1.5;}
h1 {font-family: 'Titillium Web', 'Open sans', arial, sans-serif;color: #1146AE;margin-bottom: 10px;}
h1:before {border-left: 6px solid rgba(129, 192, 227, 0.5);padding-left: 15px;}
h2 {font-family:'Titillium Web', 'Open sans', arial, sans-serif;}
h3 {font-family:'Titillium Web', 'Open sans', arial, sans-serif;}
h4 {font-family:'Titillium Web', 'Open sans', arial, sans-serif;}
h5 {font-family: 'Open sans', arial, sans-serif;}
h6 {font-family:'Titillium Web', 'Open sans', arial, sans-serif;}
paso_resumen h1, paso_resumen h2, 
#confirmacion .codigo span, #confirmacion h3 {font-family: 'Titillium Web';}

.color-cliente {background-color: #207eca;} 
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color: #47bcf8;}
a.tyc {color: #1b4db1;}
.btn_1:active, .btn_tercio:active, .btn_2tercios:active {color: #f38a18;}

.short_info .price {font-family: 'Open sans', arial, sans-serif !important;}

/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
header {background: linear-gradient(285.28deg, rgba(11, 177, 229, 0.9) -24.36%, #1146AE 93.77%);padding: 10px 0 5px 0;border-bottom: 8px solid #749cc3;}
header .main-menu ul li, header .main-menu ul li a {color: white;border:none !important;font-size:13px;}
header .main-menu ul li {border-color:white;}
header .main-menu ul li.separador {border-left:1px solid #afbac6 !important; padding-left: 10px;}
header .main-menu ul li a,
header .main-menu ul li:hover > a, 
header .main-menu ul li:hover > a#total-items-carro,

#logo_home {/* width: 200px; */}
#logo_home img {width: 100%;}
#breads {color: #7e7e75;font-family: 'Titillium Web';}

#toolbox header .main-menu ul li a {color: white;}
#toolbox header .main-menu ul li:hover > a {color: #94c6f7;}
#toolbox header .main-menu ul li {color:white;}

footer {background: #073081;}
footer #footer, footer #footer h2, footer #footer h3 {font-family:'Titillium Web', 'Opne sans', arial, sans-serif;}
footer #footer h2 {font-weight: 900;}
footer #footer a:hover {color:#94c6f7;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
.tour_container .img_container {height: 150px;}
#home .img_container img {top: -25%;}
#home .tour_container .tour_title h3 {color: #1146AE;font-size: 18px;text-transform: none;padding-left: 6px;border-left: 6px solid lightblue;border-bottom: none;font-size: 1.25em;}
#home .tour_container .tour_title p {color:#747f9c;font-size: .95em;line-height: 1.2;}
.tour_container .tour_title {height:130px;}
#home .main_title p {max-width:600px; margin:auto;}

/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha {color: #1146AE;font-size: 16px;text-transform: none;}
#caja_ficha #producto {color: inherit;font-size: inherit;}
.form-group label span  {color: #207eca;font-size: 10.5px;margin-bottom: 2px;letter-spacing: normal;}
#ficha_tour h5 {color: #1146AE;font-size: 1.1em;font-family: 'Titillium Web';font-weight: bold;}
#caja_ficha label a {display:none;}
.tour_container .img_container .banner-tour {background-color: rgba(83, 133, 181, 0.75);}
.btn_1:hover, .btn_tercio:hover, .btn_2tercios:hover {background: #004e90;}
.tarifario .price {color: #444;}
#ficha_tour .imagen {height: 350px;}
#ficha_tour img {top: 0;}
/*----------------------------------- 
		ESTILOS ICONO CONFIRMACION
------------------------------------*/
#confirmacion h1 i, #confirmacion h2 span {color:#0f4578;}

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

/*------------------------ 
		TARIFARIO ESPECIAL CLASES
------------------------------*/
.tarifario table.clases {max-width: 450px;text-align: center;}
.tarifario table.clases td {padding:6px 2px;line-height: 1.5;border-bottom: 1px solid #ddd;font-size: .9em;}
.tarifario table.clases td.header {background-color: #babab0;color: white;font-family: 'Titillium Web';font-weight: bold;border-right: 2px solid white;width: 164px;line-height: 1.2;}
.tarifario table.clases td.header span.horario {display:block;font-size: .8em;color: #555;line-height: 1.2;margin-top: 3px;}
.tarifario table.clases td.encabezado-fila {padding-left: 10px;font-weight: bold;font-family: 'Open sans', arial, sans-serif;font-size: .8em;margin: 0;float: none;text-align: left;width: auto;min-width: 80px;line-height: 1.4;}
.tarifario table.clases td.encabezado-fila span {color: #a6a69a;white-space: nowrap;}
.tarifario table.clases td.titulo {color: white;border-right: 2px solid white;font-size: 14px;background-color: transparent;font-weight: bold;border-top: none;}
.tarifario p {font-size: .9em;line-height:1.5;}

@media only screen and (max-width: 1199px) { 
	.tarifario table.clases td.header {width:130px;}
	.tarifario table.clases td.encabezado-fila {display:table-cell;}
}

@media only screen and (max-width: 991px) { 
	.tarifario table.clases td.header {width:125px;}
	.tarifario table.clases td.encabezado-fila {text-align:left;}


}

@media only screen and (max-width: 767px) { 
	.tarifario table.clases td.header {width:160px;}
}
	
@media only screen and (max-width: 499px) { 
	.tarifario table.clases td.header {width:125px;}
}