.float{
	position:fixed;
	width:150px;
	height:90px;
	top:40px;
	right:10%;
	z-index:5;
}




.paginacion{
	font-family: montserrat;
}

.paginacion a{
	margin: 0 5px;
}

.paginacion a:after{
	content: " -";
}
.paginacion a[content="2"]:after{
	content: "  -";
}

.paginacion a[style]:after{
       content: " ";
}

.paginacion a[style]:before{
       content: " ";
}

.producto .bbotones .numproductos{
	font-family: Raleway,sans-serif;
	margin: 0 10px;
	font-size: 25px;
	font-weight: bold;
}

#contenedor .filtro .filtros .ord,  #contenedor .filtro .filtros .cat, #contenedor .filtro .filtros .num{
	border: 0;
	min-width: 120px;
	padding: 5px;
}

#contenedor .lista-categorias{
    overflow: hidden;
    max-width: 1264px;
    margin: auto 20%;
}
#contenedor .lista-categorias button{
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    color: #000;
    font-weight: 900;
    margin: 30px;
}
#contenedor .lista-categorias button:hover{
    border-bottom: 5px solid #edd80f;
    
}
#contenedor .lista-categorias button.active{
    background-color: #ccc;
    
}
#contenedor .tabcontent {
    display: none;
    padding: 6px 12px;

    border-top: none;
}
#contenedor .contenido-categorias{
    max-width: 1264px;
    margin: auto 20%;
    display: inline-block;
}
#contenedor .contenido-categorias .bombas{
    float:left;
    margin-top: 5%;
    margin-bottom: 5%;
}
#contenedor #hidraulicas{
    display: inline-block;
    width: 100%;
    margin: auto -6%;
    text-align: left;
}
#contenedor #hidraulicas h3{
    font-family: Montserrat,sans-serif;
    font-size: 40px;
    font-weight: 900;
}

#contenedor #hidraulicas p{
    list-style: none;
    list-style-image: url(images/categorias/simbolo.png);
    margin-left: 10%;
    font-size: 30px;
    margin-bottom: 5%;
    
}
#contenedor #hidraulicas img{
    width: 20%;
}

@media screen and (max-width: 1350px){
	#contenedor #nuevos .productos .contenido .nuevos{
		margin: 1%;
	}
}

@media screen and (max-width: 1024px){
	#contenedor .filtro .filtros .ord,  #contenedor .filtro .filtros .cat, #contenedor .filtro .filtros .num{
		width: 100%;
		margin: 10px 0 20px;
	}
	#productos .paginasProductos .titulo{
		width: 60%;
	}
	#productos .paginasProductos button{
		width: 22%;
		vertical-align: super;
	}
	#productos .paginasProductos .numproductos{
		font-size: 20px;
		vertical-align: super;
	}
}

@media screen and (max-width: 991px){
	#contenedor .imagenes .imagen{
		flex: 1 0 40%;
		overflow: visible;
		margin: 40px auto;
	}

	#contenedor .imagenes .imagen img{
		height: auto;
		max-width: 470px;

	}
	#contenedor .imagenes{
		text-align: center;
	}

}

@media screen and (max-width: 930px){
	.sy-controls li a:after{
		top: 70%!Important;
	}
	#contenedor .cotizador{
		font-size: 12px!important;
	}
	#contenedor .cotizador .icono-cotizador img{
		width: 35px;
	}
}

@media screen and (max-width: 830px){
	#contenedor header .contenido #menu ul li{
		font-size: 14px;
	}
	#contenedor #nuevos .productos .contenido .nuevos{
		margin: .5%;
	}
}

@media screen and (max-width: 768px){
	#contenedor header .contenido #menu ul li{
		margin: 10px;
	}
	.sy-controls li a:after{
		top: 50%!Important;
	}
}

