*
            {
                margin: 0;
                padding: 0;
                
            }

 

#linea2
        {
            background: url(../imagenes/empresa.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 0,0;
                background-attachment: fixed;
                height: 420px;
        }
        #texlinea2
        {
            color: #fff;
            width: 50%;
           padding-top: 40px;
            text-align: center;
            font-family: arial;
        }
        
        boton
{
    background-color: #013aaa;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 7px;
    font-size: 18px;
    -moz-transition: .4s linear;
    -webkit-transition: .4s ease-out;
    transition: .4s linear;
    color: #fff;
}
boton:hover
{
    background-color: #2a5ed7;
    -moz-transition: .4s linear;
    -webkit-transition: .4s ease-out;
    transition: .4s linear;
}

 .contenedorprincipal
        {
            width: 100%;
            max-width: 1350px;
            margin: 0 auto;
        }
        .contenedorprincipal2
        {
            width: 100%;
            max-width: 1350px;
            margin: 0 auto;
        }
        #cabeza
        {
            background-color:#00010f;
            color:#fff;
            padding-top: 10px;
            padding-bottom: 10px;  
            overflow: hidden;
            box-shadow: 2px 2px 5px #999;
        }
         #franja
        {
            width: 100%;
            height: 60px;
            background-color:#00010f;
            margin-top: -60px;
        }
        
        
        img.icon{
            display: block;
            margin:10px auto;
            background-color: rgba(255,255,255,0.15);
            width: 40px;
            padding: 20px;
            -webkit-border-radius: 50px;
            -webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
            -webkit-transition:box-shadow .4s; 
        }
        
.ima2
{
    float:left;
    margin-left: 1%;
    margin-right: 1%;
    
}
#ima1
{
    margin-left: 14%;
}
#caracteristicas
{
    background-color: #efefef;
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    overflow: hidden;
        
}
#caracteristicas2
{
    background-color: #fff;
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
    overflow: hidden;
        
}

@media screen and (min-width: 1350px) {
#franjas2
{
    background-color: #efefef;
    width: 100%;
}
#franjas3
{
    background-color: #fff;
    width: 100%;
}
}
@media screen and (max-width: 1300px) {
   #ima1
{
    margin-left: 11%;
} 
}
@media screen and (max-width: 1200px) {
   #ima1
{
    margin-left: 9%;
} 
}
@media screen and (max-width: 1150px) {
   #ima1
{
    margin-left: 7%;
} 
}
@media screen and (max-width: 1100px) {
   #ima1
{
    margin-left: 4%;
} 
}
@media screen and (max-width: 1050px) {
   #ima1
{
    margin-left: 10%;
} 
#imault
{
    display: none;
}
}
@media screen and (max-width: 950px) {
   #ima1
{
    margin-left: 6%;
} 
}

           
            
           
            @media  (max-width:500px)
            {
               
                img{
                    width: 250px;
                }
            }   
       


        @media screen and (max-width: 800px) {
         #menu
         {
             display: none;
         }
         #cabeza
         {
             display: none;
         }
         .social
         {
             display: none;
         }
         form
         {
             width: 96%;
             margin-left: 2%;
                 margin-right:2%;
         }
         #linea
         {
             display: none;
         }
         
        }
        

.des1
{
    float: left;
    width: 300px;
    margin-left: 7%;
    margin-bottom: 60px;
    overflow: hidden;
    
}
.des2
{
    float: left;
    width: 300px;
    margin-left: 7%;
    margin-bottom: 60px;
    overflow: hidden;
}
.des3
{
    float: left;
    width: 300px;
    margin-left: 7%;
    margin-bottom: 60px;
    overflow: hidden;
}
.des4
{
    float: left;
    width: 300px;
    margin-left: 7%;
    margin-bottom: 60px;
    overflow: hidden;
}
@media screen and (max-width: 1280px) {
    .des1
{
    margin-left: 5%;   
}
 .des2
{
    margin-left: 5%;   
}
 .des3
{
    margin-left: 5%;   
}
.des4
{
    margin-left: 5%;   
}
}
@media screen and (max-width: 1170px) {
    .des1
{
    margin-left: 3%;   
}
 .des2
{
    margin-left: 3%;   
}
 .des3
{
    margin-left: 3%;   
}
.des4
{
    margin-left: 3%;   
}
}
@media screen and (max-width: 1100px) {
    .des1
{
    width: 230px;
    margin-left: 7%;   
}
 .des2
{
    width: 230px;
    margin-left: 7%;   
}
 .des3
{
    width: 230px;
    margin-left: 7%;   
}
.des4
{
    width: 230px;
    margin-left: 7%;   
}
}
@media screen and (max-width: 1000px) {
    .des1
{
    
    margin-left: 5%;   
}
 .des2
{
    
    margin-left: 5%;   
}
 .des3
{
    
    margin-left: 5%;   
}
.des4
{ 
    margin-left: 5%;   
}
}
@media screen and (max-width: 900px) {
    .des1
{
    width: 180px;
    margin-left: 7%;   
}
 .des2
{
    width: 180px;
    margin-left: 7%;   
}
 .des3
{
    width: 180px;
    margin-left: 7%;   
}
.des4
{
    width: 180px;
    margin-left: 7%;   
}
}
@media screen and (max-width: 780px) {
    .des1
{
    
    margin-left: 4%;   
}
 .des2
{
 
    margin-left: 4%;   
}
 .des3
{  
    margin-left: 4%;   
}
.des4
{  
    margin-left: 4%;   
}
}
@media screen and (max-width: 690px) {
     .des1
{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 18px;
}
 .des2
{
    width: 100%;
    margin: 0 auto; 
    margin-top: 10px;
     margin-bottom: 28px;;
}
 .des3
{
    width: 100%;
    margin: 0 auto; 
    margin-bottom: 28px;
}
.des4
{
    width: 100%;
    margin: 0 auto; 
    margin-bottom: 18px;
}
}
@media screen and (max-width: 500px) {
    .des1>img
{
    width: 75px;
}
.des2>img
{
    width: 75px;
}
.des3>img
{
    width: 75px;
} 
.des4>img
{
    width: 75px;
}
#num1{
    margin-bottom: 32px;
}
}

