@media (max-width: 479px){
		
	body{
		max-width: 480px;		
		overflow-x: hidden;
        -webkit-overflow-x: hidden;
	}
	 
	.stickyfloat_element {
  position: absolute;
	top: 0;
	left: 0;
	margin-left: 75%;
	margin-top: 0px;
  -webkit-transition: top 0.0s ease-in-out;
  transition: top 0.0s ease-in-out;
 
}
.stickyfloat_element img{
	height: 100px;
	min-height: 100px;
}

}
@media (min-width:480px) and (max-width: 800px){
  .stickyfloat_element {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 75%;
  margin-top: 0px;
  -webkit-transition: top 0.0s ease-in-out;
  transition: top 0.0s ease-in-out;
  
  }
  .stickyfloat_element img{
    height: 120px;
    max-height: 200px;
  }
}

@media (min-width: 801px) and (max-width: 1199px){
  .stickyfloat_element {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 75%;
  margin-top: 0px;
  -webkit-transition: top 0.0s ease-in-out;
  transition: top 0.0s ease-in-out;
  
}
.stickyfloat_element img{
  height: 160px;
  max-height: 200px;
}

}
@media (min-width:1200px) and (max-width: 1203px){
    
  body{
    max-width: 1203px;
    overflow-x: hidden;
    -webkit-overflow-x: hidden;
  }
  
    
  #Ar2 .contenedor #EFICA{
      margin-top: -10px;
    }
  .stickyfloat_element {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 75%;
  margin-top: -20px;
  -webkit-transition: top 0.0s ease-in-out;
  transition: top 0.0s ease-in-out;
}
.stickyfloat_element img{
  height: 200px;
  max-height: 200px;
}
    /***TEXTO ABAJO DE WELCOME***/
    #net77 #net7-1{
        margin: 0;
        border: none;
        border-left: 1px solid #4FFF5C;
        margin-left: 23.7%;
        max-width: 100%;
    }
    #net77 #net7-2 {
        margin: 0;
        margin-left: 30px;   
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    #net77 #net7-2 p{
        margin: 20px;
    }
    /**FIN TEXTO ABAJO WELCOME***/
    /* TODAS LAS IMAGENES TITULOS CADA SECCION*/
    /******************************************/
    #Bienvenidos .contenedor{
        margin: 0;
        width: 300px;
        height: 95px;
        margin-top: -100px;
        margin-left: 10%;
    }
    #nnn #n1{
        margin: 0;
        width: 360px;
        height: 96px;
        margin-left: 10%;
        position: relative;
        z-index: 100px;
    }
    #Mejores img{
        margin: 0;
        width: 554px;
        height: 110px;
        margin-left: 10%;
    }
    #Enter{
        margin-top: 100px;
    }
    #Enter img{
        margin: 0;
        width: 464px;
        height: 116px;
        margin-left: 10%;
    }
    #Arq img{
         margin: 0;
        width: 474px;
        height: 106px;
         margin-left: 10%;
        
    }
    #parte .contenedor2 #nota2{
        margin: 0;
        width: 467px;
        height: 115px;
        margin-left: 10%;
        position: relative;
        z-index: 100px;
    }
    /* FIN DE TODAS LAS IMAGENES TITULOS CADA SECCION*/
    /******************************************/
    /*FABRICANTES*/
    /*************/
    #fabricantes .contenedor{
        
        margin: 20px;
        margin-left: 23.5%;
        /*margin-right: 40px;*/
        margin-top: 50px;
        border: none;
        border-left: 1px solid #4fff5c;
    }
    #fabricantes .contenedor .contenedor2{
        display: flex;
       
        justify-content: ;
        flex-wrap: wrap;
        
        margin-top: 10px;
        margin-left: 70px;
        width:100%;
    }
    #fabricantes img{
        
        margin-bottom: 50px;  
    } 
    #ic10,#ic11,#ic12,#ic13{
        
         width: 120px;
    }
     #ic6,#ic7,#ic8,#ic9{
        margin-left: 25px;
         width: 100px;
    }
    #ic1,#ic2,#ic3,#ic4,#ic5{
        width: 90px;
    }
    /**FIN FABRICANTES***/ 
    /**********IMAGENES RECTANGULARES**********/
    #nnn #n2 img{
        width: 295px;
        height: 515px;
       margin-top: -100px;
       margin-left: 28%;
    }
    #aaa .contenedor img{
        width: 295px;
        height: 515px;
        
    }
    #aaa .contenedor{
       margin-top: -220px;
       margin-left: 58%;
    }
    #p1-2 .contenedor img{
        width: 295px;
        height: 515px;
        margin-top: -150px;
        margin-left: 31%;
    }
    /******FIN IMAGENES RECTANGULARES*********/
    /*****************************************/
    /***letreros alineados de imagenes rectan**/
    /******************************************/
    /*TITULOS*/
    #sm #sm1
    {
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 27.8%;
        margin-top: -560px;
    }
    #parte2 #p3{
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 58%;
       margin-top: -290px;   
    }
    #nnn2 #n3{
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 58%;
       margin-top: -175px;
    }
    /*****/
    #aaa .contenedor{
        margin-bottom: -315px;
    }
    #sm #sm2{
       max-width: 27%;
       margin-left: 27.8%;
        margin-top: 40px;
    }
    #sm #sm3{
         margin: 0;
       max-width: 100%;
       margin-left: 27.8%;
        margin-top: 40px;
    }
    #nnn2 #n3 p,#sm #sm1 p,#parte2 #p3 p{
        margin: 20px;
    } 
    #nnn2 #n4,#parte2 #p4{
       margin: 0;
       max-width: 100%;
        width: 26%;
       margin-left: 58%;
        margin-top: 40px;
    }
    /******fin letreros alineados de img-recta*/
  
    /*****LETREROS GRANDES ABAJO CADA SECC*****/
    #NotableA{
        margin-top: -230px;
    }
    #fabricantes .contenedor{
        margin-bottom: -250px;
    }
    #MejoresA .contenedor{
        margin-top: -300px;
        margin-bottom: 50px;
    }
    #sm #sm1{
        margin-top: -240px;
    }
    #liga5{
        margin-bottom: -200px;
    }
    
    #fin .contenedor{
        margin-top: -300px;
    }
    #parte .contenedor2{
        margin-top: 150px;
    }
    #Ar1{
        margin-top: -100px;
    }
    #Ar1 ,#Ar2  {
        margin-left: -3.5%;
          
    }
    /************************FIN SEC LEG******/
    /*********LIGAS***********/
    
    #liga11 div{
      margin-top: 150px;
        margin-left: 2.5%;
        margin-bottom: -350px;
    }
    #liga5 div{
        margin-left: 2.5%;
    }
    
    #liga6 div{
        margin-top: 270px;
        margin-bottom: -500px;
    }
    
    #liga3 div{
        margin-top: 300px;
        margin-bottom: -250px;
        margin-left: 2.5%;
    }
    #net7A .contenedor{
        margin-bottom: 50px;
    }
    #nnn {
        margin-top: 100px;
    }
    
    /******FIN LIGAS**********/
            /*
            #Mejores img{
                float: left;
                margin-left: 137px;
                height: 109px;
                width: auto;
            }
            #Enter img{
                float: left;
                margin-left: 142px;
                height: 116px;
                width: auto;
            }
           
            #Arq img{
                float: left;
                margin-left: 142px;
                height: 106px;
                width: auto;
                margin-top: -50px;
            }
           */
            #parte img{
                float: left;
                margin-left: 202px;
                height: 107px;
                width: auto;
            }
            #parte #ultimaI{
              margin-left: -205px;
            }
            #parte{
              margin-top: 100px;
            }
            #parte #p3{
                border: none;
                border-left: 1px solid #4fff5c;
                width: 270px;
                height: 30px;
                margin-left: 55%;
                margin-top: -275px;
            }
            #parte #p4{
                text-align: left;
                margin-top: 20px;
                margin-left: 18%;

            }

            #net7 .contenedor{
                width: 711px;
                border: none;
                border-left: 1px solid #4FFF5C;
                height: 190px;
                margin-top: 50px;
                margin-left: 25.5%;
            }
            #net7A .contenedor{
               margin-left: 55px;
               margin-top: -30px;
            }
            #NotableA .contenedor{
               margin-left: 270px;
               margin-top: 50px;
               width: 70%;
            }
    /*
             #fabricantes .contenedor{
                display: flex;
                flex-wrap: wrap;
                max-width: 770px;
                justify-content: center;
                margin-left: 300px;
                margin-top: 220px;
                border: none;
                border-left: 1px solid #4FFF5C;
                height: 200px;
                margin-left: 25.5%;
            }
            #fabricantes .contenedor .contenedor2{
                margin-left: 80px;
            }
    */
            #MejoresA .contenedor{
                 margin-left: 270px;
                width: 850px;
                margin-top: -40px;
            }
            #Enter{
                margin-top: 140px;
            }
            #Enter2{
                margin-top: -65px;
            }
            #EnterLy{
                margin-top: -290px;
            }
            #EnterLy #LY1{
                margin: auto;
                 width: 350px;
                margin-left: 405px;
                width: 98%;
                line-height: 1.5;
                border: none;
                border-left: 1px solid #4FFF5C;
            }
            #EnterLy #LY2{
                 margin: auto;
                width: 430px;
                width: 98%;
                margin-left: -50px;
                margin-top: -25px;
            }
            #EnterLy #LY3{
                 margin: auto;
                width: 98%;
                width: 350px;
                margin-left: 390px;
                line-height: 2;
                margin-top: -25px;
            }
            #EnterA .contenedor{
              margin-left: -1%;
            }
            #Ar1 .contenedor{
              margin-top: 140px;
              
            }
            
          
            #Ar2 .contenedor{
              margin-top: -40px;
              
            }
            #Ar1 .contenedor,#Ar2 .contenedor{
                width: 700px; 
                margin-left: 350px;  

            }
 
      
      #fin .contenedor{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 20px;
      }

      #fin .contenedor{
        margin-left: 24%;
        width: 70%;
        text-align: left;
      }
}

