* { margin:0; padding:0;}
#catalog { width:980px; overflow:hidden; margin:0 auto;}

#sidebar { margin-left:-300px; width:300px;  

-moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms; font-size:x-large;
  }
#sidebar #menu li { font-size:30px; text-indent:10px;}

#sidebar #menu li a { display:block; width:295px; height:40px; }
#sidebar #menu li li{ text-indent:20px;  font-size:22px;}
#menu { margin-top:-65px;}

#sidebar div.menu-trigger { 
 background:#f3f3f3 url("mobile/menu.png") top center no-repeat;
  position:relative; right:-300px;
  width:220px;
  height:70px;
  cursor: pointer;
  border-radius: 5px;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  
    background-image: url("mobile/menu.png");

    background-size:75px 75px;
}
#sidebar div.menu-trigger:before { }
#sidebar div.menu-trigger:hover { background-color:#666; }
#sidebar div.menu-trigger:hover:before { }

body.menu-active #sidebar { 
 margin-left:0; 
 -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

body.menu-active  #grid { width:670px;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

body.menu-active  #view { width:670px;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

body.menu-active  #pages { width:670px;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

body.menu-active  #view #description { display:none;
  -moz-transition: all 300ms;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

/*         catalog            */
#grid { width:980px;
 -moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  }

#grid .qitem { width:320px;}
#grid .qitem .square { width:300px;}
#grid .qitem a { width:300px; text-align: center;}
#grid .item:hover .secondimg { display:none;}
#grid .qitem .info { display:block; height:25px; top:304px; width:316px; }
#grid .qitem:hover { border:none; box-shadow:none; }


/*         product       */

#view { width:980px;  -moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms; }
#view #gallery { width:755px;}
#view #gallery .galler3 { width:385px;}
#view #gallery .galler33 img { width:78px;}
#view #gallery .galler3 .gallerpad {
    padding:75px 0 0 0px;
}
#view #gallery .galler33 { height:250px; }
#view #description {-moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms;}



#pages { width:980px; margin-top:75px;
-moz-transition: all 100ms;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  }
#pages h2 { text-align:center}
.brands li { width:310px; height:35px; }
.brands li a { width:300px; height:34px; font-size:18px}
.brandidli { width:960px;}
.brandid { width:950px;}
table.carrello { width:100%; float:none;}

#grid .catitle, #pages .catitle { padding-top:15px; text-indent:100px;} 
#grid .filter { margin-left:220px; width:770px; height:75px;}


/*    home     */

.homemobile { display:block; background:#000;}
.homemobile li { position:relative; list-style:none; margin:0 0 10px;} 
#body_home .container { display:none}


/*    footer    */

#footer { height:400px; }
#footer .span-foo { border:none; width:320px;}
#footer div.last { width:960px; text-align:center;}
#footer .foots, #footer .f-blog {  float:none; display:inline-block; }