@media screen and (max-width: 640px){
	#contenedor #nuevos .productos .contenido .nuevos{
		margin: 20px auto;
	}
	#contenedor #marcas img {
		width: 65%;
		margin: 20px auto;
	}
	#contenedor .imagenes .imagen {
		margin: 65px auto;
	}
	#acerca .contenido .acerca div{
		margin: 20px auto;
	}
}

@media screen and (max-width: 540px){
	#ofertas .contenido .sy-slide img{
		margin-left: 0px!Important;
	}
}

@media screen and (min-width: 955px){

}

.cuadro{
	width: 400px;
	background-color: transparent;
	border: 2px solid white;
	color: white;
	text-align: justify;
	float: left;
    min-height: 420px;
    max-height: 420px;
    border-bottom: 10px solid #EDD80F;
	padding: 30px 15px 0px 15px;
    margin: 1%;
}
.categoriaas{
  
    padding-bottom: 80px;
    display: inline-block;
    background: #000;
    width: 100%;
    border-bottom: 20px solid #edd80f;
    
}
.categoriaas .vistas{
    width: 30%;
    float: left;
   /* padding: 55px;*/

}    
.categoriaas .vistas  .hspace{
            margin-top: 40px;
            position: absolute;
             left: 248px;
    }
.categoriaas .vistas  h1{
   
    position: absolute;
    left: 324px;
    font-size: 40px;
    color: #EDD100;
    }
.categoriaas .vistas  .bpaleta{
        margin-top: 80px;
        margin-left: 190px;
        border-bottom: 12px solid #edd80f;
        
    }
.categoriaas .vistas  .vermas{
        margin-left: 295px;
        margin-top: 20px;
}
.categoriaas .vistas  a{
        margin-left: 12px;
        color: #fff;
}

.categoriaas .vistas  .nspace{
            margin-top: 40px;
            position: absolute;
             left: 818px;
    }
.categoriaas .vistas .bneumatica{
        margin-top: 80px;
        margin-left: 190px;
        border-bottom: 12px solid #edd80f;
    }
.categoriaas .vistas .vemas{
        margin-left: 295px;
        margin-top: 20px;
}
.categoriaas .vistas h2{
    
    position: absolute;
    left: 892px;
    font-size: 40px;
    color: #EDD100;
    }
.categoriaas .vistas h3{
    position: absolute;
    right: 232px;
    font-size: 40px;
    color: #EDD100;
    }
    
.categoriaas .vistas .bmangueras{
        margin-top: 80px;
        margin-left: 190px;
        border-bottom: 12px solid #edd80f;
    }
.categoriaas .vistas .verma{
        margin-left: 295px;
        margin-top: 20px;
}
.categoriaas .vistas  .mspace{
            margin-top: 40px;
            position: absolute;
            right: 467px;

    }
    
.categoriaas .vista{
    width: 30%;
    float: left;
   /* padding: 55px;*/
    margin-left: 300px;

} 
.categoriaas .vista  .cspace{
            margin-top: 40px;
            position: absolute;
            left: 569px;;
    }
.categoriaas .vista h4{
    position: absolute;
    left: 639px;
    font-size: 40px;
    color: #EDD100;
    
    }
.categoriaas .vista .bconexiones{
        margin-top: 80px;
        margin-left: 190px;
        border-bottom: 12px solid #edd80f;
    }
.categoriaas .vista .vermass{
        margin-left: 295px;
        margin-top: 20px;
}
.categoriaas .vista  a{
        margin-left: 12px;
        color: #fff;
}


.categoriaas .vistar{
    width: 30%;
    float: right;
    /*padding: 55px;*/
    margin-right: 450px;

} 
.categoriaas .vistar  .ospace{
            margin-top: 40px;
            position: absolute;
            right: 726px;
    }
.categoriaas .vistar h5{
    position: absolute;
    right: 474px;
    font-size: 40px;
    color: #EDD100;
    
    }
.categoriaas .vistar .botras{
        margin-top: 80px;
        margin-left: 190px;
        border-bottom: 12px solid #edd80f;
    }
