/*clases comunes*/

* {
    font-family: 'Lato'!important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
a{
        text-decoration: none!important;
}
.border_bajo {
    border-bottom: 2px solid #cc0935;
    margin-left: 5px;
    margin-right: 5px;
}

.boton-Grande
{
    font-size: 20px;
    min-width: 290px;
    margin: 4%;
    padding: 2%;
}

.boton-comun-rosado {
	border-radius: 6px;
    border: none;
    padding: 1%;
    background-color: #EC0044;
    color: white;
}

.titulo-rosado-centrado {
	text-align: center;
    color: #E50946;
    font-weight: 900;
    font-size: 35px;
}

.titulo-blanco {
	color: white;
    font-size: 50px;
    font-weight: 900;
}
.navbar{
    margin-bottom:-1px;
}
.titulo-azul {
    color: #003368;
    font-weight: 100;
    font-size: 40px;
}
.subtitulo-azul-grande {
	color: #003368;
    font-weight: 600;
    font-size: 40px;
}

.parrafo-gris {
	color: #727270;
    font-size: 13px;
    font-weight: 400;
}

.parrafo-azul {
	font-weight: 900;
    color: #00365F;
    font-size: 11px;
}

.parrafo-azul-grande {
	color: #00365F;
    font-size: 15px;
    text-align: justify;
    font-weight:400;
}

.subtitulo-azul {
	color: #00365F;
	font-weight: 600;
	font-size: 17px;
}

.mini-subtitulo-azul {
	color: #00365F;
    font-weight: 900;
    font-size: 13px;
}

.subtitulo-rosado {
	color: #E50946!important;
    font-weight: 600;
    font-size: 17px;
}

.span-mini-rosado {
	color: #E50946;
    font-size: 11px;
    font-weight: 600;
}

.hover-none:hover {
    text-decoration:none!important;
}

.boton-verde {
    margin-left: 38%;
    border: none;
    margin-top: 4%;
    background-color: #71AF2D;
    color: white;
    padding: 1.5% 3%;
    border-radius: 9px;
}

.bg-gris {
    background-color: #E9F0F8;
}

.p-gris {
    color: #707070!important;
    font-family: 'Lato';
}

.p-blanco {
    color: #ffffff;
    font-family: 'Lato';
}

.p-azul-pequeño {
    color: #00365F;
    font-size: 13px;
    font-weight: 400;
}
/*BLOG V4*/
.navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 5%;
    vertical-align: middle;
}
.navbar-nav>li>a {
    padding-top: 27px;
    padding-bottom: 15px;
}
.menu-lista a{
    color:#ffffff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}
/*.navbar-right {
    float: right!important;
    margin-right: 219px;
}*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 7px 30px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.icon-bar1{
        display: block;
    position: absolute;
    height: 6px;
    width: 42px;
     margin-left:9px;
    background: #ffffff;
    border-radius: 5px;
    top: 73%;
    left: 0;
}
.icon-bar2{
        display: block;
    position: absolute;
    height: 6px;
    top:163%;
    width: 30px;
    background: #ffffff;
    border-radius: 5px;
    margin-left:20px;
    opacity: 1;
    left: 0;

}
.icon-bar3{
        display: block;
    position: absolute;
    height: 6px;
    width: 42px;
     margin-left:9px;
        top:262%;
    background: #ffffff;
    border-radius: 5px;
    opacity: 1;
    left: 0;
}
.numero-secuencia-movil {
    color: white;
    font-size: 27px;
    margin-bottom: 16%;
}

.cuadro-secuencia-movil {
    margin-top: 2%;
    text-align: center;
}

.ofi-region-nombre {
    color: white;
    margin: 3%;
}

.ofi-aseguradora-nombre {
    color: #15375c;
    margin: 1%;
}

.detalle-marcas-lista {
    margin-left: -3%;
    padding-right: 34%;
    margin-top: 4%;
    color: white;
}

.padding-section {
    padding:3%;
}

.padding-color-grey{
    background-color:#f5f5f5;
}

.numero-gigante {
    text-align: center;
    color: #E50946;
    font-weight: 900;
    font-size: 64px;
    font-family: 'Lato'!important;
}

.lineas-rosadas{
    border-bottom: 3px solid #E50946;
    padding-bottom: 3.5%;
}
.parrafo-blanco {
    color: white;
    font-size: 14px;
    font-weight: 100;
}


.input-gris::-webkit-input-placeholder { color: #808080; } /* WebKit */
.input-gris:-moz-placeholder { color: #808080; } /* Firefox 18- */
.input-gris::-moz-placeholder { color: #808080; } /* Firefox 19+ */
.input-gris:-ms-input-placeholder { color: #808080; } /* IE 10+ */

.input-blanco::-webkit-input-placeholder { color: white; } /* WebKit */
.input-blanco:-moz-placeholder { color: white; } /* Firefox 18- */
.input-blanco::-moz-placeholder { color: white; } /* Firefox 19+ */
.input-blanco:-ms-input-placeholder { color: white; } /* IE 10+ */

/*fin- clases comunes*/

.form_geosanslight
{
    padding-top: 63px;
}

#dvRegistro {
	/*background-image:  url("../images/comun/fondo-home.png");
	background-repeat: no-repeat;
    background-position: 25% -3%;
    background-size: 85% 67%;
    margin-top: -14%;
    padding-top: 14%;
    */
    display:block;
}

#dvRegistroMovil
{
    display:none;
}

#Pie-Cotizacion-Resultado-Movil
{
    display:none;
}

.logo-segurosimple {
	width: 59%;
    display: inline;
    margin-bottom: -65px;
}

.logo-segurosimple-movil
{
    height: 64px;
    padding-left: 8px;
    padding-top: 8px;
    display:none;
}
.logo-blog-responsive{
     max-width: 475px; width: 100%; padding-top: 2%; 
}
#CompadadorResultadoDesktop { display: block !important; }
#CompadadorResultadoMovil { display:none !important; }

.te-llamamos-button {
	margin-left: 20%;
    margin-top: 5%;
    border: none;
    border-radius: 13px;
    /*background-color: #E50946;*/
    color: white;
    font-size: 18px;
    padding: 0.5% 2%;
}

.otros-seguros-button {
    border: none;
    border-radius: 8px;
    /*background-color: #E50946;*/
    color: white;
    font-size: 18px;
    width: 145%;
    margin-top: 18%;
    margin-left: -39%;
}

.dropdown-otros-seguros {
    border: none;
    border-radius: 15px;
    margin-left: -38%;
    margin-top: 5%;
    min-width: 148px!important;
    padding: 0;
}

.dropdown-home {
    border: none;
    border-radius: 15px;
    margin-left: -31%;
    margin-top: -5%;
    min-width: 148px!important;
    padding: 0;
}

.dropdown-otros-seguros a:hover, .dropdown-home a:hover  {
    color: white!important;
    background-color: #E50946!important;
}

.te-llamamos-numero {
	display: inline-block;
   	margin-left: 5%;
    font-weight: 900;
    color: #00365F;
    font-size: 18px;
}

.dropdown.menu-home button {
	background-color: transparent;
    border: none;
    background-image: url("../images/comun/menu-hamburguesa.png"); 
    padding: 13%;
    background-size: 145% 116%;
    background-position: 58% 100%;
  	margin-top: 8%;
    margin-left: 52%;
}



.row.titulo-home h1 {
	margin-left: 12%;
    color: white;
    margin-top: 0%;
    font-weight: 900;
    font-size: 34px;
}

.row.titulo-home h2 {
 	margin-left: 12%;
    color: white;
    margin-top: -0.5%;
    font-weight: 100;
    font-size: 30px;
 }

 .cotizador_principal {
 	background-color: #E9F0F8;
    width: 70%;
    border-radius: 30px;
    margin-left: 12%;
    padding: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
 }

 .cotizador_principal h3 {
  	color: #00365F;
    margin-top: -1%;
    font-size: 17px;
    margin-left: 1.4%;
    margin-bottom: 1.6%;
    font-weight: 600;
 }

.format-p {
	color: #00365F;
}
 .cotizador_principal p {
 	color: #00365F;
 }

 .cotizador_principal p, .cotizador_principal input, .cotizador_principal select {
    font-size: 13px!important;
 }

 .cotizador_principal input, .cotizador_principal select {
 	background-color: #9FBACD;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 3%;
    margin-bottom: 3%;
 }

.boton-comparar {
    margin-top: 0.9%;
    margin-bottom: 0.5%;
}

.logos-aseguradoras-grises img {
	width: 83%;
    margin: auto;
    margin-bottom: -27%;
}

.logos-aseguradoras-grises {
	margin-left: 3%;
    margin-right: 16%;
    margin-bottom: 4%;
    margin-top: 4%;
}

.datos-segurosimple {
    margin-left: 0;
}

.datos-segurosimple img {
	width: 85%;
    margin-left: 35%;
}

.datos-segurosimple h5 {
        text-align: center;
    }

.datos-segurosimple p {
	color: #727270;
	font-size: 11px;
    text-align: center;
}

#como-funciona {
	background-color: #F5F5F5;
    padding: 3% 18%;
}

#como-funciona .col-md-3 {
    text-align: center;
}

#como-funciona .col-md-3 p {
	text-align: center;
    color: #E50946;
    font-weight: 900;
    font-size: 64px;
    font-family: 'Lato';
}

