body{
        margin:0px 0px 0px 0px;
        font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}
 
.header {
  background-color: #001489;
  text-align: center;
  padding: 20px;
}
.container3 {
        display: flex;
        justify-content: center;
      }
/* The navbar container */
.topnav {
  overflow: hidden;
  background-color: #001489;
}

/* Navbar links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Links - change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}


.social-sharing {
	display: block;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

/* Espacio Logo */
.espacioMenu {
  display: block;
  padding: 20px;
  text-align: center;
  background: #FFFFFF;
  /*margin-top: 20px;*/
  align-content: bottom;
  overflow: hidden;
}

.logo {
  float: left;
  display:inline-block;
  align-content: bottom;
  margin:5px 70px 5px 150px;
}

.menu {
  text-align: right;
  float: left;
  display:inline-block;
  align-content: bottom;
}

.llamanos {
  text-align: right;
  float: right;
  align-content: bottom;
  display:inline-block;
}


/*Empezamos con los botones*/
 
 .boton_menu{
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
    background-color: #001489;
    border-radius: 4px;
    border: 0px solid #001489;
  }

  .boton_menu:hover{
    font-size: 12px;
    background-color: #53565A;
  }

/* Footer */
.carrusel {
  padding: 0px;
  text-align: center;
  transform: scale(1, 1);
  translate(0px, 0px);
  rotate(0deg);
  align-content: bottom;
  overflow: hidden;
}

.izquierda {
  text-align: right;
  float: right;
  align-content: bottom;
  display:inline-block;
}

.imagenPrincipal {
  text-align: center;
  float: center;
  align-content: bottom;
  display:inline-block;
}

.derecha {
  text-align: left;
  float: left;
  align-content: bottom;
  display:inline-block;
}


.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}

.divImagen{
    position: absolute;
    top: 65%;
    left: 75%;
    transform: translate(-50%, -50%);
    background-color: #000000;
    opacity: 0.7;
    filter:  alpha(opacity=70);
}
 
.textoImagen{
    top: 75%;
    left: 75%;
    font-size: 20px;
    font-style: bold;
    color: #ffffff; 
}

/*Servicios*/
.bloqueServicios {
  padding: 0px;
  text-align: center;
  transform: scale(1, 1);
  translate(0px, 0px);
  rotate(0deg);
  align-content: bottom;
  overflow: hidden;
}

.servicios {
  text-align: center;
  float: center;
  align-content: bottom;
  display:inline-block;
}


.column {
  float: left;
  width: 33.33%;
  display:inline-block;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.imagenServicios {
	display:inline-block;
}

h2 {
	font-size: 20px;
    color: #53565A;
    display:inline-block;
}

.textosPequeﾃｱos {
	font-size: 14px;
    color: #53565A;
    display:inline-block;
}

/*Servicios*/
.leyenda {
  padding: 30px;
  text-align: center;
  transform: scale(1, 1);
  translate(0px, 0px);
  rotate(0deg);
  align-content: bottom;
  overflow: hidden;
}

.slogan {
  text-align: center;
  float: center;
  align-content: bottom;
  display:inline-block;
}


.bloqueLlamadas {
  display: block;
  padding: 20px;
  text-align: center;
  background: #FFFFFF;
  margin-top: 20px;
  align-content: bottom;
  overflow: hidden;
}

.llamadas {
  width: 30%;
  float: left;
  display:inline-block;
  margin:5px 70px 5px 80px;
}

.detalleLlamadas {
  width: 30%;
  text-align: left;
  float: left;
  display:inline-block;
}

.botonLlamadas {
  width: 20%;
  text-align: center;
  float: left;
  display:inline-block;
}
 
.botonSiniestros{
    text-decoration: none;
    padding: 10px;
    height: 50px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    background-color: #001489;
    border-radius: 4px;
    border: 0px solid #001489;
  }

.botonSiniestros:hover{
    font-size: 15px;
    background-color: #53565A;
  }
.btn-group {
  text-align: center;
}

.open-modal {
  font-weight: bold;
  background: var(--blue);
  color: var(--white);
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}
/* MODAL
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

.modal-dialog > * {
  padding: 1rem;
}

.modal-header,
.modal-footer {
  background: var(--lightgray);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-header .close-modal {
  font-size: 1.5rem;
}

.modal p + p {
  margin-top: 1rem;
}


/* FOOTER
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.page-footer span {
  color: #e31b23;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
  background-color: #a8a8a8;
}



 .footerEnlaces {
      column-rule: black solid 2px;
      columns: 4;
      text-align: justify;
      color: ffffff;
    }