/***************/
/***********/
@media (min-width:1204px) {

  body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
      overflow-x: hidden;
        -webkit-overflow-x: hidden;
  }
  #parte{
        margin-top: -100px;
    }
 #Ar2 .contenedor #EFICA{
      margin-top: -10px;
    }
  .stickyfloat_element {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 75%;
  margin-top: -20px;
  -webkit-transition: top 0.0s ease-in-out;
  transition: top 0.0s ease-in-out;
}
.stickyfloat_element img{
  height: 200px;
  max-height: 200px;
}
    /***TEXTO ABAJO DE WELCOME***/
    #net77 #net7-1{
        margin: 0;
        border: none;
        border-left: 1px solid #4FFF5C;
        margin-left: 23.7%;
        max-width: 100%;
    }
    #net77 #net7-2 {
        margin: 0;
        margin-left: 30px;   
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    #net77 #net7-2 p{
        margin: 20px;
    }
    /**FIN TEXTO ABAJO WELCOME***/
    /* TODAS LAS IMAGENES TITULOS CADA SECCION*/
    /******************************************/
    #Bienvenidos .contenedor{
        margin: 0;
        width: 300px;
        height: 95px;
        margin-top: -100px;
        margin-left: 10%;
    }
    #nnn #n1{
        margin: 0;
        width: 360px;
        height: 96px;
        margin-left: 10%;
        position: relative;
        z-index: 100px;
    }
    #Mejores img{
        margin: 0;
        width: 554px;
        height: 110px;
        margin-left: 10%;
    }
    #Enter{
        margin-top: 100px;
    }
    #Enter img{
        margin: 0;
        width: 464px;
        height: 116px;
        margin-left: 10%;
    }
    #Arq img{
         margin: 0;
        width: 474px;
        height: 106px;
         margin-left: 10%;
        
    }
    #parte .contenedor2 #nota2{
        margin: 0;
        width: 467px;
        height: 115px;
        margin-left: 10%;
        position: relative;
        z-index: 100px;
    }
    /* FIN DE TODAS LAS IMAGENES TITULOS CADA SECCION*/
    /******************************************/
    /*FABRICANTES*/
    /*************/
    #fabricantes{
      margin-top: -150px;

    }
    #fabricantes .contenedor{
        
        margin: 20px;
        margin-left: 23.5%;
        /*margin-right: 40px;*/
        margin-top: -100px;
        border: none;
        border-left: 1px solid #4fff5c;
    }
    #fabricantes .contenedor .contenedor2{
        display: flex;
       
        justify-content: ;
        flex-wrap: wrap;
        
        margin-top: 0px;
        margin-left: 70px;
        width:100%;
    }
    #fabricantes img{
        
        margin-bottom: 50px;  
    } 
    #ic10,#ic11,#ic12,#ic13{
        
         width: 120px;
    }
     #ic6,#ic7,#ic8,#ic9{
        margin-left: 25px;
         width: 100px;
    }
    #ic1,#ic2,#ic3,#ic4,#ic5{
        width: 90px;
    }
    /**FIN FABRICANTES***/ 
    /**********IMAGENES RECTANGULARES**********/
    #nnn #n2 img{
        width: 295px;
        height: 515px;
       margin-top: -100px;
       margin-left: 28%;
    }
    #aaa .contenedor img{
        width: 295px;
        height: 515px;
        
    }
    #aaa .contenedor{
       margin-top: -220px;
       margin-left: 58%;
    }
    #p1-2 .contenedor img{
        width: 295px;
        height: 515px;
        margin-top: -150px;
        margin-left: 31%;
    }
    /******FIN IMAGENES RECTANGULARES*********/
    /*****************************************/
    /***letreros alineados de imagenes rectan**/
    /******************************************/
    /*TITULOS*/
    #sm #sm1
    {
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 27.8%;
        margin-top: -560px;
    }
    #parte2 #p3{
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 58%;
       margin-top: -290px;   
    }
    #nnn2 #n3{
       margin: 0;
       border: none;
       border-left: 1px solid #4fff5c;
       width: 90%;
       margin-left: 58%;
       margin-top: -175px;
    }
    /*****/
    #aaa .contenedor{
        margin-bottom: -315px;
    }
    #sm #sm2{
       max-width: 27%;
       margin-left: 27.8%;
        margin-top: 40px;
    }
    #sm #sm3{
         margin: 0;
       max-width: 100%;
       margin-left: 27.8%;
        margin-top: 40px;
    }
    #nnn2 #n3 p,#sm #sm1 p,#parte2 #p3 p{
        margin: 20px;
    } 
    #nnn2 #n4,#parte2 #p4{
       margin: 0;
       max-width: 100%;
        width: 26%;
       margin-left: 58%;
        margin-top: 40px;
    }
    /******fin letreros alineados de img-recta*/
  
    /*****LETREROS GRANDES ABAJO CADA SECC*****/
    #NotableA{
        margin-top: -230px;
    }
    #fabricantes .contenedor{
        margin-bottom: -250px;
    }
    #MejoresA .contenedor{
        margin-top: -300px;
        margin-bottom: 50px;
    }
    #sm #sm1{
        margin-top: -240px;
    }
    #liga5{
        margin-bottom: -200px;
    }
    
    #fin .contenedor{
        margin-top: -300px;
    }
    #parte .contenedor2{
        margin-top: 150px;
    }
    #Ar1{
        margin-top: -100px;
    }
    #Ar1 ,#Ar2  {
        margin-left: -3.5%;
          
    }
    /************************FIN SEC LEG******/
    /*********LIGAS***********/
    
    #liga11 div{
      margin-top: 150px;
        margin-left: 2.5%;
        margin-bottom: -350px;
    }
    #liga5 div{
        margin-left: 2.5%;
    }
    
    #liga6 div{
        margin-top: 270px;
        margin-bottom: -500px;
    }
    
    #liga3 div{
        margin-top: 300px;
        margin-bottom: -250px;
        margin-left: 2.5%;
    }
    #net7A .contenedor{
        margin-bottom: 50px;
    }
    #nnn {
        margin-top: 100px;
    }
    
    /******FIN LIGAS**********/

            #net7 .contenedor{
                width: 711px;
                border: none;
                border-left: 1px solid #4FFF5C;
                height: 190px;
                margin-top: 50px;
                margin-left: 25.5%;
            }
            #net7A .contenedor{
               margin-left: 55px;
               margin-top: -30px;
            }
            #NotableA .contenedor{
               margin-left: 270px;
               margin-top: 50px;
               width: 70%;
            }
             #fabricantes .contenedor{
                display: flex;
                flex-wrap: wrap;
                max-width: 770px;
                justify-content: center;
                margin-left: 300px;
                margin-top: 220px;
                border: none;
                border-left: 1px solid #4FFF5C;
                height: 200px;
                margin-left: 25.5%;
            }
            #fabricantes .contenedor .contenedor2{
                margin-left: 80px;
            }
            #MejoresA .contenedor{
                 margin-left: 270px;
                width: 850px;
                margin-top: -40px;
            }
            #Enter{
                margin-top: 140px;
            }
            #Enter2{
                margin-top: -65px;
            }
            #EnterLy{
                margin-top: -290px;
            }
            #EnterLy #LY1{
                margin: auto;
                 width: 350px;
                margin-left: 405px;
                width: 98%;
                line-height: 1.5;
                border: none;
                border-left: 1px solid #4FFF5C;
            }
            #EnterLy #LY2{
                 margin: auto;
                width: 430px;
                width: 98%;
                margin-left: -50px;
                margin-top: -25px;
            }
            #EnterLy #LY3{
                 margin: auto;
                width: 98%;
                width: 350px;
                margin-left: 390px;
                line-height: 2;
                margin-top: -25px;
            }
            #EnterA .contenedor{
              margin-left: -1%;
            }
            #Ar1 .contenedor{
              margin-top: 140px;
              
            }
            
          
            #Ar2 .contenedor{
              margin-top: -40px;
              
            }
            #Ar1 .contenedor,#Ar2 .contenedor{
                width: 700px; 
                margin-left: 350px;  

            }
      #liga1 .contenedor{
        margin-top: -600px;
        margin-bottom: 600px;

        margin-left: -42%;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
      }
      #lig2 .contenedor{  
        position: absolute;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
        margin-top: -645px;
        
        margin-left: 550px;
      }
      #liga1 .contenedor img,#lig2 .contenedor img,
      #liga4 .contenedor img{
        width: 190px;
      }
      #liga5 .contenedor img,#liga6 .contenedor img{
        width: 220px;
      }
      #liga3 .contenedor img{
        width: 270px;
      }
      #liga3 .contenedor{
        
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
        margin-top: -54%;
        margin-bottom: 54%;
        margin-left: -42%;   
       }

       #liga4 .contenedor{
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
        margin-top: -595px;
        margin-bottom: 595px;
        margin-left: 46%; 
       }
      #liga5 .contenedor{
        
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
        margin-top: -640px;
        margin-bottom: 640px;
        margin-left: -42.2%;
      }
      #liga6 .contenedor{ 
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari,   Opera */
        transform: rotate(-90deg);
        margin-top: -970px;
        margin-bottom: 970px;
        margin-left: 550px;
      }
      #fin .contenedor{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 20px;
      }

      #fin .contenedor{
        margin-left: 24%;
        width: 70%;
        text-align: left;
      }
}