@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) }


*{margin: 0px; padding: 0px; border: 0px; text-decoration: none; list-style-type:none;  font-family:FSMeWebLight; text-align: left;}
h1{font-family:FedraSerifAProBook; color: #8e0038; text-align: center; padding: 0px 0px 10px 0px; margin: 10px; overflow: hidden;  font-size: 28px; font-weight: bold; line-height: normal; vertical-align: top; display: block; }
h2{font-family:FSMeWebRegular;color: #000; text-align: left; padding: 0px 0px 10px 0px; margin-top: 20px; overflow: hidden;  font-size: 24px; font-weight: bold; line-height: normal; vertical-align: top; display: block; width: 100%}
h3.popover-title {color: #8e0038; font-weight: bold; font-size: 22px; line-height: normal; }
h3 {margin-bottom: 10px; margin-top: 10px; }
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; }

section {background: #fff; display: block; overflow: hidden; width: 100%; max-width: 1250px; box-sizing: border-box; margin-left: auto; margin-right: auto; text-align: center; line-height: 24px; }

article p {width: 80%; margin: auto; min-height: 36px; vertical-align: top; margin-bottom: 6px; }
article img{display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px; border: 1px solid #ccc; }

footer {width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; overflow: hidden; background-color: #fff; }
footer .web {color: #000000; font-size: 14px; display: block; margin-top: 40px; margin-left: 20px; text-align: right; padding-bottom: 20px; padding-top: 20px; }
footer > img{display: block; padding-top: 20px; padding-bottom: 20px; height: 30px; width: auto; float: right; margin-right: 20px; }

span.verdeKiwi{color: #beb400;}
span.azulOscuro {color: #003c78;}
span.azulClaro {color: #79A8C4;}
span.apliar {font-size: 22px; font-weight: bold; color: #8e0038; vertical-align: middle;}
span.show-tooltip {display: inline-block; vertical-align: top; }


ul {margin:0px; padding:0px; display:block; list-style-type:none;}
ul.palabrasClave li {margin-bottom: 20px; }

a { text-decoration:none;}
a.tarifas {display: block; text-align: center; background: #8e0038; color: #fff; font-weight: bold; font-size: 24px; margin-top: 40px; max-width: 300px; width: 100%; margin-left: auto; margin-right: auto; border-radius: 3px; padding: 5px; cursor: pointer; }

table#cabecera {width: 100%; }
table#cabecera tr td {width: 49%; }

hr.big-soft-blue {border: none; border-top: 5px solid #F7F9FB;margin-top: 20px;}

img {border:0px;margin:0px;padding:0px;}
img.icono {display: block; margin-left: auto; height: 50px; width: auto; margin-right: auto; margin-top: 15px; margin-bottom: 10px; vertical-align: middle;}
img.iconoGarantia {display: inline-block; margin-left: auto; height: 50px; width: auto; margin-right: 10px; margin-top: 15px; margin-bottom: 10px; vertical-align: middle;}
img.logoCliente {margin-right: 20px; margin-left: auto; display: block; }
img.logoErgo {margin-left: 20px; margin-right: auto; display: block; }

form .campoCalculadora input.hideKeyboard {position: absolute; width: 26%; z-index: -1; }
form {margin: 0px; padding: 0px; text-align: center; overflow: hidden; padding-bottom: 6px; }

label {min-height: 30px; vertical-align: top; margin-bottom: 10px; font-size: 16px; display: block; overflow: hidden; text-align: left; width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; font-weight: bold; color: #000;}
label.casillaFamilia {display: inline-block; width: auto; }
label.validation-error, label.validation-ok {background: rgba(0, 0, 0, 0) url(/clientes/icons/sprites.png) no-repeat -96px -519px; height: 21px; display: inline-block; margin-left: 5px; padding-left: 30px; position: absolute; top: 5px; color:red;}
label.validation-ok {background-position: -20px -433px; }
label img {margin-left: 10px; vertical-align: middle; }


input, textarea, select {min-height: 30px; display: inline-block; border: 1px solid #000; color: #000000; font-size: 18px; padding: 1px 5px 1px 5px; margin: 0px; width: 75%; vertical-align: middle; }
input[type=checkbox] {margin-left: 20px;width: 40px; height: 40px; }
select, option {min-height: 30px; width: 80%; text-align:right; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
select#tipo option {text-align: left; }
select#deporte option {text-align: left; }
select.ampliacionesSelect {max-width: 200px; }


input#check_esFamilia {display: inline-block; width: 20px; vertical-align: top; height: 20px; cursor: pointer; top: 3px; position: relative; }
input.form-control.size-small.with-icon {width: 160px; background: #FFF; }
input.hasDatepicker+label.validation-error{margin-left: 45px; }
input.with-question+label.validation-error{margin-left: 35px; }
fieldset {overflow: hidden; display: block; }


#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;}
#trustElements, #trustElements p {text-align: right;margin-top: 20px; }
#contieneExtras {height: 0px; color: #000; background: #ffffff; width: 95%; padding-left: 1%; padding-right: 1%; padding-top: 0px; padding-bottom: 0px; text-align: center; overflow: hidden; display: block; margin-bottom: 0px; margin-left: auto; margin-right: auto;}
#ampliaciones{display: block; overflow: hidden; width: 100%;}
#masInfoPreexistencia {display: inline-block; color: #8e0038; cursor: pointer; }
#ui-datepicker-div {background: #fff; }
#practica-deportiva{width: 100%; float: left; }
#soisFamilia {width: 100%; vertical-align: top; margin-top: 30px; }
#ImagenCabecera{display: block; margin: auto; max-width: 600px; width: 90%;}
#compraSegura {text-align: right; display: block; float: right; width: 100%; margin-right: 50px; }
#dialog-modificar-datos {padding-bottom: 30px;}
#tooltip-info {font-size: 10px;}
#tooltip-info tr > td:first-child {text-align: left; width: 250px; font-size: 14px;}
#tooltip-info tr > td:last-child { width: 120px;}
#textoLargo {padding-top: 20px; padding-bottom: 20px; display: block; width: 95%; margin: auto; font-size: 14px; line-height: 24px; }
#numeroViajeros{width: 50px; text-align: center; padding: 0px;}


.calculadora {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; }
.iconos {display: inline-block; width: 150px; height: 150px; text-align: center; border: 1px solid #ccc; border-radius: 200%; padding: 10px; line-height: normal; margin-top: 20px; margin-left: 20px; margin-right: 20px; box-shadow: 1px 1px 10px #CCC; }
.date-picker-control img {display: inline-block; vertical-align: top; cursor: pointer; width: 30px; height: auto;}
.campoCalculadora {float: left; width: 24%; display: inline-block; min-height: 70px; vertical-align: top; padding-top: 10px; padding-bottom: 10px; text-align: left; }
.campoCalculadora img {display: inline-block; vertical-align: top; cursor: pointer; width: 30px; height: auto; }
.campoAmpliaciones {margin-top: 20px;width: 95%; display: inline-block; min-height: 70px; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.ui-dialog {background: #fff; }
.ui-dialog .ui-dialog-title {color: #fff;}
.ui-draggable .ui-dialog-titlebar {cursor: move; background: #8e0038; }
.check-label.size-xl {width: 215px;}
.dialog-modificar-datos form {margin: 0 auto;width: 195px;}
.ui-widget-overlay {background: #20202F;opacity: 0.7;}
.ui-tooltip.ui-widget-content {background: #fff; border-width: 1px; border-radius: 0;}

.popover {border-radius: 0; padding: 5px; position: absolute; top: 0; left: 0; z-index: 1010; display: none; 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.tooltip-info {max-width: 400px;}
.popover.top {margin-top: -10px; } 
.popover-content {padding: 0px 2px 0px 5px;}
.popover-content h3.title {text-decoration: underline; margin-bottom: 10px; }
.popover.right {margin-left: 10px; }
.popover.bottom {margin-top: 10px; } 
.popover.left {margin-left: -10px; }
.popover-title {margin: 0; padding: 8px 14px; font-size: 12px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content {padding: 9px 14px; }
.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.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 > .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.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; }
.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-ubicacion-origen {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; }
.popover-ubicacion-origen ul li span {font-size: 16px; color: #8e0038; text-transform: none; cursor: pointer; font-weight: bold}
.popover-ubicacion-origen ul li.title {color: #31313F; font-weight: bold; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CFCFCF; margin-bottom: 10px; }


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




.popover-ayuda {max-height: 320px; overflow-y: scroll; }
.popover.ayudaPopOver {position: relative; border-color: red; }


.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; }
.slider-bar img.icono {display: inline-block; width: 30px; height: auto; vertical-align: middle; margin-right: 10px; }
.icon.icon-list {background: transparent url(./imagenes/icon1.png) no-repeat 0 0; 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;}
.ayudarOrigen {position: absolute; bottom: 0px; text-align: center; background: #e6e2e2; color: #060000; width: 100%; left: 0px; font-weight: bold; cursor: pointer; }
.ayudarDestino {position: absolute; bottom: 0px; text-align: center; background: #e6e2e2; color: #060000; width: 100%; left: 0px; font-weight: bold; cursor: pointer; }
.ampliacionesSelect {display: inline-block; vertical-align: middle; }
.garantia {margin-top: 10px; margin-bottom: 40px; padding-left: 10px; padding-right: 10px;}
.totalAmpliacion {font-size: 22px; font-weight: bold;}
.textos h2, .textos p{text-align: center}

@media only screen and (max-width: 1580px){
	header{text-align: center; } 
	#flechaDerecha {width: 10%; top: 80px; } 
}
@media only screen and (max-width: 1300px){
	
}
@media only screen and (max-width: 1230px){
	h1{font-size: 20px; } 
	input.form-control.size-small.with-icon {width: 179px; background: #FFF; max-width: 179px; }

}
@media only screen and (max-width: 1080px){
	aside .wrap {padding: 0 10px 17px 10px; } section {width: 100%; } 
	input.form-control.size-small.with-icon {width: 78%; max-width: 160px; } 
	#textoContenido {position: relative; width: 90%; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px;; background: rgba(255, 255, 255, 0.5); padding: 0px; left: 0px; }  
	#coberturas {float: none; width: 100%; background: rgba(255, 255, 255, 0.5); padding: 10px; position: relative; } 
	.campoCalculadora {width: 100%;}
}
@media only screen and (max-width: 990px) {
	#textoContenido {width:90%; }
}
@media only screen and (max-width: 890px) {
	aside .wrap {padding: 0 10px 0px 10px; margin-bottom: 0px; } 
	aside select {width: 100%; } #flechaAbajo {display: block; margin: auto; width: 60px; } 
	form {margin: 0px; padding: 0px; text-align: center; } 
	input.form-control.size-small.with-icon {width: 76%; } 
	ul {text-align: left; padding: 20px; box-sizing: border-box; }
	
}
@media only screen and (max-width: 810px) {
	#numeroViajeros {width: 18%;padding-left: 6px;}

}
@media only screen and (max-width: 760px) {
	article.productosLanding {display: inline-block; width: 100%; margin-left: 0px; } 
	input.form-control.size-small.with-icon {width: 78%; max-width: 159px; }
}
@media only screen and (max-width: 610px) {
	aside{position: relative;   display: block; top: 0px; right: auto;} 
	header > h2{left: 43px; top: 5px; width: 92%; margin: auto; text-align: left;}
	.iconos {display: none;}#cont {width: 93%;} 
}
@media only screen and (max-width: 500px) {
	
	aside{position: relative;   display: block; top: 0px; right: auto;} 
	header > h2{left: 12px; top: 150px; width: 92%; margin: auto; text-align: center; font-size: 18px;}
}
@media only screen and (max-width: 370px) {
	span.textoConFlecha {padding-bottom: 0px; display: block; font-size: 24px; } 
	img.logoHeader {display: inline-block; width: 95%; max-width: 149px; margin-left: auto; margin-right: auto; margin-bottom: 10px; vertical-align: top; padding-bottom: 19px; padding-left: 0px; padding-right: 0px; border-bottom: 1px solid #ccc; }  
	header > h2{  left: 0px;top: 100px; width: 92%;margin: auto;text-align: center;font-size: 22px;line-height: 24px; font-weight: bold;} 
	header {  background: #fff;  max-height: 100%; overflow: hidden; margin-bottom: 0px;}
	span.gana {margin-left: 0px; display: block; float: none; clear: both; margin-top: 0px; }
	.calculadora {width: 100%; } 
}