.categoriaas .vistar .verotras{
        margin-left: 295px;
        margin-top: 20px;
}
.categoriaas .vistar  a{
        margin-left: 12px;
        color: #fff;
}
    

.val{
    padding: 18px;
}
.fondo{
	background-image: url(../images/slides/fondo_mision-04.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 900px;
	text-align: center;
	display: inline-block;
    width: 100%;

}

.principal:hover {
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}

.principal{
	width:500px;
	background-color:transparent;
	color: white;
	font-size: 22px;
	padding:30px 15px 0px 60px;
	display:inline-block;

	
}

.principal .cuadro p{
        font-size: 15px;
}

.bombas{
    display: inline-block;
    width: 100%;
    background: #000;
        padding-top: 30px;
    padding-left: 110px;
}
.bombas .paleta{
    border-bottom: 25px solid #edd80f;
    margin: 20px;
    
    height: 300px;
    width: 20%;
    margin-left: 35px;
}
.bombas h1{
    color: #edd80f;
    font-size: 40px;
}
.bombas h1:before{
    color: #edd80f;
    content: url("../images/space.png");
    vertical-align: middle;
    padding-left: 1em;
    margin: 50px;
}

.neumaticas{
    display: inline-block;
    width: 100%;
    background: #000;
     padding-top: 30px;
    padding-left: 110px;
}
.neumaticas .neumatic{
    border-bottom: 25px solid #edd80f;
    margin: 20px;
   
    height: 300px;
     width: 20%;
    margin-left: 35px;
}
.neumaticas h1{
    color: #edd80f;
    font-size: 40px;
}
.neumaticas h1:before{
    color: #edd80f;
    content: url("../images/space.png");
    vertical-align: middle;
    padding-left: 1em;
    margin: 50px;
}

.mangueras{
    display: inline-block;
    width: 100%;
    background: #000;
     padding-top: 30px;
    padding-left: 110px;
}
.mangueras .manguera{
    border-bottom: 25px solid #edd80f;
    margin: 20px;
    
    height: 300px;
     width: 20%;
    margin-left: 35px;
}
.mangueras h1{
    color: #edd80f;
    font-size: 40px;
}
.mangueras h1:before{
    color: #edd80f;
    content: url("../images/space.png");
    vertical-align: middle;
    padding-left: 1em;
    margin: 50px;
}
.conexiones{
    display: inline-block;
    width: 100%;
    background: #000;
    padding-top: 30px;
    padding-left: 110px;
}
.conexiones .conexion{
    border-bottom: 25px solid #edd80f;
    margin: 20px;
   
    height: 300px;
     width: 20%;
    margin-left: 35px;
}
.conexiones h1{
    color: #edd80f;
    font-size: 40px;
}
.conexiones h1:before{
    color: #edd80f;
    content: url("../images/space.png");
    vertical-align: middle;
    padding-left: 1em;
    margin: 50px;
}

.otras{
    display: inline-block;
    width: 100%;
    background: #000;
     padding-top: 30px;
    padding-left: 110px;
}
.otras .otra{
    border-bottom: 25px solid #edd80f;
    margin: 20px;
    
    height: 300px;
     width: 20%;
    margin-left: 35px;
}
.otras h1{
    color: #edd80f;
    font-size: 40px;
}
.otras h1:before{
    color: #edd80f;
    content: url("../images/space.png");
    vertical-align: middle;
    padding-left: 1em;
    margin: 50px;
}

.info-cotizador{
        height: 110px !important;
        text-align: center !important;
        margin-top: -5px !important;
}
.info-cotizador .cont{
    margin-top: 25px !important;
    position: absolute !important;
    margin-left: 94px !important;
    border-bottom: 5px solid #edd80f;
}
.info-cotizador .cont-total{
    margin-top: 86px !important;
    position: absolute !important;
    margin-left: 64px !important;
    font-size: 11px !important;
}
.info-cotizador img{
    margin-top: -24px !important;
}

#contenedor #acerca .linea{
        text-align: justify;
}
/*_____responsive categorías_____________*/

