@font-face { font-family: Klavika_Bold; src: url('../fonts/Klavika_Bold.otf');}
@font-face { font-family: Klavika_Regular; src: url('../fonts/Klavika_Regular.otf');}
@font-face { font-family: GothamMedium; src: url('../fonts/GothamMedium.otf');}
@font-face { font-family: GothamLight; src: url('../fonts/GothamLight.otf');}

#overlay{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#333 repeat;z-index:500;}
body{font-family: "Calibri",Arial,Helvetica, sans-serif;font-weight:400;background:#ffffff; font-size:20px;}
.nopadding{padding:0 0;}

/*INDEX*/

.carMove{position: absolute; margin-top: 400px; margin-left:-420px;}
/*.carMove{position: absolute; margin-top: 385px; margin-left:-300px;}*/
.redBG{min-height:61px; background-color:#ff0000;}
.backgroundMapfre{background:transparent url(../img/bg.jpg) repeat-x left bottom;padding:0;background-color:#ffffff; min-height: 498px;margin-top:59px;}
.header_title{color:#383838; font-size:1.3em; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; margin-top:36px;line-height: 1.4em;}
.header_subtitle{color:#383838; font-size:0.65em; font-family: "Klavika_Regular",Arial,Helvetica, sans-serif; margin-top:20px; margin-bottom:20px; line-height: 1em;}
.redRow{min-height: 103px; background-color: #ff0000; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; font-size:1.15em; color:#fcfbfa; line-height: 1.5em;}
.textWrap{display: table; height: 103px; width:100%;}
.textWrap p {display: table-cell; vertical-align: middle;}
.beneficiosRow{min-height: 80px; font-family: "GothamMedium",Arial,Helvetica, sans-serif; font-size:1em; color:#525252; line-height: 1.5em;}
.textBeneficios{display: table; height: 80px; width:100%;}
.textBeneficios p {display: table-cell; vertical-align: middle;}
.separatorMark{border-bottom: 3px solid #ff0000;}
.beneficiosIcoRow{min-height: 150px; margin-top:30px;}
.titleIcon{font-family: "GothamLight",Arial,Helvetica, sans-serif; font-size:0.7em; color:#525252; line-height: 1em; margin:20px auto 40px auto;}
.beneficiosLongRow{min-height: 120px; font-family: "GothamLight",Arial,Helvetica, sans-serif; font-size:0.9em; color:#525252; line-height: 1.5em; margin:10px 0 30px 0;}
.textLongBeneficios{display: table; height: 120px; width:100%;}
.textLongBeneficios p {display: table-cell; vertical-align: middle;}

.redBG_bottom{min-height: 115px; background-color: #ffffff;}
.txtBottom{font-size:12px; color:#737373; padding-bottom: 10px;}

.mt20{margin:10px 0 10px 0;}
.mt21{margin:17px 0 0 0;}

.input-group-addon{padding: 3px 6px;font-size: 14px;font-weight: normal;line-height: 1;color: #555;text-align: center;border-radius: 4px; background-color: transparent; border:0;}

.tableCoberturas{min-height: 200px; margin-top:15px; margin-bottom:25px;}
.theadRed{background-color:#ff0000; color:#ffffff;}
.th1{font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; font-size:0.85em; color:#ffffff; vertical-align: middle !important;}
.th2{font-family: "Klavika_Regular",Arial,Helvetica, sans-serif; font-size:0.55em; color:#ffffff; vertical-align: middle !important;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { border-top: 0; border-bottom: 0;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 5px; line-height: 1.42857143; vertical-align:middle;border-top: 1px solid #ff0000;}
.table>tbody>tr>td{color:#010101;font-family: "GothamLight",Arial,Helvetica, sans-serif; font-size:0.5em; text-align: center;}
.table>tbody>tr>th{color:#010101;font-family: "GothamMedium",Arial,Helvetica, sans-serif; font-size:0.55em;}
.table-bordered{ border: 1px solid #ff0000;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border: 1px solid #ff0000;}
.table>tbody>tr:hover{background-color:#f4f3ed;}

.whatsico{position: absolute; right: 0px; margin-top:180px; cursor: pointer;}

/*BUEN FIN*/

.newTitle{color:#383838; font-size:1.1em; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; margin-top:10px;line-height: 1.3em;}
.newSubTitle{color:#ff0000; font-size:0.7em; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; line-height: 1.4em;}
.carMoveBuenFin{position: absolute; margin-top: 285px; margin-left:-430px;}

/*TOP BAR*/

.header{margin-top:28px;}
.top-txt{margin:0;font-size:18px;color:#ffffff;text-align:right; cursor: pointer; padding-right: 0;}

.nav > li > a{position:relative;display:block;padding:15px 5px 2px 10px; font-size:0.85em;}
.navbar{margin-bottom:0; font-family: "GothamLight",Arial,Helvetica, sans-serif; font-size:0.85em;}
.navbar-brand{padding:18px 0 0 0;}
.navbar-brand > img{margin-left:0}
.navbar-default{background:none;border:none;min-height:64px; padding:0;}
.navbar-toggle{background:#ffffff}
.navbar-nav{margin:7.5px 5px;}
.navbar-nav>li>a{line-height: 19px !important;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{background:none;color:#ffffff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ffffff;color:#ffffff}
.navbar-default .navbar-nav > li > a{color:#ffffff !important;}
.navbar-default .navbar-nav > li > a:hover{color:#ffffff !important;}
.navbar-collapse{border:none; padding-right: 0 !important;}
.activeNav{color:#ffffff !important;border-bottom:solid 2px #ffffff;font-weight:300}
.menu-right{float:none; margin-right: 116px;}
.topnav a:hover{border-bottom:solid 2px #ffffff;color:#ffffff!important; transition: 0.3s;}

/*FORM*/

#forms{background:transparent url(../img/form_bg.jpg) no-repeat left bottom; padding:0; background-color:#ff0000; min-height: 498px; z-index: 999; /*position: inherit;*/ width:292px; position: fixed;}
.paddingleft0{padding-left:0;}
.paddingright0{padding-right:0;}
.form-bg{z-index:502;position:relative}
.header-form{color: #fffefe; font-size: 0.95em; padding: 0; margin: 15px auto 20px auto; font-family: "Klavika_Regular",Arial,Helvetica, sans-serif; line-height: 1.25em; width: 80%;}
.header-form-success{color:#fffefe;font-size:1.2em;padding:0;margin-bottom:30px;margin-top:30px; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif;}
.header-form2{color:#fffefe;font-size:1.15em;padding:0;margin:20px 0 20px 0; font-family: "Klavika_Regular",Arial,Helvetica, sans-serif; line-height: 1.05em;}
.btn{border-radius:0; cursor: pointer;}
.btn-form{background:#91ba08;color:#fefdfd;font-size:1.05em; border-radius: 0; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; line-height: 38px; padding: 0 !important; margin-bottom: 20px;}
.btn-form2{background:#91ba08;color:#fefdfd;font-size:1.05em; border-radius: 0; font-family: "Klavika_Bold",Arial,Helvetica, sans-serif; line-height: 42px; padding: 0 !important; height: 40px; width: 180px; margin-bottom: 20px;}
.btn-form:hover, .btn-form2:hover{background:#11034b;color:#fefdfd}
.form-block{position:relative;z-index:501}
.form-control{display:block;width:100%;height:31px;padding:0.1em 0.5em;font-size:0.85em;line-height:1.4;color:#9a9a9a;background-image:none;border:none;background-color:#ffffff !important; border-radius: 0; font-family: "Klavika_Regular",Arial,Helvetica, sans-serif; box-shadow: none;}
.formFields{width: 82%;margin: 0 auto}
.formFields2{width: 77%;margin: 0 auto}

::-webkit-input-placeholder {color: #9a9a9a !important;}
:-moz-placeholder {color: #9a9a9a !important; opacity: 1;}
::-moz-placeholder {color: #9a9a9a !important; opacity: 1;}
:-ms-input-placeholder { color: #9a9a9a !important;}
::-ms-input-placeholder { color: #9a9a9a !important;}
::placeholder { color: #9a9a9a !important;}

.legales{font-size:0.5em;color:#ffffff;margin:10px 0 12px 0; font-family: "GothamLight",Arial,Helvetica, sans-serif;}
.legales a:link{color:#ffffff;text-decoration:none}
.legales a:active{color:#ffffff;text-decoration:none}
.legales a:visited{color:#ffffff;text-decoration:none}
.legales a:hover{color:#ffffff;text-decoration:none}
.form-bg{margin:0}
.btn-padding{padding:0 0 0 15px;}
.loader{display:none; margin:5px 0 0 0;}
.btn-full{position:fixed;width:100%;bottom:0;left:0;background:#ff0000;z-index:999;}
.sticky { position: fixed; width: 100%;left: 0; top: 0; z-index: 9999; border-top: 0;}

#send_s2_form{display: none;}
.hiddenRow{display: none;}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {background-color: #ffffff !important; padding: 5px !important;}
#fecha_ano, #fecha_mes, #fecha_dia {-webkit-appearance: none; -webkit-border-radius: 0px; text-align: center; text-align-last: center;}
#fecha_ano ::-ms-expand {display:none;}
#fecha_mes ::-ms-expand {display:none;}
#fecha_dia ::-ms-expand {display:none;}
/*#fecha_mes{padding: 0 !important;}*/

.form-group { margin-bottom: 10px !important;}

/*MEDIA QUERIES*/

@media(max-width:414px) {
    #success .header-form{text-align: center;}
    .navbar-toggle{margin-right: 2px; padding: 9px 10px; margin-top: 17px;}
    .navbar-brand > img{ height: 34px; margin: 0px 0 0 0; }
    .backgroundHide,.tableHide{display: block;}
    .table{display: none;}
    .backgroundMapfre{background:none;padding:0;background-color:#ffffff;}
    #forms{background:none; padding:0; background-color:#ff0000; min-height: 400px; z-index: 999; position: inherit; width: auto;}
    .header_subtitle{margin-bottom:60px;}
    .redRow{text-align: center; margin:20px auto 20px auto;}
    .logoIco{max-width: 230px;}
    .redRow br, .newTitle br{display: none};
    .carMove{display: none;}
    .cookie{display:none;}
    .navidadSubTitle br{display: none;}
    .carMoveBuenFin{display: none;}
    .whatsico{display: block;}
}

@media(min-width:414px) {
    #success .header-form{text-align: center;}
    .navbar-toggle{margin-right:10px;padding:9px 10px;margin-top:14px;}
    .successForm{margin-top:0px;}
    .backgroundHide,.tableHide{display: block;}
    .table{display: none;}
    .backgroundMapfre{background:none;padding:0;background-color:#ffffff;}
    #forms{background:none; padding:0; background-color:#ff0000; min-height: 400px; z-index: 999; position: inherit; width: auto;}
    .header_subtitle{margin-bottom:60px;}
    .redRow{text-align: center; margin:20px auto 20px auto;}
    .logoIco{max-width: 230px;}
    .redRow br, .newTitle br{display: none};
    .carMove{display: none;}
    .cookie{display:none;}
    .navidadSubTitle br{display: none;}
    .carMoveBuenFin{display: none;}
    .whatsico{display: block;}
}

@media(min-width:576px) {
 .whatsico{display: none;}
}

@media(min-width:660px) {
    #success .header-form{text-align: center;}
    .navbar-toggle{margin-right:20px;padding:9px 10px;margin-top:20px}
    .successForm{margin-top:0px;}
    .backgroundHide{display: block;}
    .table{display: table;}
    .tableHide{display: none;}
    .backgroundMapfre{background:none;padding:0;background-color:#ffffff;}
    #forms{background:none; padding:0; background-color:#ff0000; min-height: 380px; z-index: 999; position: inherit; width: auto;}
    .header_subtitle{margin-bottom:60px;}
    .redRow{text-align: center; margin:20px auto 20px auto;}
    .redRow br, .newTitle br{display: none};
    .carMove{display: none;}
}

@media(min-width:768px) {
    .navbar-toggle{margin-right:20px;padding:9px 10px;margin-top:17px}
    .menu-right {float: right; margin-right: 116px;}
    .successForm{margin-top:0px;}
    .backgroundHide{display: block;}
    .table{display: table;}
    .tableHide{display: none;}
    .backgroundMapfre{background:none;padding:0;background-color:#ffffff;}
    #forms{background:none; padding:0; background-color:#ff0000; min-height: 380px; z-index: 999; position: inherit; width: auto;}
    .header_subtitle{margin-bottom:60px;}
    .redRow{text-align: center; margin:20px auto 20px auto;}
    .redRow br, .newTitle br{display: none};
    .carMove{display: none;}
}

@media (min-width: 992px){
	.container{width:960px}
    .successForm{margin-top:0px;}
    .backgroundHide, .tableHide{display: none;}
    .table{display: table;}
    .backgroundMapfre{background:transparent url(../img/bg.jpg) repeat-x left bottom;padding:0;background-color:#ffffff;margin-top:59px;}
    #forms{background:transparent url(../img/form_bg.jpg) no-repeat left bottom; padding:0; background-color:#ff0000; min-height: 498px; z-index: 999; /*position: inherit;*/ width:292px; position: fixed;}
    .header_subtitle{margin-bottom:20px;}
    .redRow{text-align: left; margin:0;}
    .redRow br, .newTitle br{display: block};
    .carMove{display: block;}
    .cookie{display:block;}
    .navidadSubTitle br{display: block;}
    .carMoveBuenFin{display: block;}
}