#como-funciona .col-md-9 p, #como-funciona .col-md-7 p {
	color: #727270;
    font-size: 13px;
    font-weight: 600;
}

#como-funciona img {
	position: relative;
}

#mayor-corredor {
	background-image: url("../images/mexico/mayor-corredor.png?version=2");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 9% 1%;
}

#mayor-corredor .detalle-mayor-corredor {
    background-color: #01B1AE;
    padding: 2% 3% 2% 7%;
    width: 75%;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-left: 29.5%;
    margin-top: 1%;
}

#mayor-corredor .detalle-mayor-corredor p {
    text-align: right;
    font-size: 24px;
}

#promedio-users {
	padding: 5% 1%;
}

.logos-aseguradoras-colores img {
	width: 100%;
}

#tasas-reales {
	background-color: #F5F5F5;
    padding: 3% 1%;
}

#tasas-reales p {
    padding: 2% 10%;
    text-align: center;
}

#tasas-reales span {
	font-weight: 900;
}

#asistente-personal {
	padding: 9% 1%;
	background-image: url("../images/mexico/asistente-personal.png?version=2");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
}

#asistente-personal .detalle-asistente-personal {
    background-color: #A13388;
    padding: 2% 7% 2% 3%;
    width: 75%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    margin-left: -4.5%;
    margin-top: 1%;
}

#asistente-personal .detalle-asistente-personal p {
    text-align: left;
    font-size: 24px;
}

