@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 1100px) {
body, .centradordecontenido, #interiorcontenido, #interiorcontenidocontacto, #camposuscripcion{
width: 100%;
float:none;
clear:both;
}
#suscripcioninterior, .botonmenu{
	display:block;
}
#interiorcontenido, #interiorcontenidocontacto{
width:96%;
padding:0px;
margin:0px 2%;
}
#listadodeproductos li {
margin:7px;
}
#nav, #homeinferior, #productodelasemana, .tipodeproducto, #pie, .letreros, #redes, .modelo{
display: none;
}
#correo{
float:left;
width:100%;
font-size:25px;
padding-top:23px;
}
#redessuperior{
display: none;
}
#pie, #pie3{
font-size:9px!important;
line-height:17px!important;
color:#FFF;
}
.contenidobanner{
width:100%;
padding-left:120px;
}
#eslogan{
padding-left:0px;
}
.campo{
width:60%;
font-size:13px;
height:25px;
}
.boton2{
width:30%;
font-size:13px;
height:25px;
}
#menumovil{
display:none;
padding-left:0px;
}
#menumovil ul{
margin:0px;
padding:0px;
list-style:none;
}
#menumovil li{
float:none;
margin:0px;
}
#menumovil li a{
font-size:14px;
border-bottom:1px solid #666;
background-color:#222;
border-radius:0px;
padding:5px 0px;
}
#suscripcion, #inferior, #pie, #pie2, #pie3, #content, #suscripcioninterior{
width:96%;
padding:0px 2%;
}
#redesmovil{
display:block;
}
#redesmovil img{
width:30px;
height:30px;
padding-right:10px;
}
.correosuperior{
float:left;
padding-left:250px;
padding-top:10px;
}
#correo{
padding-top:10px;
}

#button-next {
width:30px; 
height: 30px;
float:right;
margin-top:10px;
display: block;
background: url(../images/next.png) no-repeat scroll 0px 0px transparent;

}

#button-previous {
width: 30px;
height: 30px;
float:left;
margin-top:10px;



display: block;
background: url(../images/prev.png) no-repeat scroll 0px 0px transparent;
}

.botones {
	width:300px;
	height:50 px;
	float:none;
	margin-left:140px;
	


}


#button-next {
width:30px; 
height: 30px;
float:right;
margin-top:10px;
display: block;
background: url(../images/next.png) no-repeat scroll 0px 0px transparent;

}

#button-previous {
width: 30px;
height: 30px;
float:left;
margin-top:10px;
display: block;
background: url(../images/prev.png) no-repeat scroll 0px 0px transparent;
}


}

@media all and (max-width: 790px) {
#listadodeproductos li {
margin:10px!important;
}

#tipodeproducto, #redes, #over, #fade{
display: none;
}

.contenidobanner{
max-width:780px;
padding-left:0;
}
#menu{
display: none;
}
#correo{
float:left;
width:100%;
font-size:25px;
padding-top:23px;
}
#eslogan{
padding-left:0px;
}
#redes{
width:100%;
}
#suscripcion,#suscripcioninterior{
font-size:10px;
}
#pie2izquierdo img{
display:none;
}

#pie3{
text-align:center;
}
#descripciondeproducto h2{
font-size:30px;
border:none;
}
#descripciondeproducto h1{
line-height:30px;
}
#menucategorias a {
padding:5px 5px;
border-radius:0px;
margin-left:2px;
margin-right:2px;
font-size:20px;
}

#superior a{
font-size:18px!important;
}
#logomovil, #redesmovil, .comprarmovil{
display:block;
}
#interiorcontenido, #interiorcontenidocontacto{
font-size:12px;
}
h1{
font-size:30px;
padding-bottom:10px;
line-height:35px;
}
#listadodeproductos li {
margin:5px;
width:122px;
min-height:250px;
}
#botonescategoriastexto a {
padding:3px 5px 3px 5px;
margin-left:2px;
margin-right:2px;
font-size:19px;
box-shadow:none;
}

.botones {
	width:200px;
	height:40 px;
	float:none;
	margin-left:100px;
	


}


#button-next {
width:30px; 
height: 30px;
float:right;
margin-top:10px;
display: block;
background: url(../images/next.png) no-repeat scroll 0px 0px transparent;

}

#button-previous {
width: 30px;
height: 30px;
float:left;
margin-top:10px;



display: block;
background: url(../images/prev.png) no-repeat scroll 0px 0px transparent;
}



}


@media all and (max-width: 500px) {
#image{
	margin:auto;
	float:none;
}
#logomovil{
	width:90px;
	height:90px;
	}
	#logomovil img{
	width:100%;
	height:auto;
	}
#mapa{
	display:none;
}
#datosmayoristasmoviles{
	display:block;
}
#miniaturasdeproducto li{
	float:left;
	margin-right:10px;
}
#miniaturasdeproducto{
	float:none;
	clear:both;
	width:100%;
}
#pie2izquierdo, #eslogan, #homemedio, .correosuperior, .bx-controls-direction{
display:none;
}
#pie2derecho{
margin:auto;
float:none;
}
#correo{
width:100%;
}
#image{
width:300px;
margin:0px;
padding:0px;
padding-right:15px;
}
#image img{
width:100%;
}
#descripciondeproducto{
width:300px;
margin:0px;
padding:0px;
}
#listadodeproductos ul {
margin:auto!important;
}
#listadodeproductos li {
margin:5px!important;
width:185px;
}
#listadodeproductos li img{
width:185px;
height:243px;
}
#redesmovil{
display:block;
}
.logotipo{
width:70%;
}
#pie2{
	display:none;
}
.contenidobanner{
width:100%;
padding-left:0;
}

#redes{
max-width:480px;
}
#categoriasimagen{
display:block;
}
#categoriasimagen li {
clear:both;
}
#botonescategoriastexto ul{
	margin:auto;
}
#botonescategoriastexto li{
margin:8px;
line-height:40px;
}
#preciosmayoreo li {
	float:left;
	margin:5px;
	width: 135px;
}
.club img{
	max-width:420px;
}

.botones {
	width:180px;
	height:30 px;

	float:none;
	margin-left:50px;
	


}


#button-next {
width:30px; 
height: 30px;
float:right;
margin-top:10px;
display: block;
background: url(../images/next.png) no-repeat scroll 0px 0px transparent;

}

#button-previous {
width: 30px;
height: 30px;
float:left;
margin-top:10px;

}