/*******************************************************************
FUENTES
*******************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,500&display=swap');
/*
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
*/
/*******************************************************************
ADICIONALES
*******************************************************************/
.logo{
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
}
.logo img{
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
width: 168px !important;
height: 80px !important;
}
.m-0{
margin: 0px !important;
}
.mt-0{
margin-top: 0px !important;
}
.mt-10{
margin-top: 10px !important;
}
.mt-20{
margin-top: 20px !important;
}
.mt-30{
margin-top: 30px !important;
}
.mt-40{
margin-top: 40px !important;
}
.mt-50{
margin-top: 50px !important;
}
.mt-60{
margin-top: 60px !important;
}.mt-70{
margin-top: 70px !important;
}
.mt-80{
margin-top: 80px !important;
}
.mt-90{
margin-top: 90px !important;
}
.mt-100{
margin-top: 100px !important;
}
.mb-0{
margin-bottom: 0px !important;
}
.mb-10{
margin-bottom: 10px !important;
}
.mb-15{
margin-bottom: 15px !important;
}
.mb-20{
margin-bottom: 20px !important;
}
.mb-30{
margin-bottom: 30px !important;
}
.mb-40{
margin-bottom: 40px !important;
}
.mb-50{
margin-bottom: 50px !important;
}
.mb-60{
margin-bottom: 60px !important;
}.mb-70{
margin-bottom: 70px !important;
}
.mb-80{
margin-bottom: 80px !important;
}
.mb-90{
margin-bottom: 90px !important;
}
.mb-100{
margin-bottom: 100px !important;
}
.ml-0{
margin-left: 0px !important;
}
.ml-10{
margin-left: 10px !important;
}
.ml-20{
margin-left: 20px !important;
}
.ml-30{
margin-left: 30px !important;
}
.ml-40{
margin-left: 40px !important;
}
.ml-50{
margin-left: 50px !important;
}
.ml-60{
margin-left: 60px !important;
}.ml-70{
margin-left: 70px !important;
}
.ml-80{
margin-left: 80px !important;
}
.ml-90{
margin-left: 90px !important;
}
.ml-100{
margin-left: 100px !important;
}
.mr-0{
margin-right: 0px !important;
}
.mr-10{
margin-right: 10px !important;
}
.mr-20{
margin-right: 20px !important;
}
.mr-30{
margin-right: 30px !important;
}
.mr-40{
margin-right: 40px !important;
}
.mr-50{
margin-right: 50px !important;
}
.mr-60{
margin-right: 60px !important;
}.mr-70{
margin-right: 70px !important;
}
.mr-80{
margin-right: 80px !important;
}
.mr-90{
margin-right: 90px !important;
}
.mr-100{
margin-right: 100px !important;
}
.p-0{
padding: 0px !important;
}
.pt-0{
padding-top: 0px !important;
}
.pt-10{
padding-top: 10px !important;
}
.pt-20{
padding-top: 20px !important;
}
.pt-30{
padding-top: 30px !important;
}
.pt-40{
padding-top: 40px !important;
}
.pt-50{
padding-top: 50px !important;
}
.pt-60{
padding-top: 60px !important;
}.pt-70{
padding-top: 70px !important;
}
.pt-80{
padding-top: 80px !important;
}
.pt-90{
padding-top: 90px !important;
}
.pt-100{
padding-top: 100px !important;
}
.pb-0{
padding-bottom: 0px !important;
}
.pb-10{
padding-bottom: 10px !important;
}
.pb-20{
padding-bottom: 20px !important;
}
.pb-30{
padding-bottom: 30px !important;
}
.pb-40{
padding-bottom: 40px !important;
}
.pb-50{
padding-bottom: 50px !important;
}
.pb-60{
padding-bottom: 60px !important;
}.pb-70{
padding-bottom: 70px !important;
}
.pb-80{
padding-bottom: 80px !important;
}
.pb-90{
padding-bottom: 90px !important;
}
.pb-100{
padding-bottom: 100px !important;
}
.pl-0{
padding-left: 0px !important;
}
.pl-10{
padding-left: 10px !important;
}
.pl-20{
padding-left: 20px !important;
}
.pl-30{
padding-left: 30px !important;
}
.pl-40{
padding-left: 40px !important;
}
.pl-50{
padding-left: 50px !important;
}
.pl-60{
padding-left: 60px !important;
}.pl-70{
padding-left: 70px !important;
}
.pl-80{
padding-left: 80px !important;
}
.pl-90{
padding-left: 90px !important;
}
.pl-100{
padding-left: 100px !important;
}
.pr-0{
padding-right: 0px !important;
}
.pr-10{
padding-right: 10px !important;
}
.pr-20{
padding-right: 20px !important;
}
.pr-30{
padding-right: 30px !important;
}
.pr-40{
padding-right: 40px !important;
}
.pr-50{
padding-right: 50px !important;
}
.pr-60{
padding-right: 60px !important;
}.pr-70{
padding-right: 70px !important;
}
.pr-80{
padding-right: 80px !important;
}
.pr-90{
padding-right: 90px !important;
}
.pr-100{
padding-right: 100px !important;
}
.ocultar{
display: none !important;
}
.text-uppercase{
text-transform: uppercase !important;
}
.text-lowercase{
text-transform: lowercase !important;
}
.img-responsive {
width: 100% !important;
height: auto !important;
}
.pull-right {
float: right !important;
clear: both !important;
}
.pull-left {
float: left !important;
clear: both !important;
}
/*******************************************************************
TOPBAR HEADER
*******************************************************************/
.header-info-contacto{
margin: 0px !important;
padding: 0px !important;
font-size: 14px !important;
line-height: 40px !important;
color: #FFF !important;
}
.header-info-contacto ul{
margin: 0px !important;
padding: 0px !important;
list-style: none !important;
list-style-type: none !important;
display: inline-block !important;
position: absolute !important;
}
.header-info-contacto ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
display: inline-block !important;
}
.header-info-contacto ul li a{
margin: 0px 10px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color: #FFF !important;
}
.header-info-contacto ul li a:hover{
color: #E6D5C1 !important;
}
.header-info-contacto ul li a img{
margin: -1px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.header-info-contacto ul li.current-lang a{
color: #FFDC73 !important;
}
.top-social{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.top-social ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
display: inline-block !important;
text-align: right !important;
}
.top-social ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
display: inline-block !important;
}
.top-social ul li a{
margin: 0px !important;
padding: 0px !important;
color: #FFF !important;
display:block !important;
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
text-align: center !important;
-webkit-transition: background ease-in-out 0.5s !important;
-moz-transition: background ease-in-out 0.5s !important;
-o-transition: background ease-in-out 0.5s !important;
transition: background ease-in-out 0.5s !important;
}
.top-social ul li a:hover{
background: #493831 !important;
color: #FFDC73 !important;
}
/*******************************************************************
HEADER
*******************************************************************/
.titulos-header{
display: none !important;
overflow: hidden !important;
}
/*******************************************************************
SLIDE CATEGORIAS DE EXPERIENCIAS
*******************************************************************/
.box-experiencias{
margin: 0px 0px 0px 0px !important;
padding: 0px 30px 0px 30px !important;
/*background-color: red !important;*/
}
.categoriasTour{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.categoriasTour .item{
margin: 0px 0px 0px 0px !important;
}
.categoriasTour img{
opacity: 0.6 !important;
filter: alpha(opacity=50) !important;
background-color: #000 !important;
display: block !important;
border: 5px solid #E6D5C1;
}
.categoriasTour .hovereffect {
width: 100% !important;
height: 100% !important;
float: left !important;
overflow: hidden !important;
position: relative !important;
text-align: center !important;
cursor: pointer !important;
}
.categoriasTour .hovereffect .overlay {
width: 100% !important;
height: 100% !important;
position: absolute !important;
overflow: hidden !important;
top: 0 !important;
left: 0 !important;
background-color: transperent !important;
-webkit-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
.categoriasTour .hovereffect:hover .overlay {
background-color: rgba(96,74,68,0.5) !important;
}
.categoriasTour .hovereffect img {
margin: 0px !important;
padding: 0px !important;
display: block !important;
position: relative !important;
}
.categoriasTour .hovereffect h2 {
margin: 0px !important;
padding: 0px !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 25px !important;
color: #E8E4DD !important;
text-align: center !important;
position: relative !important;
-webkit-transform: translateY(120px) !important;
-ms-transform: translateY(120px) !important;
transform: translateY(120px) !important;
-webkit-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
font-weight: 400 !important;
text-transform: uppercase !important;
text-shadow: 0px 0px 5px #333 !important;
}
.categoriasTour .hovereffect:hover h2 {
-webkit-transform: translateY(90px) !important;
-ms-transform: translateY(90px) !important;
transform: translateY(90px) !important;
margin:0px !important;
font-size: 25px !important;
color: #FFF !important;
}
.categoriasTour .hovereffect p.info {
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
display: inline-block !important;
text-decoration: none !important;
margin: 0px !important;
padding: 100px 10px 100px 10px !important;
color: #FFF !important;
text-align: center !important;
background-color: transparent !important;
opacity: 0 !important;
filter: alpha(opacity=0) !important;
-webkit-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
font-size: 13px !important;
line-height: 1.3 !important;
}
.categoriasTour .hovereffect:hover p.info {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-webkit-transform: translateY(0px) !important;
-ms-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.categoriasTour .hovereffect p.info span a{
margin: 0px !important;
padding: 7px 14px !important;
background: #BE4C54 !important;
color: #E8E4DD !important;
font-size: 13px !important;
width: 120px !important;
height: 30px !important;
line-height: 30px !important;
text-align: center !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-weight: 400 !important;
box-shadow: none !important;
outline: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.categoriasTour .hovereffect p.info span a:hover{
background: #493831 !important;
}
.categoriasTour button{
background-color: #604A44 !important;
color: #E8E4DD !important;
padding: 0px !important;
margin: 0px 5px !important;
width: 30px !important;
height: 30px !important;
outline: none !important;
}
.categoriasTour button:hover{
background-color: #A63C44 !important;
color: #C6B299 !important;
}
.owl-nav{
margin: 15px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
}
/*******************************************************************
OVERLAY FORMULARIOS
*******************************************************************/
#overlay {
background-image: url('../img/ajax-loader.gif') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(202,215,178,0.6) !important;
color: #BE4C54 !important;
position: absolute !important;
height: 100% !important;
width: 100% !important;
z-index: 5000 !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
}
#overlay_reservas_sibar {
background-image: url('../img/loader-sidebar.gif') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(255,255,255,0.7) !important;
color: #BE4C54 !important;
position: absolute !important;
height: 100% !important;
width: 100% !important;
z-index: 5000 !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clear: both !important;
}
#overlay-forms {
background-image: url('../img/loader-sidebar.gif') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(255,255,255,0.7) !important;
color: #BE4C54 !important;
position: absolute !important;
height: 100% !important;
width: 100% !important;
z-index: 5000 !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clear: both !important;
}
#overlay-reserva {
background-image: url('../img/loader-booking.gif') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(73,46,49,0.8) !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 999999 !important;
}
/*******************************************************************
MENSAJE DE ALERTA
*******************************************************************/
.alert-success{
margin: 0px 0px 15px 0px !important;
padding: 7px 7px 7px 7px !important;
background: rgba(23, 160, 93, 0.4) !important;
color: #222 !important;
text-align: center !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 14px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.alert-danger{
margin: 0px 0px 15px 0px !important;
padding: 7px 7px 7px 7px !important;
background: rgba(206, 27, 40, 0.4) !important;
color: #222 !important;
text-align: center !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 14px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
/*******************************************************************
MENU PARA OPCIONES DE TOUR
*******************************************************************/
.menu_op_tour{
margin: 0px !important;
padding: 15px 0px 15px 0px !important;
font-weight: 400 !important;
width: 100% !important;
overflow: hidden !important;
top: 0 !important;
position: sticky;
background: #D3CDBD !important;
z-index: 11 !important;
text-align: center !important;
box-shadow: 0px 0px 20px #493831 !important;
}
.menu_op_tour nav ul{
display: inline-block !important;
margin: 0px !important;
padding: 0px !important;
}
.menu_op_tour nav ul li{
display: inline-block !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.menu_op_tour nav ul li a{
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 17px !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 20px !important;
display: block !important;
color: #493831 !important;
text-decoration: none !important;
height: 40px !important;
line-height: 40px !important;
text-transform: uppercase !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: 500 !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.menu_op_tour nav ul li a:hover{
background: #BE4C54 !important;
color: #FFF4E3 !important;
}
.menu_op_tour nav ul li a.Active{
color: #FFF4E3 !important;
background: #8F343A !important;
}
.sticky{
position: fixed;
top: 0;
left: 0;
animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
0% {
transform: translateY(-80px);
}
100% {
transform: translateY(0px);
}
}
/*******************************************************************
PAGINAS
*******************************************************************/
.contenido-paginas{
margin: 0px !important;
padding: 0px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
}
.contenido-paginas p{
margin: 0px 0px 20px 0px !important;
padding: 0px !important;
color: #333 !important;
font-size: 16px !important;
letter-spacing: 0 !important;
line-height: 1.7 !important;
font-weight: 400 !important;
text-align: justify !important;
}
.contenido-paginas p:last-child{
margin: 0px 0px 0px 0px !important;
}
.contenido-paginas ul li{
margin: 0px 0px 5px 0px !important;
padding: 0px !important;
text-align: justify !important;
color: #333 !important;
line-height: 1.5 !important;
font-size: 16px !important;
}
.contenido-paginas ul li:last-child{
margin: 0px 0px 0px 0px !important;
}
.contenido-paginas p strong, .contenido-paginas li strong{
font-weight: 500 !important;
}
.contenido-paginas h1, .contenido-paginas h2, .contenido-paginas h3, .contenido-paginas h4, .contenido-paginas h5, .contenido-paginas h6{
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
padding: 0px !important;
}
.contenido-paginas h2{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 30px !important;
text-align: center !important;
margin: 0px 0px 30px 0px !important;
}
.contenido-paginas h2 span{
display: block !important;
text-transform: none !important;
font-weight: 400 !important;
color: #333 !important;
font-size: 25px !important;
text-align: center !important;
}
.contenido-paginas h3{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 25px !important;
margin: 0px 0px 10px 0px !important;
}
.contenido-paginas h4{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #333 !important;
font-size: 20px !important;
margin: 0px 0px 5px 0px !important;
}
.contenido-paginas h5{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 20px !important;
margin: 0px 0px 10px 0px !important;
font-size: 22px !important;
}
/*******************************************************************
PAGINA SINGLE TOUR
*******************************************************************/
#fechas-salida{
background: #FFF !important;
padding-top: 50px !important;
padding-bottom: 47px !important;
}
.itinerario{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.itinerario h1, .itinerario h2, .itinerario h3, .itinerario h4, .itinerario h5, .itinerario h6{
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
padding: 0px !important;
}
.itinerario h2{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 30px !important;
text-align: center !important;
margin: 0px 0px 30px 0px !important;
}
.itinerario h2 span{
display: block !important;
text-transform: none !important;
font-weight: 400 !important;
color: #333 !important;
font-size: 25px !important;
text-align: center !important;
}
.itinerario h3{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 25px !important;
margin: 0px 0px 10px 0px !important;
}
.itinerario h4{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #333 !important;
font-size: 20px !important;
margin: 0px 0px 5px 0px !important;
}
.itinerario h5{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 20px !important;
margin: 0px 0px 10px 0px !important;
font-size: 22px !important;
}
.itinerario p{
margin: 0px 0px 20px 0px !important;
padding: 0px !important;
color: #333 !important;
font-size: 16px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
letter-spacing: 0 !important;
line-height: 1.7 !important;
font-weight: 400 !important;
text-align: justify !important;
}
.itinerario strong{
font-weight: 500 !important;
}
.itinerario ul.info{
background: #F9F6F1 !important;
margin: 0px 0px 20px 0px !important;
padding: 10px 15px !important;
list-style-type: none !important;
}
.itinerario ul.info li{
margin: 0px !important;
padding: 0px !important;
color: #7D433D !important;
font-size: 13px !important;
}
.itinerario ul.info li strong{
font-weight: 500 !important;
}
.itinerario ul{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 20px !important;
list-style-position: outside !important;
}
.itinerario ul li{
margin: 0px !important;
padding: 0px !important;
color: #333 !important;
font-size: 17px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
letter-spacing: 0 !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
.itinerario ul li strong, .itinerario ul li b{
font-weight: 400 !important;
}
.itinerario .plan_viaje{
margin: 20px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.itinerario .info_comidas{
margin: 0px 0px 0px 0px !important;
padding: 10px 0px !important;
font-size: 16px !important;
font-weight: 400 !important;
border: none !important;
color: #785D56 !important;
background-color: #E6D5C1 !important;
font-size: 15px !important;
text-align: center !important;
}
.itinerario .info_comidas strong{
font-weight: 500 !important;
}
.itinerario table{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
table-layout: fixed !important;
border: none !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-weight: 400 !important;
border: 1px solid #C6B299 !important;
}
.itinerario thead tr th{
border: none !important;
padding: 8px 10px !important;
font-size: 12px !important;
font-weight: 500 !important;
background-color: #C6B299 !important;
color: #493831 !important;
border-left: 1px dotted #C6B299 !important;
}
.itinerario thead tr th:first-child{
border: none !important;
}
.itinerario thead tr th i{
font-weight: 400 !important;
}
.itinerario thead tr th:nth-child(4n+1){
width: 80px !important;
text-align: center !important;
}
.itinerario thead tr th:nth-child(4n+2){
text-align: left !important;
}
.itinerario thead tr th:nth-child(4n+3){
width: 150px !important;
text-align: center !important;
}
.itinerario thead tr th:nth-child(4n+4){
width: 100px !important;
text-align: center !important;
}
.itinerario tbody tr{
border-left: none !important;
border-right: none !important;
border-bottom: 1px dotted #C6B299 !important;
}
.itinerario tbody tr:firts-child{
border-top: none !important;
}
.itinerario tbody tr:last-child{
border-bottom: none !important;
}
.itinerario tbody tr td{
border: none !important;
padding: 8px 10px !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #333 !important;
border-left: 1px dotted #C6B299 !important;
}
.itinerario tbody tr td:first-child{
border: none !important;
}
.itinerario tbody tr td a{
border: none !important;
padding: 0px !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #333 !important;
}
.itinerario tbody tr td a:hover{
color: #BE4C54 !important;
}
.itinerario tbody tr td:nth-child(4n+1){
width: 80px !important;
text-align: center !important;
}
.itinerario tbody tr td:nth-child(4n+2){
text-align: left !important;
}
.itinerario tbody tr td:nth-child(4n+3){
width: 150px !important;
text-align: center !important;
}
.itinerario tbody tr td:nth-child(4n+4){
width: 100px !important;
text-align: center !important;
}
/*******************************************************************
SECCION DE GALERIA DE FOTOS PARA TOURS
*******************************************************************/
#gallery{
margin: 0px !important;
padding: 0px !important;
}
.galeria_fotos{
margin: 0px 0px 0px 0px !important;
padding: 60px 0px 0px 0px !important;
background: #FFF !important;
}
.galeria_fotos h2{
text-transform: uppercase !important;
font-weight: 500 !important;
color: #8F343A !important;
font-size: 30px !important;
text-align: center !important;
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.galeria_fotos h2 span{
display: block !important;
text-transform: none !important;
font-weight: 400 !important;
color: #333 !important;
font-size: 25px !important;
text-align: center !important;
}
.label .label-programado{
background: #000 !important;
}
/*******************************************************************
SECCION PARA FECHAS DE SALLIDA O RESERVA DE TOURS
*******************************************************************/
#reservar{
margin: 0px !important;
padding: 40px 0px 80px 0px !important;
background: #F6F4F0 !important;
}
#reservar h2{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#reservar p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
}
#reservar form{
margin: 30px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#reservar form label{
margin: 0px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
display: block !important;
font-size: 16px !important;
color: #493831 !important;
font-weight: 500 !important;
}
#reservar form label small{
display: block !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-size: 14px !important;
color: #8F343A !important;
}
#reservar form input.form-control{
margin: 0px 0px 0px 0px !important;
padding: 0px 15px 0px 15px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 16px !important;
color: #333 !important;
font-weight: 400 !important;
height: 45px !important;
line-height: 45px !important;
font-size: 16px !important;
border: 2px solid #BEB69E !important;
outline: none !important;
box-shadow: none !important;
font-weight: 400 !important;
}
#reservar form input:focus.form-control, #reservar form select:focus.form-control, #reservar form textarea:focus.form-control{
border: 2px solid #785D56 !important;
}
#reservar form input.fecha-viaje{
padding-left: 60px!important;
background: #FFF url('../img/bg-calendar.png') left center no-repeat !important;
}
#reservar form select.form-control{
margin: 0px 0px 0px 0px !important;
padding: 0px 15px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 16px !important;
display: block !important;
color: #333 !important;
width: 100% !important;
height: 45px !important;
line-height: 45px !important;
border: 2px solid #BEB69E !important;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none !important;
box-shadow: none !important;
font-weight: 400 !important;
}
#reservar form textarea.form-control{
margin: 0px 0px 0px 0px !important;
padding: 15px 15px 15px 15px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-size: 16px !important;
color: #333 !important;
font-weight: 400 !important;
height: 150px !important;
line-height: 1.3 !important;
font-size: 16px !important;
border: 2px solid #BEB69E !important;
outline: none !important;
box-shadow: none !important;
font-weight: 400 !important;
}
#reservar form input.form-control:hover, #reservar form select:hover.form-control, #reservar form textarea:hover.form-control{
border: 2px solid #785D56 !important;
}
#reservar form .informacion-reserva{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#reservar form .informacion-reserva ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
}
#reservar form .informacion-reserva ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
border-bottom: 1px dotted #D3CDBD !important;
height: 35px !important;
line-height: 35px !important;
color: #333 !important;
font-size: 16px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
}
#reservar form .informacion-reserva ul li:last-child{
border-bottom: none !important;
}
#reservar form .informacion-reserva ul li strong{
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: 500 !important;
}
#reservar form label.error{
font-size: 13px !important;
display: block !important;
color: #BE4C54 !important;
text-transform: none !important;
}
#reservar form input.error,
#reservar form select.error{
border: 2px solid #BE4C54 !important;
background-color: rgba(190,76,84,0.15) !important;
}
#reservar form button{
width: 50% !important;
margin: 20px auto 0px auto !important;
padding: 0px 0px 0px 0px !important;
background: #BE4C54 !important;
color: #FFF !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 20px !important;
text-align: center !important;
border: none !important;
display: block !important;
height: 45px !important;
line-height: 45px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
text-decoration: none !important;
text-transform: uppercase !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
outline: none !important;
text-shadow: 1px 1px #785D56 !important;
cursor: pointer !important;
box-shadow: none !important;
}
#reservar form button:hover{
background: #785D56 !important;
text-shadow: 1px 1px #493831 !important;
}
#reservar form button:disabled,
#reservar form button[disabled]{
background: #CCC !important;
color: #444 !important;
text-shadow: 1px 1px #FFF !important;
border: 2px solid #555 !important;
}
#reservar form .calendar-table table.table-condensed thead tr th{
background-color: red !important
font-size: 30px !important;
}
#reservar form tbody tr td {
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
#reservar form tbody tr:hover td {
background: #FFF4E3 !important;
cursor: pointer !important;
}
#reservar form tbody tr.selected td {
background: rgba(198, 178, 153, 0.2) !important;
color: #333 !important;
}
#reservar .alert{
margin: 10px 0px 0px 0px !important;
padding: 20px 0px !important;
}
#reservar .alert h4{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #FFF !important;
text-shadow: 0px 0px 3px #000 !important;
font-size: 25px !important;
}
#reservar .alert p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #FFF !important;
text-shadow: 0px 0px 3px #000 !important;
font-size: 16px !important;
}
/*******************************************************************
SIDEBAR TOURS
*******************************************************************/
.sidebar-tour{
margin: 0px 0px 30px 0px !important;
padding: 15px 15px 135px 15px !important;
font-size: 14px !important;
color: #333 !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-topright: 5px !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
background: #D3CDBD url('../img/bg-sidebar.png') no-repeat center bottom !important;
}
.sidebar-tour h3{
margin: 0px 0px 10px 0px !important;
padding: 0px !important;
font-size: 25px !important;
font-weight: 400 !important;
color: #1F4287 !important;
text-align: center !important;
}
.sidebar-tour .box_sidebar_total{
margin: 20px 0px 0px 0px !important;
padding: 0px 0px 20px 0px !important;
font-size: 20px !important;
color: #A63C44 !important;
border-bottom: 1px solid #D7D8CB !important;
}
.sidebar-tour .box_sidebar_total strong{
font-weight: 500 !important;
}
.sidebar-tour .box_sidebar_total span{
font-weight: 400 !important;
color: #333 !important;
}
.sidebar-tour .box_cupon{
margin: 0px 0px 30px 0px !important;
padding: 20px 0px 20px 0px !important;
display: block !important;
border-bottom: 1px solid #D7D8CB !important;
}
.sidebar-tour .box_cupon input{
margin: 0px !important;
padding: 0px 10px !important;
font-weight: 500 !important;
font-size: 22px !important;
outline: none !important;
line-height: 50px !important;
height: 50px !important;
display: block !important;
}
.sidebar-tour .box_cupon button{
margin: 0px !important;
padding: 0px !important;
background-color: #555 !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
font-size: 18px !important;
border: none !important;
line-height: 50px !important;
height: 50px !important;
display: block !important;
}
.sidebar-tour .box_cupon button:hover{
background-color: #333 !important;
}
.sidebar-tour h3 span{
display: block !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #1F4287 !important;
text-align: center !important;
}
.sidebar-tour span.badge{
font-size: 12px !important;
font-weight: 400 !important;
color: #FFF !important;
background-color: #A63C44 !important;
}
.sidebar-tour span.badge a{
color: #D3CDBD !important;
}
.sidebar-tour span.badge a:hover{
color: #FFF !important;
}
.sidebar-tour abbr{
border-bottom: 1px solid #A94442 !important;
text-decoration: none !important;
}
.sidebar-tour .costoTour{
margin: 15px 0px 15px 0px !important;
padding: 0px !important;
color: #8F343A !important;
text-align: center !important;
}
.sidebar-tour .costoTour small{
font-size: 20px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
}
.sidebar-tour .costoTour strong{
font-size: 40px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: 500 !important;
}
.sidebar-tour .costoTour strong span{
font-size: 30px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: normal !important;
}
.sidebar-tour button{
margin: 0px 0px 25px 0px !important;
padding: 15px 0px 15px 0px !important;
background-color: #BE4C54 !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: 400 !important;
font-size: 25px !important;
color: #FFF !important;
text-transform: uppercase !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.sidebar-tour button:hover{
background-color: #8F343A !important;
}
.sidebar-tour ul{
list-style: none !important;
list-style-type: none !important;
margin: 0px !important;
padding: 0px !important;
}
.sidebar-tour ul li{
background: transparent !important;
border-left: none !important;
border-right: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
line-height: 32px !important;
height: 32px !important;
border-bottom: 1px dotted #785D56 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
line-height: 45px !important;
height: 45px !important;
color: #333 !important;
font-weight: 400 !important;
}
.sidebar-tour ul li strong{
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
color: #493831 !important;
font-weight: 500 !important;
}
.sidebar-tour ul li:last-child{
border-bottom: none !important;
}
.sidebar-tour ul li small{
font-size: 13px !important;
}
.sidebar-tour .mapa{
margin: 0px 0px 15px 0px !important;
}
.sidebar-tour .mapa a img{
border: 1px solid #D3CDBD !important;
}
.sidebar-tour .mapa a:hover img{
border: 1px solid #2EA6B8 !important;
}
.sidebar-tour .btn-brochure{
margin: 15px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.sidebar-tour .btn-brochure a{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
height: 60px !important;
line-height: 60px !important;
background-color: rgba(255,255,255,0) !important;
border: 2px solid #BE4C54 !important;
display: block !important;
text-align: center !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: 400 !important;
font-size: 20px !important;
color: #BE4C54 !important;
text-transform: uppercase !important;
box-shadow: none !important;
outline: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.sidebar-tour .btn-brochure a:hover{
background-color: #BE4C54 !important;
color: #FFF !important;
}
.sidebar-tour .aceptamosMP{
margin: 20px 0px 0px 0px !important;
padding: 0px !important;
}
.aceptamosMP{
margin: 50px 0px 0px 0px !important;
padding: 0px !important;
}
.sidebar-tour .aceptamosMP h3{
margin: 0px 0px 10px 0px !important;
padding: 0px !important;
text-transform: uppercase !important;
font-size: 20px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
color: #2EA6B8 !important;
text-align: center !important;
}
.wdtripadvisor{
width: 100% !important;
margin: 0px 0px 50px 0px !important;
padding: 0px 0px 0px 0px !important;
border: 1px solid #CCC !important;
}
.wdtripadvisor .widSSP {
margin: -20px 0px 0px 0px !important;
padding: 0px 10px 10px 10px !important;
}
.wdtripadvisor .widSSPData{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
/*******************************************************************
PAGINA CONTACTENOS
*******************************************************************/
.seccion_info_pagina_contacto{
margin: 0px 0px 0px 0px !important;
padding: 15px 15px 0px 15px !important;
border: 1px solid #C6B299 !important;
}
.seccion_info_pagina_contacto img{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.seccion_info_pagina_contacto h3{
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
text-transform: uppercase !important;
color: #BE4C54 !important;
font-size: 25px !important;
font-weight: 500 !important;
text-align: center !important;
display: block !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
}
.seccion_info_pagina_contacto ul{
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
}
.seccion_info_pagina_contacto ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
line-height: 35px !important;
border-bottom: 1px dotted #785D56 !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
font-weight: 400 !important;
color: #595959 !important;
}
.seccion_info_pagina_contacto ul li:last-child{
border-bottom: none !important;
}
.seccion_info_pagina_contacto ul li strong{
font-weight: 500 !important;
}
form#form_contactenos{
position: relative !important;
margin: 0px 0px 0px 0px !important;
padding: 15px 15px 15px 15px !important;
font-family: 'Fira Sans Condensed', 'Trebuchet MS', sans-serif !important;
border: 1px solid #C6B299 !important;
}
form#form_contactenos label{
margin: 0px 0px 2px 0px !important;
padding: 0px 0px 0px 0px !important;
font-size: 16px !important;
display: block !important;
color: #493831 !important;
text-transform: uppercase !important;
font-weight: 500 !important;
}
form#form_contactenos input, form#form_contactenos select, form#form_contactenos textarea{
border: 2px solid #937168 !important;
color: #333 !important;
outline: none !important;
box-shadow: none !important;
}
form#form_contactenos input:hover, form#form_contactenos select:hover, form#form_contactenos textarea:hover{
border: 2px solid #0B827C !important;
}
form#form_contactenos textarea{
margin: 0px !important;
padding: 10px 10px !important;
height: 257px !important;
color: #333 !important;
}
form#form_contactenos input.error, form#form_contactenos select.error, form#form_contactenos textarea.error{
border:1px solid #BE4C54 !important;
}
form#form_contactenos button{
margin: 0px auto !important;
padding: 0px 20px !important;
line-height: 50px !important;
height: 50px !important;
font-size: 16px !important;
border: none !important;
display: block !important;
background: #785D56 !important;
color: #FFF !important;
font-weight: 500 !important;
text-transform: uppercase !important;
text-align: center !important;
box-shadow: none !important;
outline: none !important;
}
form#form_contactenos button:hover{
background: #493831 !important;
}
form#form_contactenos label.error{
margin: 4px 0px 0px 0px !important;
color: #D24858 !important;
font-size: 11px !important;
}
/*******************************************************************
FOOTER
*******************************************************************/
footer{
margin: 70px 0px 0px 0px !important;
padding: 360px 0px 0px 0px !important;
background: #BD4B53 url('../img/footer.png') top center no-repeat !important;
}
/*******************************************************************
FOOTER REDES SOCIALES
*******************************************************************/
footer .contenedor-footer{
width: 94% !important;
margin: 0px auto !important;
padding: 0px !important;
}
footer .footer-redes-sociales{
margin: 0px;
padding: 0px 0px 50px 0px;
display: block;
text-align: center;
}
footer .m-f{
margin-bottom: 0px;
}
footer h3{
margin: 0px 0px 25px 0px !important;
padding: 0px 0px 10px 0px !important;
display: block !important;
font-size: 25px !important;
color: #FFDC73 !important;
font-weight: 500 !important;
text-transform: uppercase !important;
background: url('../img/footer-full-fondo-h3.png') left bottom no-repeat;
}
footer .footer-redes-sociales ul{
list-style: none;
margin: 0px;
padding: 0px;
}
footer .footer-redes-sociales ul li{
margin: 0px;
padding: 0px;
display: inline-block;
}
footer .footer-redes-sociales ul li a.icon-button {
background-color: #E8E4DD;
border-radius: 50%;
cursor: pointer;
display: inline-block;
font-size: 30px;
height: 60px;
line-height: 60px;
margin: 0 5px;
position: relative;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 60px;
}
footer .footer-redes-sociales ul li a.icon-button span {
border-radius: 0;
display: block;
height: 0;
left: 50%;
margin: 0;
position: absolute;
top: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 0;
}
footer .footer-redes-sociales ul li a.icon-button:hover span {
width: 60px;
height: 60px;
border-radius: 60px;
margin: -30px;
}
footer .footer-redes-sociales ul li a.footer_facebook span { background-color: #3B5998; }
footer .footer-redes-sociales ul li a.footer_youtube span { background-color: #CD201F; }
footer .footer-redes-sociales ul li a.footer_tripadvisor span { background-color: #00AF87; }
footer .footer-redes-sociales ul li a.footer_instagram span { background-color: #7F3BB2; }
footer .footer-redes-sociales ul li a.footer_twitter span { background-color: #4099ff; }
footer .footer-redes-sociales ul li a.icon-button i {
background: none;
color: white;
height: 60px;
left: 0;
line-height: 60px;
position: absolute;
top: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 60px;
z-index: 10;
}
footer .footer-redes-sociales ul li a.icon-button .fa-facebook-f { color: #BE4C54; }
footer .footer-redes-sociales ul li a.icon-button .fa-youtube { color: #BE4C54; }
footer .footer-redes-sociales ul li a.icon-button .fa-tripadvisor { color: #BE4C54; }
footer .footer-redes-sociales ul li a.icon-button .fa-instagram { color: #BE4C54; }
footer .footer-redes-sociales ul li a.icon-button .fa-twitter { color: #BE4C54; }
footer .footer-redes-sociales ul li a.icon-button:hover .fa-facebook-f,
footer .footer-redes-sociales ul li a.icon-button:hover .fa-youtube,
footer .footer-redes-sociales ul li a.icon-button:hover .fa-tripadvisor,
footer .footer-redes-sociales ul li a.icon-button:hover .fa-instagram,
footer .footer-redes-sociales ul li a.icon-button:hover .fa-twitter { color: #FFF; }
/*******************************************************************
FOOTER LISTA DE DIRECCION Y BLOG
*******************************************************************/
footer .info-footer-datos{
margin: 0px;
padding: 0px;
}
footer .info-footer-datos ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
footer .info-footer-datos ul li{
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
color: #FFF4E3 !important;
border-bottom: 1px dotted #A63C44;
font-size: 15px;
display: block;
font-size: 16px;
text-shadow: 1px 1px #A63C44 !important;
}
footer .info-footer-datos ul li strong{
color: #FFF4E3;
font-weight: 500 !important;
}
footer .info-footer-datos ul li:last-child{
border: none;
}
footer .info-footer-blog{
margin: 0px;
padding: 0px;
}
footer .info-footer-blog a{
color: #FFF4E3;
display: block;
}
footer .info-footer-blog a:hover{
color: #FFDC73;
}
footer .info-footer-blog a:hover{
color: #FFDC73;
}
footer .info-footer-blog li span span.label-danger{
background-color: #A63C44 !important;
color: #FFF4E3 !important;
}
footer .info-footer-blog li span span.label-danger:hover{
background-color: #D3CDBD !important;
color: #A63C44 !important;
}
footer .info-footer-blog ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
footer .info-footer-blog ul li{
margin: 0px 0px 5px 0px;
padding: 0px 5px 5px 5px;
border-bottom: 1px dotted #A63C44;
font-size: 16px;
}
footer .info-footer-blog ul li:last-child{
border: none;
}
/*******************************************************************
FOOTER CREDITOS
*******************************************************************/
footer .creditos{
border-top: 5px solid #493831 !important;
height: 40px !important;
font-size: 12px !important;
color: #D3CDBD !important;
margin: 60px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
position: relative !important;
background: #785D56 !important;
}
footer .creditos p{
line-height: 35px !important;
margin: 0px !important;
padding: 0px !important;
text-align: center !important;
color: #D3CDBD !important;
}
footer .creditos strong{
font-weight: 500 !important;
}
footer .creditos a{
color: #D3CDBD !important;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
footer .creditos a:hover{
color: #E8E4DD !important;
}
/*******************************************************************
VISIUAL COMPOSER - TOUR BOX
*******************************************************************/
.info_promo_tour{
position: absolute !important;
right: 30px !important;
top: 0px !important;
margin: 0px !important;
padding: 2px 0px 0px 0px !important;
width: 80px !important;
height: 75px !important;
max-height: 75px !important;
min-height: 75px !important;
background-color: red;
color: #FFF !important;
z-index: 20 !important;
background: url('../img/home-promo-badge.png') no-repeat top center !important;
text-align: center !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
}
.info_promo_tour strong{
margin: 0px !important;
padding: 0px !important;
font-size: 30px !important;
font-weight: 400 !important;
}
.info_promo_tour small{
margin: 0px !important;
padding: 0px !important;
font-size: 20px !important;
font-weight: 400 !important;
}
.info_promo_tour em{
margin: -8px !important;
padding: 0px !important;
font-size: 14px !important;
font-weight: 400 !important;
display: block !important;
text-transform: none !important;
font-style: normal !important;
}
/*******************************************************************
VISUAL COMPOSER
*******************************************************************/
.composer_texto_bienvenida{
margin: 0px !important;
padding: 0px !important;
}
.composer_texto_bienvenida h2{
margin: 0px 0px 10px 0px !important;
padding: 0px !important;
font-size: 35px !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
text-align: center !important;
display: block !important;
color: #BE4C54 !important;
text-shadow: 1px 1px 2px #FFF !important;
font-weight: 500 !important;
letter-spacing: -1px !important;
}
.composer_texto_bienvenida p{
margin: 0px !important;
padding: 0px !important;
font-size: 22px !important;
line-height: 1.2 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
text-align: center !important;
color: #493831 !important;
text-shadow: 1px 1px 2px #FFF !important;
font-weight: 400 !important;
}
.composer_texto_bienvenida p strong{
font-weight: 500 !important;
}
.composer_enfatiza_contenido{
margin: 0px !important;
padding: 0px !important;
}
.composer_enfatiza_contenido p{
margin: 0px !important;
padding: 0px !important;
font-size: 22px !important;
line-height: 1.5 !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
}
.texto-color-oscuro{
margin: 0px !important;
padding: 0px !important;
color: #333 !important;
}
.texto-color-claro{
margin: 0px !important;
padding: 0px !important;
color: #FFF !important;
}
.texto-justificado{
margin: 0px !important;
padding: 0px !important;
text-align: justify !important;
}
.texto-centrado{
margin: 0px !important;
padding: 0px !important;
text-align: center !important;
}
.texto-izquierda{
margin: 0px !important;
padding: 0px !important;
text-align: left !important;
}
.texto-derecha{
margin: 0px !important;
padding: 0px !important;
text-align: right !important;
}
/*******************************************************************
BOX TOUR
*******************************************************************/
div.tour_box{
margin: 0px !important;
padding: 10px 10px 10px 10px !important;
background: #FFF4E3 !important;
display: block !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
div.tour_box a{
margin: 0px !important;
padding: 0px !important;
text-decoration: none !important;
outline: none !important;
box-shadow: none !important !important;
}
div.tour_box a .tour_box_imagen{
overflow: hidden;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100%;
display: block !important;
}
div.tour_box a div.tour_box_imagen > img{
display: block;
overflow: hidden;
margin: 0px !important;
padding: 0px !important;
width: 100%;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
div.tour_box:hover{
background-color: #FFF4E3 !important;
-webkit-box-shadow: 0px 0px 5px 5px rgba(73,56,49,0.25) !important;
-moz-box-shadow: 0px 0px 5px 5px rgba(73,56,49,0.25) !important;
box-shadow: 0px 0px 5px 5px rgba(73,56,49,0.25) !important;
}
div.tour_box:hover a div.tour_box_imagen > img, div.tour_box a div.tour_box_imagen > img:hover{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
filter: url(filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(0.8);
}
div.tour_box a div.tour_box_titulo{
overflow: hidden;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100%;
display: block !important;
}
div.tour_box a div.tour_box_titulo h2{
margin: 0px 0px 0px 0px !important;
padding: 4px 10px 0px 10px !important;
overflow: hidden !important;
text-align: center !important;
display: table !important;
height: 66px !important;
width: 100% !important;
font-size: 25px !important;
color: #F6F5F2 !important;
background-color: #A08D88 !important;
text-shadow: 1px 1px #785D56 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-weight: 500 !important;
text-transform: uppercase !important;
line-height: 28px !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
div.tour_box a div.tour_box_titulo h2:hover{
color: #FFDC73 !important;
}
div.tour_box a div.tour_box_titulo h2 span{
display: table-cell !important;
vertical-align: middle !important;
}
div.tour_box a div.tour_box_info_viaje{
overflow: hidden;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100%;
display: block !important;
}
div.tour_box a div.tour_box_info_viaje h3{
color: #785D56 !important;
background-color: #FFEACA !important;
text-shadow: 1px 1px #FFF !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 5px !important;
display: block !important;
width: 100% !important;
height: 32px !important;
line-height: 32px !important;
font-size: 16px !important;
text-align: center !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
font-weight: 500 !important;
}
div.tour_box a div.tour_box_extracto{
overflow: hidden;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 10px 0px !important;
width: 100%;
display: block !important;
border-bottom: 1px dotted #333;
}
div.tour_box a div.tour_box_extracto p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
line-height: 1.3 !important;
text-align: justify !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
color: #222 !important;
font-size: 15px !important;
text-shadow: 1px 1px #FFF !important;
font-weight: 400 !important;
}
div.tour_box a div.tour_box_pie{
overflow: hidden;
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100%;
display: block !important;
}
div.tour_box div.tour_box_pie div.tour_box_costo{
margin: 0px !important;
padding: 0px !important;
height: 30px !important;
line-height: 30px !important;
}
div.tour_box div.tour_box_pie div.tour_box_costo em, div.tour_box div.tour_box_pie div.tour_box_costo small{
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-weight: 400 !important;
font-style: normal !important;
color: #BE4C54 !important;
font-size: 16px !important;
text-shadow: 1px 1px #FFF !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
}
div.tour_box div.tour_box_pie div.tour_box_costo strong{
margin: 0px 2px 0px 0px !important;
padding: 0px !important;
font-weight: 500 !important;
font-style: normal !important;
color: #BE4C54 !important;
font-size: 24px !important;
text-shadow: 1px 1px #FFF !important;
}
div.tour_box div.tour_box_pie a {
margin: 0px!important;
padding: 0px 20px !important;
font-weight: 500 !important;
font-size: 15px !important;
background-color: #BE4C54 !important;
height: 30px !important;
line-height: 30px !important;
text-align: center !important;
color: #FFF4E3 !important;
box-shadow: none !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
text-transform: uppercase !important;
font-weight: 400 !important;
text-shadow: 1px 1px #785D56 !important;
}
div.tour_box div.tour_box_pie a:hover {
background-color: #A08D88 !important;
}
div.tour_box div.tour_box_pie a:hover > div.tour_box a div.tour_box_imagen > img:hover{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
filter: url(filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(0.8);
}
/*******************************************************************
BLOG carousel
*******************************************************************/
.contenedor_carousel_post{
margin: 0px !important;
padding: 0px !important;
}
.contenedor_carousel_post .owl-nav{
margin: 20px 0px 0px 0px !important;
padding: 0px !important;
}
.contenedor_carousel_post .owl-nav button{
background-color: #604A44 !important;
color: #E8E4DD !important;
padding: 0px !important;
margin: 0px 5px !important;
width: 30px !important;
height: 30px !important;
outline: none !important;
}
.contenedor_carousel_post .owl-nav button:hover{
background-color: #A63C44 !important;
color: #C6B299 !important;
}
.box_post_carousel{
margin: 0px !important;
padding: 10px 10px 10px 10px !important;
background: #FFF4E3 !important;
display: block !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
.box_post_carousel:hover{
background: #D3CDBD !important;
}
.box_post_carousel h3{
margin: 0px 0px 5px 0px !important;
padding: 0px !important;
}
.box_post_carousel h3 a{
margin: 0px !important;
padding: 0px 10px 0px 10px !important;
font-size: 25px !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
text-align: justify !important;
text-transform: uppercase !important;
display: block !important;
text-align: center !important;
font-weight: 500 !important;
color: #BE4C54 !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
.box_post_carousel h3 a:hover{
color: #493831 !important;
}
.box_post_carousel p{
margin: 0px !important;
padding: 0px 0px 0px 0px !important;
font-size: 16px !important;
line-height: 1.4 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
text-align: justify !important;
color: #444 !important;
}
.box_post_carousel .box_post_image{
margin: 0px 0px 15px 0px !important;
padding: 0px !important;
height: auto !important;
}
.box_post_carousel .box_post_image .box_post_image_info_post{
position: absolute !important;
margin: 0px !important;
padding: 0px 5px 5px 5px !important;
background: rgba(73,56,49,0.7) !important;
width: 50px !important;
text-align: center !important;
}
.box_post_carousel .box_post_image .box_post_image_info_post span.dia{
margin: 0px !important;
padding: 0px !important;
color: #E6D5C1 !important;
font-size: 30px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
display: block !important;
font-weight: 700 !important;
}
.box_post_carousel .box_post_image .box_post_image_info_post span.mes{
margin: -10px 0px 0px 0px !important;
padding: 0px !important;
color: #E6D5C1 !important;
font-size: 20px !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
display: block !important;
font-weight: 500 !important;
}
.box_post_carousel .owl-nav button{
margin: 0px;
padding: 0px;
background: #000 !important;
color: #FFF !important;
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
text-align: center !important;
}
/*******************************************************************
Recomendaciones carousel
*******************************************************************/
.contenedor_carousel_recomendaciones{
margin: 0px !important;
padding: 0px !important;
}
.contenedor_carousel_recomendaciones .owl-dots{
margin: 20px 0px 0px 0px !important;
padding: 0px !important;
}
.box_recomendacion_carousel{
margin: 0px !important;
padding: 0px 0px 0px 0px !important;
background: none !important;
display: block !important;
}
.box_recomendacion_carousel a img{
margin: 0px !important;
padding: 0px !important;
border: 3px solid #F3F1EE !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
}
.box_recomendacion_carousel a img:hover{
margin: 0px !important;
padding: 0px !important;
border: 3px solid #785D56 !important;
}
/*******************************************************************
Recomendaciones carousel
*******************************************************************/
.contenedor_carousel_premios{
margin: 0px !important;
padding: 0px !important;
}
.box_premios_carousel{
margin: 0px !important;
padding: 0px 0px 0px 0px !important;
background: none !important;
display: block !important;
}
.box_premios_carousel a img{
margin: 0px !important;
padding: 0px !important;
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
filter: alpha(opacity=60) !important;
opacity: 0.6 !important;
}
.box_premios_carousel a img:hover{
margin: 0px !important;
padding: 0px !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
/*******************************************************************
Seccion de contenidos
*******************************************************************/
.contenidos{
margin: 70px 0px 0px 0px !important;
padding: 0px !important;
border: none !important;
}
.contenidos p{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: justify !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
font-size: 16px !important;
color: #444 !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
.contenidos p:last-child{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.contenidos p strong, .contenidos ul li strong, .contenidos ol li strong{
font-weight: 500 !important;
}
.contenidos p a, .contenidos ul li a, .contenidos ol li a{
-webkit-transition: all 0.4s ease-in-out !important;
-moz-transition: all 0.4s ease-in-out !important;
-o-transition: all 0.4s ease-in-out !important;
-ms-transition: all 0.4s ease-in-out !important;
transition: all 0.4s ease-in-out !important;
color: #8F343A !important;
text-decoration: none !important;
}
.contenidos p a:hover, .contenidos ul li a:hover, .contenidos ol li a:hover{
color: #444 !important;
}
.contenidos h2, .contenidos h3, .contenidos h4, .contenidos h5, .contenidos h6{
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-weight: 500 !important;
}
.contenidos h3{
font-size: 30px !important;
color: #BE4C54 !important;
}
.contenidos h4{
font-size: 22px !important;
color: #BE4C54 !important;
}
.contenidos ul, .contenidos ol{
margin-left: 0px !important;
padding: 0px 0px 0px auto !important;
}
.contenidos ul li, .contenidos ol li{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: justify !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
font-size: 16px !important;
color: #444 !important;
line-height: 1.5 !important;
font-weight: 400 !important;
}
/*******************************************************************
lista de precios
*******************************************************************/
.lista_fechas {
margin: 0px !important;
padding: 0px !important;
}
.lista_fechas ul {
margin: 0px !important;
padding: 0px !important;
list-style: none !important;
}
.lista_fechas ul li{
display: block !important;
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
list-style: none !important;
background-color: #FFF4E3 !important;
border-bottom: 1px solid #E1E1E1 !important;
}
.lista_fechas ul li button{
display: block !important;
width: 100% !important;
margin: 0px !important;
padding: 0px 20px !important;
background-color: #FFF !important;
border: none !important;
outline: none !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
color: #785D56 !important;
line-height: 50px !important;
height: 50px !important;
cursor: pointer !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.lista_fechas ul li button:hover{
background-color: #EFECE7 !important;
}
.lista_fechas ul li button .box_fecha{
margin: 0px !important;
padding: 0px !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
}
.infoFechaInOut{
margin: 0px !important;
padding: 0px !important;
width: 30% !important;
display: block !important;
text-align: left !important;
}
.infoFechaInOut .contenedor{
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
font-size: 20px !important;
}
.infoFechaInOut .contenedor .fechaIn{
margin: 0px !important;
padding: 0px !important;
width: 40% !important;
font-weight: 500 !important;
}
.infoFechaInOut .contenedor .icon{
margin: 0px 20px !important;
font-size: 30px !important;
color: #A63C44 !important;
width: 5% !important;
text-align: center !important;
}
.infoFechaInOut .contenedor .icon i{
font-size: 30px !important;
color: #A63C44 !important;
}
.infoFechaInOut .contenedor .fechaOut{
margin: 0px !important;
padding: 0px !important;
width: 40% !important;
}
.infoEspacios{
margin: 0px !important;
padding: 0px !important;
width: 10% !important;
display: block !important;
text-align: center !important;
color: #333 !important;
}
.lista_fechas .infoEstado{
margin: 0px !important;
padding: 0px !important;
width: 5% !important;
display: block !important;
text-align: center !important;
color: #FFF !important;
}
.lista_fechas .infoCosto{
margin: 0px !important;
padding: 0px !important;
width: 10% !important;
display: block !important;
font-size: 20px !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-weight: 700 !important;
text-align: right !important;
}
.push {
margin-left: auto;
}
.infoVerMas{
margin: 10px 0px !important;
background-color: #BE4C54 !important;
padding: 0px 20px !important;
color: #FFF !important;
height: 30px !important;
line-height: 30px !important;
font-size: 15px !important;
-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;
}
.box_lista_precios{
margin: 0px 0px 0px 0px !important;
padding: 30px 30px 0px 30px !important;
overflow: hidden !important;
background: #E6E1DA !important;
}
.box_lista_precios .box_precios_fecha{
position: relative !important;
background-color: #E6D5C1 !important;
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
overflow: hidden !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.box_lista_precios .box_precios_fecha:hover{
background-color: #C6B299 !important;
}
.box_lista_precios .box_precios_fecha h3{
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-size: 25px !important;
background: #785D56 !important;
color: #FFF4E3 !important;
margin: 0px 0px 0px 0px !important;
padding: 3px 15px 0px 15px !important;
overflow: hidden !important;
font-weight: 500 !important;
height: 50px !important;
line-height: 50px !important;
text-transform: uppercase !important;
}
.box_lista_precios .box_precios_fecha .info_promocion{
position: absolute !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
right: 10px !important;
top: 0px !important;
width: 60px !important;
background: #BE4C54 !important;
color: #FFF4E3 !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
-moz-border-radius-bottomright: 5px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.box_lista_precios .box_precios_fecha .info_promocion strong{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
font-size: 30px !important;
text-align: center !important;
font-weight: 500 !important;
width: 100% !important;
}
.box_lista_precios .box_precios_fecha .info_promocion small{
margin: -10px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
text-align: center !important;
font-weight: 400 !important;
font-size: 13px !important;
letter-spacing: 2px !important;
width: 100% !important;
}
.box_lista_precios .box_precios_fecha table{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
border-collapse: collapse !important;
border: none !important;
}
.box_lista_precios .box_precios_fecha table thead tr, .box_lista_precios .box_precios_fecha table tbody tr{
border: 0 !important;
}
.box_lista_precios .box_precios_fecha table thead, .box_lista_precios .box_precios_fecha table tbody{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
border: none !important;
}
.box_lista_precios .box_precios_fecha table thead th{
margin: 0px 0px 0px 0px !important;
padding: 10px 0px 10px 0px !important;
background: #493831 !important;
color: #FFF !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
border: 1px solid #493831 !important;
}
.box_lista_precios .box_precios_fecha table tbody td{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
background: #FFF !important;
text-align: center !important;
border: 1px solid #493831 !important;
}
.box_lista_precios .box_precios_fecha table tbody td span{
margin: 5px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
color: #BE4C54 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-size: 30px !important;
font-weight: 500 !important;
}
.box_lista_precios .box_precios_fecha table tbody td button i{
margin: 0px 2px 0px 0px !important;
}
.box_lista_precios .box_precios_fecha table tbody td button{
margin: 5px auto 10px auto !important;
padding: 0px 0px 0px 0px !important;
background: #BE4C54 !important;
width: 80% !important;
height: 30px !important;
line-height: 30px !important;
color: #FFF !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
text-transform: uppercase !important;
font-size: 13px !important;
font-weight: 500 !important;
display: block !important;
text-align: center !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
cursor: pointer !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.box_lista_precios .box_precios_fecha table tbody td button:hover{
background: #333 !important;
}
.loaderInfinito{
margin: 30px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
}
.loaderInfinito button{
margin: 0px auto !important;
padding: 0px 0px 0px 0px !important;
width: 40% !important;
height: 50px !important;
line-height: 50px !important;
background-color: #BE4C54 !important;
text-align: center !important;
color: #FFF !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
cursor: pointer !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
font-size: 20px !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
.loaderInfinito button:hover{
background-color: #333 !important;
}
/*******************************************************************
Pagina de reservas
*******************************************************************/
.pagina_reservas{
margin: 0px !important;
padding: 0px !important;
}
.pagina_reservas ul.list-group{
margin: 0px !important;
padding: 0px !important;
}
.pagina_reservas ul.list-group{
margin: 0px !important;
padding: 0px !important;
}
.pagina_reservas ul.list-group li.list-group-item{
padding: 10px 10px !important;
background: rgba(255, 255, 255, 0) !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 16px !important;
color: #333 !important;
font-weight: 400 !important;
}
.pagina_reservas ul.list-group li.list-group-item strong{
font-weight: 500 !important;
}
.pagina_reservas table.dataBooking {
width: 100% !important;
background-color: #FFF !important;
border-collapse: collapse !important;
border-width: 1px !important;
border-color: #C6B299 !important;
border-style: solid !important;
color: #333 !important;
}
.pagina_reservas table.dataBooking th {
border-width: 1px !important;
border-color: #C6B299 !important;
border-style: solid !important;
padding: 10px !important;
color: #FFF !important;
font-weight: 500 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
}
.pagina_reservas table.dataBooking td {
border-width: 1px !important;
border-color: #C6B299 !important;
border-style: solid !important;
padding: 10px !important;
color: #333 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
}
.pagina_reservas table.dataBooking td strong{
font-weight: 500 !important;
color: #BE4C54 !important;
}
.pagina_reservas table.dataBooking thead {
background-color: #333;
}
.pagina_reservas .alert{
margin: 0px 0px 20px 0px !important;
padding: 15px 15px 15px 15px !important;
}
.pagina_reservas .alert ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
}
.pagina_reservas .alert ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: left !important;
text-shadow: 0px 0px 4px #FFF !important;
color: #333 !important;
}
.pagina_reservas .alert-danger{
background-color: #E5B7BB !important;
text-align: center !important;
color: #333 !important;
}
.pagina_reservas .alert h4{
margin: 0px 0px 3px 0px !important;
padding: 0px 0px 0px 0px !important;
font-weight: 500 !important;
text-shadow: 0px 0px 4px #FFF !important;
font-size: 22px !important;
text-transform: uppercase !important;
}
.pagina_reservas .alert p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-weight: 400 !important;
text-shadow: 0px 0px 4px #FFF !important;
font-size: 16px !important;
}
.pagina_reservas .alert p strong{
font-weight: 500 !important;
}
.pagina_reservas form{
margin: 0px !important;
padding: 0px !important;
}
.pagina_reservas form label.form-label{
margin: 0px !important;
padding: 0px !important;
color: #493831 !important;
font-weight: 500 !important;
cursor: default !important;
}
.pagina_reservas form input, .pagina_reservas form select, .pagina_reservas form textarea{
border: 2px solid #937168 !important;
color: #333 !important;
box-shadow: none !important;
outline: none !important;
}
.pagina_reservas form textarea{
font-size: 15px !important;
}
.pagina_reservas form span.infoEdad{
border: 2px solid #937168 !important;
text-align: center !important;
color: #333 !important;
box-shadow: none !important;
outline: none !important;
height: 40px !important;
line-height: 40px !important;
display: block !important;
background: #FFF !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.pagina_reservas form input:focus, .pagina_reservas form select:focus, .pagina_reservas form textarea:focus, .pagina_reservas form input:hover, .pagina_reservas form select:hover, .pagina_reservas form textarea:hover{
border: 2px solid #0B827C !important;
}
.pagina_reservas .listaServicios{
margin: 10px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.pagina_reservas .listaServicios ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
width: 100% !important;
}
.pagina_reservas .listaServicios ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
border: none !important;
overflow: hidden !important;
}
.pagina_reservas .listaServicios ul li label{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
overflow: hidden !important;
}
.pagina_reservas .listaServicios table.dataServicios {
width: 100%;
background-color: #FFFFFF;
border-collapse: collapse;
border-width: 1px;
border-color: #C6B299;
border-style: solid;
color: #333;
}
.pagina_reservas .listaServicios table.dataServicios td, .pagina_reservas .listaServicios table.dataServicios th {
border-width: 1px;
border-color: #C6B299;
border-style: solid;
padding: 10px;
color: #333;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
}
.pagina_reservas .listaServicios table.dataServicios td strong{
font-weight: 500 !important;
color: #BE4C54 !important;
}
.pagina_reservas .listaServicios table.dataServicios thead {
background-color: #333;
}
.pagina_reservas .listaServicios table.dataServicios tr td:nth-child(3n+1){
width: 5% !important;
text-align: center !important;
overflow: hidden !important;
}
.pagina_reservas .listaServicios table.dataServicios tr td:nth-child(3n+2){
width: 70% !important;
text-align: left !important;
overflow: hidden !important;
}
.pagina_reservas .listaServicios table.dataServicios tr td:nth-child(3n+3){
width: 25% !important;
text-align: right !important;
overflow: hidden !important;
}
/*******************************************************************
BS PANELS
*******************************************************************/
.pagina_reservas .panel{
margin: 0px 0px 30px 0px !important;
padding: 0px !important;
border: 1px solid #785D56 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.pagina_reservas .panel .panel-default{
}
.pagina_reservas .panel-heading{
margin: 0px !important;
padding: 0px 15px !important;
border-bottom: 1px solid #333 !important;
height: 45px !important;
line-height: 45px !important;
background: #785D56 !important;
color: #FFF !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.pagina_reservas .panel-heading strong{
font-weight: 500 !important;
}
.pagina_reservas .panel-heading span.cliente{
color: #E8E4DD !important;
}
.pagina_reservas .panel-body{
margin: 0px !important;
padding: 15px 15px 15px 15px !important;
background: rgba(233, 228, 221, 0.5) !important;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pagina_reservas .panel-body p{
margin: 0px !important;
padding: 0px !important;
color: #333 !important;
text-align: justify !important;
}
/*******************************************************************
SIDEBAR RESERVA
*******************************************************************/
.pagina_reservas .sidebarReserva{
margin: 0px 0px 30px 0px !important;
padding: 15px 15px 135px 15px !important;
overflow: hidden !important;
font-size: 14px !important;
color: #333 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
background: #D3CDBD url('../img/bg-sidebar.png') no-repeat center bottom !important;
}
.pagina_reservas .sidebarReserva img{
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
-moz-filter: grayscale(100%) !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
overflow: hidden !important;
}
.pagina_reservas .sidebarReserva h3{
margin: 10px 0px 15px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
text-align: center !important;
overflow: hidden !important;
font-size: 28px !important;
text-transform: uppercase !important;
color: #493831 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
font-weight: 500 !important;
}
.pagina_reservas .sidebarReserva h3 span{
margin: -2px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
font-size: 20px !important;
color: #785D56 !important;
}
.pagina_reservas .sidebarReserva ul{
margin: 0px 0px 10px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
}
.pagina_reservas .sidebarReserva ul li{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
display: block !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #333 !important;
list-style-type: none !important;
border-top: 1px dotted #785D56 !important;
height: 35px !important;
line-height: 35px !important;
}
.pagina_reservas .sidebarReserva ul li:last-child{
border-bottom: none !important;
}
.pagina_reservas .sidebarReserva ul li strong{
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-weight: 500 !important;
}
.pagina_reservas .sidebarReserva .box_sidebar_total{
margin: 0px 0px 20px 0px !important;
padding: 10px 0px 10px 0px !important;
font-size: 28px !important;
color: #A63C44 !important;
border-top: 3px solid #785D56 !important;
border-bottom: 2px solid #785D56 !important;
font-family: 'Yanone Kaffeesatz', 'Arial Narrow', sans-serif !important;
}
.pagina_reservas .sidebarReserva .box_sidebar_total strong{
font-weight: 500 !important;
}
.pagina_reservas .sidebarReserva .box_sidebar_total span{
font-weight: 400 !important;
color: #A63C44 !important;
}
.pagina_reservas .sidebarReserva .boxCupon{
margin: 0px 0px 15px 0px !important;
padding: 15px 15px 15px 15px !important;
background: rgba(120, 93, 86, 0.2) !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.pagina_reservas .sidebarReserva .boxCupon input{
margin: 0px 0px 0px 0px !important;
padding: 0px 15px !important;
border: none !important;
background: #FFF !important;
width: 100% !important;
height: 50px !important;
line-height: 50px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-weight: 700 !important;
font-size: 30px !important;
color: #BE4C54 !important;
text-align: center !important;
}
.pagina_reservas .sidebarReserva .boxCupon input::placeholder {
font-size: 30px !important;
color: #BBB !important;
}
.pagina_reservas .sidebarReserva .boxCupon button{
margin: 0px 0px 0px 0px !important;
padding: 0px 15px !important;
border: none !important;
background: #493831 !important;
width: 100% !important;
height: 50px !important;
line-height: 50px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-weight: 700 !important;
font-size: 22px !important;
color: #FFF !important;
text-align: center !important;
cursor: pointer !important;
-webkit-transition: background ease-in-out 0.5s !important;
-moz-transition: background ease-in-out 0.5s !important;
-o-transition: background ease-in-out 0.5s !important;
transition: background ease-in-out 0.5s !important;
}
.pagina_reservas .sidebarReserva .boxCupon button:hover{
background: #BE4C54 !important;
}
.pagina_reservas .sidebarReserva .infoTotales{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.pagina_reservas .sidebarReserva .infoTotales ul li.bordertopNone{
width: 100% !important;
display: block !important;
border-top: none !important;
overflow: hidden !important;
}
.pagina_reservas .sidebarReserva .infoTotales ul li.bordertop{
width: 100% !important;
display: block !important;
border-top: 2px solid #785D56 !important;
overflow: hidden !important;
}
.pagina_reservas .sidebarReserva .infoTotales ul li.borderBottom{
width: 100% !important;
display: block !important;
border-bottom: 2px solid #785D56 !important;
overflow: hidden !important;
}
.pagina_reservas .sidebarReserva .infoTotales ul li.totalCompra{
color: #493831 !important;
font-size: 20px !important;
font-weight: 500 !important;
}
.pagina_reservas .sidebarReserva .infoTotales button{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
height: 50px !important;
line-height: 50px !important;
background: #D24858 !important;
color: #FFF !important;
font-size: 25px !important;
font-weight: 500 !important;
text-align: center !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
cursor: pointer !important;
-webkit-transition: background ease-in-out 0.5s !important;
-moz-transition: background ease-in-out 0.5s !important;
-o-transition: background ease-in-out 0.5s !important;
transition: background ease-in-out 0.5s !important;
}
.pagina_reservas .sidebarReserva .infoTotales button:hover{
background: #BE4C54 !important;
}
.pagina_reservas .sidebarReserva .infoTotales button:disabled{
background: #785D56 !important;
cursor: not-allowed !important;
}
.pagina_reservas .sidebarReserva form#form_payment{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
}
.pagina_reservas .sidebarReserva form#form_payment label.form-label{
margin: 0px 0px 2px 0px !important;
padding: 0px !important;
color: #493831 !important;
font-weight: 500 !important;
cursor: default !important;
}
.pagina_reservas .sidebarReserva form#form_payment input, .pagina_reservas .sidebarReserva form#form_payment select, .pagina_reservas form textarea{
border: 2px solid #937168 !important;
color: #333 !important;
box-shadow: none !important;
outline: none !important;
}
.pagina_reservas .sidebarReserva form .list-group-item{
margin: 0px 0px -1px 0px !important;
padding: 0px 10px 0px 10px !important;
background: rgba(198, 178, 153, 0.2) !important;
font-size: 30px !important;
color: red !important;
border: 1px solid rgba(198, 178, 153, 0.5) !important;
-webkit-border-radius: none !important;
-moz-border-radius: none !important;
border-radius: none !important;
}
.pagina_reservas .sidebarReserva form .list-group-item label input{
margin: 0px 10px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.pagina_reservas .sidebarReserva form .list-group-item label .list-group-item-text{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color: #333 !important;
font-size: 16px !important;
}
.pagina_reservas .sidebarReserva form#form_payment button{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
height: 50px !important;
line-height: 50px !important;
background: #D24858 !important;
color: #FFF !important;
font-size: 25px !important;
font-weight: 500 !important;
text-align: center !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
cursor: pointer !important;
-webkit-transition: background ease-in-out 0.5s !important;
-moz-transition: background ease-in-out 0.5s !important;
-o-transition: background ease-in-out 0.5s !important;
transition: background ease-in-out 0.5s !important;
}
.pagina_reservas .sidebarReserva form#form_payment button:hover{
background: #BE4C54 !important;
}
.pagina_reservas .sidebarReserva form#form_payment button:disabled{
background: #785D56 !important;
cursor: not-allowed !important;
}
.pagina_reservas .contenedor{
margin: 0px 0px 0px 0px !important;
padding: 15px 15px 15px 15px !important;
}
.error-validacion{
margin: 0px 0px 0px 0px !important;
padding: 3px 0px 3px 0px !important;
width: 100% !important;
text-align: center !important;
background: #D24858 !important;
color: #FFF !important;
font-size: 11px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
cursor: default !important;
}
.invalido{
border: 2px solid #D24858 !important;
}
.infoPayments{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
border: 1px solid #C6B299 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.infoPayments h3{
margin: 0px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
font-weight: 500 !important;
color: #785D56 !important;
font-size: 24px !important;
}
.infoPayments p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color: #333 !important;
font-size: 16px !important;
}
.infoPayments img{
margin: 10px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.infoSoporte{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 0px 0px !important;
text-align: center !important;
font-family: 'Fira Sans Condensed', sans-serif !important;
border: 1px solid #C6B299 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.infoSoporte h3{
margin: 0px 0px 5px 0px !important;
padding: 0px 0px 0px 0px !important;
font-weight: 500 !important;
color: #785D56 !important;
font-size: 24px !important;
}
.infoSoporte p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color: #333 !important;
font-size: 16px !important;
}
.infoSoporte ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
text-align: center !important;
}
.infoSoporte ul li{
margin: 10px 10px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
display: inline-block !important;
font-size: 16px !important;
color: #333 !important;
font-weight: 400 !important;
}
.infoSoporte ul li strong{
font-weight: 500 !important;
}
.infoSoporte ul li:last-child{
margin-right: 0px !important;
}
/*******************************************************************
FORMULARIO SELECCIONAR MEDIO DE PAGO
*******************************************************************/
form#form_mp_paypal,
form#form_mp_izipay,
form#form_mp_reserva{
margin: 0px 0px 0px 0px !important;
padding: 20px 20px 20px 20px !important;
display: block !important;
background: #DDD !important;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
form#form_mp_paypal:hover,
form#form_mp_izipay:hover,
form#form_mp_reserva:hover{
background: #D3CDBD !important;
}
form#form_mp_paypal ul, form#form_mp_izipay ul, form#form_mp_reserva ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
background: none !important;
list-style-type: none !important;
}
form#form_mp_paypal ul li, form#form_mp_izipay ul li, form#form_mp_reserva ul li{
margin: 0px 0px 0px 0px !important;
padding: 10px 5px 10px 5px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 18px !important;
background: none !important;
text-align: inherit !important;
border-top: none !important;
border-bottom: 1px solid #A08D88 !important;
border-left: none !important;
border-right: none !important;
}
form#form_mp_paypal ul li strong, form#form_mp_izipay ul li strong, form#form_mp_reserva ul li strong{
font-weight: 500 !important;
color: #493831 !important;
}
form#form_mp_paypal ul li:last-child, form#form_mp_izipay ul li:last-child, form#form_mp_reserva ul li:last-child{
margin: 0px 0px 10px 0px !important;
border-bottom: none !important;
}
form#form_mp_paypal select.form-control,
form#form_mp_izipay select.form-control,
form#form_mp_reserva select.form-control{
margin: 0px 0px 10px 0px !important;
padding: 0px 15px !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 16px !important;
display: block !important;
color: #333 !important;
width: 100% !important;
height: 46px !important;
line-height: 46px !important;
border: 2px solid #BEB69E !important;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
-webkit-appearance: none;
-moz-appearance: none;
outline: none !important;
box-shadow: none !important;
font-weight: 400 !important;
cursor: pointer !important;
}
form#form_mp_paypal select:hover.form-control,
form#form_mp_izipay select:hover.form-control,
form#form_mp_reserva select:hover.form-control{
border:2px solid #8F343A !important;
}
form#form_mp_paypal button,
form#form_mp_izipay button,
form#form_mp_reserva button{
margin: 0px auto !important;
padding: 0px !important;
display: block !important;
width: 100% !important;
height:46px !important;
line-height:46px !important;
text-align: center !important;
background: #2C2E2F !important;
color: #FFF !important;
font-size: 16px !important;
text-transform: uppercase !important;
cursor: pointer !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .5s ease !important;
-moz-transition: all .5s ease !important;
-ms-transition: all .5s ease !important;
-o-transition: all .5s ease !important;
transition: all .5s ease !important;
}
form#form_mp_paypal button:hover,
form#form_mp_izipay button:hover,
form#form_mp_reserva button:hover{
background: #565859 !important;
}
#lista_pasajeros{
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#lista_pasajeros table{
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
}
#lista_pasajeros table thead, #lista_pasajeros table thead tr{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#lista_pasajeros table thead tr th{
margin: 0px 0px 0px 0px !important;
padding: 0px 10px 0px 10px !important;
background: #785D56 !important;
color: #FFF !important;
line-height: 45px !important;
font-weight: 500 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
text-align: left !important;
text-transform: uppercase !important;
border: 1px solid #785D56;border: 1px solid #785D56;
}
#lista_pasajeros table tbody tr td{
margin: 0px 0px 0px 0px !important;
padding: 0px 10px 0px 10px !important;
background: #FFF !important;
color: #333 !important;
line-height: 40px !important;
font-weight: 500 !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
text-align: left !important;
text-transform: uppercase !important;
border: 1px solid #785D56;
}
#lista_pasajeros .text-center{
text-align: center !important;
}
#lista_pasajeros .text-left{
text-align: left !important;
}
#lista_pasajeros .text-right{
text-align: right !important;
}
#lista_pasajeros ul{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
list-style-type: none !important;
}
#lista_pasajeros ul li{
margin: 0px 0px 0px 0px !important;
padding: 10px 10px 10px 10px !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-weight: 400 !important;
border-left: 1px solid #A08D88 !important;
border-right: 1px solid #A08D88 !important;
border-top: 1px solid #A08D88 !important;
border-bottom: none !important;
color: #493831 !important;
font-size: 16px !important;
text-transform: uppercase !important;
}
#lista_pasajeros ul li:last-child{
border-bottom: 1px solid #A08D88 !important;
}
#lista_pasajeros ul li strong{
font-weight: 500 !important;
}
#lista_pasajeros ul li span.badge{
font-weight: 500 !important;
background: #BE4C54 !important;
color: #FFF !important;
padding: 5px 15px !important;
}
#lista_pasajeros ul li.info_total_pagar{
font-weight: 500 !important;
background: #DEA5A9 !important;
color: #8F343A !important;
}
.alert-mp-danger{
margin: 0px 0px 0px 0px !important;
padding: 10px 10px 10px 10px !important;
background: rgba(206, 27, 40, 0.4) !important;
color: #FFF !important;
text-align: center !important;
font-family: 'Fira Sans Extra Condensed', sans-serif !important;
font-size: 15px !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
text-shadow: 1px 1px #333 !important;
}
/* OVERLAY PROCESS */
.position-relative{
position: relative !important;
}
#overlay-loader {
background-image: url('../img/loader.svg') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(255,255,255,0.6) !important;
color: #FFF !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 999999 !important;
}
#overlay-procesos {
background-image: url('../img/process.svg') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(255,255,255,0.6) !important;
color: #FFF !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 999999 !important;
}
#overlay-forms{
position: absolute !important;
background-image: url('../img/loader.svg') !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: rgba(255,255,255,0.8) !important;
color: #FFF !important;
position: absolute !important;
height: 100% !important;
width: 100% !important;
z-index: 9999999 !important;
top: 0 !important;
left: 0 !important;
}
/*******************************************************************
DATEPICKER
*******************************************************************/
.datepicker {
border-radius: 0 !important;
padding: 0 !important;
font-family: 'PT Sans Narrow', sans-serif !important;
}
.datepicker table{
background: #FFF4E3 !important;
}
.datepicker-days table thead, .datepicker-days table tbody {
padding: 10px !important;
display: list-item !important;
background: #FFF4E3 !important;
}
.datepicker-days table tfoot{
display: none !important;
overflow: hidden !important;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
background: #785D56 !important;
color: #ffffff !important;
border-radius: 0 !important;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
border-radius: 3px !important;
background: #785D56 !important;
text-transform: uppercase !important;
}
.datepicker-days table thead tr th{
text-transform: uppercase !important;
}
.datepicker-days table thead tr:nth-child(3n+0) {
text-transform: uppercase !important;
font-weight: 300 !important !important;
font-size: 12px !important;
color: rgba(255, 255, 255, 0.7) !important;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
padding: 11px 13px !important;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
border-radius: 0 !important;
}
.datepicker td, .datepicker th {
border-radius: 50% !important;
padding: 0 12px !important;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
background: #785D56 !important;
color: #ffffff !important;
border-radius: 0 !important;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
background-image: none !important;
}
.datepicker .prev, .datepicker .next {
color: #FFF !important;
transition: 0.3s !important;
width: 37px !important;
height: 37px !important;
background: #785D56 !important;
}
.datepicker .prev:hover, .datepicker .next:hover {
background: transparent !important;
color: #FFDC73 !important;
font-size: 21px !important;
}
.datepicker .datepicker-switch {
font-size: 24px !important;
font-weight: 400 !important;
transition: 0.3s !important;
background: #785D56 !important;
}
.datepicker .datepicker-switch:hover {
color: #FFDC73 !important;
background: #493831 !important;
}
.datepicker table tr td span {
border-radius: 5px !important;
margin: 3% !important;
width: 27% !important;
background: #E6D5C1 !important;
color: #785D56 !important;
text-transform: uppercase !important;
}
.datepicker-months table.table-condensed > tbody > tr > td .disabled, .datepicker-months table.table-condensed > tbody > tr > td .disabled:hover{
background: #FFF4E3 !important;
}
.datepicker-months table.table-condensed > tbody > tr > td .month:hover{
background: #BE4C54 !important;
color: #FFF !important;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
background-image: none !important;
}
.dropdown-menu {
border: 1px solid #785D56 !important;
box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
.datepicker-dropdown.datepicker-orient-top:before {
border-top: 7px solid rgba(0,0,0,.1) !important;
}
/*******************************************************************
RECLAMACIONES
*******************************************************************/
.relamacion{
margin: 20px 0px 30px 0px !important;
padding: 0px !important;
}
.relamacion .panel{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
border: 1px solid #493831 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
.relamacion .panel-heading{
font-family: 'PT Sans Narrow', sans-serif !important;
margin: 0px 0px 0px 0px !important;
padding: 10px 20px 10px 20px !important;
background: #493831 !important;
font-weight: 700 !important;
color: #FFF !important;
font-size: 22px !important;
}
.relamacion .panel-body{
margin: 0px 0px 0px 0px !important;
padding: 20px 20px 20px 20px !important;
}
.relamacion form .reclamacion-label{
font-family: 'PT Sans Narrow', sans-serif !important;
margin: 0px 0px 3px 0px !important;
padding: 0px 0px 0px 0px;
font-weight: 700 !important;
color: #8F343A !important;
font-size: 14px !important;
}
.relamacion form input.form-control, .relamacion form select.form-control, .relamacion form textarea.form-control{
margin: 0px 0px 3px 0px !important;
border: 2px solid #785D56 !important;
color: #333 !important;
background-color: #FFF !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
outline: none !important;
box-shadow: none !important;
}
.relamacion form .form-control:hover, .relamacion form .form-control:focus{
border: 2px solid #493831 !important;
}
.relamacion form input[type="number"]:disabled {
background: #eee !important;
}
.relamacion form label.error{
font-size: 13px !important;
display: block !important;
color: #BE4C54 !important;
text-transform: none !important;
}
.relamacion form input.valido, .relamacion form select.valido, .relamacion form textarea.valido{
border: 2px solid #785D56 !important;
}
.relamacion form input.invalido, .relamacion form select.invalido, .relamacion form textarea.invalido{
border: 2px solid #BE4C54 !important;
}
.relamacion button.btn{
background: #BE4C54 !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #FFF !important;
padding-left: 100px !important;
padding-right: 100px !important;
font-size: 20px !important;
font-weight: 500 !important;
}
.relamacion button:hover.btn{
background: #8F343A !important;
}
.video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.video iframe, .video object, .video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}