#conocenos-mas {
    padding: 2% 1%;
    background-color: #f5f5f5;
    margin-top: 2%;
}

#conocenos-mas iframe {
	margin-left: 26.5%;
    margin-top: 2%;
    margin-bottom: 2%;
}

#blog {
	padding: 3% 1%;
}

#blog .col-md-12 {
    padding-right:0!important;
}

#blog h5 {
	color: #00365F;
	font-weight: 600;
	font-size: 17px;
}

#cotiza-aqui {
	background-color: #F5F5F5;
	padding: 3% 1%;
}

#cotiza-aqui .boton-cotiza-aqui {
	font-size: 135%;
    padding: 0.7%;
    margin-top: 3%;
}

#comentarios {
	padding: 4%;
}

#comentarios input, #comentarios textarea {
	margin-bottom: 1%;
    border-radius: 8px;
    border: 1px solid #808080;
    padding: 0.6%;
    font-size: 18px;
}

#comentarios input {
	width: 25%;
}

#comentarios .boton-comentar {
	width: 18%;
}

#opiniones {
	padding: 3%;
}

#medios {
	padding: 3% 1%;
}

#medios img {
    margin: auto;
}

#medios .mini-subtitulo-azul {
    text-align: center;
}

#medios .parrafo-gris {
    text-align: center;
}

#medios .sin-padding-col.col-md-4, #medios .sin-padding-col.col-md-6 {
    padding-right:0px!important;
    padding-left:0px!important;
}

#beneficiados-por {
	background-color: #F5F5F5;
	padding: 4% 1%;
}

#beneficiados-por img {
	width: 100%;
}

#opciones-footer {
	background-color: #3E3C3D;
	color: white;
    padding: 4% 1%;
    margin-top:2%;
}

#opciones-footer a {
	color: white;
}

footer {
	color: white;
    background-color: #202020;
    padding: 2% 1%;
}

.datos-ategia-footer {
	text-align: center;
    margin-bottom: 2%;
}

.datos-ategia-footer .col-md-4, .datos-ategia-footer .col-md-3, .datos-ategia-footer .col-md-2 {
	font-size: 11px;
}

.letras-pequeñas-footer p {
	font-size: 10px;
    text-align: justify;
}
.espacio{
    margin-top:-1%;
}
/*modal inicio*/

/*POP-UP 'TE LLAMAMOS' (modal)*/


.modal-content p {
    margin-left: 15px;
    margin-top: 5px!important;
    text-align: justify;
}
.title {
    margin-bottom: -9px!important;
    font-size: 15px!important;
}
.modal-content input {
    width: 94%;
    margin-left: 13px;
    border-radius: 5px;
    border-style: none;
    border: 1px solid #a9a9a9;
    margin-bottom: -1px;
    padding: 1.5%;
    margin-top: 4px;
}
.modal-content button {
    margin-left: 12px;
    border: none;
    background-color: #D9534F;
    border-radius: 4px;
    color: white;
    padding: 5%;
    margin-top: 21%;
    font-size: 18px;
    width: 90%;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal hr {
    margin: 5px 0;
}
.modal span {
    
    font-weight: 900;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    font-family: "Open Sans";
    letter-spacing: 0;
    font-weight: 100;
    color: #333;
    padding-left: 1%;
    padding-right: 2%;
}

.modal-content-video { 
    padding-right: 35px;
    background-color: #fefefe;
    margin: 12% auto;
    padding: 22px;
    border: 1px solid #888;
    width: 45%;
    padding-top: 23px;
}
/* The Close Button */
.close {
    float: right;
    font-size: 28px;
    color: black;
    margin-top: -6%;
    margin-right: -5%;
}

.closeVideo {
    margin-bottom: 8px;
    margin-right: 2px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeVideo:hover,
.closeVideo:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#menu-flotante {
    background-color: #15375C;
    z-index: 9999;
    position: fixed;
    width: 100%;
    display: none;
    top:0px;
}

#menu-flotante .te-llamamos-button {
    background-color: #EC0044;
    margin-left: 42%;
    padding: 2%;
    margin-top: 8%;
    width: 110px;
}

#menu-flotante .regresa-a-cotizacion {
    width: 100%;
    margin: -1.3% -9%;
}

#menu-flotante .texto-cotizacion {
    color: white;
    font-weight: 100;
    font-size: 12px;
    margin-left: 1%;
    margin-top: -30%;
}

#menu-flotante .logo-isotipo {
    width: 65%;
    margin-left: 84%;
    margin-top: 8%;
}

#menu-flotante .te-llamamos-numero {
    margin-top: 10%;
    margin-left: 15%;
}

#aseguradoras-header {
    background-image: url('../images/fondo-aseguradoras.png');
    margin-top: -10.8%;
    background-position: 25% 0%;
    background-size: 83% 102%;
    background-repeat: no-repeat;
}

#aseguradoras-info {
    padding-top: 5%;
}

#requisitos-segurovehicular {
    background-image: url('../images/images-seguro-vehicular/requisitos-seguro-vehicular.png');
    background-size: 82% 102%;
    background-position: 55% 73%;
    background-repeat: no-repeat;
    margin-bottom: 5%;
    padding-bottom: 3%;
}

#requisitos-segurovehicular p, #opciones-financiamiento p {
    color: white;
}