@media screen and (max-width: 1874px){
    .categoriaas .vista{
        margin-left: 250px;
    }
    .categoriaas .vistar{
        margin-right: 440px;
    }
}

@media screen and (max-width: 1724px){
    .categoriaas .vista{
        margin-left: 230px;
    }
    .categoriaas .vistar{
        margin-right: 450px;
    }
}
@media screen and (max-width: 1699px){
    .categoriaas .vista{
        margin-left: 170px;
    }
    .categoriaas .vistar{
        margin-right: 400px;
    }
}
@media screen and (max-width: 1600px){
    .categoriaas {
       padding: 30px;
    }
    .categoriaas .vistas  .bpaleta{
        margin-left: 110px;
    }
    .categoriaas .vistas  .vermas{
            margin-left: 245px;
    }
    .categoriaas .vistas .bneumatica{
            margin-left: 130px;
               
    }
    .categoriaas .vistas .vemas{
            margin-left: 281px;
    }
    .categoriaas .vistas .bmangueras{
            margin-left: 150px;
    }
    .categoriaas .vistas .verma{
            margin-left: 285px;
    }
    .categoriaas .vista .bconexiones{
           margin-left: 190px; 
    }
    .categoriaas .vista .vermass{
            margin-left: 346px;
    }
    .categoriaas .vista .vermass{
            margin-left: 339px;
    }
    .categoriaas .vistar .verotras{
        margin-left: 346px;
    }
    
}

@media screen and (max-width: 1484px){
    .categoriaas {
          padding: 10px;
    padding-bottom: 80px;
    }
    .categoriaas .vistas  .bpaleta{
            margin-left: 50px;
    }
    .categoriaas .vistas  .vermas{
               margin-left: 193px;
    }
    .categoriaas .vistas .bneumatica{
                margin-left: 100px;
               
    }
    .categoriaas .vistas .vemas{
                margin-left: 254px;
    }
    .categoriaas .vistas .bmangueras{
            margin-left: 150px;
    }
    .categoriaas .vistas .verma{
               margin-left: 320px;
    }
    
    
}

@media screen and (max-width: 1424px){
    .categoriaas {
             padding-bottom: 100px;
    
    }
    .categoriaas .vista .bconexiones{
            margin-left: 100px;
    }
    .categoriaas .vista .vermass{
           margin-left: 259px; 
    }
    .categoriaas .vistar .botras{
            margin-left: 144px;
    }
    .categoriaas .vistar .verotras{
            margin-left: 305px;
    }
    .categoriaas .vista{
            margin-left: 100px;
    }
}
@media screen and (max-width: 1450px){

.categoriaas .vista {
    margin-left: 100px;
    }
    .categoriaas .vistar .verotras{
        margin-left: 320px;
    }
}

@media screen and (max-width: 1400px){
  
    .categoriaas .vistas  .bpaleta{
           margin-left: 45px;
    }
    .categoriaas .vistas  .vermas{
            margin-left: 182px;
    }
    .categoriaas .vistas .bneumatica{
            margin-left: 82px;
               
    }
    .categoriaas .vistas .vemas{
                margin-left: 241px;
    }
    .categoriaas .vistas .bmangueras{
                margin-left: 120px;
    }
    .categoriaas .vistas .verma{
               margin-left: 279px;
    }
    .categoriaas .vista .bconexiones{
               margin-left: 100px; 
    }
    .categoriaas .vista .vermass{
                margin-left: 244px;
    }
    .categoriaas .vista .botras{
             margin-left: 144px;
    }
    .categoriaas .vistar .verotras{
          margin-left: 304px;
    
    }
}
@media screen and (max-width: 1300px){
.categoriaas .vistar .verotras {
    margin-left: 280px;
    }
    .categoriaas .vistas  .bpaleta{
            margin-left: 10px;  
    }
    .categoriaas .vistas  .vermas{
            margin-left: 160px;
    }
    .categoriaas .vistas .bneumatica{
            margin-left: 50px;
    }
    .categoriaas .vistas .vemas{
        margin-left: 208px;
    }
    .categoriaas .vistas .bmangueras{
        margin-left: 95px;
    }
    .categoriaas .vistas .verma{
            margin-left: 258px;
    }
    
}
@media screen and (max-width: 1269px){
.categoriaas .vistar {
    margin-right: 350px;
    }
    .categoriaas .vistar .verotras{
            margin-left: 277px;
    }
}

