@media only screen and (max-width:767px) {
	body { background-image: none; }
	#secondary-nav, .iso9001 { display: none !important; }
	.site, .site2, .footer { width: 380px; }

	header { height: 42px; }
	header .contact { margin-top: 9px; }
	header h1 { width: 143px; height: 42px; background-size: cover; }
	header h1 a { width: 143px; height: 42px; }

	header .contact .phone, header .contact .mailto { width: 28px; height: 28px; padding: 0 20px 0 0; }
	header .contact p { display: none; }
	header .contact a { display: block; height: 28px; width: 28px; font-size: 0; }

	nav #primary-nav { background-color: #000; float: inherit; display: block; position: relative; }
	
	.siteyellow { width: 380px; margin: 0 auto; }
	#buscador-carro { width: 380px; }
	#buscador-carro form input[type="text"] {width: 170px;}
	#buscador-carro #resumenCarro p, #buscador-carro #resumenCarro h4 {display: none;}
	#buscador-carro #resumenCarro { width: 130px; float: left; }

	sidebar { position: absolute; top: 107px; width: 380px; padding-top: 0; display: none; z-index: 100; }
	sidebar h2 { display: none; }

	.box-34{ width: 100% !important; margin: 0 !important; padding: 0 !important; }

	#productos-destacados ul li{ width: 100%; margin-bottom: 20px; text-align: left; }
	#productos-destacados > ul > li > a { float: left; margin-right: 20px; }

	#accesos-directos { height: inherit; padding: 0; }
	#accesos-directos ul li { display: inline; width:30%; height: 100px; margin-top: 10px; margin-bottom: 10px;}
	#accesos-directos ul li a { display: inline;}
	#accesos-directos ul li h3 {display: table-cell;
    vertical-align: middle;
    height: 50px;}
	#accesos-directos ul li a img { width: 50px; height: auto; }
	#line-yellow { clear: both; }
	
	#empresas{ margin-top: 30px; }
	#center h1 { margin-left:0; padding: 8px; }
	
	#subcategorias div.sub { width: 100%;  margin-right: 0; margin-top: 20px; }
	#subcategorias div.sub > a { float: left; }
	#subcategorias div.sub > a img { width: 130px; margin-right: 10px; }
	#subcategorias div.sub h2 { padding: 0 0 5px 0; }
	.producto table tbody td { padding: 2px; }
	.producto table tbody td.valor{ width: 56px; display: inline-flex; padding: 10px 2px; }
	.producto table thead td span{ display: block; text-align: center; font-size: 14px; }
	.producto table thead td { font-size: 14px; font-weight: 100; }
	
	#archivosPdf { display: table; width: 100%; }
	
	.btnBlack { display: table-cell; margin-left: 0; margin-right: 10px; float: inherit; }
	.btnBlack.verpdf { border-left: 10px solid #FFF; }
  #archivosPdf a:hover { color: #FFB501 !important; text-decoration: none !important }

	.producto .imagenes { height: auto; }
	
	.producto .imagenes img { width: 100%; height: auto; margin-bottom: 15px;}

	nav #primary-nav ul { text-align: right; padding-right: 10px; }

	.menuMobile { display: table;
    width: 26px;
    height: 26px;
    background: url(images/ico-menu-mobile.jpg) 0 0 no-repeat;
    position: absolute;
    font-size: 0;
    top: 8px;
    left: 10px; }

    sidebar > ul > ul li a { line-height: 24px; }

    .menu-inferior-container ul li {
	    display: table-cell;
	    padding: 10px 0;
	    border-right: 0;
	    width: 50%;
	    float: left;
	}
  
  #divCheckout #paso_1 {display: inline; width:80%; z-index:1; left:0;}
  #divCheckout #paso_2 {display: inline; width:80%; z-index:1; left:0;}
  #divCheckout #paso_3 {display: inline;  width:80%; z-index:1; left:0;}
  
  #divCheckout #paso_seleccionado_1 {display:inline; width:80%; z-index:1; background-color:#FFCB02; border:#000000 thin solid; float:left; left:0;}
  #divCheckout #paso_seleccionado_1 h2 {background-color:#000000; border:#000000 thin solid;}
  #divCheckout #paso_seleccionado_2 {display:inline; width:80%; z-index:1; background-color:#FFCB02; border:#000000 thin solid; float:left; left:0;}
  #divCheckout #paso_seleccionado_2 h2 {background-color:#000000; border:#000000 thin solid;}
  #divCheckout #paso_seleccionado_3 {display:inline; width:80%; z-index:1; background-color:#FFCB02; border:#000000 thin solid; float:left; left:0;}
  #divCheckout #paso_seleccionado_3 h2 {background-color:#000000; border:#000000 thin solid;}
  
  .transparente {background:rgba(0,0,0,0);}
  
  #divTransparente1 {background:rgba(0,0,0,0); width:100%; height:150px; clear:both;}
}