#opciones-financiamiento {
    background-image: url('../images/images-seguro-vehicular/opciones-financiamiento.png');
    background-size: 82% 101%;
    background-position: 50% 44%;
    background-repeat: no-repeat;
    padding-bottom: 4%;
    margin-bottom: 5%;
    padding-top: 2%;
}

#coberturas-seguro h5, #beneficios-seguro h5, #tipo-seguro h5 {
    text-align: center;
    color: #15375C;
}

#coberturas-seguro img, #beneficios-seguro img, #tipo-seguro img {
    width: 80%;
    margin-left: 10%;
} 

#info-sobre-aseguradoras {
    background-color: #F5F5F5;
    padding: 3% 4%;
}

#info-sobre-aseguradoras img {
    width: 65%;
}

#blog-header {
    background-image: url('../images/fondo-blog.png');
    margin-top: -13.8%;
    background-position: 27% 100%;
    background-size: 83% 95%;
    background-repeat: no-repeat;
}

#blog-aseguradoras img {
    width: 70%;
    margin-left: 15%;
}

.region-ofi-aseguradoras {
    border: 1px solid transparent;
    width: 60%;
    margin: auto;
    margin-bottom: 14%;
    margin-top: 10%;
    border-radius: 14px;
    text-align: center;
    background-color: #15375c;
}

.aseguradoras-nombres-ofi {
    border: 1px solid transparent;
    width: 28%;
    margin: auto;
    text-align: center;
    border-radius: 14px;
    background-color: #E9F0F8;
    margin-bottom: 4%;
    padding: 1%;
}

.boton-llamar img {
    width: 155%;
    margin-left: -51%;
    margin-top: 76%;
}

.info-agencia {
    border-radius: 53px;
    padding: 2% 6%;
    margin: 1% 10%;
    background-color: #E9F0F8;
    margin-bottom: 4%;
}

.detalle-agencia img {
    width: 35%;
}

.detalle-telefono {
    width: 225%;
    margin-left: -113%;
    text-align: center;
    margin-top: 117%;
    color: #15375c;
    font-weight: 600;
}

.detalle-region {
     color: #15375c; 
     font-weight: 600; 
     font-size: 22px;
}

.detalle-distrito {
    color: #15375c; 
    font-size: 18px;
}

.blog_item_posts img {
    width: 70%;
    margin-left: 15%;
}

#info-aseguradora {
    padding: 4% 1%;
}

.lista-modelos-marcas {
    background-image: url('../images/marcas/fondo-modelo.png');
    padding: 15% 6% 10% 20%;
    width: 114%;
}

.lista-modelos-marcas h5 {
    text-align: right;
    color: #15375c;
    font-size: 30px;
    margin-right: 11%;
    margin-top: -2%;
    font-weight: 900;
}

.detalle-modelos-marcas {
    background-image: url('../images/marcas/detalle-modelo.png');
    background-size: 100% 118%;
    background-position: 100% 53%;
    padding: 5% 0%;
}

.detalle-modelos-marcas img {
    width:100%
}

.detalle-modelos-marcas p {
    font-size: 14px;
    margin-top: 7%;
    color: #00365F;
    margin-left: -6%;

}

.detalle-modelos-marcas button {
    border-radius: 10px;
    border: none;
    padding: 8%;
    color: white;
    background-color: #EC0044;
    margin-top: 13%;
    margin-left: -22%;
}

.video-marca-movil {
    margin-left: 10%;
    margin-top: 22%;
}
#compara-asegura-ahorra p {
    font-weight:400;
    text-align:left;
}
#compara-asegura-ahorra img {
    width: 135%;
    margin-left: -19%;
}

#logos-cias-grises img {
    max-width: 100%;
}

/*Landing Inicio*/

.cotizador_main {
    background: rgba(233, 240, 248, .5);
    border-radius: 20px;
    padding: 2%;
    margin-bottom: 2%;
    padding-bottom: 2%;
    color: #00365F
 }
/*background de index*/
#Seccion-Home {
    background-image: url(../images/home-img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 350px;
    background-position: center center;
    padding: 0% 1%;
}
/*3 imagenes*/

.Seccion-Home-Masvisto {

    background-repeat: no-repeat;
    background-size: 100%;
    height:150px;
  
    border-bottom-right-radius: 30%;
}

.opacity-seccion-Home-Masvisto{
    color: white;
    font-size: 1.2rem;
    height: 150px;
    /*background-size:cover;*/
    padding: 9% 1%;
    border-bottom-right-radius: 30%;
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(255,0,0,0), rgba(25, 121, 216, 0.7)); /* Standard syntax (must be last) */

}
.subtitulo-blanco {
        font-size: 18px;
        color: #ffffff;
        font-weight: 600;
        min-height: 45px;
    }
    .borde-magenta {
        border-color: #EC0044;
        border-top: 2px solid #EC0044;
        width: 90%;
    }
/*background de categorias/detalles */

#Seccion-Categorias {
    background-image: url(../images/home-img.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 350px;
    background-position: center center;
    padding: 0% 1%;
}
#Seccion-categoriasFour {
    background-image: url(../images/bg_bloque_promo_mama.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height:200px;
    border-bottom-right-radius: 30%;
}

    #polinaCatetgoria a {
        text-decoration: none !important;

    }
    #polinaCategoria {
        font-weight: 100;
        left: 18%;
        background: rgba(25, 121, 216, 0.2);
        color: white;
        padding: 2rem;
        width: 60%;
        margin: 2rem;
        font-size: 1.2rem;
        border-radius: 12px;
        top: 52px;
    }