@media screen and (max-width: 1240px){
  .categoriaas .vistas, .vista, .vistar{
          width: 50%;
  }
  .categoriaas .vista{
          width: 50%;
          margin-left: 0px;
          float: right;
  }
  .categoriaas .vistar{
          width: 50%;
          
  }
    .categoriaas .vistas  .bpaleta{
           margin-left: 45px;
           width: 80%;
    }
    .categoriaas .vistas  .vermas{
           margin-left: 250px;
    }
    .categoriaas .vistas .bneumatica{
                margin-left: 40px;
    width: 80%;
               
    }
    .categoriaas .vistas .vemas{
            margin-left: 250px;
    }
    .categoriaas .vistas .bmangueras{
                        margin-left: 45px;
    width: 80%;
    margin-top: 0px;
    }
    .categoriaas .vistas .verma{
                margin-left: 250px;
    }
    .categoriaas .vista .bconexiones{
                   margin-top: 0px;
                   width: 80%;
                   margin-left: 40px;
                   
    }
    .categoriaas .vista .vermass{
              margin-left: 250px;
    }
    .categoriaas .vistar .botras{
           
                 width: 80%;
    }
    .categoriaas .vistar .verotras{
               margin-left: 350px;
    
    }
}


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

    .categoriaas .vistas  .vermas{
               margin-left: 185px;
    }
 
    .categoriaas .vistas .vemas{
               margin-left: 185px;
    }

    .categoriaas .vistas .verma{
               margin-left: 185px;
    }

    .categoriaas .vista .vermass{
                 margin-left: 185px;
    }

    .categoriaas .vistar .verotras{
                  margin-left: 285px;
    }
}

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

    .categoriaas .vistas  .vermas{
                   margin-left: 155px;
    }
 
    .categoriaas .vistas .vemas{
                  margin-left: 155px;
    }

    .categoriaas .vistas .verma{
                  margin-left: 155px;
    }

    .categoriaas .vista .vermass{
                    margin-left: 155px;
    }

    .categoriaas .vistar .verotras{
                    margin-left: 255px;
    }
    .categoriaas .vistar{
           margin-right: 300px; 
    }
}

@media screen and (max-width: 700px){
.categoriaas .vistar {
    margin-right: 260px;
    }
    .categoriaas .vistar .verotras{
            margin-left: 235px;
    }
}

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

    .categoriaas .vistas  .vermas{
                    margin-left: 70px;
    }
 
    .categoriaas .vistas .vemas{
                     margin-left: 70px;
    }

    .categoriaas .vistas .verma{
                     margin-left: 70px;
    }

    .categoriaas .vista .vermass{
                       margin-left: 70px;
    }

    .categoriaas .vistar .verotras{
                      margin-left: 170px;
    }
   
}

@media screen and (max-width: 538px){
.categoriaas .vistar .verotras {
       margin-left: 70px;
    }
    .categoriaas .vistar .botras{
               margin-left: 40px;
    margin-top: 0px;
    }
    .categoriaas .vistas{
           width: 100%;
    }
    .categoriaas .vista{
           width: 100%;
    }
    .categoriaas .vistar{
           width: 100%;
           margin-right: 0px; 
    }
    .categoriaas .vistas .bneumatica{
            margin-top: 0px;
    }
}

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

    .categoriaas .vistas{
               margin-left: 0px;
    }
    .categoriaas .vista{
               margin-left: 40px;
    }
    .categoriaas .vistar{
               margin-left: 40px; 
    }
 
}
@media screen and (max-width: 300px){

    .categoriaas {
           padding-right: 34px;
    }
    
}



