body{
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	background: white;
  color: #222222;
  padding: 0;
  line-height: 1.5;
  position: relative;
  cursor: auto;
}
/*------  HEADER  --------*/
 #header{
 	margin: 50px auto;
 }


 /*--------MENU EFFECTS -----*/
 .top-bar-section ul li span{
 	display: block;
 	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
 }
 .top-bar-section ul li.active > span {
 	background-color: #8fd400;
 	width: 100%;
 	height: 8px;
 	-webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
       }
 .top-bar-section ul li:hover  span{
 	background-color: #d2f191;
 	width: 100%;
 	height: 8px;
 	-webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
 }
.top-bar-section ul li > a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

/*----------------  BANNERS  -----------------*/
.banner{
  max-width: 1200px;
  margin: auto;
}
.banner h1, .slide h1{
	color: #FFF;
	text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.7);
	font-size: 52px;
	line-height: 52px;
  padding: 50px 0;
}
#banner-home, .slide#one{
  background: url('../img/green.jpg') no-repeat center bottom; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#banner-familia {
  background-color: white;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
.slide#two{
  background: url('../img/slider-familiar-home.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
.slide#fir{
  background: url('../img/banner.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}

#banner-empresa{
  background: url('../img/slider-empresarial.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 345px;
}
#banner-industria{
  background: url('../img/slider-industria.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 345px;
}
#banner-servicios{
  background: url('../img/slider-servicios.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 345px;
}
#banner-privacidad{
  background: url('../img/aviso.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 345px;
}
.slider-home{
  width: 100%;
}
.slide{
  background-color: #c2c2c2;
}
.slide .all{
  display: block;
  height: 100%;
}
/*.slide.slick-slide img{
  margin: 50px 0; 
}*/
.slide#two img{
  margin: 0;
}

.slide#three{
  background: url('../img/slider-empresarial.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  }
.slide#four{
  background: url('../img/slider-industria.jpg') no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}
/*-----------------  ESTILOS GENERALES  ---------------------*/
.content h1{
	text-align: center;
	font-size: 24px !important;
	background: url('../img/bg-h1.jpg') center center repeat-x;
	margin: 50px 0;
	color: #484848;
}
.content h1 span{
	background-color: #FFF;
	padding: 0 20px;
}
.content p{
	color: #575757;
	font-size: 18px;
}
.content.privacidad p{
  text-align: justify;
}
.content h2{
  font-size: 20px;
  color: #484848;
}
.marcas{
  padding: 0 30px;
}
.icon{
  text-align: center;
  margin: 50px 0;
}
.icon p{
  color: #222222;
  font-size: 17px;
  font-weight: 400;
}
.first-line{
  width: 80%;
  margin: auto;
}
.second-line{
  width: 60%;
  margin: auto;
}
.reveal-modal h4{
  color: #162b75;
  font-weight: 400;
  margin: 20px 0 30px;
}
.reveal-modal p{
  color: #4c4d4f;
  font-size: 18px;
  font-weight: 600;
}
.add{
  text-align: center;
}
.add h2{
  color: #484848;
  font-weight: 600;
}
.add p{
  margin: 0;
  color: #7c7770;
  font-size: 13px;
}
form input[type="text"], form input[type="email"]{
  width: 48%;
  float: left;
  height: 50px;
}
form textarea{
  height: 234px;
}
form input[type="text"],form input[type="email"], form textarea{
  background-color: #f5f5f5;
  border: solid 1px #e2e2e2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
form #email{
  margin-left: 4%;
}
form .small-8{
  margin: auto;
}
form input[type="submit"].button{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
}
.ajaxgif{
  margin: auto;
  width: 35px;
  display: block;
}
.thnks, .msg{
  text-align: center
}
/*-----------------  FOOTER  ---------------------*/
.proveedores div{
  text-align: center;
  background-position: center -70px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.proveedores div:hover{
  background-position: center 0;
}
.proveedores .ace {
  background-image: url('../img/ace.png');
}
.proveedores .bupa{
  background-image: url('../img/bupa.png');
}
.proveedores .qualitas{
  background-image: url('../img/qualitas.png');
}
.proveedores .metlife{
  background-image: url('../img/metlife.png');
}
.proveedores .gnp{
  background-image: url('../img/gnp.png');
}
.proveedores .axa{
  background-image: url('../img/axa.png');
}
.proveedores .zurich{
  background-image: url('../img/zurich.png');
}
.proveedores .afirme{
  background-image: url('../img/afirme.png');
}
.proveedores .aba{
  background-image: url('../img/aba.png');
}
.proveedores .aig{
  background-image: url('../img/aig.png');
}
.proveedores .rsa{
  background-image: url('../img/rsa.png');
}
.proveedores .mapfre{
  background-image: url('../img/mapfre.png');
}
.proveedores .tokio{
  background-image: url('../img/tokiomarine.png');
}
.proveedores .primero{
  background-image: url('../img/primero.png');
}
.proveedores .multiva{
  background-image: url('../img/multiva.png');
}
.proveedores .sura{
  background-image: url('../img/sura.png');
}
.proveedores .gmx{
  background-image: url('../img/gmx.png');
}
.proveedores .chubb{
  background-image: url('../img/chubb.png');
}
.proveedores .sisnova{
  background-image: url('../img/sisnova.png');
}
.proveedores .banorte{
  background-image: url('../img/banorte.png');
}



.footer{
  background-color: #162b75;
  padding: 20px 0;
}
.footer h3{
  font-size: 20px;
  margin-top: 0;
  color: #FFF;
}
.footer p{
  color: #FFF;
  font-weight: 400;
  font-size: 13px;
}
.footer img{
  margin-top: 25px;
}
.social ul{
  margin: 10px 0;
  float: left;
}
.social ul li{
  list-style: none;
  display: inline;
  float: left;
}
.social ul li a{
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  margin: 0 2px;
}
.social ul li a#twitter{
  background: url('../img/twitter.png') no-repeat;
  background-position: 0 0;
}
.social ul li a#facebook{
  background: url('../img/facebook.png') no-repeat;
  background-position: 0 0;
}
.social ul li a#linkedin{
  background: url('../img/linkedin.png') no-repeat;
  background-position: 0 0;
}
.social ul li a#twitter:hover,
.social ul li a#facebook:hover,
.social ul li a#linkedin:hover{
  /*background-position: 0 -31px;*/
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer p#compromiso{
  margin-top: 20px;
}
.footer p#direccion{
  background: url('../img/gps-icon.png') no-repeat left top;
  padding-left: 40px;
  margin-bottom: 5px;
}
.footer p#mail{
  background: url('../img/mail-icon.png') no-repeat left top;
  padding-left: 40px;
  margin-bottom: 5px;
}
#newsletter p{
  color: #c4c4c4;
}
#newsletter .row input{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#newsletter form input[type="text"], #newsletter form input[type="email"]{
  width: 75%;
  height: 2.3125rem;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#newsletter .row input[type="submit"]{
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 25%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  border-color: #8fd400;
  padding-left: 0;
  padding-right: 0;
}
#newsletter .row span.postfix{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.footer p#tel{
  background: url('../img/tel-icon.png') no-repeat left top;
  padding-left: 40px;
}
.copy{
  background: url('../img/bg-copy.png') no-repeat center bottom; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.copy p{
  margin: 15px 0;
  color: #58595b;
  font-size: 13px;
}

.copy a{
  color: #58595b;
}
.copy .aviso{
  float: right;
}
.copy .aviso:hover{
  color: #FFF;
}
#email_seguvin{
}