#polinaCategoriasFour{
        background: rgba(25, 121, 216, 0.2);
        color: white;
        font-size: 1.2rem;
        height: 200px;
        padding: 0% 1%;
        border-bottom-right-radius: 30%;
    }



/*background Entradas Recientes*/
#seccion-entradasRecientes{
     background-image: url(../images/entradasRecientes.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 490px;
    margin-top: 1%;
    background-position: center center;
}
/*cierre de entradas recientes*/

#BusquedaResultado{
     background-image: url(../images/busqueda.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 490px;
    margin-top: 1%;
    background-position: center center;

}

/*Post Noticias*/

    .noticia {
        background-repeat: no-repeat;
        background-size: 100%;
        width: 241px;
        height: 182px;
        border-bottom-right-radius: 30%;

}
    .opacityNoticia{
        color: white;
        font-size: 1.2rem;
        width: 241px;
        height: 182px;
        padding: 8% 1%;
        border-bottom-right-radius: 30%;
        background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to top, rgba(255,0,0,0), rgba(25, 121, 216, 0.7)); /* Standard syntax (must be last) */
    }
/*Noticias Relacionadas - footer*/
   .noticiaRelacionados {
        background-repeat: no-repeat;
        background-size: cover;
        height:200px;
        border-bottom-right-radius: 30%;
}
    .opacityNoticiaRelacionados{
        color: white;
        font-size: 1.2rem;
        height: 200px;
        padding: 8% 3%;
        border-bottom-right-radius: 30%;
        background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(25, 121, 216, 0.5)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to top, rgba(255,0,0,0), rgba(25, 121, 216, 0.7)); /* Standard syntax (must be last) */

    }
    .noticiaRelacionados h5{
        text-align:center;
    }

/*css en comun de BlogV3*/
    .titulo-blog {
        color: white;
        text-align: center;
        max-width: inherit;
        margin-top: 1%;
        font-size: 45px;
        font-weight: 600;
    }
/*cierre de BlogV3*/

/*Blog anterior*/

#Seccion-Blog {
	background-image: url("../images/recursosBlog/auto_home.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    height:100%;
    padding: 0% 1%;
}

/*Landing Fin*/

/*Menu Inicio*/

#nav-icon1 {
  width: 40px;
  height: 32px;
  position: relative;
  margin: 20px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 99999 !important;
  margin-right: 10px;
}
nav{
    background-color:#15375C;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 15px;
  width: 80%;
  left: 20%;
}

#nav-icon1 span:nth-child(3) {
  top: 30px;
}

#nav-icon1.open span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.menu {
    width: 20%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99998;
    background: #00365F;
    padding: 50px 2% 35px;
    color: white;
    font-size: 15px;
    font-family: 'Lato';
    margin-left: 80%;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    border-top-left-radius: 45px;
}
.menu .row{
	margin:0; 
}

.menu .close_menu{
	position: absolute;
	top: 50px;
	right: -45px;
}

.menu a{
	color: white;
	text-transform: uppercase;
}

.menu ul,
.menu ul li{
	list-style:none;
	padding: 0;
	margin: 0;
}

.menu ul li{
	padding: 10px 0;
}

.menu .close_menu_white{
	position: absolute;
	top: 15px;
	right: 15px;
	display: none;
}

/*Menu Fin*/

/*Header Cotizacion*/

.Nav-Cotizacion
{
    background-color: #00365F; 
    min-height:50px;
    font-size: 28px;
    color: #fff;
}

.PasoInactivo
{
    text-align: center;
    color: white;
}

.PasoActivo
{
    text-align: center;
    background-color: #CC0935;
    color: white;
    min-height: 50px;
}

.PasoAnterior
{
    font-size: 28px;
    text-align: center;
    color: white;
    cursor:pointer;
}

.p_Nav-Cotizacion {
    margin: 10px 10px 10px !important;
}

.Tr_Marca
{
    
}

.Td_Marca{
    color: #00365F; 
    font-weight: 600; 
    font-size: 17px; 
    border-bottom: 1.3px solid #FE0041; 
    padding-left: 3%;
    padding-top: 2%;
    padding-bottom: 2%;
    cursor:pointer;
}
/*blog*/
.nav-logo{
   margin: 1% 0% 4% 0%;
}
.nav-blog{
       padding: 5px 0px 5px 0px;
    margin-top: 1%;
    background-color: #003368;
}
.nav-blog a{
   color:white !important;
   text-decoration:none;
}
.contenido-blog{
     width: 1036px;
    margin: 0 auto;
    margin-top: 2%;
}
 .blog-h3 {
    color: #E50946;
    font-weight: 500;
    padding:1% 0% 3% 0%;
}
    }
.paddingTexto{
   padding: 0% 6% 0% 6%;
}
.isotipo-blog{
        background-image: url(/assets/images/recursosBlog/s-cortada.png);
    background-position: 112% 10%;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    padding: 115% 0%;
    margin-right: -76.5%;
    margin-top: 95%;
}

#header-wrapper{
	height: 198px;
}
.logo-seguro{
	padding: 3%;
}
.logo-seguro img {
    height: 148px;
}
#nav > ul {
				margin: 0;
                margin-left: 60px;
			}

.mg-bottom{
	margin-bottom: 3%;
	}

.navbar-default .navbar-nav>li>a {
    color:white;
}

/*menu desplegable*/
.dropdown-menu > li > a{
    color:#00365F!important;
}
/*media queries*/

