.header{
  background: url(../imagenes/fondo.jpg); 
  background-size: cover;
  overflow: hidden;
  color: black;
  padding: 0.5rem 0;
}

  .header a{
    color: black;
    text-decoration: none;
    font-size: 2rem;
  }

.logo-nav-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.menu-icon{
  display: none;
  color: black;
}

.navigation h2{
	font-size: 1.3rem;
  font-weight: 300;
	font-family: Arial;
	color: #0A365A;
}

.navigation ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
  
  .navigation ul li{
    display: inline-block;
  }

    .navigation ul li a{
      display: block;
      font-size: 1.8em;
      font-weight: bold;
      padding: 0.1rem 1rem;
      transition: all 0.4s linear;
      border-radius: 5px;
    }

    /*  .whatsapp:hover{
        background: #4a4a4a;
      }*/

*{box-sizing:border-box}

.slideshow-container{
 max-width: 1300px;
 position:relative;
 margin:auto;
}

.mySlides{
 display:none;
}

.prev, .next{
 cursor:pointer;
 position:absolute;
 top:50%;
 width:auto;
 margin-top:-22px;
 padding:16px;
 color:white;
 font-weight:bold;
 font-size:18px;
 transition:0.6s ease;
 border-radius:0 3px 3px 0;
}

.next{
 right:0;
 border-radius:3px 0 0 3px;
}

.prev:hover, .next:hover{
 background-color:rgba(0,0,0,0.8);
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

.numbertext{
 color:#f2f2f2;
 font-size:12px;
 padding:8px 12px;
 position:absolute;
 top:0;
}

.fade{
 -webkit-animation-name:fade;
 -webkit-animation-duration:4s;
 animation-name:fade;
 animation-duration:2s;
}

@-webkit-keyframes fade{
 from{opacity:.9}
 to{opacity:1}
}

@keyframes fade{
 from{opacity:.9}
 to{opacity:1}
}

.center-element{
  text-align: center;
}

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

  .menu-icon{
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
  }

  .navigation{
    width: 100%;
    margin-top: 1rem;
  }
    .navigation ul{
      display: none;
    }

    .navigation ul.show{
      display: inline-block;
    }
    .navigation ul li{
      display: inline-block;
    }

      .navigation ul li a{
        display: inline-block;
        padding: 0.5rem 0;
        transition: all 0.4s linear;
        border-radius: 5px;
      }
}

@media only screen and (max-width: 750px) {
  .slideshow-container {
   width: 100%;
   height: auto;
 }
}

.list{
  padding: 0.5em 0;
  margin-left: 4em;
  text-align: left;
}
.list li{
  font-size: 1.2em;
  font-weight: 300;
}

@media screen and (max-width: 800px) {
  .col3.pantalla1 { width: 100%;}
}

@media screen and (max-width: 800px) {
  .col3.pantalla2 { width: 100%;}
}

@media screen and (max-width: 800px) {
  .col3.pantalla3 { width: 100%;}
}

@media screen and (max-width: 800px) {
  .col3.pantalla4 { width: 100%;}
}

.responsive__img{
  max-width: 100%;
  height: auto;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; padding-left: 15px; padding-right: 15px; }

/* line 62, style.scss */
.col1 { width: 8.33%; }

/* line 63, style.scss */
.col2 { width: 16.66%; }

/* line 64, style.scss */
.col3 { width: 20%; }

.col4 { width: 33.33%; }

.col8 { width: 66.66%; }

.form { width: 100%; }
/* line 80, style.scss */
.form .form-input { border-radius: 4px; border: 1px solid #ccc; color: #000; display: block; line-height: 2.5; margin-bottom: 0.3em; padding: 0 1em; width: 100%; }
/* line 90, style.scss */
.form .form-submit {
  background: rgb(172, 205, 0);
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #fff;
  float: left;
  line-height: 2.5;
  padding: 0;
  width: 50%; }
/* line 99, style.scss */
.form .form-submit:hover { background: rgba(57, 133, 197, 1); }
/* line 103, style.scss */
.form .form-textarea { border: 1px solid #ccc; color: #000; margin-bottom: 0.3em; width: 100%; }

.nos {
    background: #89cfef;
    display: table;
    /* margin: 10px 15px; */
    width: 100%;
}
.nos h2 { color: #000; text-align: center; }

.titulo h2 { background: linear-gradient(#0048a9, #006cff, #0048a9); color: #fff; margin-bottom: 0; padding: 5px; }
/* line 240, style.scss */
.titulo p { background: rgba(0, 108, 255, 0); margin: 0 0 10px; padding: 10px; }

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

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

footer{
  background: url(../imagenes/fondo1.jpg);
  background-size: cover;
  height: auto;
  width: 100%;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 15px;
  margin: 0;
}
 
.wrapper {
position: relative;
width:100%; /* Establecemos que el ancho sera del 90% */
max-width:1000px; /* Aqui le decimos que el ancho máximo sera de 1000px */
margin-left:auto; /* Centramos los elementos */
margin-right:auto;
overflow:hidden; /* Eliminamos errores de float */
}
p {
    font-size: 12px;
    color: #000;
    line-height: 1.333333334;
    /*margin: 20px;
    margin-right: 20px;*/
    font-family: "Arial";
}
.footer-wa{
  color: #0066cc;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0 0 1px blue;
  margin-left: 20px;
  float: center;
}
.izquierda1{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  float: left;
  width: 18%;
  text-decoration: none;
  font-family: "Arial";
  font-weight: bold;
  font-size: 10pt;

}

.izquierda1 a{
  text-decoration: none;
  color: #00367f;
  text-align: left;
}

.izquierda1 a:hover{
  color: #fff;
  font-weight: bold;
  /*text-align: center;*/
}

.centro1{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  float: left;
  width: 57%;
  text-align: center;
  font-family: "Arial";
  font-size: 10pt;

}
.centro1 h2{
  text-align: left;
  color: #112C90;
  font-size: 15pt;
  font-family: "Arial";
  text-align: center;
  font-weight: bold;
}
.centro1 a{
  text-decoration: none;
  color: #00367f;
}

.centro1 a:hover{
  color: #ff0000;
}
.centro1 p{
  font-size: 10pt;
  text-align: center;
  float: left;
}
.derecha1{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  float: left;
  width: 25%;
  text-decoration: none;
  font-family: "Arial";
  font-size: 10pt;
  text-align: center;

}

.derecha1 a{
  text-decoration: none;
  color: #7a7a7a;
}

.derecha1 a:hover{
  color: #ff0000;
}


.derecha1 h3{

  font-size: 12pt;
  font-family: "Arial";
  text-align: center;
  font-weight: bold;
  color:#292929;
}
.derecha1 h4{

  font-size: 10pt;
  font-family: "Arial";
  text-align: center;
  font-weight: bold;
  color:#292929;
}

.diseno{
  color: #a8a8a8;
  text-align: center;
  margin-top: 5px;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .izquierda1 {
      width: 100%;
      text-align: center;
    }
    .izquierda1 h2{
  text-align: left;
}
}

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

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