body 
{
    font-family: 'Open Sans', serif;
    background-color:#efefef;
}

.carta-contenido{
    width:100% ; 
    text-align:center; 
    color:black; 
    font-size:14px;
}

.carta-titulos
{
    width:100% ; 
    text-align:center; 
    color:black; 
    font-size:14px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    /* For mobile phones: */
    .menu a:not(:first-child) {display: none;}
    .menu a.icon {
      float: right;
      display: block;
    }

    .menu
    {
    background-image: none;
    position: fixed;
    width: 100%;
    }

    .menu.responsive {position: fixed;}

    .menu.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

 /* Add a black background color to the top navigation */
.menu {
    background-color: #333;
    overflow: hidden;
  }
  
  /* Style the links inside the navigation bar */
  .menu a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* Change the color of links on hover */
  .menu a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Add an active class to highlight the current page */
  .menu a.active {
    background-color: #4CAF50;
    color: white;
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .menu .icon {
    display: none;
  }

    .contenedor
    {
        width:740px;
        height:200px;
    }

    .centrado
    {
        width: 100%;
        min-height: 630px;
        margin: auto;
    }

    .carta-contenido{
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:12px;
        margin: 5px 0;
    }
    
    .carta-titulos
    {
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:12px;
        font-weight: bold;
    }

    #inicio
    {
        width:100%;
        /*min-height:630px;   
        background-repeat:no-repeat;
        background-position: center;
        background-image: url('../img/fondo_inicio.png');
        background-size: cover;*/
    }

    .centro{
        width:100%;
        min-height:630px;
        
        margin: 0% auto 0% auto;
        /*padding-top: 5%;*/
    }

    
    .aviso_aniversario_bg1
    {
        width: 80%;
        min-height: 765px;
        margin: auto;
        background-image: url('../img/marco_aniversario.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .contenedor_aniversario{
        width:80%;
        min-height:100%; 
        margin: auto;
        padding-top: 18%;
    }

    .aviso_aniversario_logo
    {
        width: 73%;
        min-height: 234px;
        margin: auto;
        background-image: url('../img/logo_aniversario33.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .aviso_aniversario_texto
    {
        width: 81%;
        min-height: 340px;
        margin: auto;
    }

    #Bienvenida{
        width:100%;
        min-height:630px; 
    }

    .centroinicio{
        width:100%;
        min-height:630px; 
        margin: auto;
    }

    .columnaIzq{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-image: url('../img/perfil_vaca.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-color: mintcream;
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-image: url('../img/perfil_caballo.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .saludo{
        width: 80%;
        margin: 20% auto 0% auto;

    }

    .titulos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:30px;

    }

    .parrafos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size: 16px;

    }
    .centroinicio-Nos
    {
        width:100%;
        min-height:630px; 
        margin: auto;
        background-image: url('../img/fondo_pasto_nosotros.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
    }

    .columnaIzq-Nos{
        width: 100%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro-Nos{
        width: 100%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer-Nos{
        width: 100%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .parrafos-Nos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:20px;
        font-weight: bold;
    }

    .saludo-Nos{
        width: 80%;
        margin: 3% auto 0% auto;

    }

    .vision
    {
        width:100%;
        min-height:400px; 
        margin: auto;
        background-image: url('../img/bandera_vision.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision{
        width:100%;
        min-height:400px; 
        margin: auto;
        background-image: url('../img/Bandera_mision.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;

    }

    .centro-nos{
        width:70%;
        min-height:400px; 
        margin: auto;
        padding-top: 15%;
        
    }

    .vision-icon
    {
        width:60%;
        min-height:88px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/ojo vaca.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision-icon{
        width:60%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/mission.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;

    }

    .titulos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:20px;
        font-weight: bold;
    }

    .parrafos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: BLACK; 
        font-size:20px;
        font-weight: bold;
    }

    .val-titulo
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:20px;
        font-weight: bold;
    }

    .texto-val1
    {
        width:6%; 
        margin: 7% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }
    .texto-val2
    {
        width:8%; 
        margin: 12% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }
    .texto-val3
    {
        width:8%; 
        margin: 17% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val4
    {
        width:8%; 
        margin: 22% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val5
    {
        width:5%; 
        margin: 22% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val6
    {
        width:8%; 
        margin: 12% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val7
    {
        width:6%; 
        margin: 9% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val8
    {
        width:6%; 
        margin: 5% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }


    .clear{
        clear: both;
    }

    .valcentro
    {
        width:92%;
        min-height:250px; 
        margin: 0% auto 0 auto;
        padding-top: 3%;
        
    }

    .val-icono-top
    {
        width:100%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/icono_valores.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .val-icono-bottom
    {
        width:100%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/trabajo en equipo.png');
        background-size: contain;
        background-repeat:no-repeat;
        /*background-position-x: 68%;*/
        background-position: center;
        float: left;
    }

    .val1
    {
        width:6%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Honestidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val2
    {
        width:6%;
        min-height:50px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/icono_compromiso.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        
    }

    .val3
    {
        width:6%;
        min-height:50px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/Comunicacion.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val4
    {
        width:9%;
        min-height:100px; 
        float: left;
    }

    .val5
    {
        width:6%;
        min-height:50px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/pasion icono.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val6
    {
        width:6%;
        min-height:50px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/Compromiso.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val7
    {
        width:6%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Disciplina.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    #contacto
    {
        width:100%;
        min-height:1130px; 
        margin: auto;
        padding-top: 6%;
        background-color: #495664;
    }

    .contacto-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:white; 
        font-size:50px;
    }

    .contacto-centro
    {
        width: 80%;
        min-height: 130px;
        margin: 5% auto 0 auto;
        
    }

    .contacto-correo
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        /*float: left;*/
    }

    .contacto-parrafo
    {
        width:29%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:20px;
        font-weight: bold;
        float: left;
    }

    .contacto-centro-tar
    {
        width: 55%;
        min-height: 130px;
        margin: 0 auto 0 auto;
    }

    .contacto-parrafo-tar
    {
        width:100%; 
        margin: 0 auto 3% auto;
        text-align:center; 
        color: white; 
        font-size:20px;
        font-weight: bold;
        float: left;
    }

    .contacto-parrafo-whats
    {
        width:35%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        float: left;
    }

    .caja-contacto
    {
        width:100%;
        min-height:250px; 
        margin: 0% auto 0% auto;
        /*background-image: url('../img/textbox_contacto_notas.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;*/
        
    }

    .form{
        width: 92%;
        margin: 0 auto 0 auto;
        padding-top: 4%;
        min-height: 100px;
        font-size: 14px;
    }

    .form input[type="text"]{
        /*padding: 15px 5px;*/
        /*float: left;*/
        min-height: 30px;
    }

    .form-nombre
    {
        width: 100%;
        min-height: 50px;
        margin-bottom: 2%;
    }

    .form-correo
    {
        width: 100%;
        min-height: 50px;
    }

    .label{
        width: 25%;
        float: left;
        margin: 3% auto 0 auto;
        text-align: right;
        padding-right: 5px;
        color: white;
    }
    .notext{
    border:none;
    background-color: transparent;
    width: 100%;
}
    .notextarea{
    border:none;
    background-color: transparent;
    width: 81%;
    min-height: 100px;
    padding:0 7px;
    margin: 0px 6px;
    }
    .textbox
    {
        width: 44%;
        padding: 8px 5px;
        float: left;
        background-image: url('../img/textbox_contacto.png');
        background-size: contain;
        background-repeat: no-repeat;
        -moz-appearance: textfield;
        /**-webkit-appearance: textfield;*/
    }

    .textarea
    {
        width: 51%;
        min-height: 100px;
        padding: 8px 0px;
        /*float: left;*/
        -moz-appearance: textfield-multiline;
        -webkit-appearance: textarea;
        overflow: auto;
        /*padding: 2px;*/
        /*resize: both;*/
        background-image: url('../img/caja_contactos.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .form-izq
    {
        width: 100%;
        /*float: left;*/
        /*margin: 1% 2% 1% 2%;*/
    }
    .form-der
    {
        width: 100%;
        /*float: left;*/
        margin: .5% 0px 0px 0px;
    }
    .btn{
        background: #F6F7D3;
        width: 21%;
        padding: 10px 0;
        border-radius: 11px;
        text-align: center;
        text-transform: uppercase;
        color: black;
        font-weight: bold;
        font-size: 20px;
        cursor: pointer;
        margin: 10px auto 0 38%;
    }

    .btn:hover
    {
        background: rgb(31, 133, 6);
        color: white;

    }

    .logo-face
    {
        width:18%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        /*padding:7px 20px;*/
        background-image: url('../img/logo-facebook.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        /*background-position: center;*/
        float: left;
        cursor: pointer;
    }


    .logo-whatsapp
    {
        width:15%;
        min-height:80px; 
        margin: 2% auto 0% auto;
        /*padding:7px 0px;*/
        background-image: url('../img/logo-whatsapp.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        cursor: pointer;
    }

    .contacto-tarjetas
    {
        width:100%; 
        margin: 10% auto 0 auto;
        float: left;       
    }

    .contacto-tarjeta1
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/mastercard.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta2
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/visa.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta3
    {
        width:33%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/american-express.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .direccion
    {
        width: 86%;
        min-height: 300px;
        margin: 0 auto 0 auto;
    }

    #container
    {
        width: 100%;
        min-height: 600px;
        border: none;
        margin: 2% auto 0 auto;
    }
    .mapa-menu{
        width: 86%;
        height: 35px;
        margin: 7% auto 0 auto;
        
    }

    
    /* Style tab links */
.tablinks {
    
    background-color: transparent;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 0px;
    font-size: 16px;
    width: 18%;
    margin: 0 1% 0 1%
    
  }
  
  .tablinks:hover {
    background-color: cornsilk;
    border-radius: 10px;
  }
  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    /*color: white;*/
    display: none;
    padding: 0px 20px;
    height: 100%;
  }
  
  /*#Matriz {}
  #SanPedro {}
  #Hipodromo {}
  #Magdalena {background-color: orange;}
  #Caborca {background-color: orange;}*/


    .contacto-mapa
    {
        width: 100%;
        min-height: 500px;
        margin: auto;
        background-image: url('../img/marco_direcciones.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .mapa-izq
    {
        width: 30%;
        height: 300px;
        float: left;
    }

    .mapa-der
    {
        width: 70%;
        height: 300px;
        float: left;
    }

    .mapasG
    {
        width:100%;
        height:300px; 
        /*frameborder:"0";*/
        border:0;
        /*" allowfullscreen="" aria-hidden="false" tabindex="0"*/
    }

    .parrafo-sucursal
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: black; 
        font-size:11px;
        font-weight: bold;
        float: left;
    }

    .mapa-icon
    {
        width: 100%;
        min-height: 150px;
        margin: auto;
        background-image: url('./img/map.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    


    #avisoprivacidad
    {
        width:100%;
        min-height:937px; 
        margin: auto;
        padding-top: 6%;
        padding-bottom: 10%;
        background-image: url('../img/fondo_avisoprivacidad.png');
        background-size: cover;
        background-repeat:no-repeat;
        /*background-position: center;*/
        
    }

    .aviso-centro
    {
        width: 80%;
        min-height: 200px;
        margin: auto;
    }

    .aviso-centro-parrafo
    {
        width:100%;
        /*margin: auto; */
        text-align:justify; 
        color:black; 
        font-size:15px;
        /*float: left;*/
    }

    .aviso-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:50px;
    }

    .aviso-cuadro{
        width:100%;
        min-height:20px; 
        margin: auto;
        /*padding-top: 6%;*/
        /*background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;*/
        float: left;
    }

    .aviso-cuadro-centro
    {
        width: 100%;
        min-height:50px; 
        margin: 0 auto 2% auto;
        float: left;
    }

    .check-aviso
    {
        /*-webkit-appearance: none;*/
        background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        background-color: #fafafa;
	    border: 1px solid #cacece;
	    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	    padding: 9px;
	    border-radius: 50px;
	    /*display: inline-block;*/
	    /*position: relative;*/
        float: left;
    }

   /* .check-aviso:checked:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background: #99a1a7;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
        text-shadow: 0px;
        left: 3px;
        font-size: 32px;
    }

    .check-aviso:checked {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .check-aviso:active, .regular-radio:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }*/

    .parrafo-consentimiento
    {
        width:90%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:15px;
        float: left;
    }
  }

@media  screen and (min-width: 769px) and (max-width: 1920px), screen and (max-height: 650px) and (min-height: 649px) {
    .contenedor
    {
        width:1024px;
        height:630px;
    }

    .centrado
    {
        width: 100%;
        min-height: 630px;
        margin: auto;
    }

    .carta-contenido{
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:12px;
        margin: 5px 0;
    }
    
    .carta-titulos
    {
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:12px;
        font-weight: bold;
    }

    #inicio
    {
        width:100%;
        /*min-height:630px;   
        background-repeat:no-repeat;
        background-position: center;
        background-image: url('../img/fondo_inicio.png');
        background-size: cover;*/
    }

    .centro{
        width:60%;
        min-height:630px;
        
        margin: 0% auto 0% auto;
        /*padding-top: 5%;*/
    }

     

    .menu
    {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0px; 
        width:100%;
        min-height:50px; 
        margin-right: auto;
        background-size: 65%;
        background-repeat:no-repeat;      
        background-image: url('../img/banner_menu.png');
        z-index: 9;
        /*padding-left: 14px;*/
    }

    .menu a {
          padding: 7px 13px;
          /*border-radius: 7px;*/
          margin-right: 10px;
          /*background: rgba(255, 255, 255, 0.5);*/
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          text-decoration: none;
          color: black;
          /*font-family: sans;*/
          font-weight: bold;
          font-size:14px;
        }

    .menu a.active {
          background: rgba(0, 0, 0, 0.5);
          color: white;
        }
         
    .menu a:hover { background: rgba(255, 255, 255, 0.7); }
        
    .navmenu{
    margin: 13px auto 0 1%; 
    }

    .icon {
        display: none;
      }

    .aviso_aniversario_bg1
    {
        width: 100%;
        min-height: 765px;
        margin: auto;
        background-image: url('../img/marco_aniversario.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .contenedor_aniversario{
        width:80%;
        min-height:100%; 
        margin: auto;
        padding-top: 18%;
    }

    .aviso_aniversario_logo
    {
        width: 73%;
        min-height: 234px;
        margin: auto;
        background-image: url('../img/logo_aniversario33.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .aviso_aniversario_texto
    {
        width: 81%;
        min-height: 340px;
        margin: auto;
    }

    #Bienvenida{
        width:100%;
        min-height:630px; 
    }

    .centroinicio{
        width:100%;
        min-height:630px; 
        margin: auto;
    }

    .columnaIzq{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-image: url('../img/perfil_vaca.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-color: mintcream;
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer{
        width: 33.3%;
        min-height: 630px;
        margin: auto;
        background-image: url('../img/perfil_caballo.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .saludo{
        width: 80%;
        margin: 20% auto 0% auto;

    }

    .titulos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:30px;

    }

    .parrafos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size: 20px;

    }
    .centroinicio-Nos
    {
        width:100%;
        min-height:630px; 
        margin: auto;
        background-image: url('../img/fondo_pasto_nosotros.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
    }

    .columnaIzq-Nos{
        width: 33.3%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro-Nos{
        width: 33.3%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer-Nos{
        width: 33.3%;
        min-height: 230px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .parrafos-Nos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:14px;
        font-weight: bold;
    }

    .saludo-Nos{
        width: 80%;
        margin: 20% auto 0% auto;

    }

    .vision
    {
        width:70%;
        min-height:400px; 
        margin: auto;
        background-image: url('../img/bandera_vision.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision{
        width:70%;
        min-height:400px; 
        margin: auto;
        background-image: url('../img/Bandera_mision.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;

    }

    .centro-nos{
        width:70%;
        min-height:400px; 
        margin: auto;
        padding-top: 15%;
        
    }

    .vision-icon
    {
        width:60%;
        min-height:88px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/ojo vaca.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision-icon{
        width:60%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/mission.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;

    }

    .titulos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:20px;
        font-weight: bold;
    }

    .parrafos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: BLACK; 
        font-size:11px;
        font-weight: bold;
    }

    .val-titulo
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:20px;
        font-weight: bold;
    }

    .texto-val1
    {
        width:6%; 
        margin: 4% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }
    .texto-val2
    {
        width:8%; 
        margin: 9% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }
    .texto-val3
    {
        width:8%; 
        margin: 13% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val4
    {
        width:8%; 
        margin: 16% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val5
    {
        width:5%; 
        margin: 16% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val6
    {
        width:8%; 
        margin: 13% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val7
    {
        width:6%; 
        margin: 9% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }

    .texto-val8
    {
        width:6%; 
        margin: 4% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:12px;
        font-weight: bold;
        float: left;
    }


    .clear{
        clear: both;
    }

    .valcentro
    {
        width:92%;
        min-height:250px; 
        margin: 0% auto 0 auto;
        
    }

    .val-icono-top
    {
        width:100%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/icono_valores.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .val-icono-bottom
    {
        width:100%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/trabajo en equipo.png');
        background-size: contain;
        background-repeat:no-repeat;
        /*background-position-x: 68%;*/
        background-position: center;
        float: left;
    }

    .val1
    {
        width:6%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Honestidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val2
    {
        width:6%;
        min-height:50px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/icono_compromiso.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        
    }

    .val3
    {
        width:6%;
        min-height:50px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/Comunicacion.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val4
    {
        width:9%;
        min-height:100px; 
        float: left;
    }

    .val5
    {
        width:6%;
        min-height:50px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/pasion icono.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val6
    {
        width:6%;
        min-height:50px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/Compromiso.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val7
    {
        width:6%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Disciplina.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    #contacto
    {
        width:100%;
        min-height:1130px; 
        margin: auto;
        padding-top: 6%;
        background-color: #495664;
    }

    .contacto-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:white; 
        font-size:50px;
    }

    .contacto-centro
    {
        width: 80%;
        min-height: 100px;
        margin: auto;
        
    }

    .contacto-correo
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        /*float: left;*/
    }

    .contacto-parrafo
    {
        width:29%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:20px;
        font-weight: bold;
        float: left;
    }

    .contacto-centro-tar
    {
        width: 55%;
        min-height: 200px;
        margin: 0 auto 0 auto;
    }

    .contacto-parrafo-tar
    {
        width:100%; 
        margin: 0 auto 3% auto;
        text-align:center; 
        color: white; 
        font-size:20px;
        font-weight: bold;
        float: left;
    }

    .contacto-parrafo-whats
    {
        width:30%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        float: left;
    }

    .caja-contacto
    {
        width:100%;
        min-height:250px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/textbox_contacto_notas.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .form{
        width: 92%;
        margin: 0 auto 0 auto;
        padding-top: 4%;
        min-height: 100px;
        font-size: 14px;
    }

    .form input[type="text"],
    .form textarea{
        /*padding: 15px 5px;*/
        float: left;
    }

    .form-nombre
    {
        width: 100%;
        min-height: 50px;
        margin-bottom: 8%;
    }

    .form-correo
    {
        width: 100%;
        min-height: 50px;
    }

    .label{
        width: 19%;
        float: left;
        margin: 3% auto 0 auto;
        text-align: right;
        padding-right: 5px;
    }
    .notext{
    border:none;
    background-color: transparent;
    width: 100%;
}
.notextarea{
    border:none;
    background-color: transparent;
    width: 87%;
    min-height: 100px;
}
    .textbox
    {
        width: 68%;
        padding: 15px 5px;
        float: left;
        background-image: url('../img/textbox_contacto.png');
        background-size: contain;
        background-repeat: no-repeat;
        -moz-appearance: textfield;
        /**-webkit-appearance: textfield;*/
    }

    .textarea
    {
        width: 70%;
        min-height: 100px;
        padding: 10px 5px;
        /*float: left;*/
        -moz-appearance: textfield-multiline;
        -webkit-appearance: textarea;
        overflow: auto;
        /*padding: 2px;*/
        /*resize: both;*/
        background-image: url('../img/caja_contactos.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .form-izq
    {
        width: 40%;
        float: left;
        margin: 1% 2% 1% 2%;
    }
    .form-der
    {
        width: 53%;
        float: left;
        margin: .5% 0px 0px 0px;
    }
    .btn{
        background: #F6F7D3;
        width: 25%;
        padding: 10px 0;
        border-radius: 2px;
        text-align: center;
        text-transform: uppercase;
        color: black;
        cursor: pointer;
        margin: 0 auto 0 58%;
    }

    .logo-face
    {
        width:15%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        /*padding:7px 20px;*/
        background-image: url('../img/logo-facebook.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        /*background-position: center;*/
        float: left;
        cursor: pointer;
    }


    .logo-whatsapp
    {
        width:15%;
        min-height:80px; 
        margin: 2% auto 0% auto;
        /*padding:7px 0px;*/
        background-image: url('../img/logo-whatsapp.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        cursor: pointer;
    }

    .contacto-tarjetas
    {
        width:100%; 
        margin: 5% auto 0 auto;
        float: left;       
    }

    .contacto-tarjeta1
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/mastercard.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta2
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/visa.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta3
    {
        width:33%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/american-express.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .direccion
    {
        width: 86%;
        min-height: 500px;
        margin: 0 auto 0 auto;
    }

    #container
    {
        width: 100%;
        min-height: 600px;
        border: none;
        margin: 2% auto 0 auto;
    }
    .mapa-menu{
        width: 86%;
        height: 50px;
        margin: 0% auto 0 auto;
        
    }

    
    /* Style tab links */
.tablinks {
    
    background-color: transparent;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0px;
    font-size: 20px;
    width: 18%;
    margin: 0 1% 0 1%
    
  }
  
  .tablinks:hover {
    background-color: cornsilk;
    border-radius: 30px;
  }
  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    /*color: white;*/
    display: none;
    padding: 0px 20px;
    height: 100%;
  }
  
  /*#Matriz {}
  #SanPedro {}
  #Hipodromo {}
  #Magdalena {background-color: orange;}
  #Caborca {background-color: orange;}*/


    .contacto-mapa
    {
        width: 100%;
        min-height: 500px;
        margin: auto;
        background-image: url('../img/marco_direcciones.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .mapa-izq
    {
        width: 30%;
        height: 400px;
        float: left;
    }

    .mapa-der
    {
        width: 70%;
        height: 400px;
        float: left;
    }

    .mapasG
    {
        width:100%;
        height:400px; 
        /*frameborder:"0";*/
        border:0;
        /*" allowfullscreen="" aria-hidden="false" tabindex="0"*/
    }

    .parrafo-sucursal
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: black; 
        font-size:14px;
        font-weight: bold;
        float: left;
    }

    .mapa-icon
    {
        width: 100%;
        min-height: 250px;
        margin: auto;
        background-image: url('./img/map.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    


    #avisoprivacidad
    {
        width:100%;
        min-height:937px; 
        margin: auto;
        padding-top: 6%;
        padding-bottom: 10%;
        background-image: url('../img/fondo_avisoprivacidad.png');
        background-size: cover;
        background-repeat:no-repeat;
        /*background-position: center;*/
        
    }

    .aviso-centro
    {
        width: 80%;
        min-height: 200px;
        margin: auto;
    }

    .aviso-centro-parrafo
    {
        width:100%;
        /*margin: auto; */
        text-align:justify; 
        color:black; 
        font-size:15px;
        /*float: left;*/
    }

    .aviso-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:50px;
    }

    .aviso-cuadro{
        width:100%;
        min-height:20px; 
        margin: auto;
        /*padding-top: 6%;*/
        /*background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;*/
        float: left;
    }

    .aviso-cuadro-centro
    {
        width: 100%;
        min-height:50px; 
        margin: 0 auto 2% auto;
        float: left;
    }

    .check-aviso
    {
        /*-webkit-appearance: none;*/
        background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        background-color: #fafafa;
	    border: 1px solid #cacece;
	    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	    padding: 9px;
	    border-radius: 50px;
	    /*display: inline-block;*/
	    /*position: relative;*/
        float: left;
    }

   /* .check-aviso:checked:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background: #99a1a7;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
        text-shadow: 0px;
        left: 3px;
        font-size: 32px;
    }

    .check-aviso:checked {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .check-aviso:active, .regular-radio:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }*/

    .parrafo-consentimiento
    {
        width:90%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:15px;
        float: left;
    }
}



@media  screen and (min-width: 1920px)and (min-width:1600px), (min-height: 1000px)/*ver si solo ocupo cambiar esta altura*/ {
    .contenedor
    {
        width:1890px;
        height:949px;
    }

    .centrado
    {
        width: 100%;
        min-height: 949px;
        margin: auto;
    }

    .carta-contenido{
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:14px;
        margin: 10px 0;
    }
    
    .carta-titulos
    {
        width:100% ; 
        text-align:center; 
        color:black; 
        font-size:14px;
        font-weight: bold;
    }

    #inicio
    {
        width:100%;
        /*min-height:937px;   
        background-repeat:no-repeat;
        background-position: center;
        background-image: url('../img/fondo_inicio.png');
        background-size: cover;*/
    }

    .centro{
        width:54%;
        min-height:937px;
        
        margin: 0% auto 0% auto;
        padding-top: 5%;
    }
    
    .menu
    {
        overflow: hidden;
        position: fixed; /* Set the navbar to fixed position */
        top: 0px; 
        width:100%;
        min-height:100px; 
        margin-right: auto;
        /*background-size: 65%;*/
        background-repeat:no-repeat;      
        background-image: url('../img/banner_menu.png');
        z-index: 9;
        padding-left: 20px;
    }

    .menu a {
          padding: 7px 20px;
          /*border-radius: 7px;*/
          margin-right: 10px;
          /*background: rgba(255, 255, 255, 0.5);*/
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          text-decoration: none;
          color: black;
          /*font-family: sans;*/
          font-weight: bold;
          font-size:20px;
        }

    .menu a.active {
          background: rgba(0, 0, 0, 0.5);
          color: white;
        }
         
    .menu a:hover { background: rgba(255, 255, 255, 0.7); }
        
    .navmenu{
    margin: 30px auto 0 auto; 
    }

    .icon {
        display: none;
      }

    .aviso_aniversario_bg1
    {
        width: 80%;
        min-height: 765px;
        margin: auto;
        background-image: url('../img/marco_aniversario.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .contenedor_aniversario{
        width:80%;
        min-height:100%; 
        margin: auto;
        padding-top: 5%;
    }

    .aviso_aniversario_logo
    {
        width: 70%;
        min-height: 340px;
        margin: auto;
        background-image: url('../img/logo_aniversario33.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .aviso_aniversario_texto
    {
        width: 84%;
        min-height: 340px;
        margin: auto;
    }

    #Bienvenida{
        width:100%;
        min-height:937px; 
    }

    .centroinicio{
        width:100%;
        min-height:937px; 
        margin: auto;
    }

    .columnaIzq{
        width: 33.3%;
        min-height: 937px;
        margin: auto;
        background-image: url('../img/perfil_vaca.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro{
        width: 33.3%;
        min-height: 937px;
        margin: auto;
        background-color: mintcream;
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer{
        width: 33.3%;
        min-height: 937px;
        margin: auto;
        background-image: url('../img/perfil_caballo.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .saludo{
        width: 80%;
        margin: 20% auto 0% auto;

    }

    .titulos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:50px;

    }

    .parrafos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size: 30px;

    }
    .centroinicio-Nos
    {
        width:100%;
        min-height:937px; 
        margin: auto;
        background-image: url('../img/fondo_pasto_nosotros.png');
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
    }

    .columnaIzq-Nos{
        width: 33.3%;
        min-height: 650px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .columnaCentro-Nos{
        width: 33.3%;
        min-height: 650px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }
    .columnaDer-Nos{
        width: 33.3%;
        min-height: 650px;
        margin: auto;
        
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
        float: left;

    }

    .parrafos-Nos{
        width:100%; 
        text-align:center; 
        color:black; 
        font-size:20px;
        font-weight: bold;
    }

    .saludo-Nos{
        width: 80%;
        margin: 20% auto 0% auto;

    }

    .vision
    {
        width:70%;
        min-height:650px; 
        margin: auto;
        background-image: url('../img/bandera_vision.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision{
        width:70%;
        min-height:650px; 
        margin: auto;
        background-image: url('../img/Bandera_mision.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;

    }

    .centro-nos{
        width:55%;
        min-height:400px; 
        margin: auto;
        padding-top: 15%;
        
    }

    .vision-icon
    {
        width:60%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/ojo vaca.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .mision-icon{
        width:60%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        
        background-image: url('../img/mission.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;

    }

    .titulos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:30px;
        font-weight: bold;
    }

    .parrafos-Nos-banderas
    {
        width:100%; 
        text-align:center; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
    }

    .val-titulo
    {
        width:100%; 
        text-align:center; 
        color: #229B46; 
        font-size:30px;
        font-weight: bold;
    }

    .texto-val1
    {
        width:6%; 
        margin: 4% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }
    .texto-val2
    {
        width:6%; 
        margin: 9% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }
    .texto-val3
    {
        width:7%; 
        margin: 13% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }

    .texto-val4
    {
        width:9%; 
        margin: 16% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }

    .texto-val5
    {
        width:6%; 
        margin: 16% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }

    .texto-val6
    {
        width:10%; 
        margin: 13% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }

    .texto-val7
    {
        width:6%; 
        margin: 9% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }

    .texto-val8
    {
        width:7%; 
        margin: 4% auto 0 auto;
        text-align:left; 
        color: BLACK; 
        font-size:16px;
        font-weight: bold;
        float: left;
    }


    .clear{
        clear: both;
    }

    .valcentro
    {
        width:82%;
        min-height:285px; 
        margin: 0% auto 0 auto;
        
    }

    .val-icono-top
    {
        width:100%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/icono_valores.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
    }

    .val-icono-bottom
    {
        width:100%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/trabajo en equipo.png');
        background-size: 54%;
        background-repeat:no-repeat;
        /*background-position-x: 68%;*/
        background-position: center;
        float: left;
    }

    .val1
    {
        width:5%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Honestidad.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val2
    {
        width:5%;
        min-height:100px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/icono_compromiso.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        
    }

    .val3
    {
        width:5%;
        min-height:100px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/Comunicacion.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .val4
    {
        width:13%;
        min-height:100px; 
        float: left;
    }

    .val5
    {
        width:5%;
        min-height:100px; 
        margin: 10% auto 0% auto;
        background-image: url('../img/pasion icono.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val6
    {
        width:5%;
        min-height:100px; 
        margin: 6% auto 0% auto;
        background-image: url('../img/Compromiso.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    .val7
    {
        width:5%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/Disciplina.png');
        /*background-size: 8%;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }

    #contacto
    {
        width:100%;
        min-height:1530px; 
        margin: auto;
        padding-top: 6%;
        background-color: #495664;
    }

    .contacto-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:white; 
        font-size:50px;
    }

    .contacto-centro
    {
        width: 80%;
        min-height: 200px;
        margin: auto;
    }

    .contacto-correo
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        /*float: left;*/
    }

    .contacto-parrafo
    {
        width:29%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        float: left;
    }

    .contacto-centro-tar
    {
        width: 55%;
        min-height: 200px;
        margin: 0 auto 0 auto;
    }

    .contacto-parrafo-tar
    {
        width:100%; 
        margin: 0 auto 3% auto;
        text-align:center; 
        color: white; 
        font-size:30px;
        font-weight: bold;
        float: left;
    }

    .contacto-parrafo-whats
    {
        width:15%; 
        margin: 3% auto 0 auto;
        text-align:center; 
        color: white; 
        font-size:25px;
        font-weight: bold;
        float: left;
    }

    .caja-contacto
    {
        width:100%;
        min-height:400px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/textbox_contacto_notas.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        background-position: center;
        
    }

    .form{
        width: 60%;
        margin: 0 auto 0 auto;
        padding-top: 5%;
        min-height: 200px;
    }

    .form input[type="text"],
    .form textarea{
        /*padding: 15px 5px;*/
        float: left;
    }

    .form-nombre
    {
        width: 100%;
        min-height: 50px;
        margin-bottom: 15%;
    }

    .form-correo
    {
        width: 100%;
        min-height: 50px;
    }

    .label{
        width: 16%;
        float: left;
        margin: 3% auto 0 auto;
        text-align: right;
        padding-right: 5px;
    }
    .notext{
    border:none;
    background-color: transparent;
    width: 100%;
}
.notextarea{
    border:none;
    background-color: transparent;
    width: 89%;
    min-height: 140px;
}
    .textbox
    {
        width: 68%;
        padding: 15px 5px;
        float: left;
        background-image: url('../img/textbox_contacto.png');
        background-size: cover;
        background-repeat: no-repeat;
        -moz-appearance: textfield;
        /**-webkit-appearance: textfield;*/
    }

    .textarea
    {
        width: 81%;
        min-height: 140px;
        padding: 15px 5px;
        /*float: left;*/
        -moz-appearance: textfield-multiline;
        -webkit-appearance: textarea;
        overflow: auto;
        /*padding: 2px;*/
        /*resize: both;*/
        background-image: url('../img/caja_contactos.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .form-izq
    {
        width: 40%;
        float: left;
        margin: 1% 2% 1% 2%;
    }
    .form-der
    {
        width: 53%;
        float: left;
        margin: .5% 0px 0px 0px;
    }
    .btn{
        background: #F6F7D3;
        width: 200px;
        padding: 10px 0;
        border-radius: 2px;
        text-align: center;
        text-transform: uppercase;
        color: black;
        cursor: pointer;
        margin: 0 auto 0 58%;
    }

    .logo-face
    {
        width:8%;
        min-height:100px; 
        margin: 0% auto 0% auto;
        /*padding:7px 20px;*/
        background-image: url('../img/logo-facebook.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        /*background-position: center;*/
        float: left;
        cursor: pointer;
    }


    .logo-whatsapp
    {
        width:8%;
        min-height:80px; 
        margin: 2% auto 0% auto;
        /*padding:7px 0px;*/
        background-image: url('../img/logo-whatsapp.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
        cursor: pointer;
    }

    .contacto-tarjetas
    {
        width:35%; 
        margin: 0 auto 0 auto;
        float: left;       
    }

    .contacto-tarjeta1
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/mastercard.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta2
    {
        width:43%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/visa.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .contacto-tarjeta3
    {
        width:33%;
        min-height:50px; 
        margin: 0% auto 0% auto;
        background-image: url('../img/american-express.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .direccion
    {
        width: 68%;
        min-height: 600px;
        margin: 0 auto 0 auto;
    }

    #container
    {
        width: 100%;
        min-height: 600px;
        border: none;
        margin: 2% auto 0 auto;
    }
    .mapa-menu{
        width: 66%;
        height: 50px;
        margin: 0.5% auto 0 auto;
        
    }

    
    /* Style tab links */
.tablinks {
    
    background-color: transparent;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0px;
    font-size: 25px;
    width: 18%;
    margin: 0 1% 0 1%
    
  }
  
  .tablinks:hover {
    background-color: cornsilk;
    border-radius: 30px;
  }
  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    /*color: white;*/
    display: none;
    padding: 100px 20px;
    height: 100%;
  }
  
  /*#Matriz {}
  #SanPedro {}
  #Hipodromo {}
  #Magdalena {background-color: orange;}
  #Caborca {background-color: orange;}*/


    .contacto-mapa
    {
        width: 100%;
        min-height: 800px;
        margin: auto;
        background-image: url('../img/marco_direcciones.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    .mapa-izq
    {
        width: 30%;
        height: 450px;
        float: left;
    }

    .mapa-der
    {
        width: 70%;
        height: 450px;
        float: left;
    }

    .mapasG
    {
        width:100%;
        height:450px; 
        /*frameborder:"0";*/
        border:0;
        /*" allowfullscreen="" aria-hidden="false" tabindex="0"*/
    }

    .parrafo-sucursal
    {
        width:100%; 
        margin: 0 auto 0 auto;
        text-align:center; 
        color: black; 
        font-size:20px;
        font-weight: bold;
        float: left;
    }

    .mapa-icon
    {
        width: 100%;
        min-height: 250px;
        margin: auto;
        background-image: url('./img/map.png');
        /*background-size: contain;*/
        background-repeat:no-repeat;
        background-position: center;
        float: left;
    }
    


    #avisoprivacidad
    {
        width:100%;
        min-height:937px; 
        margin: auto;
        padding-top: 6%;
        padding-bottom: 10%;
        background-image: url('../img/fondo_avisoprivacidad.png');
        background-size: cover;
        background-repeat:no-repeat;
        /*background-position: center;*/
        
    }

    .aviso-centro
    {
        width: 55%;
        min-height: 200px;
        margin: auto;
    }

    .aviso-centro-parrafo
    {
        width:100%;
        /*margin: auto; */
        text-align:justify; 
        color:black; 
        font-size:20px;
        /*float: left;*/
    }

    .aviso-titulo
    {
        width:100%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:50px;
    }

    .aviso-cuadro{
        width:100%;
        min-height:20px; 
        margin: auto;
        /*padding-top: 6%;*/
        /*background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;*/
        float: left;
    }

    .aviso-cuadro-centro
    {
        width: 100%;
        min-height:50px; 
        margin: 0 auto 2% auto;
        float: left;
    }

    .check-aviso
    {
        /*-webkit-appearance: none;*/
        background-image: url('../img/checkbox_avisoprivacidad.png');
        background-size: contain;
        background-repeat:no-repeat;
        background-position: center;
        background-color: #fafafa;
	    border: 1px solid #cacece;
	    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	    padding: 9px;
	    border-radius: 50px;
	    /*display: inline-block;*/
	    /*position: relative;*/
        float: left;
    }

   /* .check-aviso:checked:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background: #99a1a7;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
        text-shadow: 0px;
        left: 3px;
        font-size: 32px;
    }

    .check-aviso:checked {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .check-aviso:active, .regular-radio:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }*/

    .parrafo-consentimiento
    {
        width:90%;
        margin: auto; 
        text-align:center; 
        color:black; 
        font-size:20px;
        float: left;
    }

}