/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
 
	
	body{
		margin: 0;
		padding: 0; 
		font-family:"Arial";
      	font-size: 12px;
		background: url(../images/bg.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			padding-top:30px;
	}
	#full-screen-background-image {
        z-index: -999; 
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
      }
	  
	@font-face {
	    font-family: 'ELEMENT';
	    src: url('../fonts/ELEMENTS.TTF');
	} 
	@font-face {
	    font-family: 'AVAN';
	    src: url('../fonts/AVANTGBI.TTF');
	} 
	.f-element {
		font-family: 'ELEMENT';
	}
	.f-avan {
		font-family: 'AVAN';
	}
	p {
		font-size: 12px;
      	line-height: 22px;
		margin-bottom: 18px;
		color:#000000;
	}
	ul,
	ol { 
		list-style-type:none;
		margin: 0;
		padding: 0; 
		}
	ul {
 		list-style-type:none; 
	}
	
	.nav-home-news{
		width:10px;
		height:10px;
		background-color:#504f4f;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin:4px
	}
	.nav-home-news-ac{
		width:10px;
		height:10px;
		background-color:#3d7206;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin:4px
	}
	 
	
	h1 {  
	    font-size: 	26px;  
		line-height: 18px;  
		color:#000000; 
		font-weight:normal;
		letter-spacing:1px;;
  	}
	h2 { 
  		font-size: 	16px;  
		line-height: 12px;   
		font-weight:normal;
		letter-spacing:1px;
	}
	 
	h3 {  
  		font-size: 14px;  
		line-height:5px;
		font-weight:normal;
		word-spacing:0px; 
		font-family:myFirstFont;
		font-weight:normal; 
	}
	
	h4{  
		font-size:12px;
		line-height:0px;  
		font-weight:normal;  
	}
	.green {
		color:#3D7206;
	}
	.white{
		color:#FFFFFF;
		text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
	}
	
 	a{ text-decoration:none; } 
	img { border:0;}
	/* LOGO */
	.logo{  
		position:absolute; left:38%; bottom:0; z-index:977
	} 
	.title{
		position:relative; top:50px; left:40px
	}
	
	/* MENU */  
	#menu {  
		padding: 0px 12px;
		z-index:1000;
	}
	#menu ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#menu > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:15px 0px;
	}  
	#menu > ul > li > a {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px; 
	      color:#563713; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none; 
	} 
	.home{
		width:163px;
		height: 43px; 
		background: url('../images/button/home_2.png');
		left:24px 
	}
	#menu > ul > li > a.home:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/home_1.png');
	}
	#menu > ul > li > a.home.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/home_1.png');
	}
	.about{
		width:163px;
		height: 43px; 
		background: url('../images/button/about_2.png');
		right:25px 
	}
	#menu > ul > li > a.about:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/about_1.png');
	}
	#menu > ul > li > a.about.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/about_1.png');
	}
	.news{
		width:215px;
		height: 43px; 
		background: url('../images/button/news_2.png');
		right:75px 
	}
	#menu > ul > li > a.news:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/news_1.png');
	}
	#menu > ul > li > a.news.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	    	  text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/news_1.png');
	}
	.product{
		width:200px;
		height: 43px; 
		background: url('../images/button/product_2.png');
		right:-40px;
	}
	#menu > ul > li > a.product:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/product_1.png');
	}
	#menu > ul > li > a.product.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/product_1.png');
	}
	.location{
		width:176px;
		height: 43px; 
		background: url('../images/button/location_2.png');
		right:10px;
	}
	#menu > ul > li > a.location:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/location_1.png');
	}
	#menu > ul > li > a.location.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/location_1.png');
	}
	.contact{
		width:162px;
		height: 43px; 
		background: url('../images/button/contact_2.png');
		right:60px
	}
	#menu > ul > li > a.contact:hover {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/contact_1.png');
	}
	#menu > ul > li > a.contact.active {
		  display: inline-block;  
		  font-size:15px;
		  line-height: 60px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  background: url('../images/button/contact_1.png');
	}
	
	.bg-menu { 
	 	height: 74px; 
		background: url('../images/bg-menu.png');
		width:1003px;
	}
	 
	.block-index{
		width:316px;
		height:415px;
		background: url('../images/block-index.png'); 
	}
	.block-index-margin {
		float:left;
		padding-top:80px;
	}
		 
	.align-center{
		text-align:center;
	}
	.align-left{
		text-align:left;
		float:left;
	}
	.align-right{
		text-align:right;
		float:right;
	}
	.img-padding{
		padding:0px 10px 0px 0px
	}
	.img-padding-right{
		padding:0px 0px 0px 10px
	}
	.content-padding{
		padding-bottom:40px;
	}
	 
	/*
	/*  ABOUT */
	.bg-about-top{
		width:914px;
		height:140px;
		background: url('../images/bg-top-about.png'); 
	}
	.bg-about-bottom{
		width:917px;
		height:78px;
		background: url('../images/bg-bottom-about.png');
		margin-left:1px;
	}
	.bg-about-content{
		width:917px;
		height:auto;
		background: url('../images/bg-content-about.png');
		background-repeat:repeat-y;
		margin-left:1px;
	}
	.bg-about-left{
		width:901px;
		height:300px;
		background: url('../images/bg-about-left.png');
	}
	.bg-about-right{
		width:901px;
		height:300px;
		background: url('../images/bg-about-right.png');
	}
	
	/*
	/* PRODUCT */
	
	.bg-orange{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange.png'); 
	}
	.bg-orange-hover{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange-hover.png'); 
	}
	.bg-orange-round{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange-round-right.png'); 
	}
	.bg-orange-round-left{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange-round-left.png'); 
	}
	.bg-orange-round-left-hover{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange-round-left-hover.png'); 
	}
	.bg-orange-round-right-hover{
		width:230px;
		height:199px; 
		background: url('../images/bg-product-orange-round-right-hover.png'); 
	}
	
	/*  SUB */
	.bg-sub-product{
		width:230px;
		height:56px; 
		background: url('../images/bg-product.png'); 
	}
	.bg-sub-product-hover{
		width:230px;
		height:56px; 
		background: url('../images/bg-product-hover.png'); 
	}
	.bg-sub-product-bottom{
		width:230px;
		height:73px; 
		background: url('../images/bg-product-bottom.png'); 
	}
	/*  SUB */
	
	.bg-sub-product-bottom-hover{
		width:230px;
		height:73px; 
		background: url('../images/bg-product-bottom-hover.png'); 
	}
	.bg-sub-product-left{
		width:230px;
		height:73px; 
		background: url('../images/bg-product-left.png'); 
	}
	.bg-sub-product-left-hover{
		width:230px;
		height:74px; 
		background: url('../images/bg-product-left-hover.png'); 
	}
	.bg-sub-product-right-hover{
		width:230px;
		height:74px; 
		background: url('../images/bg-product-right-hover.png');
	} 
	.bg-sub-product-r {
		width:230px;
		height:73px; 
		background: url('../images/bg-product-right.png'); 
	}
	.bg-sub-product-r.bg-sub-product-right-hover{
		width:230px;
		height:73px; 
		background: url('../images/bg-product-right-hover.png'); 
	}
	.sub-product{
		font-size:18px; 
		color:#666666; 
		padding-top:15px;
	}
	#sub-product{
	text-align:left; padding-left:30px
	}
	
	/* MENU */  
	#menu-about {  
		padding: 10px 30px;
		z-index:1000;
		float:right;
	}
	#menu-about ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#menu-about > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:0px 10px;
	} 
	  
	#menu-about > ul > li > a {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 10px; 
	      color:#000000; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none; 
	}
	.titik{
		font-size:40px;
		text-align:center;
		color:#FF0000; 
	}
	#menu-about > ul > li.active a{
		color:#990000; 
	} 
	 
	#menu-about > ul > li > a:hover {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 10px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  color:#FF0000;
	}
	
	
	
	
	/* MENU */  
	#menu-product {  
		margin: 0px auto;
		/*z-index:1000;*/
		width:771.75px;
		height:396.75px;
		background-image: url(../../../uploads_images/bg.png);
		background-size: 100% 100%;
		position: relative;
	}
	#menu-bias {
		width:344.25px;
		height:261px;
		background-image: url(../../../uploads_images/biastires.png);
		background-size: 100% 100%;
	}
	#a-menu-bias {
		position: absolute;
		left:41px;
		top:41.5px;
		height:316px;
		width:344.25px;
	}
	#menu-radial {
		width:344.25px;
		height:261px;
		background-image: url(../../../uploads_images/radialtires.png);
		background-size: 100% 100%;
	}
	.a-menu-tires:hover > .menu-tires {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		/* IE 5-7 */
		filter: alpha(opacity=100);
		/* Netscape */
		-moz-opacity: 1.0;
		/* Safari 1.x */
		-khtml-opacity: 1.0;
		/* Good browsers */
		opacity: 1.0;
	}
	.menu-tires {
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		/* IE 5-7 */
		filter: alpha(opacity=50);
		/* Netscape */
		-moz-opacity: 0.5;
		/* Safari 1.x */
		-khtml-opacity: 0.5;
		/* Good browsers */
		opacity: 0.5;
	}
	#a-menu-radial {
		position: absolute;
		left:386px;
		top:41.5px;
		height:316px;
		width:344.25px;
	}
	/*#menu-product ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#menu-product > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:0px 0px; 
	} 
	#menu-product > ul > li > ul > li > a div{ 
		  text-align:left;
		  color:#7e7e7e;
	} 
	#menu-product > ul > li > ul > li > a:hover div{ 
		  text-align:left;
		  color:#000000;
	}*/
	.fad{
		
	}
	.fad2{
		
	}
	.bg-cat{
		background-color:#CCCCCC;
	} 
	
	/* PRODUCT LIST */
	
	.bg-list{
		width:924px;
		height:133px; 
		background: url('../images/bg-list.png'); 
	}
	.bg-load-more{
		width:914px;
		height:73px; 
		background: url('../images/load-more.png'); 
	}
	.bg-load-more-end{
		width:914px;
		height:73px; 
		background: url('../images/load-more-end.png'); 
	}
	.bg-list-product{
		width:227px;
		height:290px; 
		background: url('../images/bg-list-product.png'); 
	}
	
	#breadump {  
		padding: 0px 0px;
		z-index:1000;  
	}
	#breadump ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#breadump > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:0px 2px; 
	}  
	#breadump > ul > li > a {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 12px; 
	      color:#848484; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none; 
	}
	#breadump > ul > li + li{ 
		background-image:url(../images/nav.png);
		background-repeat:no-repeat;
		background-position:2px center;
		padding-left:12px;
	} 
	#breadump > ul > li.active{
 	} 
	#breadump > ul > li > a:hover {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 12px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  color:#000000;
	}
	.font-product{
		font-size:28px
	}
	.font-product-list{
		font-size:16px;
		color:#FF3300;
		padding-top:10px;
	}
	
	#box{
		position:fixed;
		top:0;
		margin-left:100px;
		padding-top:60px;
		z-index: 99999;
	}
	#box-one{
		background-image:url(../images/popup.png);
		width:739px;
		height:562px;
		z-index: 99999;
	}
	#mask {
		display: none;
		background: #000; 
		position: fixed; left: 0; top: 0; 
		z-index: 10;
		width: 100%; height: 100%;
		opacity: 0.8;
		z-index: 999;
	}
	#pop-left{
		width:400px;
		float:left;
	}
	#pop-right{
		width:100px;
		float:right;
		padding-right:150px;
		margin-top:70px; 
	}
	.pop-close,.pop-close a{
		float:right;
		padding-top:10px;
		padding-right:20px;
		color:#FFFFFF;
	} 
	.pop-title{
		margin-top:120px;
		float:left;
		padding-left:50px;
		font-size:36px;
		color:#f27d22;
	}
	.pop-des{  
		color:#f27d22;
		clear:both;
		padding-left:55px;
		max-width:400px;
		padding-top:10px;
	}
	.twitter-share-button {
	width: 80px !important; 
	}
	.specification{
		height:auto; 
		background-color:#FFFFFF;
		position:fixed;
		margin-top:80px;
		margin-left:150px;
		top:0; 
		z-index: 999999; 
	}
	.specification-ok{
		height:auto; 
		background-color:#FFFFFF;
		position:fixed;
		margin-top: 245px;
margin-left: 190px;
		top:0; 
		z-index: 999999;
		width:auto; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border:1px solid #996600;
	}
		#o{
		
		padding:20px 20px 20px 20px;
		}

	/* NEWS */
	.news-circle {
		border:1px solid #999999; height:112px; margin-top:6px; -webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	.news-circle-img {
		  height:101px; margin-top:6px; 
		  -webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left:6px;
		width:141px
	}
	
	/* MENU NEWS*/  
	#menu-news {  
		padding: 0px 0px;
		z-index:1000;
	}
	#menu-news ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#menu-news > ul > li {
		position: relative; 
		z-index: 20; 
		padding:7px 10px;
		border-bottom:1px solid #999999;
	}  
	#menu-news > ul > li > a {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 10px; 
	      color:#666666; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none;  
	} 
	#menu-news > ul > li.active a{
		color:#FF6600;
	} 
	 
	#menu-news > ul > li > a:hover {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 10px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  color:#333333;
	}
	
	   
	#navigation {   
		z-index:1000;
	}
	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#navigation > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:0px 5px; 
	} 
	  
	#navigation > ul > li > a {
		  display: inline-block;  
		  font-size:14px;
		  line-height: 24px; 
	      color:#000000; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none;
		  width:25px;
	} 
	#navigation > ul > li.active{
		color:#FF6600;
		font-weight:bold;
		border-bottom:2PX solid #FF6600;
		font-size:14px;
		line-height:22px
	} 
	 
	#navigation > ul > li > a:hover {
		  display: inline-block;  
		  font-size:14px;
		  line-height: 24px;  
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;
		  color:#FF0000;
	}
	
	
	#table-input td{
		padding:5px 20px;
	}
	#table-input label{
		font-size:14px;
		font-weight:bold;
		color:#FF6600
	}
	#table-input td span{
		font-size:12px; 
		color:#FF6600;
		padding-left:5px;
	}
	#table-input td input{
		width:350px;
		height:30px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 10px rgba(156, 156, 156, 0.75);
		-moz-box-shadow:    2px 2px 10px rgba(156, 156, 156, 0.75);
		box-shadow:         2px 2px 10px rgba(156, 156, 156, 0.75);
		border:1px solid #d5d5d5; 
	}
	#table-input td .comment{
		width:350px;
		height:auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 2px 2px 10px rgba(156, 156, 156, 0.75);
		-moz-box-shadow:    2px 2px 10px rgba(156, 156, 156, 0.75);
		box-shadow:         2px 2px 10px rgba(156, 156, 156, 0.75);
		border:1px solid #d5d5d5; 
	}
	#table-input td .submit{ 
		background: url('../images/button-submit.png');
		width:101px;
		height:28px;
		background-repeat:no-repeat;
		cursor:pointer
	}
	
	/* LOCATION */
	.title-location{
		color:#FF9900;
		text-transform:uppercase;
		font-size:12px;
		line-height:18px;
	}
	.title-contact{
		color:#FF9900; 
		font-size:14px;
		line-height:18px;
		font-weight:bold;
	}
	.line{
		background: url('../images/line.png');
		width:17px;
		height:478px;
	}
	.myframe{
		height:40px;
		padding-bottom:10px;
		padding:0;
		margin:0;
		border:none;
		text-align:left;
	}
	.button-spec{
	} 
	a.spec:link, a.spec:visited {
		display:block; 
		width:142px; 
		height:34px; 
		text-indent:-9999px;
		background:url(../images/button-buy-spec.png) 0 0 no-repeat;
		float:left;
	}
	a.buy-spec:link, a.buy-spec:visited {
		display:block; 
		width:150px; 
		height:34px;
		text-indent:-9999px;
		background:url(../images/button-buy-spec.png) -150px 0 no-repeat;
		float:right;
		margin-right:50px;
	}
	/* FOOTER*/
	#footer {   
		z-index:1000;
		padding:10px;
	}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0; 
	}
	#footer > ul > li {
		position: relative;
		float: left;
		z-index: 20;
		padding:0px 10px; 
	} 
	  
	#footer > ul > li > a {
		  display: inline-block;  
		  font-size:12px;
		  line-height: 18px; 
	      color:#FFFFFF; 
	      text-decoration: none;
		  font-weight:normal;
		  position: relative;    
		  border-style:none;
		  text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); 
	}
	#footer > ul > li + li{
		border-left:1px solid #FFFFFF;
	}  
	#footer > ul > li.active a{
		color:#FF6600;
		font-weight:bold;
		border-bottom:2PX solid #FF6600;
	}  
	#footer > ul > li > a:hover {
	color:#FF6600; 
	}
	#footer-fullscreen{
		clear:both;
		position:absolute;
		bottom:5px;
	}
	
 

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

.content-location{
	position: relative;
	display: block;
	background: url('../images/bg-content-about.png');
	margin: 0 210px 0 1px;
	padding: 0 40px;
	min-height: 200px;
}
.content-location li{
	float: left;
width: 265px;
height: 120px;
padding-right: 11px;
}
}
.content-location li .l-desc{
	float: left;
	width: 260px;
}
.content-location li .l-title{
	font-weight: bold;
	margin: 15px 0px;
}
.spec-close-46,.spec-close-47
{
position: absolute;
display: block;
top: 5px;
right: 16px;
}
ul.distributor{
	min-height: 200px;
}
.bold{
font-weight: bold;
}