@media screen and (max-width: 1345px) {
    .otros-seguros-button {
        width: 170%;
    }
    .te-llamamos-button {
        border-radius: 8px;
    }
}

@media screen and (max-width: 1327px){
    #como-funciona img{
        display: none;
    }
}

@media screen and (max-width: 1260px) {
    .otros-seguros-button {
        margin-left: -15%;
        width: 195%;
    }
}

@media screen and (max-width: 1220px) {
    .input-lima {
        margin-left: -9%;
        position: relative;
        top: -3px;
        left: 20%;
    }
    .input-provincia {
        margin-left: 10%!important;
        position: relative;
        left: -28%;
        top: 21px;
    }
    .span-input-lima {
        position: relative;
        top: -5px;
        left: 25%;
    }
    .span-input-provincia {
        position: relative;
        left: -23%;
        top: 19px;
    }
}

@media screen and (max-width: 1209px){
  .nav{
    margin-left: 110px;
}
}

@media screen and (max-width: 1206px){
    .cotizador_principal
    {
        width: 74%;
    }

    .form_geosanslight
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

}

@media screen and (max-width:1199px){
    #conocenos-mas iframe {
        margin-left: 21%;
    }
}

@media screen and (max-width: 1197px) {
    .te-llamamos-button {
        margin-left: -26%;
    }
    .te-llamamos-numero {
        position: relative;
        top: 0px;
        left: 5%;
    }
    .otros-seguros-button {
        width: 215%;
        margin-left: -145%;
    }
    .titulo-home h1 {
        font-size: 28px!important;
    }
    .titulo-home h2 {
        font-size: 24px!important;
    }
}

@media screen and (max-width: 1138px){
    .cotizador_principal{
        width: 80%;
    }
}

@media screen and (max-width: 1077px){
  .nav{
    margin-left: 27px;
}
}

@media screen and (max-width: 1049px){
    .cotizador_principal{
        margin-left: 7%!important;
        width: 85%;
    }

    .titulo-home h1, .titulo-home h2 {
        margin-left: 7%!important;
    }
    #Seccion-Home {
    height: 274px;
}
    .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
    @media (max-width: 1024px) {
     .menu {
    width: 25%;
    margin-left: 75%;
}
     .navbar-header {
    float: left;
    width: 39%;
}
        }
@media screen and (max-width: 994px){
    .otros-seguros-button {
        width: 245%;
        margin-left: -115%;
    }

    .te-llamamos-numero{
        color: white;
        font-weight: 400;
}

    .ItemsCoberturasDeducibles { font-size:12px; }

}

@media screen and (max-width: 991px){

    .menu {
        width: 35% !important;
        margin-left: 65% !important;
    }
    .datos-segurosimple img {
        width: 42%;
        margin-left: 31%;
    }
    #promedio-users h3, #cotiza-aqui h3 {
        font-size:35px;
    }
    #promedio-users span, #cotiza-aqui span  {
        font-size:35px;
    }
    #conocenos-mas iframe{
        margin-left: 12%;
    }
    #mayor-corredor{
        background-position: center left;
    }

    .logo-segurosimple {
        display: none;
    }

    .logo-segurosimple-movil {
        display: inline;
    }
   

    #Seccion-Home { padding: 1% 1% !important; }
    .SubTituloCotizacion { display:none; }
    .imgPromocion { display:none; }

    .CalificacionEstrellas { width: 150px !important; }

    .RemoverMovil { display:none; }

    .form_geosanslight { padding-top: 23px; }

    #btCotizarOtroVehiculo, #btEnviarMail, #btDescargar, #btCotizarOtroVehiculo_pie, #btEnviarMail_pie, #btDescargar_pie{ font-size: 10px; }

}

@media screen and (max-width: 985px){
    .cotizador_principal{
        width: 90%;
        margin-left: 6%;
    }

    .titulo-home h1, .titulo-home h2 {
        margin-left: 6%!important;
    }
}

@media screen and (max-width: 930px){
    .cotizador_principal{
        width: 95%;
        margin-left: 2%!important;
    }
}

@media screen and (max-width: 919px){
    .otros-seguros-button {
        width: 274%;
        margin-left: -83%;
    }
}
@media screen and (max-width: 916px){
    .nav{
        margin-left:16px;
        }
    }
@media screen and (max-width: 898px){
    .nav{
        margin-left: -89px;
    }
  }
@media screen and (max-width: 892px){
    .nav{
        margin-left: 2px;
}
    }
@media screen and (max-width: 855px){
    .nav{
        margin-left: -101px;
        }
    .logo-seguro img {
    height: 112px;
    }
    #header-wrapper {
    height: 178px;
}
 }

@media screen and (max-width: 829px){
    .nav{
        margin-left: -101px;
    } 
    .logo-seguro img {
        height: 100px;
        width: 49%;
    }
    #header-wrapper {
        height: 178px;
    }
 }

@media screen and (max-width:881px){
    #menu-flotante .logo-isotipo{
        width: 100%;
        margin-left: 84%;
        margin-top: 28%;
    } 
    #menu-flotante .te-llamamos-button{
        background-color: #EC0044;
        margin-left: 42%;
        padding: 2%;
        margin-top: 13%;
        width: 110px;
    }
    #menu-flotante .te-llamamos-numero{
        margin-top: 15%;
        margin-left: 8%;
    }
}