@media screen and (max-width: 1600px){
    .bombas .paleta {
             width: 20%;
    }
    .bombas{
            padding-left: 50px;
    }
}

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

    .bombas{
            padding-left: 15px;
    }
}
@media screen and (max-width: 1176px){

    .bombas .paleta{
            width: 19%;
    }
    .bombas{
            padding-bottom: 110px;
    }
}
@media screen and (max-width: 982px){

    .bombas .paleta{
            width: 45%;
                margin-left: 10px; 
    }
    .bombas{
            padding-left: 30px;
    }
    
}
@media screen and (max-width: 670px){

    .bombas .paleta{
                width: 44%;
                
    }
    .bombas h1{
            font-size: 30px;
    }
}

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

    .bombas .paleta{
                width: 43%;
                
    }
}
@media screen and (max-width: 487px){
        .bombas .paleta{
            width: 90%; 
        }
       
}
@media screen and (max-width: 280px){
        .bombas .paleta{
                margin-left: 0px; 
        }
       
}

/*________neumaticas_____________*/
@media screen and (max-width: 1600px){
    .neumaticas .neumatic {
             width: 20%;
    }
    .neumaticas{
            padding-left: 50px;
    }
}

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

    .neumaticas{
            padding-left: 15px;
    }
}
@media screen and (max-width: 1176px){

    .neumaticas .neumatic{
            width: 19%;
    }
    .neumaticas{
            padding-bottom: 110px;
    }
}
@media screen and (max-width: 982px){

    .neumaticas .neumatic{
            width: 45%;
                margin-left: 10px; 
    }
    .neumaticas{
            padding-left: 30px;
    }
    
}
@media screen and (max-width: 670px){

    .neumaticas .neumatic{
                width: 44%;
                
    }
    .neumaticas h1{
            font-size: 30px;
    }
}

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

    .neumaticas .neumatic{
                width: 43%;
                
    }
}
@media screen and (max-width: 487px){
        .neumaticas .neumatic{
            width: 90%; 
        }
       
}
@media screen and (max-width: 280px){
        .neumaticas .neumatic{
                margin-left: 0px; 
        }
       
}

/*____________mangueras _____________*/

@media screen and (max-width: 1600px){
    .mangueras .manguera {
             width: 20%;
    }
    .mangueras{
            padding-left: 50px;
    }
}

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

    .mangueras{
            padding-left: 15px;
    }
}
@media screen and (max-width: 1176px){

    .mangueras .manguera{
            width: 19%;
    }
    .mangueras{
            padding-bottom: 110px;
    }
}
@media screen and (max-width: 982px){

    .mangueras .manguera{
            width: 45%;
                margin-left: 10px; 
    }
    .mangueras{
            padding-left: 30px;
    }
    
}
@media screen and (max-width: 670px){

    .mangueras .manguera{
                width: 44%;
                
    }
    .mangueras h1{
            font-size: 30px;
    }
}

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

    .mangueras .manguera{
                width: 43%;
                
    }
}
@media screen and (max-width: 487px){
        .mangueras .manguera{
            width: 90%; 
        }
       
}
@media screen and (max-width: 280px){
        .mangueras .manguera{
                margin-left: 0px; 
        }
       
}

