body,
html {
margin-top: 0%;
overflow-x: hidden;
text-align: justify;
}
.container-fluid-main {
margin-top: 300px;
z-index: 2;
}
/* --------------------------------------------------------------------------
FUENTES
----------------------------------------------------------------------------- */
@font-face {
font-family: 'Raleway-Regular';
src: url('../fonts/Raleway-Regular.eot');
src: url('../fonts/Raleway-Regular.woff2') format('woff2'),
url('../fonts/Raleway-Regular.woff') format('woff'),
url('../fonts/Raleway-Regular.ttf') format('truetype'),
url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg'),
url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Raleway-Bold';
src: url('../fonts/Raleway-Bold.eot');
src: url('../fonts/Raleway-Bold.woff2') format('woff2'),
url('../fonts/Raleway-Bold.woff') format('woff'),
url('../fonts/Raleway-Bold.ttf') format('truetype'),
url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg'),
url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
/* --------------------------------------------------------------------------
HEADER
----------------------------------------------------------------------------- */
.language-chooser {
float: right;
padding-left:0%;
}
.lang-es{
display: inline-block;
}
.lang-en{
display: inline-block;
}
.lang-es span{
display: inline-block;
color:#fff;
}
.lang-en span{
display: inline-block;
color:#fff;
}
/* --------------------------------------------------------------------------
MENÚ PRINCIPAL
----------------------------------------------------------------------------- */
.navbar{
position: fixed;
width: 100%;
z-index: 1000;
}
.navbar-default .navbar-nav>li>a {
color: #013765;
}
.menu-main-container{
/*display: inline-block;*/
width: 100%;
}
.nav>li {
position: relative;
}
.navbar-header{
width: 100%;
text-align: center;
}
.navbar-nav>li {
float: none;
display: inline-block;
}
.navbar.navbar-custom {
border-radius: 0px;
border-left: transparent;
background: #ffffff;
font-family: 'Raleway-Regular';
}
.navbar-custom .upper-nav {
font-size: 13px;
padding: 9px 20px;
height: 50px;
color: #fff;
background-color: #013765;
}
.navbar-custom .upper-nav img {
margin-top: 0px;
}
.navbar-custom .navbar-nav {
width: 100%;
text-align: center;
}
.navbar-custom .nav-buttons {
border-radius: 0px;
background: none;
border: none;
color: #337ab7;
}
.btn-group .dropdown-menu > li > a {
color: #fff;
}
.btn-group .dropdown-menu > li > a:hover {
color: #444;
}
.navbar-custom .navbar-nav .dropdown-toggle {
color: #fff;
}
.navbar-custom .navbar-header .navbar-brand {
color: #337ab7;
width: 100%;
text-align: center;
margin-bottom: 18px;
}
.navbar-custom .dropdown-menu {
background: #444;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a,
.navbar-custom .navbar-nav .open .dropdown-menu {
color: #fff;
border-bottom: 1px solid #fff;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu:hover {
color: #444;
}
.navbar-custom .nav > li > a {
font-family: 'Raleway-Regular';
padding-left: 30px;
padding-right: 30px;
}
.wrapper {
height: auto;
background-color: #fff;
margin-top: 0px;
padding: 10px 20px;
}
.well {
background-color: transparent;
border: 3px solid #428bca;
border-radius: 0px;
text-align: center;
font-size: 25px;
}
.div-upper-nav{
padding-right:8px
}
.menu-right{
float: right;
}
/* Create two unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
}
.left {
width: 50%;
}
.right {
width: 50%;
}
.div-home-left{
width: 50%;
margin: 0 auto;
}
.row:after {
content: "";
display: table;
clear: both;
}
h3.home {
font-size: 30px;
color: #013765;
}
h5.home-desc1 {
font-size: 16px;
color: #013765;
}
h5.home-desc2 {
font-size: 15px;
color: #013765;
}
h5.title_blue{
font-family: 'Raleway-Bold';
color: #013765;
}
h3.title_blue{
font-family: 'Raleway-Bold';
font-size: 30px;
color: #013765;
}
h2.title_blue{
font-family: 'Raleway-Bold';
color: #013765;
}
h5.title_white{
font-family: 'Raleway-Bold';
color: white;
}
h3.title_white{
font-family: 'Raleway-Bold';
font-size: 30px;
color: white;
}
h2.title_white{
font-family: 'Raleway-Bold';
font-size: 30px;
color: white;
}
/*.rev_slider_wrapper {
margin-top: -40px ;
}*/
.rev-slider-top{
margin-top: -80px;
margin-bottom: 45px;
}
.navbar-brand img {
display: inline-block;
margin: -20px 480px;
width: 370px;
}
.navbar-brand {
height: 80px;
padding: 10px;
}
.button-blue {
background-color: #013765;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
}
.button-white {
background-color: #fff;
border: none;
color: #013765;
padding: 5px 32px;
text-align: center;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
}
a:hover {
color:#ffffff;
}
/* --------------------------------------------------------------------------
BOTÓN DE BUSQUEDA
----------------------------------------------------------------------------- */
.buscador{
text-align: right;
min-width: 50px;
position: absolute;
top: 31px;
right: 40px;
z-index: 1;
}
.buscador .search-live input[type="text"].search-live-field {
width: 0%;
color: #013765;
}
.buscador .search-live-results .entry img.thumbnail {
max-width: none;
margin-bottom: 5px;
}
.buscador .search-live-results .entry span.title {
font: inherit;
display: block;
font-size: 16px;
font-family: Univers-CondensedLight;
}
.search-live.floating{
top: 20px !important;
}
.search-live-form{
vertical-align: top;
display: inline-block;
position: relative;
height: 50px;
min-width: 0px;
padding: 0;
margin: 0;
/*transition: width ease 1s;*/
z-index: 0;
overflow:hidden;
}
.search-live-form .search-live-field {
height: 50px;
border: 0;
width: 0;
padding: 0;
background-color: transparent;
display: inline-block;
/*transition: width ease .5s;*/
vertical-align: top;
padding-left: 15px;
margin-right: -15px;
border-radius: #616161;
color: #000;
}
.search-live-results table.search-results tr,
.search-live-results table.search-results tr td,
.entry-content .search-live-results table.search-results tr td{
border-bottom: 1px solid #eaeaea;
}
.search-live-results table.search-results{
overflow-y: auto;
}
.open .search-live-form .search-live-field, .closed .search-live-form .search-live-field{
/*width: 400px !important;*/
border-bottom: solid 3px #013765;
border-radius: 0;
background-color: #fff;
font-size:18px;
}
.buscador i{ color: #013765;
font-size: 28px;
}
.btn-buscar{
/*display: inline-block;*/
}
input {
outline: none;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
input[type=search] {
border: 1px #013765;
padding: 9px 10px 9px 32px;
width: 55px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
input[type=search]:focus {
width: 130px;
background-color: #fff;
border-color: #013765;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px #013765;
box-shadow: 0 0 5px #013765;
}
input:-moz-placeholder {
color: #999;
}
input::-webkit-input-placeholder {
color: #999;
}
/* Demo 2 */
#demo-2 input[type=search] {
width: 18px;
padding-left: 9px;
color: transparent;
cursor: pointer;
}
#demo-2 input[type=search]:hover {
background-color: #fff;
}
#demo-2 input[type=search]:focus {
width: 130px;
padding-left: 40px;
color: #000;
background-color: #fff;
cursor: auto;
}
#demo-2 input:-moz-placeholder {
color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
color: transparent;
}
.form-search {
padding-top: 5px;
padding-bottom: 15px;
padding-left: 0px;
/* position: absolute; */
right: 0;
bottom: 0;
float: right;
}
.thumbnail {
display: block;
padding: 0px !important;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
border:0;
box-shadow:0;
}
.text_service{
color: #013765;
font-family: 'Raleway-Bold';
}
.navbar-footer > li > a{
color: white;
}
/*.relacionados {
padding: 0 180px;
margin-left: 25px;
}*/
/* --------------------------------------------------------------------------
INFORMACION
----------------------------------------------------------------------------- */
.list-group {
border-radius: 4px;
box-shadow: 0 0px 0px rgba(0, 0, 0, .075);
}
.container-info-default{
background-color: #013765;
}
.list-group-item{
background-color: #013765;
}
.img-information{
background-color: #fff;
border-radius: 50%;
}
.a-information{
color: #fff;
}
.span-info{
font-family: 'Raleway-Bold';
}
.text-margin-info{
padding: 0 60px;
padding-top: 20px;
}
.cuentas-bancarias{
margin: 5%;
}
.section-seguros{
padding-top: 250px;
margin-top: -250px;
}
.item-informacion{
width:87%
}
.evento{
width: 900px;
text-align: justify;
}
.container-equipo{
margin: 0px 170px;
}
/* --------------------------------------------------------------------------
NUESTRO EQUIPO
----------------------------------------------------------------------------- */
.thumbnail-blue {
background-color: #013765;
}
.p-white {
font-family: 'Raleway-Regular';
color: #fff;
text-transform: capitalize;
}
.p-white-nc {
font-family: 'Raleway-Regular';
color: #fff;
font-size: 17px;
}
.p-white-contacto {
font-family: 'Raleway-Bold';
color: #fff;
padding-left: 5%;
font-size: 17px;
}
.p-white-strong {
font-family: 'Raleway-Bold';
color: #fff;
padding-bottom: 5%;
padding-top: 5%;
}
.p-title{
font-family: 'Raleway-Bold';
}
.a-blue:hover{
color:#013765;
}
.nuestro-equipo{
margin-top: 40px;
}
.equipo-img{
text-align: right;
}
.last_column{
color: #013765;
font-family: 'Raleway-Regular';
padding: 0 50px;
text-align: justify;
}
.last_column h5{
font-family: 'Raleway-Bold';
color: #013765;
text-align: justify;
}
/* --------------------------------------------------------------------------
COMPAÑIAS DE SEGUROS
----------------------------------------------------------------------------- */
.thumbnail-noborder {
border: 0 none;
box-shadow: none;
}
.compania {
position: relative;
}
.compania .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.compania:hover .img-top {
display: inline;
}
/* --------------------------------------------------------------------------
CONTACTO
----------------------------------------------------------------------------- */
.container_contact{
padding-left: 8%;
padding-top: 7%;
padding-bottom: 1%;
min-height: 285px;
}
.desc-contacto h1 h2 h3 h4 h5 strong{
color: #ffffff;
}
.button-right{
position: relative;
width: 165px;
right: 65px;
float: right;
top: 115px;
}
.div-right{
text-align:right;
}
.container-contacto {
margin: 0px 235px;
}
/*--------------------- MODAL DE CONTACTO -----------------------*/
.solicitar-info{
background-color: #000000b8;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
display: none;
text-align: right;
}
.enviar-info {
background-color: #fff;
margin: 50px;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
}
.btn-close {
text-decoration: none;
position: relative;
width: 165px;
right: -50px;
float: right;
top: 2px;
}
.text-center{
font-family: 'Raleway-Regular';
width: 70%;
margin-left: 150px;
color: #fff;
}
.text-white{
font-family: 'Raleway-Regular';
color: #fff;
text-align: justify
}
.text-white a {
color: #ffffff
}
/* --------------------------------------------------------------------------
MENU FOOTER
----------------------------------------------------------------------------- */
.menu_footer ul li {
list-style: none;
margin-bottom: 5%;
padding: 0;
}
.menu{
padding: 0;
}
.menu_footer a {
font-family: 'Raleway-Regular';
color: #fff;
text-decoration: none;
}
.menu_footer h5 {
color: #fff;
}
.menu_link ul li {
list-style: none;
margin-bottom: 1%;
padding: 0;
padding-top: 2%;
}
.menu_link a {
font-family: 'Raleway-Regular';
color: #013765;
}
.menu_link h5 {
color: #013765;
}
.menu-menu-seguros-veinsa-container ul li {
list-style: none;
margin-bottom: 1%;
padding: 0;
padding-top: 2%;
float: left;
width: 50%;
}
.menu-menu-seguros-veinsa-container a {
font-family: 'Raleway-Regular';
color: #013765;
}
.menu_estados ul li {
list-style: none;
margin-bottom: 1%;
padding: 0;
padding-top: 2%;
}
.menu_estados a {
font-family: 'Raleway-Regular';
color: #013765;
font-size: 15px;
}
.menu_estados_white a {
font-family: 'Raleway-Regular';
color: white;
font-size: 15px;
}
.menu_estados h5 {
font-family: 'Raleway-Bold';
color: #013765;
font-size: 20px;
}
.menu_estados_white h5 {
font-family: 'Raleway-Bold';
color: white;
font-size: 20px;
}
/* --------------------------------------------------------------------------
SERVICIOS
----------------------------------------------------------------------------- */
.caption-servicios{
min-height: 500px;
padding: 0 30px;
}
.row-servicios{
margin-right: -318px;
margin-left: -61px;
}
.carta-derecho{
color: #013765;
font-family: 'Raleway-Regular';
padding: 0 145px;
text-align: justify;
font-size: 14px;
}
.item-servicios{
width: 247%;
}
/* --------------------------------------------------------------------------
TEMAS DE INTERÉS
----------------------------------------------------------------------------- */
.container-noticias{
margin: 0 95px;
}
.img-noticias{
max-height: 175px;
}
/* --------------------------------------------------------------------------
THUMBNAILS CAPTION
----------------------------------------------------------------------------- */
.row.is-flex {
display: flex;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.thumbnail .caption {
padding: 9px;
color: #333;
min-height: 68px;
}
.thumbnail .caption-blue {
padding: 9px;
color: #333;
min-height: 268px;
}
.thumbnail .caption-team {
padding: 9px;
color: #333;
min-height: 100px;
}
/* --------------------------------------------------------------------------
CUSTOM REVOLUTION SLIDER
----------------------------------------------------------------------------- */
.tp-caption{
text-shadow: 1px 1px 2px gray, 0 0 25px #013765, 0 0 5px #013765;
}
.tp-bgimg{
filter: brightness(0.7);
}
/* --------------------------------------------------------------------------
HOVER EFFECTS
----------------------------------------------------------------------------- */
.hvr-bounce-out-info {
display: block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
/* --------------------------------------------------------------------------
TEXTO PERSONALIZADO
----------------------------------------------------------------------------- */
.bienvenido{
padding-left: 10%;
}
.bienvenido h1{
font-family: 'Raleway-Bold';
font-size: 307%;
color: #013765;
}
.bienvenido h3{
font-family: 'Raleway-Bold';
font-size: 156%;
color: #013765;
padding-bottom: 3%;
padding-top: 3%;
}
.bienvenido p{
font-family: 'Raleway-Regular';
font-size: 146%;
color: #013765;
}
.servicios{
color:#013765;
font-family: 'Raleway-Regular';
text-align: justify;
}
.servicios a{
color:#013765;
}
.servicios li{
font-family: 'Raleway-Regular';
margin-top: 10px;
}
.servicios-blue{
color:#013765;
font-family: 'Raleway-Regular';
text-align: justify
}
.servicios-blue li{
color: #fff;
text-align:justify;
}
.servicios-blue a{
color:#013765;
}
.text-padding{
padding-right: 30px;
}
/* --------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------- */
.contact-form{
width: 55%;
}
.contact-form input{
border: 1px solid #013765;
}
.contact-form textarea{
border: 1px solid #013765;
color: #013765;
}
.contact-form select{
border: 1px solid #013765;
color: #013765;
}
.contact-form ::-webkit-input-placeholder { /* Chrome */
color: #013765;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
color: #013765;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
color: #013765;
opacity: 1;
}
.contact-form :-moz-placeholder { /* Firefox 4 - 18 */
color: #013765;
opacity: 1;
}
.contact-form-footer {
width: 140%;
background-color: transparent;
}
.contact-form-footer .form-control{
background-color: #fff0;
color: #fff;
}
.contact-form-footer textarea{
height: 150px;
}
.contact-form-footer ::-webkit-input-placeholder { /* Chrome */
color: #fff;
}
.contact-form-footer :-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.contact-form-footer ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
opacity: 1;
}
.contact-form-footer :-moz-placeholder { /* Firefox 4 - 18 */
color: #fff;
opacity: 1;
}
.button-form-footer {
background-color: #01376500;
border: 1px solid;
color: white;
padding: 6px 61px;
text-align: center;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
}
.contact-form-footer div.wpcf7-validation-errors{
border: 2px solid #f7e700;
color: white;
}
.contact-form-footer div.wpcf7-mail-sent-ok{
border: 2px solid #398f14;
color: white;
}
/* --------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------- */
.row-center{
margin-left: 20px;
margin-right: 15px;
}
/* --------------------------------------------------------------------------
CAROUSEL BUTTONS
----------------------------------------------------------------------------- */
.owl-prev{
position: absolute !important;
left: 2% !important;
top: 100% !important;
}
.owl-next{
position: absolute !important;
right: 2% !important;
top: 100% !important;
}
/* --------------------------------------------------------------------------
CAROUSEL BUTTONS
----------------------------------------------------------------------------- */
.text-margin{
padding-bottom: 3%;
}
.icon {
width: 30px;
height: 30px;
display: inline-block;
background-image:url('../uploads/2018/02/Waze.svg');
margin-left: -5px;
vertical-align: middle;
}
.iconwaze {
width: 20px;
height: 20px;
display: inline-block;
background-image:url('../uploads/2018/02/Waze.svg');
margin-left: -5px;
vertical-align: middle;
}
.link-nd {
text-decoration: none;
color: white;
}
.bg-conozcanos-1{
min-height: 416px;
overflow: hidden;
background-size: cover;
}
.bg-conozcanos-2{
min-height: 395px;
overflow: hidden;
background-size: cover;
}
.img-row {
text-align: justify;
}
.img-row img {
display: inline-block;
width: 265px;
height: 110px;
margin: 0px 55px;
}
.img-row:after {
content: '';
display: inline-block;
width: 100%;
}
/* --------------------------------------------------------------------------
CUSTOM CARROUSEL
----------------------------------------------------------------------------- */
/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
max-width: 200px
}*/
/* --------------------------------------------------------------------------
MODAL
----------------------------------------------------------------------------- */
.modal-header{
background-color: #013765;
color: #ffff;
}
.modal-header button{
color: #ffffff;
}
.modal-body ul{
margin-left: -20px;
}
.modal-backdrop {
z-index: 1000 !important;
}
/* --------------------------------------------------------------------------
RESPONSIVE
----------------------------------------------------------------------------- */
.menu-dos-columnas li{
width: 50%;
}
.noticia a {
font-family: 'Raleway-Regular';
color: #fff;
text-decoration: none;
}
.img-fixed {
width: 100%;
height: auto;
}
.single-img-fixed .img{
width: 100%;
height: auto;
}
@media (min-width: 992px){
.col-md-2 {
width: 17.666667%;
}
}
@media (max-width: 768px) {
.navbar-brand img {
display: block;
margin: 0px 0px;
width: 185px;
}
.navbar-brand {
display: block;
height: 52px;
margin-top: -65px;
}
.form-search {
display: none;
}
.navbar-custom .navbar-nav {
margin-right: 0;
}
.navbar-custom .navbar-nav > li > a {
color: #013765;
border: none;
}
.navbar-custom .navbar-nav > li:first-child {
border: none;
}
.column {
width: 100%;
}
.custom-collapse .collapse{
display:block;
visibility: visible;
}
.navbar-custom .nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Raleway-Regular';
}
.contact-form{
width: 75%;
}
/*.rev_slider_wrapper {
margin-top: -160px;
}*/
.rev-slider-top{
margin-top: -197px;
margin-bottom: 45px;
}
.container-noticias {
margin: auto;
margin-left: -45px;
}
.item-informacion{
width: 108%;
margin-left: -15px;
}
.menu_footer{
margin: 0 5px;
}
.text-center {
width: 77%;
margin-left: 30px;
}
.row-servicios {
margin-right: -20px;
margin-left: -60px;
}
.item-servicios{
width: 247%;
}
.equipo{
margin-left: -35px;
}
.evento{
width:82%;
text-align: justify;
}
.seguros{
margin-left: -8px;
}
.container-contacto {
width: 100%;
margin-left: -19px;
}
.container-equipo {
margin: 0px auto;
margin-left: -35px;
}
.img-row {
margin-left: -20px;
text-align: justify;
}
.carta-derecho {
color: #013765;
font-family: 'Raleway-Regular';
padding: 0 20px;
text-align: justify;
font-size: 14px;
}
.lista-servicios ul{
margin-left: -35px;
}
.caption-servicios {
min-height: 585px;
padding: 0 30px;
}
.img-noticias{
max-height: 100%;
}
.seguros {
margin-left: 20px;
}
}