@media screen and (max-width:861px) {
    .te-llamamos-button {
        margin-left: -63%;
    }
    .otros-seguros-button {
        width: 300%;
        margin-left: -221%;
    }
    .dropdown.menu-home button {
        margin-top: 13%;
        background-size: 160% 133%;
    }
    .titulo-home h1 {
        font-size: 25px!important;
    }
    .titulo-home h2 {
        font-size: 21px!important;
    }
    #menu-flotante .te-llamamos-numero{
        margin-left: -7%;
    }
    #menu-flotante .te-llamamos-button{
        margin-left: 15%;
    }
    #menu-flotante{
        margin-top: -12.4%;
    }
}

@media screen and (max-width: 830px){
    #promedio-users h3, #cotiza-aqui h3  {
        font-size:30px;
    }
    #promedio-users span, #cotiza-aqui span  {
        font-size:30px;
    }
}

@media screen and (max-width:819px) {
    .otros-seguros-button {
        width: 355%;
    }
}

@media screen and (max-width: 804px) {
    .otros-seguros-button {
        width: 375%;
        margin-left: -187%;
    }
}

@media screen and (max-width: 768px) {
    .navbar-header {
    float: left;
    width: 32%;
}
    .navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 12px;
}
    .logo-segurosimple-movil {
    height: 58px;
                 }
}


@media screen and (max-width: 767px) {
  .navbar-collapse {
    background-color: #15375C;
    padding: 2% 22% 2% 22%;
    z-index: 100000000;
    position: absolute;
    width: 100%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
  .navbar-header {
    float: none; 
    width: 100%; 
}
  .menu-lista{
          padding: 1% 15% 1% 16%;
  }
  .navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 11px;
    font-size: 15px;
}
  .dropdown-menu > li > a {
    color: #ffffff!important;
}
    .logo-segurosimple-movil {
        height: 60px!important;
    }
    .logos-aseguradoras-colores img {
        width: 65%;
        margin: 6%;
    }

    #blog img {
        width: 55% !important;
        margin: auto;
        margin-bottom: 2%;
    }

    .input-lima, .input-provincia, .span-input-lima, .span-input-provincia{
        position: relative!important;
        top: 0!important;
        left: 0!important;
    }
    .input-lima {
        margin-left:0!important;
    }
    .input-provincia{
        margin-left: 23%!important;
    }
    #IndicadorRecibirInformacion{
        margin-left: 6%!important;
    }

    #beneficiados-por img {
        width: 82%;
    }
    #medios img {
        width: 65%;
        margin-bottom: 2%;
    }
    #medios .mini-subtitulo-azul {
        width: 50%;
        margin: auto;
    }
    #medios .parrafo-gris{
        width: 55%;
        margin: auto;
        margin-bottom: 4%;
    }
    #blog .span-mini-rosado{
        width: 53%;
        margin: 1% auto;
    }
    #blog .subtitulo-azul {
        width: 45%;
        margin: auto;
        text-align: center !important;
    }
    #blog .parrafo-gris {
        width: 53%;
        margin: auto;
        margin-bottom: 4%;
    }
   .menu {
    width: 62%!important;
    margin-left: 38%!important;
    padding: 31px 17% 12px!important;
    border-top-left-radius: 0!important;
}
    .menu ul li {
    font-size: 16px!important;
    font-weight: 100;
}

}

@media screen and (max-width: 760px){
    .te-llamamos-button {
        padding: 0% 3%;
        font-size: 14px;
    }
    .te-llamamos-numero{
        font-size: 14px;
    }
    .otros-seguros-button {
        font-size: 14px;
        width: 312%;
        margin-left: -284%;
    }

    .CalificacionEstrellas{ width: 120px !important; }

    .ItemsCoberturasDeducibles { font-size:10px; }
}

@media screen and (max-width: 731px){
    .otros-seguros-button {
        width: 401%;
        margin-left: -145%;
    }
}

@media screen and (max-width:720px){
    #conocenos-mas iframe {
        margin-left: 7%;
    }
}

@media screen and (max-width: 708px) {
    .te-llamamos-button {
        margin-left: -65%;
        font-size: 14px;
    }
    .te-llamamos-numero {
        font-size: 14px;
    }
    .otros-seguros-button {
        width: 368%;
        margin-left: -277%;
        font-size: 14px;
    }
    .dropdown.menu-home button {
        margin-top: 17%;
        background-size: 169% 131%;
    }
}

@media screen and (max-width: 670px){
    #promedio-users h3, #cotiza-aqui h3  {
        font-size:25px;
    }
    #promedio-users span, #cotiza-aqui span  {
        font-size:25px;
    }
    .te-llamamos-button {
        margin-left: -68%;
    }
    .otros-seguros-button {
        width: 430%;
        margin-left: -250%;
    }
    #conocenos-mas iframe{
        margin-left: 5%;
    }
}

