@font-face{font-family:"FedraSerifAProBook";src:url(../tipografias/WF-006389-009281-000003.woff) }
@font-face{font-family:"FedraSerifAProDemi";src:url(../tipografias/WF-006389-009281-000046.woff) }
@font-face{font-family:"FedraSerifAProDemiItalic";src:url(../tipografias/WF-006389-009281-000047.woff) }
@font-face{font-family:"FedraSerifAProMedium";src:url(../tipografias/WF-006389-009281-000050.woff) }
@font-face{font-family:"FedraSerifAProMediumItalic";src:url(../tipografias/WF-006389-009281-000051.woff) }
@font-face{font-family:"FedraSerifAProBold";src:url(../tipografias/WF-006389-009281-000054.woff) }
@font-face{font-family:"FedraSerifAProBoldItalic";src:url(../tipografias/WF-006389-009281-000055.woff) }

@font-face{font-family:"FSMeWebBold";src:url(../tipografias/FSMeWeb-Bold.woff)}
@font-face{font-family:"FSMeWebBoldItalic";src:url(../tipografias/FSMeWeb-BoldItalic.woff)}
@font-face{font-family:"FSMeWebHeavy";src:url(../tipografias/FSMeWeb-Heavy.woff) }
@font-face{font-family:"FSMeWebHeavyItalic";src:url(../tipografias/FSMeWeb-HeavyItalic.woff)}
@font-face{font-family:"FSMeWebItalic";src:url(../tipografias/FSMeWeb-Italic.woff)}
@font-face{font-family:"FSMeWebLight";src:url(../tipografias/FSMeWeb-Light.woff) }
@font-face{font-family:"FSMeWebLightItalic";src:url(../tipografias/FS_MeLight_Italic.otf) }
@font-face{font-family:"FSMeWebRegular";src:url(../tipografias/FSMeWeb-Regular.woff) }
*{font-family: FSMeWebLight; margin: 0px; padding: 0px; border: 0px; text-decoration: none; }
h1{font-family: FedraSerifAProBook; color: #8e0038; font-weight: bold; text-align: center; font-size: 32px; margin-bottom: 0px;}
h2{font-weight: bold; text-align: left; margin-bottom: 40px; }
h2.pasoTres {margin-top: 80px; }
p{font-size: 14px;margin-bottom: 10px;line-height: 24px;}
p.pc { display: block;}
strong {  font-weight: bold;}
ul li {margin-bottom: 5px;list-style: circle;padding-left: 20px;list-style-position: inside;}
ul {display: block;padding: 10px;box-sizing: border-box;}
a.tarifas {display: block; text-align: center; background: #8e0038; color: #fff; font-weight: bold; font-size: 24px; margin-top: 0px; max-width: 300px; width: 100%; margin-left: auto; margin-right: auto; border-radius: 3px; padding: 5px; cursor: pointer;}

img.logoCliente {margin-right: 20px; margin-left: auto; display: block; }
img.logoErgo {margin-left: 20px; margin-right: auto; display: block; }
img.click-tooltip {cursor: pointer; display: inline; vertical-align: middle; }
  
form#form h2 {display: block;text-align: center;margin-bottom: 20px;padding: 10px;border-bottom: 1px solid #8e0038;}
table{border-collapse: collapse;}
input[type="button"]{display: block; padding: 5px;width: 100%;box-sizing: border-box;font-weight: bold;font-size: 20px; border: none;}
input[type="text"],select, textarea,input[type="number"] {display: block;border: 1px solid #333;padding: 5px;width: 100%;box-sizing: border-box;font-weight: bold;font-size: 20px;}

input[type="checkbox"] {display: inline-block; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; margin-left: 10px; margin-right: 10px; }
input[type="radio"] {cursor: pointer;display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; margin-left: 10px; }
input#carenciaSiInput {width: 40px; }
input#carenciaNoInput {width: 40px; }

input#capitalAnulacion {width: 46%;display: inline-block;}
input#numeroViajeros { width: 30%; display: inline-block;}

header {overflow: hidden; width: 100%; margin: auto; background: #fff; margin-bottom: 10px; display: inline-block; vertical-align: top; margin-top: 20px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
header table { width: 100%;max-width: 1250px; padding: 0px ;margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;}
header table tbody tr td {width: 49%; text-align: left; vertical-align: middle;}
header table tbody tr td:last-child{text-align: right;}
section{display: block;overflow: hidden;width: 100%;max-width: 1250px;padding: 0px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;}


section table.datosViaje {width: 24.5%;display: inline-block;margin: 0px;padding: 0px; }

section table.datosViaje tbody tr td label {display: block;margin-bottom: 5px; min-height: 30px; vertical-align: middle;}
section table.datosViaje tbody {margin-bottom: 20px;display: inline-block; }
section table.datosViaje tbody tr td h3 { display: inline-block; vertical-align: middle; margin-left: 5px; }
section table.datosViaje label img {display: inline-block; width: 30px; padding: 0px; vertical-align: middle; margin-left: 10px; cursor: pointer;}
section table.datosViaje label img {display: inline-block; width: 30px; padding: 0px; vertical-align: middle; margin-left: 10px; cursor: pointer;}

section table.modularGarantias { width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 50px; padding: 0px;}
section table.modularGarantias tbody tr td label {font-size: 28px; margin-bottom: 10px; display: inline-block; }
section table.modularGarantias tbody tr td span {font-size: 28px; margin-bottom: 10px; display: inline-block; }
section table.modularGarantias tbody tr td span.slider-digit {font-size: 16px; }

footer { display: block; width: 100%; padding: 20px; box-sizing: border-box; text-align: center; background: #8e0038; color: #fff; margin-top: 20px; }

table.productos {width: 100%; display: block; overflow: hidden; margin-bottom: 20px; }
table.productos tbody {width: 100%; display: block; }
table.productos tbody tr {width: 100%; display: block; }
table.productos tbody tr td img {display: block; width: 600px; padding: 10px; box-sizing: border-box;margin: auto; }
table.productos tbody tr td {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; vertical-align: top; display: inline-block; }
table.productos tbody tr td:first-child { }
table.productos tbody tr.pc.imagenesProductos td {overflow: hidden; }
table.productos tbody tr.textosProductos td {padding: 20px; box-sizing: border-box; }
a.ui-slider-handle.ui-state-default.ui-corner-all {background: #8e0038;    cursor: pointer;}


#calcular {text-align: center; font-weight: bold; display: block; width: 100%; max-width: 200px; background: #8e0038; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 20px; border-radius: 3px; margin-top: 20px; margin-left: auto; margin-right: 0px; cursor: pointer;}
#sliderAccidente { margin: 0px;}
#modular{display: none;}
#contieneFormulario{width: 95%; padding: 20px; box-sizing: border-box; overflow: hidden; vertical-align: top; box-shadow: 1px 1px 10px #ccc; margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
#contieneExtras {margin-top: 40px; }
#contieneExtras .inputEscondido{display: none;}
#procesando {display: block; z-index: 97; background: #fff; border: 1px solid #000; border-collapse: collapse; position: fixed; }
#procesando tbody tr.azulCorporativo {background: #e2f6fa; color: #000;}
#procesando tbody tr.azulCorporativo td {vertical-align: middle; }
#procesando tbody tr.contieneLogos {background: #fff; }
#procesando tbody tr td img {display: block; width: auto; height: 80px; z-index: 101; vertical-align: middle; margin: auto; padding: 10px; }
#procesando tbody tr td img.relog {padding: 0px; }
#procesando tbody tr td p {background: transparent; text-align: left; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }


.modularGarantias tbody tr td{padding-left: 100px; padding-right: 100px;}
.ui-slider-horizontal .ui-slider-handle {border: 1px solid #333; outline: none; cursor: pointer;}
.importeIncluido{display: inline-block; font-size: 12px;}

.popover-ubicacion-destino ul {list-style: none; padding: 0; margin: 0 0 10px 0; }
.popover-ubicacion-destino ul li {font-size: 12px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 5px;list-style: none;}
.popover-ubicacion-destino ul li span {font-size: 16px; color: #333; text-transform: none; cursor: pointer; }
.popover-ubicacion-destino li.title {color: #31313F; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CFCFCF; padding: 0px; font-weight: bold;}
.popover-ubicacion-destino {max-height: 320px; overflow-y: scroll; }
.popover-ubicacion-origen ul {list-style: none; padding: 0; margin: 0 0 10px 0; }
.popover-ubicacion-origen ul li {font-size: 16px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 5px; list-style: none;}
.popover-ubicacion-origen ul li span {font-size: 16px; color: #000; text-transform: none; cursor: pointer; }
.popover-ubicacion-origen ul li.title {color: #31313F; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CFCFCF; padding: 0px; font-weight: bold;}
.popover-ubicacion-origen {max-height: 320px; overflow-y: scroll; }
.popover-content ul li span:hover { color: #8e0038; font-weight: bold; }

.tooltip {position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in {opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top {margin-top: -3px; padding: 5px 0; }
.tooltip.right {margin-left: 3px; padding: 0 5px; }
.tooltip.bottom {margin-top: 3px; padding: 5px 0; }
.tooltip.left {margin-left: -3px; padding: 0 5px; }
.tooltip-inner {max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px; }
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-left .tooltip-arrow {bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-right .tooltip-arrow {bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-left .tooltip-arrow {top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-right .tooltip-arrow {top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.popover {position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover > .arrow, .popover > .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow {border-width: 11px; }
.popover > .arrow:after {border-width: 10px; content: ""; }
.popover-title {color: #8e0038; margin: 0; padding: 8px 14px; font-size: 20px; font-weight: bold; line-height: 22px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content {padding: 9px 14px; }
.popover.top {margin-top: -10px; }
.popover.top > .arrow {left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top > .arrow:after {content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
.popover.right {margin-left: 10px; }
.popover.right > .arrow {top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after {content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
.popover.left {margin-left: -10px; }
.popover.left > .arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after {content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }
.popover.bottom {margin-top: 10px; }
.popover.bottom > .arrow {left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom > .arrow:after {content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }



.modularGarantias tbody tr td input { width: auto; vertical-align: middle; }
.modularGarantias tbody tr td#carencia {padding-top: 50px; }
.carencia p, .carencia input {display: inline-block; }

.slider {height: 1em; margin: 5%; min-width: 11em; }
.slider-digit {cursor: pointer; margin: -.6em; position: absolute; top: .32em; width: 200px; padding-top: 30px; }

/* Taken from jQueryUI */

.ui-slider { background-color: #fff; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { background-color: #8e0038; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

#trustElements, #trustElements p {text-align: right;margin-top: 20px; } 
tr.textosProductos p {text-align: center; }

.number-input button{display: none;}
.number-input-65 button{display: none;}


/*button#unoMenos {display: inline-block; float: none; border: 1px solid #333; width: 30px; height: 30px; }*/
/*button#unoMas {float: none; border: 1px solid #333; width: 30px; height: 30px; display: inline-block; padding: 0px; margin: 0px; }*/

.number-input button {display: inline-block; background: #8e0038; outline:none; -webkit-appearance: none; border: none; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin: 0; position: relative; width: 30px; padding: 0px; }
.number-input button:before, .number-input button:after {display: inline-block; position: absolute; content: ''; width: 1rem; height: 2px; background-color: #fff; transform: translate(-50%, -50%); }
.number-input button.plus:after {transform: translate(-50%, -50%) rotate(90deg); }
.number-input input[type=number] {font-family: sans-serif; max-width: 5rem; padding: .5rem; border: solid #ddd; border-width: 0 2px; font-size: 18px; height: 3rem; font-weight: bold; text-align: center; }

.number-input-65 button {vertical-align: middle; display: inline-block; background: #8e0038; outline:none; -webkit-appearance: none; border: none; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin: 0; position: relative; width: 30px; padding: 0px; }
.number-input-65 button:before, .number-input-65 button:after {display: inline-block; position: absolute; content: ''; width: 1rem; height: 2px; background-color: #fff; transform: translate(-50%, -50%); }
.number-input-65 button.plus:after {transform: translate(-50%, -50%) rotate(90deg); }
.number-input-65 input[type=number] {font-family: sans-serif; max-width: 50px; border: 1px solid #000; font-size: 18px; height: auto; font-weight: bold; text-align: center; display: inline-block; vertical-align: middle;}

h2.fondoRojoCorporativo {
    background: #8e0038;
    color: #fff;
    font-size: 24px;
    padding: 1%;
    width: 97.4%;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 30px;
}


@media only screen and (max-width: 1025px){
    section table.datosViaje {width: 39%; display: inline-block; margin-left: 5%; margin-right: 5%; margin-top: 20px; padding: 0px; }

}
@media only screen and (max-width: 600px){
    header table tbody tr td {width: 100%; display: inline-block; text-align: center; margin-bottom: 20px; margin-top: 20px; }
    section {padding: 20px; box-sizing: border-box; }
    section table.datosViaje { width: 100%; margin-bottom: 20px; }
    section table tbody tr.pc { display: none; }
    
    a.tarifas { width: 90%; }
    p.pc { display: none;}
    h1{font-size: 24px;}
    button.btn-mobileSelect-gen span.text { background: #7f9ea2; color: #fff; padding: 5px; box-sizing: border-box; }
    img.logoCliente { margin: auto; }
    img.logoErgo { margin: auto; display: block; }
    
    table.productos {display: block;}
    table.productos tbody { width: 100%; display: block; overflow: hidden; }
    table.productos tbody tr { width: 100%; display: block; overflow: hidden; margin-top: 10px;}
    table.productos tbody tr td {width: 100%;}
    table.productos tbody tr.textosProductos td {padding: 10px; }

    #calcular {margin-left: auto; margin-right: auto;}

    .modularGarantias tbody tr td {padding-left: 0px; padding-right: 0px; }
    .contieneRadios{padding-top: 20px; padding-left: 0px; padding-right: 0px; padding-bottom: 20px;}
    .contieneRadios span {margin-left: 10px; margin-right: 20px; }
}