/*------------ Art2Fly CHECK IN  | www.art2fly.com | Copyright 2023 ------------*/
/*------------ Estilos Generales ------------*/
 
/*-------------------------------------------------------------------------------
                            Fonts
---------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:600,700&display=swap');
 
/*-------------------------------------------------------------------------------
                             Estilos generales
---------------------------------------------------------------------------------*/
* {margin:0; padding:0; text-decoration:none; list-style:none; outline:none; }
html, body {width:100%;height:100%;font: 500 15px/20px 'Open Sans', sans-serif;color: #444;background-color: #f2f2f2;min-width: 400px;}
#header {width: 100%;height: 200px;background: transparent;z-index: 2;position: relative;}
.content {position:relative;min-width:320px;}
.content {max-width: 1200px;margin: 0 auto;padding: 0;position:relative;min-width: 300px;height: auto;}
a img {border:none; }
.clear {clear:both; height:0;}
.left-align {text-align:left;}
.right-align {text-align:right;}
.center-align {text-align:center;}
.top-align {vertical-align: top;}
.bold {font-weight:700;}
.normal {font-weight:normal;}
.light {font-weight:100;}
.small, small {font-size: .85em;}
.tarjado {text-decoration: line-through;}
.oculto {display: none;}
.color-negativo {background-color: #555; color:#fafafa; padding: 0 2px; font-size: .98em;}
.it {font-style:italic;}
sup {font-size: .7em;}
.mantener-en-linea {white-space: nowrap;}

/*-------------------------------------------------------------------------------
                             Logo
---------------------------------------------------------------------------------*/
header h1 {width: 100%;text-align: center;color: white;font: 600 1.2em/2.5 'open sans',helvertica,arial,sans-serif;text-transform: uppercase;letter-spacing: 1px;margin-top: 5px;text-shadow: #0000003b 0 0 10px;}
#logo {height: auto;width: 100%;margin: 0;text-align: center;padding: 15px 0;background: #183654;position: absolute;bottom: 0px;}
#logo a {width: auto;margin: 0;padding: 10px;border-bottom: 1px solid #dedede;display: inline-block;}
 
/*-------------------------------------------------------------------------------
                             Main
---------------------------------------------------------------------------------*/
main {letter-spacing:0.4px;position: relative;padding: 40px 30px;min-height: 300px;}
main h2 {font: 300 1.52em/1.5 'Open sans',arial,sans-serif;text-transform:uppercase;position:relative;margin: 0px 1px 10px 0;border-bottom: 1px solid #888;}
main h3 {font: 600 1em/1.4em 'Open sans',arial,sans-serif;margin: 10px 0 5px 0;text-transform: uppercase;}
main h4 {font: 700 .85em/1.5em 'Open sans', sans-serif;letter-spacing:0.25px;text-transform:uppercase;margin: 10px 20px 5px 0px;color: #525252;border-bottom: 1px solid #999;}
main h5 {font: 700 .9em/1.1em 'Open Sans', sans-serif;letter-spacing:0.25px; text-decoration:underline; }

main p {margin:5px 0 20px 0;letter-spacing:0;font-size: 1em;}
main p a, main ul a {font-weight: bold;text-decoration: underline;color: #333;}
main p a:hover, .hover main ul a:hover {color: #666;}

main ul {margin-bottom:30px; list-style-position: outside; margin-left: 20px;}
main ul li {list-style-type: disc;}
main ul ul {margin-left:18px; }

main hr {margin-bottom: 20px;border: none;border-bottom: 1px dashed #aaa;}

main table {width:100%;margin:0 0 25px 0;background: white;border-spacing: 0;overflow:hidden;position:relative;text-align: center;font: 500 1em/1.3 'Open Sans', sans-serif;}
main table td {padding: 10px 20px;border: 1px solid #dadada;}
main table th {padding: 10px 20px;background: #E7E7E3;position:relative;border: 1px solid #cacaca;font: 700 0.9em/1.2 'Open sans',arial,sans-serif; color: #555;letter-spacing: .8px;}
main table th .small {text-transform: none;font: 600 .95em/1.3 'Open sans',arial,sans-serif;display: block;letter-spacing: normal;}
 
/*-------------------------------------------------------------------------------
                             Estructura
---------------------------------------------------------------------------------*/
aside {width: calc(100% - 394px);float:right;}
.derecha {width: 100%;position:relative;}
.left {align-content: space-between;width: 364px;float:left;box-sizing: border-box;}
#content {margin: 0;position: relative;}


/*-------------------------------------------------------------------------------
                             Botones
---------------------------------------------------------------------------------*/
#content a.button {color:#fff;padding: 0 50px;}
.button, form button, input.button  {border: 1px solid #cacaca;font: normal 1.1em/1em 'Open Sans', sans-serif;padding: 20px 0;text-align:center;text-transform:uppercase;display:inline-block;border-radius: 3px;overflow:hidden;background-color: #d6d6c9;width: 100%;letter-spacing: 2px;color: #706c62;margin: 15px 0;text-decoration: none;}
.button span, form button span {position:relative; display:inline-block; }
.button span:before, form button span:before {position:absolute; top:100%; content:attr(data-hover);font: 600 10px/40px 'Open Sans', sans-serif;cursor:pointer;color:#fff;width: 100%;padding: 0 20px;border: none;text-align: center;}
.button:hover, form button:hover, input.button:hover {background: #acac9b;color: white;}
.button:hover span, form button:hover span {transform:translateY(-100%); -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); }
.button:active, form button:active, input.button:active {background: #f5f5f0;border: 1px solid #acac9b;color: #918c7f;}
.button:disabled, form button:disabled,input.button:disabled, input.button:disabled:hover {cursor:initial;background: #f2f0f0!important;color: #bab9b8;font-weight: normal;}
input.button[type="submit"] {height: 60px;cursor: pointer;}

.alert {padding:20px; line-height:20px; text-align:left; }
.alert i {font-size:25px; float:left; margin:-2px 15px 0 0; }
.alert.success {background:#E9F7E0; border-color:#CAE4C7; }
.alert.success i {color:#4A8E53; }
.alert.error {background:#FDECEB; }
.alert.error i {color:#A3505A; }
.alert.validate {background:#FFFADC; }
.alert.validate i {color:#C6AE4F; }
 
/*-------------------------------------------------------------------------------
                             Estilos de otros elementos
---------------------------------------------------------------------------------*/
label {display: inline-block;font-size: .9em;width: calc(100% - 50px);}
input {border: 1px solid #ddd;box-sizing: border-box;border-radius: 0;display: inline-block;padding: 2px 10px;vertical-align: middle;width: calc(100% - 20px);max-width: 300px;font-family: Arial,Helvetica;color: #333;margin:0;font-size:100%;height: 34px;}
input[type="checkbox"] {display: inline-block;width: auto;height: 32px;}
select {border: 1px solid #dddddd;border-radius: 0;display: inline-block;font-family: Arial,Helvetica;margin-bottom: 0.25em;margin-top:2px;padding: 0.15em 0.35em;vertical-align: middle;width: auto;font-size:100%;height: 30px;}
textarea {border: 1px solid #dddddd;border-radius: 0;display: inline-block;font-family: Arial,Helvetica;margin-bottom: 0.25em;margin-top:2px;padding: 0.15em 0.35em;vertical-align: middle;width: auto;font-size:100%;height: 30px;}
option {padding:0.15em 0.35em;}
  
 

 
/*-------------------------------------------------------------------------------
							 Login Check-in
---------------------------------------------------------------------------------*/
#login h2 {max-width: 500px;width: 90%;margin: 10px auto;/* text-align: center; *//* border: none; */}
#login table {max-width: 500px;width: 90%;margin: 0 auto;background: white;border: 1px solid #ccc;text-align: center;font-size: .9em;clear: both;}
#login table td {padding: 5px 10px;border: none;}
#login table tr:first-child td {padding: 20px 10px 20px 10px;}
#login table tr:last-child td {padding: 20px 20px 50px 20px;}
#login table td.etiqueta {font-size: 1.1em;text-align: right;width: 140px;line-height: 1.2;}
#login table td.dato { text-align: left;}
#login table td.dato input {height: 30px;border-radius: 2px;padding-left: 10px;}
#login table td.submit  {text-align: left;}
#login table td.submit button {width: 100%;max-width: calc(100% - 85px);font-size: 1em;margin: 0px auto;cursor: pointer;padding: 15px 0;display: block;max-width: 250px;}
.error {font-weight: 600;margin: 0 auto;width: 100%;display: block;line-height: 2;color: #fb9600;}
#info-login {max-width: 470px;width: 90%;margin: 20px auto;font-size: .9em;color: #666;text-align: center;}
a.language {display: inline-block;width: 70px;font-size: .85em;text-decoration: underline;text-align: center;}

/*-------------------------------------------------------------------------------
							 Completar datos pasajeros
---------------------------------------------------------------------------------*/
#contacto {float: right;width: 46%;max-width: 472px;}
#contacto table {width: 100%;text-align: left;font-size: .9em;}
#contacto table th {padding: 8px 20px;text-transform: uppercase;border: none;background: #fd7e2d;color: white;font-size: 1em;line-height: normal;}
#contacto table td {padding: 8px 20px;background: rgb(225 223 220);border: 2px solid #f2f2f2;}
#reserva {float: left;width: 50%;max-width: 472px;}
#reserva table {width: 100%;text-align: left;font-size: .9em;}
#reserva table th {padding: 8px 20px;text-transform: uppercase;border: none;background: #fd7e2d;color: white;font-size: 1em;line-height: normal;}
#reserva table td {padding: 8px 20px;background: rgb(225 223 220);border: 2px solid #f2f2f2;}

table.datos-checkin {width: 100%;text-align: left;font-size: .9em;background: white;border: 1px solid #ccc;margin-bottom: 30px;}
table.datos-checkin td {border: none;padding: 10px;vertical-align: top;}
table.datos-checkin td label {width: 110px;height: 16px;font-weight: 600;line-height: 1;font-size: 0.88em;text-align: right;float: left;padding: 10px 5px 5px 0;border-right: 2px solid white;background: #b0aeaa;color: white;}
table.datos-checkin td input {margin: 0;float: left;height: 32px;max-width: calc(100% - 120px);background: #e1dfdc;font-family: 'open sans',helvetica,arial,sans-serif;}
table.datos-checkin td select {height: 30px;margin: 0;border: none;border-right: 1px solid #b0afad;background: #ecebe9;width: 50%;}
.seccion-form {clear: left;background: #e1dfdc;border-bottom: 2px solid white;}
.seccion-form:last-child {border-bottom:none;}
table.datos-checkin td label.pais {padding: 3px 5px 12px 0;}
table.datos-checkin td label.adjuntar-doc {height: 55px;padding: 10px 5px 0 0;}
table.datos-checkin td label.adjuntar-doc + input {padding: 20px 5px 0 10px;height: auto;min-height: 66px;}
table.datos-checkin td label.rut {/* height: 25px; */padding: 5px 5px 10px 0;}

table.datos-checkin + h3 {padding-top:30px;border-top:1px solid #ccc;}
div.datos-checkin {border: 1px solid #ccc;background: white;padding: 15px 30px 30px 30px;column-count: 3;column-gap: 50px;margin: 5px 0 40px 0;width: calc(100% - 60px);}
div.datos-checkin .datos.requerido  {width: 100%;max-width: 380px;margin-bottom: 10px;}
div.datos-checkin label {width: 100%;font-weight: normal;color: grey;font-size: .79em;}
div.datos-checkin input {height: 30px;width: calc(100% - 1.7em);max-width: 340px;border-radius: 3px;border-color: #e6e4e4;background: #f8f8f8;padding-left: 1em;}
div.datos-checkin select {height: 39px;border-radius: 3px;border-color: #e6e4e4;background: #f8f8f8;width: calc(100% - 0.35em);max-width: 360px;margin-top: 0;padding-left: 0.7em;}
div.datos-checkin select.title {max-width: 100px;}
div.datos-checkin input[type="file"] {height: 40px;padding-top: 15px;}

.modal-webcheckin {display: none; position: fixed;z-index: 1000;top: 0;left: 0;height: 100%;width: 100%;background: rgba(110, 105, 100, 0.5)  url(/images/ajax-loader.gif)  50% 50%  no-repeat;box-shadow: #9c9797 2px 2px 12px;}
.modal-webcheckin p {position: absolute;top: 53%;width: 600px;margin-left: calc(50% - 320px);padding: 20px;text-align: center;color: white;font-size: 1.4em;background: #898079;}
body.loading-webcheckin .modal-webcheckin {overflow: hidden;}
body.loading-webcheckin .modal-webcheckin {display: block;}

#texto-declaracion li {list-style: decimal;margin-bottom: 5px;font-size: .9em;margin-left: 15px;}
#texto-declaracion {background-color: #e1dfdb;padding: 20px;border: 5px solid #7a6e6552;}
table.firmantes {margin:20px 0}
table.firmantes th {background: #c1bbb5;color: white;font-size: .9em;text-align: left;letter-spacing: normal;font-weight: 600;border: 2px solid white;border-top: none;border-left: none;}
table.firmantes td {font-size: .9em;text-align: left;background: #e1dfdb;border: 2px solid white;border-left: none;}
table.firmantes td:last-child, table.firmantes th:last-child {text-align: center;border-right: none;}
input#id_checkbox_garantia {height: auto;vertical-align: text-top;display: inline-block;}
input#id_checkbox_garantia + label {font-family: 'open sans';font-size: 15px;font-weight: normal;line-height: 1.2;display: inline-block;margin-left: 10px;background-color:#fc7e2f40;padding:3px 6px;}
input#id_checkbox_garantia:checked + label {background-color:transparent;}
div#leer-tyc {margin: 5px 33px 15px 33px;font-style: italic;}
div#leer-tyc a {font-family: 'open sans';font-size: 15px;font-weight: normal;}

/*-------------------------------------------------------------------------------
							 Completar datos adicionales
---------------------------------------------------------------------------------*/
table.datos-covid {width: 100%;text-align: left;font-size: .9em;background: white;border: none;margin-bottom: 40px;}
table.datos-covid td {padding: 0;vertical-align: top;background: #e1dfdc;border: 2px solid white;}
table.datos-covid th {font-weight: 600;line-height: 1;letter-spacing: 0.4px;padding: 10px 5px 10px 10px;border-right: 2px solid white;background: #b0aeaa;color: white;}
table.datos-covid th:last-child {border:none;}
table.datos-covid th.pax {min-width: 120px;}
table.datos-covid th.entrada {min-width: 90px;}
table.datos-covid th.paises-adicionales {width: 180px;}
table.datos-covid th.contacto-estrecho {width: 90px;text-align: center;}
table.datos-covid th.pax-sano {width: 90px;text-align: center;}
table.datos-covid th.sintomas {width: 120px;}
table.datos-covid td input {margin: 0;height: 36px;width: 100%;border: none;background: #e1dfdc;font-family: 'open sans',helvetica,arial,sans-serif;}
table.datos-covid td label {margin: 2px 0 1px 0;text-align: center;width: 50%;border: none;font-weight: 600;text-transform: capitalize;float: left;font-size: .75em;}
table.datos-covid td input[type="radio"] {margin: 0px calc(25% - 10px) 5px calc(25% - 10px);float: left;height: 16px;width: 20px;background: #e1dfdc;font-family: 'open sans',helvetica,arial,sans-serif;}
table.datos-covid td select {height: 36px;margin: 0;border: none;background: #ecebe9;width: 100%;}
table.datos-covid td:first-child {padding:10px 0 5px 10px}
table.datos-covid tr:last-child td {border-bottom:none;}


table.datos-adicionales {width: 100%;text-align: left;font-size: .9em;background: white;border: none;margin-bottom: 40px;}
table.datos-adicionales td {padding: 0;vertical-align: top;background: #e1dfdc;border: 2px solid white;}
table.datos-adicionales th {font-weight: 600;line-height: 1;letter-spacing: 0.4px;padding: 10px 5px 10px 10px;border-right: 2px solid white;background: #b0aeaa;color: white;}
table.datos-adicionales th:last-child {border:none;}
table.datos-adicionales th.dato {width: 54px;text-align: center;font-size: .8em;line-height: 1.2;}
table.datos-adicionales td label {margin: 2px 0 1px 5px;width: calc(100% - 30px);min-width: 60px;}
table.datos-adicionales td input[type="checkbox"] {margin: 0;height: 16px;width: 16px;vertical-align: top;margin-top: 2px;}
table.datos-adicionales td:first-child {padding:10px 0 5px 10px}
table.datos-adicionales tr:last-child td {border-bottom:none;}
table.datos-adicionales td.sintomas {column-count: 3;width: 75%;padding-bottom: 10px;}
table.datos-adicionales td.sintomas span {width: calc(100% - 20px);display: block;border-bottom: 1px solid rgb(176 174 170);padding: 6px 10px;}
 
div.declaracion-jurada {font-weight:bold;margin-bottom: 20px;}
div.declaracion-jurada input {vertical-align: top;height: 18px;width: 18px;margin-top: 3px;}
div.declaracion-jurada label {margin-left: 10px;background-color: #e1dfdc;padding:5px;width: calc(100% - 38px);}
div.declaracion-jurada input:checked + label {background-color:#f9f9f9;}

/*-------------------------------------------------------------------------------
                             Footer
---------------------------------------------------------------------------------*/
div#powered_by {margin: 20px 0;text-align: center;display: block;width: 100%;}
footer {width:100%;background: #4f4f4f;color: rgba(255, 255, 255, .7);position: relative;}
#footer {position:relative;overflow:hidden;font: 300 12px/1.8 'Open sans',arial,sans-serif;letter-spacing: 0.5px;text-align: center;padding: 50px 0 10px 0;}
#footer .centre {height:100%;padding-bottom: 20px;max-width: 1200px;margin: 0 auto;}
#footer .centre:after {content:""; display:block; clear:both; }
#footer:before {content:"";width:100%;height:100%;background:top left;position:absolute;top:0;left:0;opacity: .4;z-index:2;}
#footer .links.left {float:left;text-align: left;width: 33%;}
#footer .logo.center {float: left;text-align: center;width: 34%;padding-top: 5px;}
#footer img {width: 140px;margin-bottom: 10px;}
#footer .contact.right {float:right;text-align:right;z-index: 2;}
#footer span {padding: 15px 0;width: 92%;display: block;max-width: 1200px;margin: 0 auto;text-align: center;font: 300 .8em/1.5 'Open sans',arial,sans-serif;letter-spacing: 2px;border-top: 1px solid rgba(255, 255, 255, .25);}
 
 
/*-------------------------------------------------------------------------------
                             Estilos loading
---------------------------------------------------------------------------------*/
.jquery-modal.blocker.current {z-index: 3;background-color: rgba(0,0,0,0.5);}
/* Start always with display:none to make this hidden. Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak for themselves. We set our animation centered, and no-repeating */
.modal {display: none; position: fixed;z-index: 1000;top: 0;left: 0;height: 100%;width: 100%;background: rgba(110, 105, 100, 0.5)  url(/images/ajax-loader.gif)  50% 50%  no-repeat;box-shadow: #9c9797 2px 2px 12px;}
.modal p {position: absolute;top: 53%;width: 600px;margin-left: calc(50% - 320px);padding: 20px;text-align: center;color: white;font-size: 1.4em;background: #898079;}
/* When the body has the loading class, we turn the scrollbar off with overflow:hidden. Our modal element will be visible*/
body.loading .modal {overflow: hidden;display: block;max-width: 100%;width: 100%;background: rgba(137, 127, 121, 0.5);height: 100%;padding: 0; position: fixed;}


/*-------------------------------------------------------------------------------
                             Transitions
---------------------------------------------------------------------------------*/
a, input, button, i {transition:.2s ease;color: inherit;}
a:hover {color:orange;}
a:active {color:initial}
.button span, button span {transition:.4s ease !important; }
.img_programa img {transition:1.2s ease; }
 
/*-------------------------------------------------------------------------------
                             Responsive
---------------------------------------------------------------------------------*/
 
/*----- ANCHO MAX 1300px ------*/
@media only screen and (max-width:1300px) {
    #nav h2 {padding-left:4%;}
    .centre, #footer .centre {margin: 0 4%;} 
}
     
/*----- ANCHO MAX 1200px ------*/
@media only screen and (max-width: 1200px) {

}
 
 
@media only screen and (max-width: 1080px) {
    .left {width: 41%;min-width: 250px;}
    aside {width: calc(59% - 30px);}
    #logo a img {max-height: 64px;}
    #header {}
	
}
 
/*----- ANCHO MAX 960px ------*/
@media only screen and (max-width:960px) {
    div.datos-checkin {column-count:2;}
}
 
/*----- ANCHO MAX 860px ------*/
    @media only screen and (max-width:860px) {

}
 
/*----- ANCHO MAX 800px ------*/
@media only screen and (max-width: 800px) {
	#nav h2 {padding-left: 4%;}   
	#contacto {float: none;width: 100%;}
    #reserva {float: none;width: 100%;}
	table.datos-checkin {max-width: 470px;border: none;} 
	table.datos-checkin td {display:table-row;max-width: 100%;border-top: 2px solid #f2f2f2;}
	table.datos-checkin td label {width: 160px;}
    table.datos-checkin td input {max-width: calc(100% - 170px);}
    table.datos-checkin td label.pais {padding: 10px 5px 5px 0;}
}
 	
/*----- ANCHO MAX 699px ------*/
@media only screen and (max-width:699px) {
 	div.datos-checkin {column-count:1;}
 	div.datos-checkin .datos.requerido, div.datos-checkin input {max-width:100%;}
    table.datos-covid {min-width: 370px;}
    table.datos-covid th.pax {min-width: 80px;}
    table.datos-covid th.entrada {min-width: 60px;}
    table.datos-covid td {font-size:.9em;}
    table.datos-adicionales {min-width:370px;}
    table.datos-adicionales td {font-size:.9em;}
    table.datos-adicionales td.sintomas {column-count: 2;} 
    input.button[type="submit"] {display:block;margin:0 auto;}

}

/*----- ANCHO MAX 640px ------*/
@media only screen and (max-width:640px) {
    #footer {text-align: center;padding-top: 30px;font-size: 13.5px;}
    #footer .links.left, #footer .logo.center, #footer .contact.right {float: none;text-align: center;width: 100%}
    #footer img {width:200px;margin: 0 auto 10px auto;}
}
 
 
/*----- ANCHO MAX 540px ------*/
@media only screen and (max-width:540px) {
    #header {height: 261px;}
    #nav {margin-bottom: 10px;}
    #nav h2 {font-size: 1.7em;text-align: center;padding: 0;line-height: 1.1;}
}
 
/*----- ANCHO MAX 480px ------*/
@media only screen and (max-width:480px) {
}