@media screen and (max-width:640px){
    .menu-lista{
        padding: 0% 20% 0% 20%;
    }
    .navbar-blue{
            height: 65px;
    }
   .navbar-collapse.in {
    padding: 3% 25% 2% 25%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
    .menu {
    width: 55%!important;
    margin-left: 45%!important;
    padding: 32px 9% 16px!important;
    border-top-left-radius: 0!important;
}
    .logo-segurosimple-movil {
    height: 55px!important;
}
    .container-fluid{
            height: 64px!important;
    }
    #conocenos-mas iframe {
        width: 60%;
        margin-left: 20%;
    }
    #conocenos-mas h3 {
        font-size: 30px;
    }
    .otros-seguros-button{
        width: 460%;
        margin-left: -259%;
    }
    .te-llamamos-button {
        display:none;
    }
    .te-llamamos-numero
    {
        display:none;
    }
    .otros-seguros-button
    {
        display:none;
    }

    #dvRegistro{ display:none;}
    #dvRegistroMovil{ display:block;}

    .cotizador_main {
         padding:0% !important; 
         background: none !important;
    }
    #dvPanelIzquierdo, #logos-cias-grises, #menu-flotante{ display:none !important; }

    #CompadadorResultadoDesktop { display:none !important; }
    #CompadadorResultadoMovil { display:block !important; }
    #Pie-Cotizacion-Resultado-Movil{ display:block !important; }

    .form_geosanslight {
        padding-top: 10px;
    }

    .form_geosanslight .btn-danger
    {
        font-size: 10px;
        margin-bottom:5px;
    }

    .titulo-azul
    {
        font-size: 30px;
    }
}

@media screen and (max-width:611px){
    .otros-seguros-button{
        font-size: 11px;
        margin-top: 34%;
        width: 96px;
    }
}

@media screen and (max-width:600px){
   .container-fluid{
    margin-top: 0%;
   }
   .logo-blog-responsive{
       width:56%;
       padding-top: 5%;
   }
}
@media screen and (max-width: 600px){
    .logo-seguro img {
        height: 86px;
        width: 229px;
    }
      #header-wrapper{
	    height: 116px;
    }
}
@media screen and (max-width: 600px)
{
   .blog-h3{
           font-size: 18px;
    text-align: center;
   }
   .subtitulo-azul {
    color: #00365F;
    font-weight: 400;
    font-size: 17px !important;
}
   
  .subtitulo-azul-grande {
       font-size: 20px !important;
    text-align: center;
    margin: 3% 1% 2% 0%;
   }
   .responsiveTitle{
        font-size: 13px !important;
   }
    p{
        font-size:12px;
}
    iframe{
        height: 210px;
    }
}

@media screen and (max-width: 583px){
    #asistente-personal .detalle-asistente-personal{
        width: 100%;
    }
    #mayor-corredor .detalle-mayor-corredor {
        width:100%;
        margin-left:6.5%;
    }

    .Nav-Cotizacion { font-size: 20px !important; }
}

@media screen and (max-width: 560px){
    #promedio-users h3, #cotiza-aqui h3  {
        font-size:20px;
    }
    #promedio-users span, #cotiza-aqui span  {
        font-size:20px;
    }
    #conocenos-mas iframe {
        width: 70%;
        margin-left: 14%;
    }
    #blog img{
        width: 70% !important;
    }
    #blog .subtitulo-azul{
        width: 60%;
    }
    #blog .parrafo-gris{
        width: 65%;
    }
    .logo-blog-responsive {
        width: 62%;
        padding-top: 5%;
    }
    #titulo-opacity-h5 {
        padding: 15% 1% 12.4% 1% !important;
        margin-left: 1.2%;
        font-size: 26px !important;
    }
}

@media screen and (max-width:540px){
    .otros-seguros-button{
        margin-left: -350%;
    }
}

@media screen and (max-width:518px){
    .otros-seguros-button{
        margin-top: 46%;
        margin-left: -512%;
    }
}

@media screen and (max-width: 491px){
    #mayor-corredor .detalle-mayor-corredor {
        padding: 2% 3% 2% 12%;
    }
    .logo-blog-responsive {
        width: 65%;
        padding-top: 5%;
    }
    #titulo-opacity-h5 {
        padding: 12% 1% 11.4% 1% !important;
        margin-left: 1.5%;
        font-size: 26px !important;
    }

    .menu {
    width: 100%!important;
    margin-left: 0%!important;
    padding: 61px 9% 16px!important;
    border-top-left-radius: 0!important;
}
    .menu ul li {
    font-size: 13px!important;
    font-weight: 100;
}
    .logo-segurosimple-movil {
    height: 52px!important;
}
}

@media screen and (max-width: 450px){
    #promedio-users h3, #cotiza-aqui h3  {
        font-size:15px;
    }
    #promedio-users span, #cotiza-aqui span  {
        font-size:15px;
    }
    #conocenos-mas iframe {
        width: 80%;
        margin-left: 9%;
    }
     .logo-blog-responsive {
        width: 80%;
        padding-top: 4%;
    }
}

@media screen and (max-width: 424px){
    .otros-seguros-button{
        margin-top: 105%;
        margin-left: -767%;
    }
}

@media screen and (max-width: 410px){
    .titulo-blog {
            font-size: 20px;
            font-weight: 400;
        }
    .otros-seguros-button{
        margin-top: 138%;
        margin-left: -39px;
    }
    .logo-blog-responsive {
        width: 85%;
        padding-top: 5%;
}
    #nav-icon1 {
    width: 31px;
    height: 22px;
    position: relative;
    margin: 11px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 99999 !important;
    margin-right: 7px;
}
    .logo-segurosimple-movil {
    height: 49px!important;
}
    .container-fluid {
    height: 54px!important;
}
 }

@media screen and (max-width: 320px){
   
    .navbar-blue {
        height: 50px;
    }
    .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 5%;
    width: 113px;
    vertical-align: middle;
}
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 6px 30px;
        margin-top: 1px;
        margin-right: 15px;
        margin-bottom: 8px;
    }
}


/*BLOG RESPONSIVE*/