/*menu topmargin set*/

#left {position:absolute; left:0; top:112px; bottom:50px; width:190px; background: #fff; font-size:.8em; z-index:4; overflow:auto; background-repeat:no-repeat;}

* html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}

.nav ul {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
a.nav, a.nav:visited {font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing:2.5pt; margin-left:33px; display:block; width:160px; height:20px; background:#fff; color:#888; text-decoration:none; text-transform: uppercase; text-align:left; line-height:22px;}

a.nav:hover {background:rgb(222,222,222); color:#006600; margin-left: 0px; padding-left:33px;}

#links
{
	/* background: url("../images/bg_menu/rotate.php") 0 0 repeat-y; */
	/* background: url("../images/disposable.png") -50px -200px repeat-y; */
	list-style-type: none;
	display: block;
	text-transform: uppercase; 
	overflow: hidden;
	letter-spacing:1pt; 
}

#links li
{
	color: #777;
/* 
	border: 1px dotted #eee;
	border-width: 1px 0;
 */
	list-style-type: none;
	margin-left:33px;
	line-height: 22px;
}

*html #links li
{
	color: #777;
/* 
	border: 1px solid #ddd;
	border-width: 1px 0;
 */
	list-style-type: none;
	margin-left:33px;
	line-height: 22px;
}

#links li a
{
	background: #fff;
	color: #777;
	display: block;
	font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	padding: 5px;
	text-decoration: none;
}

.webkit #links li a{
	background: #fff;
	color: #777;
	display: block;
	font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	padding: 6px;
	text-decoration: none;
}
* html #links li a { padding: 4px; }

#links li a:hover, .mainnavon
{
	background: transparent;
	color: #339900;
	display: block;
	font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
}

#hot
{
	background: transparent;
	display: block;
	padding: 6px;
	font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #339900;
}

.webkit #hot
{
	background: transparent;
	display: block;
	padding: 6px;
	font-family: 'HelveticaNeue-Light', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #339900;
}

/* 
	font-family: 'eurostile', Trebuchet, Helvetica, Arial, sans-serif; 
	font-size:18px;
 */
.toogle_menu {
    display: none;
}
*{
	box-sizing: border-box;
}
@media only screen and (max-width: 991px){
	#wrapper {
	    min-height: auto;
	    position: relative;
	}
	#head {
	    float: left;
	    position: static;
	    width: auto;
	}
	.toogle_menu {
	    border: 2px solid #666;
	    display: block;
	    float: right;
	    margin: 36px 20px 0 0;
	    padding: 5px 3px 5px;
	}
	.toogle_menu{
		cursor: pointer;
	}
	.toogle_menu img{
		margin: 0px;
		border: none;
	}
	#left {
	    /*display: none;
	    position: static;
	    width: 100%;*/
	    /*transition: all 0.4s ease-in-out;
	    -webkit-transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;*/
	    /*clear: both;
	    top: auto;*/
	}
	div#content {
	    position: static;
	    width: 100%;
	    clear: both;
	    padding: 15px 35px;	 
	    /*min-width: 100% !important; */  
	}
	.contact_contact{
		min-width: 100% !important;
	}
	.contact_contact img{
		min-width: 100% !important;
		width: 100% !important
	}
	div.news_content{
		min-width: 100% !important;
	}
	div.news_content p img, div.news_content p, div.news_content img{
		min-width: 100% !important;
	}
	div#content p img, div#content p, div#content img{
		width: 100% !important;
		height: auto !important;
		margin: 5px 0px 15px !important;
		/*min-width: 100% !important;*/
	}
	.innerContact span{
		display: inline-block;
	}
	.outerShop{
		height: auto !important
	}
	#content p, #content form{
		position: static !important;
	}
	#content span {
	    margin: 0 !important;
	}
	.nav ul {
	    background: #f4f4f4 none repeat scroll 0 0;
	    border-bottom: 1px solid #ddd !important;
	    margin: 10px 0 0;
	}
	#links li {
	    color: #777;
	    line-height: 22px;
	    list-style-type: none;
	    margin-left: 35px;
	    padding: 3px 0;
	}
	#links li a {
	    padding: 0 !important;
	    background: #f4f4f4 !important;
	}
	#hot{
		padding: 0 !important;
	    background: #f4f4f4 !important;
	}
	p#back-top {
	    position: fixed !important;
	}
	p#back-top a {
	    width: 75px !important;
	}
	p#back-top a span {
	    width: 75px;
	    height: 75px;
	}
	div#left {
	    left: -190px;
	    transition: all 0.4s ease-in-out;
	    top: 0;
	}

	div.show-nav {
	    left: 0 !important;
	}
}