/*sin horientacion*/
    .formulariocontactopri p
        {
            color:black !important;
                
        }
    .formulariocontactopri input
        {
            color:black;
            border: 2px #dcdcdc solid;
            background: #eeeeee;
        }
    .formulariocontactopri textArea
        {
            color:black;
            border: 2px #dcdcdc solid;
            background: #eeeeee;
        }
    .formulariocontactopri button
        {
            color: white;
            background: #ff8c01;
            text-align: center;
        }
    .formatoenlace a
        {
            text-decoration: underline !important;
            cursor: pointer;
        }
/*orientacion horizontal*/
@media screen and  (max-width: 600px) and (orientation:portrait)
    {
    
    }
@media screen and  (min-width: 600px) and (orientation:portrait)
    {
    
    }
@media screen and  (min-width: 768px) and (orientation:portrait)
    {
    
    }
/*por corregir*/
@media screen and  (max-width: 800px) and (orientation:portrait)  
    {
        
    }
@media screen and  (min-width: 992px) and (orientation:portrait)
    {
    
    }
@media screen and  (min-width: 1200px) and (orientation:portrait)
    {
    
    }
/*horientacion vertical*/
@media screen and  (max-width: 600px) and (orientation:landscape)
    {
    
    }
@media screen and  (min-width: 600px) and (orientation:landscape)
    {
    
    }
@media screen and  (min-width: 768px) and (orientation:landscape)
    {
    
    }
@media screen and  (min-width: 992px) and (orientation:landscape)
    {
    
    }
@media screen and  (min-width: 1200px) and (orientation:landscape)
    {
    
    }
/*sin horientacion*/
@media screen and  (min-width: 200px)
    {
        #map 
            {
                height: 200px;
                width: 200px;
            }
         .mapas
            {
                margin: 60px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 410px;
                left: 125px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
    }
    @media screen and  (min-width: 201px)
    {
        #map 
            {
                height: 200px;
                width: 300px;
            }
         .mapas
            {
                margin: 60px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 1000px;
                left: 125px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
    }
 @media screen and  (min-width: 400px)
    {
        #map 
            {
                height: 400px;
                width: 400px;
            }
        .mapas
            {
                margin: 60px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 410px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
    }
@media screen and  (min-width: 600px)
    {
        #map 
            {
                height: 600px;
                width: 600px;
            }
       .mapas
            {
                margin: 60px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 410px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
       .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
    }
@media screen and  (min-width: 800px)
    {
        #map 
            {
                height: 500px;
                width: 1000px;
            }
        .mapas
            {
                margin: 100px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 410px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
         .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
    }
@media screen and  (min-width: 992px)
    {
        #map 
            {
                height: 500px;
                width: 1200px;
            }
        .mapas
            {
                margin: 160px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
                   .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 0px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 250px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
            
    }
@media screen and  (min-width: 1084px)
    {
        #map 
            {
                height: 500px;
                width: 1200px;
            }
        .mapas
            {
                margin: 160px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
                   .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 0px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 280px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }
            
    }
@media screen and  (min-width: 1200px)
    {
    
        #map 
            {
                height: 500px;
                width: 1903px;
            }
       .mapas
            {
                margin: 100px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 350px;
                left: 0px;
                background: transparent;
                
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            }
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
        .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
        .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }  
    }
 @media screen and  (min-width: 1300px)
    {
        #map 
            {
                height: 500px;
                width: 1903px;
            }
        
        .mapas
            {
                margin: 70px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 200px;
                left: 0px;
                background: transparent;
                zoom: normal;
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            } 
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
      .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
      .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }

    }
@media screen and  (min-width: 1366px)
    {
        #map 
            {
                height: 500px;
                width: 1903px;
            }
        
        .mapas
            {
                margin: 70px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }
        .sucursaleslista
            {
                margin: 0px 0px 0px 0px;
                padding: 25px 25px 25px 25px;
                position: absolute;
                z-index:100;
                height: 480px;
                width: 500px;
                bottom: 350px;
                left: 0px;
                background: transparent;
                zoom: normal;
            }
        .cajadebusqueda
            {
                background: white;
                margin: 0px 0px 0px 0px;
                padding: 20px 20px 20px 20px;
                height: 50px;
            }
        .sucursaleslista li
            {
                background: white;
                margin: 10px 0px 10px 0px;
                padding: 20px 20px 20px 20px;
                height: 300px;
                border: 2px solid #ff8c01 !important;
                
            }
        .sucursaleslista p
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
             
                
            }   
         .sucursaleslista a
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 16px;
                text-decoration: underline;
                color: #ff8c01;
             
                
            } 
        .sucursaleslista input
            {
                border: 2px solid #ff8c01 !important;
                color: #000000;
            }
        .input-icon 
            {
                color: #191919;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 390px;
                top: 41%;
                transform: translateY(-50%);
            }
      .formulariocontactopri
            {
                padding: 50px 50px 50px 50px; 
                margin:  10px 10px 10px 10px;
            }
      .formulariocontactopri h6 i
            {
                color: #ff8c01;  
                font-size: 30px; 
                margin-right:  10px;
            }

    }