#fondo
           {
               background-color:#efefef;
               width: 100%;
           }
           
           form{
                width: 480px;
                margin: auto;
                
                padding: 10px 20px;
                box-sizing: border-box;
                margin-top: 20px;
                border-radius: 7px;
            }
            h3
            {
                color:#565656;
                text-align: center;
                margin:0;
                font-size: 25px;
                margin-bottom: 20px;
                font-family: monospace;
            }
            input, textarea, select
            {
                width: 100%;
                margin-bottom: 20px;
                padding: 7px;
                box-sizing: border-box;
                font-size: 17px;
            }
            textarea
            {
                min-height: 100px;
                max-height: 200px;
                max-width: 100%;
            }
            #boton
            {
                background: #565656;
                color:#fff;
                padding: 16px;
                font-size: 20px;
                -moz-transition: .4s linear;
    -webkit-transition: .4s ease-out;
    transition: .4s linear;
            }
            
            #boton:hover
            {
                cursor:pointer;
                background-color: #676767;
                -moz-transition: .4s linear;
    -webkit-transition: .4s ease-out;
    transition: .4s linear;
                   
            }
            label
            {
                color: #565656;
                font-size: 18px;
            }
            label>a
            {
                color: #565656;
                font-size: 16px;
                text-decoration: none;
            }
             @media  (max-width:480px)
            {
                form
                {
                    width: 100%;
                }
            }
            h1
            {
                color: #fff;
                
            }
           
            a
            {
               text-decoration:none;
               color:#fff;
            }

         #linea
        {
            background: url(../imagenes/sistema_inventario.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 0,0;
                background-attachment: fixed;
                height: 500px;
        }
       h1
       {
           font-size: 40px;
       }
       #texlinea1
        {
            color: #fff;
            width: 50%;
           padding-top: 35px;
            text-align: center;
            font-family: arial;
            background: rgba(0,0,0,0.4);
            padding-left: 8px;
            padding-right: 8px;
        }
          .logo>font
          {
              font-size: 29px;
          }
          @media  (max-width:900px)
            {
                .logo>font
          {
              font-size: 22px;
          }
            }
            @media  (max-width:830px)
            {
                .logo>font
          {
              font-size: 18px;
          }
            }
            @media screen and (min-width: 800px) {
    #imacel
        {
            display:none;
           
        }
}
@media  (max-width:500px)
            {
#imacel>img
        {
            width: 100%;
        }
            }
            @media  (max-width:799px)
            {
#linea2
        {
            display: none;
        }
            }