/*_________conexiones_______________*/
@media screen and (max-width: 1600px){
    .conexiones .conexion {
             width: 20%;
    }
    .conexiones{
            padding-left: 50px;
    }
}

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

    .conexiones{
            padding-left: 15px;
    }
}
@media screen and (max-width: 1176px){

    .conexiones .conexion{
            width: 19%;
    }
    .conexiones{
            padding-bottom: 110px;
    }
}
@media screen and (max-width: 982px){

    .conexiones .conexion{
            width: 45%;
                margin-left: 10px; 
    }
    .conexiones{
            padding-left: 30px;
    }
    
}
@media screen and (max-width: 670px){

    .conexiones .conexion{
                width: 44%;
                
    }
    .conexiones h1{
            font-size: 30px;
    }
}

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

    .conexiones .conexion{
                width: 43%;
                
    }
}
@media screen and (max-width: 487px){
        .conexiones .conexion{
            width: 90%; 
        }
       
}
@media screen and (max-width: 280px){
        .conexiones .conexion{
                margin-left: 0px; 
        }
       
}

/*_______otras_____________*/

@media screen and (max-width: 1600px){
    .otras .otra {
             width: 20%;
    }
    .otras{
            padding-left: 50px;
    }
}

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

    .otras{
            padding-left: 15px;
    }
}
@media screen and (max-width: 1176px){

    .otras .otra{
            width: 19%;
    }
    .otras{
            padding-bottom: 110px;
    }
}
@media screen and (max-width: 982px){

    .otras .otra{
            width: 45%;
                margin-left: 10px; 
    }
    .otras{
            padding-left: 30px;
    }
    
}
@media screen and (max-width: 670px){

    .otras .otra{
                width: 44%;
                
    }
    .otras h1{
            font-size: 30px;
    }
}

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

    .otras .otra{
                width: 43%;
                
    }
}
@media screen and (max-width: 487px){
        .otras .otra{
            width: 90%; 
        }
       
}
@media screen and (max-width: 280px){
        .otras .otra{
                margin-left: 0px; 
        }
       
}









@media screen and (max-width: 1581px){
    .principal{
        width: 470px;
    }
}

@media screen and (max-width: 1508px){
    .principal{
         padding: 30px 15px 0px 10px;
         width: 400px;
         margin: 2%;
    }
}
@media screen and (max-width: 1452px){
    .cuadro{
            font-size: 10px;
            width: 350px;
            padding: 30px 20px 0px 20px;
    }
}

@media screen and (max-width: 1405px){
     .principal{
        padding: 30px 15px 0px 20px;
    }
}

@media screen and (max-width: 1389px){
     .cuadro{
          width: 350px;
          padding: 30px 20px 0px 20px;
          p{
            font-size: 14px;
          }
    }

}
@media screen and (max-width: 1372px){
     .principal{
            margin: 1%;
    }
}
@media screen and (max-width: 1300px){
     .principal{
           padding: 30px 15px 0px 30px;;
    }
    .cuadro{
            width: 330px;

    }
    .principal .cuadro p{
        font-size: 13px;
    }
}
@media screen and (max-width: 1285px){
     .principal{
        width: 380px;
    }
    .cuadro{
        min-height: 320px;
        max-height: 320px;
    }
}
@media screen and (max-width: 1255px){
     .principal{
        width: 360px;
        padding: 30px 15px 0px 20px;
    }
}
@media screen and (max-width: 1200px){
     .principal{
        padding: 30px 15px 0px 12px;
    }
    .principal h1{
            font-size: 40px;
    }
}
@media screen and (max-width: 1024px){
     .principal .cuadro p{
            font-size: 11px;
 }
    .cuadro{
            width: 270px;
 }
    .principal{
            width: 300px;
    }
}
@media screen and (max-width: 966px){
     .principal{
         width: 80%;
     }
     .cuadro{
         width:100%;
         min-height: 10px;
         max-height: 320px;
    }
    .fondo{
         height: 1000px;
    }
}
@media screen and (max-width: 480px){
    .fondo{
         height: 1100px;
    }
}
@media screen and (max-width: 320px){
    .fondo{
         height: 1300px;
    }
    .principal .cuadro p{
        font-size: 10px;
    }
}
@media screen and (max-width: 280px){
    .principal .cuadro p{
        font-size: 9px;
    }
}