/*
Theme Name: Summa
Template Theme URI: https://www.johnappleman.com/
Author: Johnappleman 
Description: Template Summa. 
Version: 1.0 
*/

/*GENERAL*/
body, html { font-family: 'Roboto', sans-serif; float: left; width: 100%; margin: 0px; padding: 0px; background-color: #fff; position: relative; color: #000; }
.columna { float: left; width: 100%; margin: 0px; }
.centrar_web { margin: 0px auto; display: block; width: 1200px; }
p { margin: 0px 0px 20px 0px; font-size: 20px; line-height: 30px; }
.color_azul { color: #004876; }
.color_verde { color: #b6bd00; }

.cabecera { padding: 40px 0px 80px 0px; }
.cabecera .logo_principal { width: 280px; margin: 0px auto; display: block; }
.cabecera .cabecera_web { float: left; width: 96%; border-bottom: 2px solid #b6bd00; padding: 50px 2% 15px 2%; margin: 0px 0px 40px 0px; }
.cabecera .cabecera_web .logo { float: left; width: 230px; margin: -45px 0px 0px 0px; }
.cabecera .cabecera_web ul { float: right; margin: 0px; padding: 0px; }
.cabecera .cabecera_web ul li { float: left; margin: 0px 0px 0px 75px; display: block; }
.cabecera .cabecera_web ul li .datos { float: left; }
.cabecera .cabecera_web ul li .icon-wrapper { float: left; margin: 0px 10px 0px 0px; }
.cabecera .cabecera_web ul li .icon-wrapper span { color: #004876; font-size: 30px; }
.cabecera .cabecera_web ul li a { text-decoration: none; }
.cabecera .cabecera_web ul li a p { color: #000; }
.cabecera .cabecera_web ul li p.superior { font-size: 16px; font-weight: bold; color: #004876; }
.cabecera .cabecera_web ul li p { margin: 0px; line-height: 19px; font-size: 12px; }
.cabecera .menu { float: left; width: 100%; }
.cabecera .menu ul { text-align: center; margin: 0px; padding: 0px; }
.cabecera .menu ul li { display: inline-block; margin: 0px 25px; font-size: 17px; }
.cabecera .menu ul li a { color: #004876; font-weight: bold; }

.footer { border-top: 2px solid #b6bd00; margin: 30px 0px 20px 0px; padding: 20px 0px 0px 0px; text-align: center; font-weight: 300; }
.footer p { font-size: 14px; }
.footer a { text-decoration: none; color: #004876; font-weight: bold; }
/*FIN GENERAL*/

/*HOME*/
.principal {}
.principal .izquierda { float: left; width: 50%; margin: 0px 4% 0px 0px; }
.principal .izquierda h1 { font-size: 60px; font-weight: bold; margin: 0px; line-height: 70px; width: 80%; }
.principal .izquierda ul { margin: 25px 0px 0px 55px; padding: 20px 0px 20px 25px; border-left: 5px solid #b6bd00; font-size: 22px; font-weight: 300; line-height: 40px; }
.principal .izquierda ul li { display: block; }
.principal .izquierda ul li span { color: #004876; font-weight: bold; }
.principal .derecha { float: right; width: 44%; border: 1px solid #004876; padding: 5px; }
.principal .derecha .contenido { background: #b6bd00; float: left; width: 100%; text-align: center; }
.principal .derecha h2 { font-size: 34px; line-height: 44px; font-weight: bold; border-bottom: 3px solid #004876; width: 90%; margin: 50px auto 20px auto; }
.principal .derecha p { color: #fff; font-size: 31px; line-height: 55px; }
.principal .derecha p span { font-weight: bold; font-size: 42px; }
.principal .derecha ul { width: 100%; margin: 50px 0px 30px 0px; padding: 0px; display: flex; flex-wrap: wrap; }
.principal .derecha ul li { width: 25%; display: block; }
.principal .derecha ul li a:hover { opacity: 0.5; }
.principal .derecha ul li img { width: 85px; }

.gratis { padding: 90px 0px; text-align: center; }
.gratis h2 { font-size: 110px; font-weight: 400; line-height: 110px; margin: 0px; }
.gratis img { margin: -15px -180px 0px 0px; width: 235px; }
.gratis p { font-size: 23px; }

.opcion1 { margin: 0px 0px 50px 0px; background: #848c75; color: #fff; padding: 35px 0px; }
.opcion1 h3 { margin: 0px; font-size: 50px; line-height: 60px; font-weight: 400; float: left; width: 40%; }
.opcion1 img { float: right; margin: 24px 0px 10px 0px; width: 250px; }
.opcion1 a:hover { opacity: 0.5; }

.opcion_2_nuestros { background: #b6bd00; }

.opcion2 { margin: 0px 0px 50px 0px; background: #848c75; color: #fff; padding: 35px 0px; text-align: center; }
.opcion2 h3 { margin: 0px; font-size: 50px; line-height: 60px; font-weight: 400; }

.colaboradores { margin: 100px 0px 0px 0px; }
.colaboradores img { width: 100%; height: auto; }

.ventana { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; }
.contenido-ventana { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 1rem 1.5rem; width: 24rem; border-radius: 0.5rem; }
.boton-cerrar { float: right; width: 1.5rem; line-height: 1.5rem; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: lightgray; }
.boton-cerrar:hover { background-color: darkgray; }
.mostrar-ventana { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
/*FIN HOME*/

/*NOSOTROS*/
.principal_nosotros .izquierda { float: left; width: 40%; }
.principal_nosotros .izquierda img { width: 90%; }
.principal_nosotros .derecha { float: left; width: 60%; margin: 70px 0px 0px 0px; }
.principal_nosotros .derecha h1 { margin: 0px 0px 17px 0px; font-size: 34px; font-weight: 400; }
.principal_nosotros .derecha p { font-size: 16px; line-height: 26px; }
.principal_nosotros .derecha ul { margin: 0px 0px 0px 35px; padding: 0px; }
.principal_nosotros .derecha ul li { font-size: 20px; line-height: 47px; display: block; }
.principal_nosotros .derecha ul li img { width: 20px; margin: 6px 15px 0px 0px; float: left; }

.banner_opcion1 { position: relative; padding: 50px 0px; margin: 50px 0px 0px 0px; }
.banner_opcion1 h2 { color: #fff; margin: 0px 0px 45px 0px; text-align: center; font-size: 41px; }
.banner_opcion1 .porcentaje { float: left; padding: 25px 40px 10px 40px; background: #b6bd00; border-radius: 15px; }
.banner_opcion1 .porcentaje p { margin: 0px; font-size: 15px; line-height: 15px; }
.banner_opcion1 .porcentaje p span { font-size: 100px; color: #fff; font-weight: bold; line-height: 100px; }
.banner_opcion1_debajo { background: #848c75; padding: 55px 0px; margin: 0px 0px 50px 0px; }
.banner_opcion1_debajo h3 { font-size: 35px; text-align: center; color: #fff; margin: 0px; }

.localizanos { padding: 80px 0px; }
.localizanos .izquierda { float: left; width: 60%; margin: 40px 0px 0px 0px; }
.localizanos .izquierda h2 { margin: 0px 0px 40px 0px; font-size: 34px; font-weight: 400; text-align: center; }
.localizanos .izquierda h3 { margin: 0px 0px 20px 0px; text-align: center; font-weight: bold; font-size: 22px; }
.localizanos .izquierda p { text-align: center; }
.localizanos .izquierda img { margin: 50px auto; width: 90%; display: block; }
.localizanos .derecha { float: right; width: 40%; }
.localizanos .derecha img { float: right; width: 360px; height: auto; }
.localizanos .derecha .contenido { float: right; width: 260px; background: #004876; margin: -75px 46px 0px 0px; text-align: center; color: #fff; padding: 30px 0px; }
.localizanos .derecha .contenido h3 { margin: 0px; font-size: 25px; font-weight: 400; }
.localizanos .derecha .contenido h4 { margin: 8px 0px 15px 0px; font-size: 28px; font-weight: 400; }
.localizanos .derecha .contenido p { font-size: 14px; line-height: 25px; margin: 0px; }
.localizanos .derecha .contenido p a { color: #fff; text-decoration: none; }

.page-template-nosotros .cabecera { padding: 40px 0px 35px 0px; }
/*FIN NOSOTROS*/

/*NUESTROS SEGUROS*/
.particulares { padding: 70px 0px; }
.particulares .izquierda { float: left; width: 60%; margin: 20px 0px 0px 0px; }
.particulares .izquierda h2 { font-size: 24px; text-decoration: underline; margin: 0px 0px 30px 0px; font-weight: bold; line-height: 34px; }
.particulares .izquierda h3 { font-size: 39px; line-height: 49px; margin: 0px 0px 20px 0px; }
.particulares .izquierda ul { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 50px; line-height: 38px; }
.particulares .izquierda ul li { float: left; display: block; font-size: 20px; }
.particulares .izquierda ul li img { width: 20px; margin: 6px 15px 12px 0px; float: left; }
.particulares .derecha { float: left; width: 40%; }
.particulares .derecha img { width: 100%; float: right; }
.particulares .abajo { float: left; width: 90%; margin: 50px 5%; border-bottom: 3px solid #b6bd00; }
.particulares .abajo ul { display: flex; flex-wrap: wrap; margin: 0px; padding: 0px 0px 60px 0px; justify-content: center; }
.particulares .abajo ul li { width: 20%; display: block; text-align: center; margin: 0px 0px 40px 0px; }
.particulares .abajo ul li img { width: 100px; }
.particulares .abajo ul li a { color: #004876; text-decoration: none; }
.particulares .abajo ul li a:hover { opacity: 0.5; }
.particulares .abajo ul li h3 { font-size: 20px; font-weight: 400; margin: 4px 0px 0px 0px; }

.particulares_2 { padding: 0px; }
.particulares_2 .izquierda { width: 55%; margin: 20px 0px 0px 5%; }
.particulares_2 .abajo { border-bottom: 0px; }
.particulares_2 .abajo ul li { width: 16.66%; }

.page-template-nuestros-seguros .cabecera { padding: 40px 0px 35px 0px; }

.banner_opcion1_debajo {}
.banner_opcion1_debajo form { float: left; width: 100%; margin: 25px 0px 0px 0px; }
.banner_opcion1_debajo .columna { float: left; width: 33.33%; }
.banner_opcion1_debajo .columna label { color: #fff; }
.banner_opcion1_debajo .columna label a { color: #fff; }
.banner_opcion1_debajo .columna input { margin: 0px 0px 10px 0px; border: 2px solid #b6bc00; border-radius: 25px; padding: 9px 15px; width: 85%; }
.banner_opcion1_debajo .wpcf7-list-item { margin: 0px; }
.banner_opcion1_debajo .wpcf7-list-item input { width: auto; margin: -2px 4px 0px 0px; }
.banner_opcion1_debajo .wpcf7-form-control-wrap { margin: 6px 0px 0px 0px; float: left; width: 100%; }
.banner_opcion1_debajo .columna input.wpcf7-submit { margin: 26px 0px 15px 0px; background: url('/wp-content/uploads/2020/12/boton-formulario.png'); background-repeat: no-repeat; background-size: 122px; background-position: left center; border: none; color: transparent; padding: 13px 15px; }
.banner_opcion1_debajo .columna input.wpcf7-submit:hover { opacity: 0.5; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { float: left; padding: 10px 15px; }
.banner_opcion1_debajo .tercera_columna { margin: -2px 0px 0px 0px; }
/*FIN NUESTROS SEGUROS*/

/*SINIESTRO*/
.principal_siniestro { padding: 0px 0px 60px 0px; }
.principal_siniestro .izquierda { float: left; width: 60%; margin: 30px 0px 0px 0px; }
.principal_siniestro .izquierda h2 { font-size: 28px; text-decoration: underline; line-height: 38px; margin: 0px; }
.principal_siniestro .izquierda ul { float: left; margin: 30px 0px 60px 0px; padding: 0px 0px 0px 20px; }
/*.principal_siniestro .izquierda ul li { font-size: 20px; line-height: 37px; }*/
.principal_siniestro .izquierda ul li { float: left; font-size: 20px; line-height: 47px; display: block; }
.principal_siniestro .izquierda ul li img { width: 20px; margin: 6px 15px 20px 0px; float: left; }
.principal_siniestro .derecha { float: left; width: 40%; }
.principal_siniestro .derecha img { width: 100%; height: auto; margin: 103px 0px 0px 0px; }

.titulo_colaboradores { background: #b6bd00; padding: 40px 0px; text-align: center; }
.titulo_colaboradores h2 { margin: 0px; font-size: 41px; line-height: 51px; color: #fff; }

.page-template-tienes-un-siniestro .cabecera { padding: 40px 0px 45px 0px; }
/*FIN SINIESTRO*/

@media only screen and (max-width: 1220px) {
	.centrar_web { width: 870px; }
	.cabecera .cabecera_web ul li { margin: 0px 0px 0px 25px; }
	.principal .derecha p { font-size: 25px; line-height: 35px; }
	.principal .derecha p span { font-size: 32px; }
	.principal .derecha ul li img { width: 65px; }
	.localizanos .izquierda { width: 55%; margin: 40px 5% 0px 0px; }
}
@media only screen and (max-width: 900px) {
	.centrar_web { width: 720px; }
	.cabecera .cabecera_web .logo { float: none; margin: 0px auto 40px auto; display: block; }
	.cabecera .cabecera_web ul { float: left; width: 100%; }
	.cabecera .cabecera_web ul li { margin: 0px 0px 10px 25px; }
	.principal_nosotros .izquierda { width: 100%; }
	.principal_nosotros .derecha { width: 100%; }
	.localizanos .izquierda { width: 100%; margin: 40px 0px 0px 0px; }
	.localizanos .derecha { float: left; width: 100%; }
	.localizanos .derecha img { float: none; margin: 0px auto; display: block; }
	.localizanos .derecha .contenido { float: none; margin: -75px auto 0px auto; position: relative; }
}
@media only screen and (max-width: 768px) {
	.centrar_web { width: 90%; }
	.principal .izquierda { width: 100%; margin: 0px 0px 20px 0px; }
	.principal .derecha { float: left; width: 99%; }
	.opcion1 h3 { font-size: 40px; line-height: 50px; }
	.opcion2 h3 { font-size: 40px; line-height: 50px; }
	.cabecera .menu ul li { margin: 0px 25px 20px 25px; width: 70%; }
	.principal_nosotros .derecha ul li { font-size: 16px; }
	.banner_opcion1_debajo .columna { width: 100%; }
	.banner_opcion1_debajo .columna input { width: 94%; }
	.particulares .izquierda { width: 100%; margin: 20px 0px 40px 0px; }
	.particulares .derecha { width: 100%; }
	.particulares .abajo ul li img { width: 80%; }
	.particulares_2 .abajo ul li { width: 33.33%; }
	.particulares .abajo ul li h3 { font-size: 15px; }
	.principal_siniestro .izquierda { width: 100%; }
	.principal_siniestro .derecha { width: 100%; }
	.particulares .izquierda ul li { font-size: 15px; }
	.principal_siniestro .izquierda ul li { font-size: 15px; }
	.titulo_colaboradores h2 { font-size: 36px; line-height: 46px; }
	.banner_opcion1_debajo h3 { font-size: 27px; }
}