*{font-family: FSMeWebRegular; font-weight: inherit;}
h1{font-family:FedraSerifAProBook; font-size: 26px; color: #000;font-weight: bold;}
h2{font-family:FedraSerifAProBook; font-size: 24px;font-weight: bold;}
h3{font-family:FedraSerifAProBook; font-size: 22px;font-weight: bold;}
h4{font-family:FedraSerifAProBook; font-size: 20px;font-weight: bold;}
p{font-size: 18px;}
a, a:visited{vertical-align: middle; color: #FF9900; font-family: FSMeWebRegular; text-decoration: none;}

a:focus,a:hover{color: #FF9900; text-shadow: 1px 1px 1px #333;}
a.boton{color: #fff;}
a.enlace {background: transparent; color: #FF9900; }
a.inicio {background: #FF9900; color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }


strong { font-weight: bold;}

header{padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
section{font-family: FSMeWebRegular; }
article {width: 100%; max-width: 1250px; margin: auto; }

label {font-family: FSMeWebRegular; vertical-align: middle; font-size: 20px;  min-height: 40px; display: inline-block;}
input{vertical-align: middle;}
input[type="checkbox"]{margin-right: 10px; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; }
option { font-family: FSMeWebRegular, verdana; }
select{ -moz-appearance:none; }

button { color: #fff; background: #FF9900; border-radius: 5px; border: 1px solid #fff; border: none; padding: 10px; box-sizing: border-box; font-size: 14px; font-weight: bold; cursor: pointer; border: 1px solid #333; transition: 1s; }
button#botonContinuar {font-size: 20px; }

table.accesoClientesRegistrados tbody tr td div.usuarioPass {display: block; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; }
table#procesando {background: #fff; box-shadow: 0px 0px 15px 3px #333; }
table.contieneDatosCliente { position: fixed; left: 0px; top: 0px; background: #fff; z-index: 99; width: 100% }
table.botonera tbody tr td:first-child {text-align: left; }
table.botonera tbody tr td {width: 49%; text-align: right; }
tr.iceblue {background: #000; color: #fff }
td.logoColaborador a img {max-width: 100px; height: auto; } table{width: 100%; border: none; border-collapse: collapse;}
td.logoERGOSegurosDeViaje {width: 100px; padding: 10px; box-sizing: border-box; }
td.iconoTratamiento img {display: block; width: 50px; height: auto; }
td.iconoTratamiento {width: 80px; }
td.nombreEmailCLiente {width: 300px; }
td.promoAreaCliente {vertical-align: top; }
td.logoProcesando a {display: block; margin: auto; }
td.logoProcesando a img {display: block; margin: auto; }

#ui-id-1 {font-size: 24px; color: #FF9900; }
#recuperarPassword {display: block; overflow: hidden; margin: auto; }
#procesando tr td {padding: 20px; }
#logoERGOSegurosDeViaje {height: auto; width: 100px; margin: 0px; padding-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; float: right; }
#footer {display: block; width: 100%; overflow: hidden; }
#PROMORELOJ {display: inherit; width: 100%; max-width: 1250px; padding: 40px; margin-left: auto; margin-right: auto; box-sizing: border-box; background: url(./../images/promociones/band7_Black!800x800!85.png); background-size: contain; background-repeat: no-repeat; background-position: right; border: 1px solid #830038; }
#PROMOANUAL {display: inherit; width: 100%; max-width: 1250px; padding: 40px; margin-left: auto; margin-right: auto; box-sizing: border-box; background: url(./../images/icons/importe-viaje.png); background-size: contain; background-repeat: no-repeat; background-position: right; border: 1px solid #830038; }


.ui-button { color: #000;}

.form__group label {min-width: 200px; }
.boton {position: relative; display: inline-block; width: auto; padding: 0.6875rem 1.375rem; padding-right: 1.375rem; padding-left: 1.375rem; overflow: hidden; font-weight: 500; line-height: 1.8; white-space: nowrap; text-align: center; text-decoration: none; vertical-align: middle; background-image: linear-gradient(90deg, #FF9900 0%, #FFB300 100%); color: #fff; border-radius: 5px; transform-origin: center; cursor: pointer; transition: all .3s cubic-bezier(.25,.1,.25,.1); -webkit-user-select: none; user-select: none; border: none;}
.logo {text-align: left;}
.cabecera{width: 100%;}
.boton.continuar {margin-right: 0px; margin-left: auto; } 
.fondo_gris_claro {display: block; width: 100%; padding-left: 20px; box-sizing: border-box; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; }
.ui-dialog {background: #fff; border: 1px solid #333; min-width: 375px; width:90%; padding: 20px; box-sizing: border-box;}
.ui-widget-overlay {background: rgba(255,255,255,0.8); }
.ui-widget-overlay-movil {background: rgba(255,255,255, 0.8); height: 2000px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 80;}
.container{display: grid; place-content: center; height: 120px; padding: 20px; }
.cargando{width: 120px; height: 30px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin: 0 auto; }
.pelotas {width: 30px; height: 30px; background-image: linear-gradient(90deg, #FF9900 0%, #FFB300 100%); animation: salto .5s alternate infinite; border-radius: 50%; box-shadow: 0px 0px 7px 0px #ccc; }
.pelotas:nth-child(2) {animation-delay: .18s; }
.pelotas:nth-child(3) {animation-delay: .37s; }
.fondoRojoCorporativo {background: #000; color: #fff; padding: 20px; text-align: right; margin-top: 40px; }
.ui-dialog-content.ui-widget-content { padding: 30px; box-sizing: border-box;}
.ui-button-icon-space {display: block; padding-top: 0px; padding-bottom: 0px;}


@media screen and (max-width: 900px) {
	
	table.funcionalidades tbody tr td {display: block; margin-bottom: 20px; }
	.form__group { margin-top: 20px;}
	.pelotas { width: 10px; height: 10px;}
	.cargando { width: 50px;  height: 10px;}
	
}
@keyframes salto {from { transform: scaleX(1.25); } to{ transform: translateY(-50px) scaleX(1); } }