@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,500;0,600;0,700;0,800;1,200;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
img, object, embed, video {
 max-width: 100%;
}
.ie6 img { width: 100%; }
.fluid {
   display: block;
   float: left;
   clear: both;
   width: 100%;
   margin-left: 0;
}
.fluidList {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-image: none;
}
body,
button,
input,
select,
textarea { font-family: 'Marcellus', serif; }
a,
html,
body,
main,
header,
article,
section,
aside,
div,
footer,
form,
input,
nav,
select,
span,
table,
td,
textarea,
tr,
ul,
li,
p { box-sizing: border-box !important; }
body {
   font-family: 'Libre Franklin', sans-serif;
   overflow-x: hidden;
}
ul { padding-left: 0; }
ul li { list-style-position: inside; }
a:hover { text-decoration: underline; }
/* CHECKBOX */
input[type='checkbox'] {
   position: absolute;
   visibility: hidden;
   width: auto !important;
}
label { cursor: pointer; }
input[type='checkbox'] + label::before {
   font-size: 18px !important;
   font-weight: bold;
   display: inline-block;
   width: 23px;
   height: 23px;
   margin: 0 7px 0 0;
   padding: 0;
   content: '\00a0';
   border: 2px solid #6e6f68;
   border-radius: 2px;
}
input[type='checkbox']:checked + label::before {
   content: '\2713';
   text-align: center;
   color: #000;
   background: #fff;
}
input[type='checkbox']:checked + label::after { font-weight: bold; }
input[type='checkbox']:focus + label::before { outline: rgb(59, 153, 252) auto 5px; }
.esconder {
   position: absolute;
   left: -3000px;
}
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 20px;
   padding-left: 20px;
}
.dosColumnasA { width: 100%; }
.dosColumnasB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.tresColumnasA {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.tresColumnasB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }
.cabecera {
   position: relative;
   z-index: 9;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .06);
}
.cabeceraBarra { background-color: #1901ff; }
.cabeceraBarra ul {
   margin: 5px 0;
   padding: 0;
   text-align: center;
}
.cabeceraBarra ul li {
   font-size: 15px;
   display: inline-block;
   margin-right: 15px;
   list-style: none;
   color: #fff;
}
.cabeceraBarra ul li img { margin-right: 5px; }
.cabeceraBarra ul li a {
   display: none;
   text-decoration: none;
   color: #fff;
}
.cabeceraBarra ul li a:hover { text-decoration: underline; }
.cabeceraBarra ul li a.enlaceImgBarraMovil {
   display: inline-block !important;
   margin-right: -10px;
}
.cabeceraBarra ul li.barraIcoTelefono a.enlaceImgBarraMovil { margin-right: 2px; }
.barraIcoDireccion img {
   max-width: 60px;
   margin-top: -9px;
}
.barraIcoEmail img {
   max-width: 60px;
   margin-top: -19px;
   padding-right: 30px;
}
.barraIcoTelefono img { max-width: 60px; }
.barraIcoMas { display: none; }
.fluid.btnsPresupuestoLlamar {
   display: block;
   text-align: center;
   background-color: #e4e2f9;
}
.fluid.btnsPresupuestoLlamar ul { padding-left: 0; }
.fluid.btnsPresupuestoLlamar ul li {
   display: inline-block;
   margin: 0 10px;
   list-style: none;
}
.fluid.btnsPresupuestoLlamar ul li a { font-size: 15px !important; }
.logoPrincipal img {
   max-width: 79px;
   margin: 10px 0;
}
.btnPrincipal {
   font-family: 'Libre Franklin', sans-serif !important;
   font-size: 18px !important;
   font-weight: normal !important;
   padding: 5px 20px !important;
   text-decoration: none;
   color: #fff !important;
   border: 1px solid #000;
   border-radius: 20px;
   background: #ff3608; /* Old browsers */
   background: -moz-linear-gradient(top, #ff3608 0%, #ff7c00 51%, #ff7e00 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ff3608 0%, #ff7c00 51%, #ff7e00 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ff3608 0%, #ff7c00 51%, #ff7e00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3608', endColorstr='#ff7e00', GradientType=0 ); /* IE6-9 */
}
.btnPrincipal:hover {
   text-decoration: none;
   background: #ff7e00; /* Old browsers */
   background: linear-gradient(to bottom, #ff7e00 0%, #ff7c00 51%, #ff3608 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.necesitasUnSeguro {
   height: 530px;
   margin-bottom: 42px;
   text-align: center;
   background-image: url(../img/necesitas-un-seguro-rs6-integrale.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.necesitasUnSeguro h2 {
   font-size: 24px;
   font-weight: 700;
   display: inline-block;
   margin: 0 auto;
   padding: 10px 30px;
   text-align: center;
   background-color: #ecf2f6;
}
.necesitasUnSeguro h2 strong { font-weight: 800; }
.necesitasUnSeguroTexto {
   display: inline-block;
   margin-top: 180px;
   text-align: center;
}
.necesitasUnSeguro .btnPrincipal {
   font-size: 22px !important;
   display: block;
   max-width: 272px;
   margin: 30px auto 0 auto;
   padding: 9px 0;
   text-align: center;
}
.textoDestacado {
   font-size: 24px;
   font-weight: 500;
   display: table;
   margin: 0 auto;
   text-align: center;
}
.textoDestacado span { color: #ff3c07; }
.titularPrincipal {
   font-family: 'Rubik', sans-serif;
   font-size: 42px;
   text-align: center;
   color: #ff3e07;
}
.titularSecundario {
   font-family: 'Rubik', sans-serif;
   font-size: 30px;
   text-align: center;
   color: #ff3e07;
}
.detalle01 {
   background-image: url(../img/detalle-titular-01.png);
   background-repeat: no-repeat;
   background-position: center;
}
.detalle02 {
   min-height: 300px;
   background-image: url(../img/detalle-titular-02.png);
   background-repeat: no-repeat;
   background-position: top center;
}
.bloquesInfo { text-align: center; }
.bloquesInfo h3 { font-size: 24px; }
.bloquesInfo article > a {
   text-decoration: none;
   color: #000;
}
.bloquesInfo article > a:hover {
   text-decoration: underline;
   color: #000;
}
.bloquesInfo ul {
   font-size: 18px;
   padding-left: 0;
}
.bloquesInfo .tresColumnasA,
.bloquesInfo .tresColumnasB {
   min-height: 420px;
   margin-bottom: 50px;
}
.confianza {
   margin-bottom: 60px;
   text-align: center;
}
.confianza p {
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 10px;
}
.confianza a {
   font-size: 30px;
   font-weight: 800;
   color: #ff3e07;
}
.confianza img {
   display: block;
   margin: 20px auto;
}
/* PIE DE PAGINA */
.pieDePagina {
   min-height: 480px;
   color: #fff;
   background: url('../img/fondo-pie.png') left center no-repeat #1901ff;
}
.logoPie { margin-top: 90px; }
.copyright {
   font-size: 14px;
   display: table;
   margin-left: 24px;
}
.datosPie {
   float: right;
   margin-top: -210px;
   padding-left: 0;
}
.datosPie li {
   display: inline-block;
   margin: 0 10px;
   text-align: center;
   vertical-align: top;
}
.datosPie li img {
   display: table;
   margin: 5px auto;
}
.datosPie li a {
   font-size: 14px;
   font-weight: 500;
   display: block;
   margin-bottom: 5px;
   text-decoration: none;
   color: #fff;
}
.datosPie li a:hover { text-decoration: underline; }
.pieInfoLegal {
   float: right;
   clear: both;
   padding-left: 0;
}
.pieInfoLegal li {
   display: inline-block;
   margin: 10px;
   list-style: none;
}
.pieInfoLegal a {
   font-size: 14px;
   text-decoration: none;
   color: #fff;
}
.pieInfoLegal a:hover { text-decoration: underline; }
.phone { text-decoration: none; }
.noMostrarMovil { display: none; }
.noMostrarMovilInline { display: none; }
.margenMovil { padding: 0 10px; }
/* PRESUPUESTO */
section.presupuesto {
   margin-top: 30px;
   margin-bottom: 60px;
}
.formularioPrincipal {
   max-width: 624px;
   margin: 50px auto;
   padding: 10px 20px 50px 20px;
   border: 1px solid #000;
   border-radius: 20px;
}
.formularioPrincipal ul li {
   margin-bottom: 25px;
   list-style: none;
}
.formularioPrincipal label {
   font-size: 18px;
   display: block;
}
.formularioPrincipal input, 
.formularioPrincipal select {
   font-size: 18px;
   width: 100%;
   padding: 10px 0 5px 0;
   border: none;
   border-bottom: 1px solid #000;
   
}
.formularioPrincipal textarea {
   font-size: 18px;
   width: 100%;
   padding: 10px 0 5px 0;
   border: none;
   border-bottom: 1px solid #000;
   
}
.liTipoSeguro label {
   display: inline-block;
   margin-right: 10px;
}
.formularioPrincipal ul .liAceptarPolitica { margin-bottom: 30px; }
.liAceptarPolitica label { font-size: 14px; }
.liAceptarPolitica a { color: #000; }
.liAceptarPolitica input[type='checkbox'] + label::before {
   float: left;
   margin-top: 3px;
}
input:focus,
textarea:focus {
   outline: none;
   outline-width: 0;
}
.formularioPrincipal .btnPrincipal {
   display: block;
   width: auto;
   margin: 0 auto;
   padding: 10px 70px !important;
   border: 1px solid #000;
}
/* CONTACTO */

.contacto {
   margin-bottom: 80px;
   padding-bottom: 310px;
   background-image: url('../img/detalle-carretera.png'), url('../img/detalle-coches.png');
   background-repeat: no-repeat;
   background-position: top center, bottom center;
}
.contacto .titularSecundario { margin-top: 40px; }
.contacto .titularSecundario span { color: #ff7300; }
.contacto .datosPie {
   display: table;
   float: none;
   margin: 80px auto 20px auto;
}
.contacto .datosPie li a {
   font-size: 18px;
   font-weight: bold;
   color: #ff6e01;
}
.contacto .datosPie li {
   font-size: 18px;
   font-weight: bold;
   display: block;
   margin: 0 30px;
   list-style: none;
}
/* SEGUROS INTERIOR */
.segurosInterior img {
   display: table;
   margin: 30px auto 20px auto;
}
.segurosInterior .titularSecundario { font-size: 36px; }
.segurosInterior .dosColumnasA,
.segurosInterior .dosColumnasB { text-align: center; }
.segurosInterior .dosColumnasA h2,
.segurosInterior .dosColumnasB h2 {
   font-size: 24px;
   font-weight: 700;
}
.segurosInterior .dosColumnasA ul,
.segurosInterior .dosColumnasB ul {
   font-size: 20px;
   font-weight: 600;
}
.segurosInterior .dosColumnasA .btnPrincipal,
.segurosInterior .dosColumnasB .btnPrincipal {
   display: table;
   margin: 50px auto;
   padding: 10px 15px !important;
}
.segurosInterior .dosColumnasA p,
.segurosInterior .dosColumnasB p {
   font-size: 20px;
   font-weight: 400;
}
.contactaConNosotros {
   max-width: 800px;
   margin: 40px auto 80px auto;
   padding: 10px 20px 60px 20px;
   text-align: center;
   border: 1px solid #000;
   border-radius: 20px;
}
.contactaConNosotros h3 {
   font-size: 28px;
   font-weight: 900;
}
.contactaConNosotros .btnPrincipal { padding: 10px 15px !important; }
/* NOSOTROS */
.nosotros {
   margin-top: 90px;
   padding-top: 390px;
   background-image: url('../img/detalle-coches.png');
   background-repeat: no-repeat;
   background-position: top center;
}
.nosotrosTexto {
   font-size: 20px;
   display: block;
   max-width: 900px;
   margin: 60px auto 90px auto;
   text-align: center;
}
.nosotros .dosColumnasA h2,
.nosotros .dosColumnasB h2 { font-weight: 500; }
.nosotros .dosColumnasA h2 strong,
.nosotros .dosColumnasB h2 strong { font-weight: 900; }
.nosotros .dosColumnasA h2 span,
.nosotros .dosColumnasB h2 span { font-weight: 300; }
.nosotros .dosColumnasA p,
.nosotros .dosColumnasB p { font-size: 20px; }
.nosotros .dosColumnasA p strong,
.nosotros .dosColumnasB p strong { font-weight: 500!important; }
.nosotros .dosColumnasA h2 {
   padding-right: 20px;
   text-align: center;
}
.nosotros .dosColumnasB h2 {
   padding-left: 30px;
   text-align: center;
}
.nosotrosAmistad {
   height: 530px;
   margin: 90px 0;
   background-image: url('../img/img-seguros-amistad.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
.noticiasConfianza .titularPrincipal { font-size: 34px; }
/* MODAL TE LLAMAMOS */
#modalTeLlamamos { padding: 0; }
#modalTeLlamamos .formularioPrincipal {
   padding: 10px 20px 50px 20px;
   background-color: #fff;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .06);
}
#modalTeLlamamos a.close-modal {
   top: 57px;
   right: 5%;
}

/* TEXTOS LEGALES */
.textosLegales .gridContainer { max-width: 760px; }
.textosLegales { margin-bottom: 60px; }
.textosLegales ul { padding-left: 1em; }

@media only screen and (min-width: 720px) {
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   margin-left: auto;
   padding-right: 20px;
   padding-left: 20px;
}
.dosColumnasA { width: 100%; }
.dosColumnasB {
   clear: both;
   width: 100%;
   margin-left: 0;
}
.tresColumnasA {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.tresColumnasB {
   clear: none;
   width: 48.7179%;
   margin-left: 2.5641%;
}
.hide_tablet { display: none; }
.zeroMargin_tablet { margin-left: 0; }
.titularPrincipal { font-size: 52px; }
.formularioPrincipal {
   max-width: 624px;
   padding: 90px;
   border-radius: 100px;
}
.formularioPrincipal ul .liAceptarPolitica { margin-bottom: 60px; }
.segurosInterior .dosColumnasA h2,
 .segurosInterior .dosColumnasB h2 { font-size: 30px; }
.segurosInterior .dosColumnasA ul,
 .segurosInterior .dosColumnasB ul { font-size: 24px; }
.segurosInterior .dosColumnasA p,
 .segurosInterior .dosColumnasB p { font-size: 24px; }
.contactaConNosotros {
   padding: 5px 100px 55px 100px;
   border-radius: 100px;
}
.contactaConNosotros h3 { font-size: 36px; }
.nosotros .dosColumnasA p,
 .nosotros .dosColumnasB p { font-size: 24px; }
.nosotrosTexto { font-size: 24px; }
#modalTeLlamamos .formularioPrincipal { padding: 50px 90px; }
#modalTeLlamamos a.close-modal {
   top: 87px;
   right: 129px;
}
}


@media only screen and (min-width: 1200px) {
.gridContainer {
   float: none;
   clear: none;
   width: 100%;
   max-width: 1200px;
   margin: auto;
   margin-left: auto;
   padding-right: 10px;
   padding-left: 10px;
}
.dosColumnasA {
   width: 48.1525%;
   padding-left: 3.6949%;
}
.dosColumnasB {
   clear: none;
   width: 48.1525%;
   margin-left: 0;
   padding-left: 3.6949%;
}
.tresColumnasA {
   clear: both;
   width: 32.2033%;
   margin-left: 0;
}
.tresColumnasB {
   clear: none;
   width: 32.2033%;
   margin-left: 1.6949%;
}
.zeroMargin_desktop { margin-left: 0; }
.hide_desktop { display: none; }
.cabeceraBarra ul li a { display: inline-block; }
.logoPrincipal img { max-width: 100%; }
.barraIcoDireccion img {
   max-width: 50px;
   margin-top: -9px;
}
.barraIcoEmail img {
   max-width: 50px;
   margin-top: -19px;
   padding-right: 0;
}
.barraIcoTelefono img { max-width: 60px; }
.barraIcoMas { display: inline-block; }
.fluid.btnsPresupuestoLlamar { display: none; }
.noMostrarMovil { display: block; }
.noMostrarMovilInline { display: inline; }
.contacto .titularSecundario { margin-top: 410px; }
.segurosInterior .dosColumnasB {
   background-image: url('../img/separador-03.png');
   background-repeat: no-repeat;
   background-position: left 24px top 105px;
}
.nosotros .dosColumnasB {
   background-image: url('../img/separador-x.png');
   background-repeat: no-repeat;
   background-position: left 0 top 30px;
}
.nosotros .dosColumnasA h2 { text-align: right; }
.nosotros .dosColumnasB h2 { text-align: left; }
.contacto .datosPie li { display: inline-block; }
}

@media (max-width: 820px) {
.pieDePagina {
   text-align: center;
   background: url(../img/fondo-pie.png) left top no-repeat #1901ff;
}
.logoPie { margin-top: 40px; }
.copyright {
   display: block;
   text-align: center;
}
.datosPie {
   float: none;
   margin-top: 30px;
}
.datosPie li {
   display: block;
   margin-top: 10px;
}
.pieInfoLegal {
   float: none;
   width: 100%;
   text-align: center;
}
}

@media (max-width: 1200px) {
.animateme {
   transform: none !important;
   opacity: 1 !important;
}
}

/* DIALOG */
form input[type="text"]:focus { outline: none; border-bottom: 1px solid #ff7e00; }
form input[type="text"].wrong { border-bottom: 2px solid #ff0000; }
form label.wrong { text-decoration: underline; color: #f00; }
form img.loader { display:none; }

/* COOKIES */
aside.cookie-policy { padding: 10px; }
aside.cookie-policy * { color:#ddd; font-size: 15px; }	
aside.cookie-policy div.cookie-policy-content { max-width: 900px; margin: 0 auto; }
aside.cookie-policy div.cookie-policy-content div.firstMsg div.row div { width: 100%; float:left; }
aside.cookie-policy div.cookie-policy-content div.firstMsg div.row div.cookie-policy-links { width: 33%; float:left; text-align: center; }
@media (max-width: 767.98px) { 
	aside.cookie-policy div.cookie-policy-content div.firstMsg div.row div,
	aside.cookie-policy div.cookie-policy-content div.firstMsg div.row div.cookie-policy-links { width: 100%; }
}

aside.cookie-policy {padding:10px 0;display:none;position:fixed;left:0;width:100%;margin:0 auto;text-align:left;bottom:0;background-color:#666}
aside.cookie-policy .cookie-policy-content {margin:0 auto;width:100%}
aside.cookie-policy .cookie-policy-content .secondMsg {display:none}
aside.cookie-policy .cookie-policy-content p { margin-bottom: 0px; margin-top: 0px; }
aside.cookie-policy .cookie-policy-content .cookie-policy-links { margin-top:20px;margin-bottom:10px}
aside.cookie-policy .cookie-policy-content .cookie-policy-links .cookie-save {color:#000;cursor:pointer;background-color:#fff;padding:10px}
aside.cookie-policy .cookie-policy-content a.cookie-more-info { cursor:pointer; color:#fff; text-decoration: underline;}
@media screen and (min-width:661px) and (max-width:980px){
	aside.cookie-policy .cookie-policy-content{width:80%}
}
@media screen and (max-width:660px){
	aside.cookie-policy .cookie-policy-content{margin:0 auto;width:90%}
	aside.cookie-policy .cookie-policy-content .cookie-description{display:none}
}	
