/***** layout *****/
#logo { margin: 0 0 0 100px; padding: 0; float: left; position: absolute; z-index: 99; }

#search { margin: 40px 0 0 400px; padding: 0; float: left; position: absolute; }
	#search input[type=text] { margin: 0; padding: 3px; width: 400px; text-align: center; border: 1px solid rgb(200,200,200); }
		#search input[type=text]:focus { box-shadow: 0px 0px 10px rgb(220,220,220); }
	#search input[type=submit] { margin: 0 0 0 3px; padding: 0; width: 30px; height: 30px; background: url('pic/husqvarna/lupa.png') no-repeat; text-indent: 100px; cursor: pointer; opacity: .5; }
		#search input[type=submit]:hover { opacity: 1; }

#slogan { margin: 0 0 0 800px; padding: 0; width: 190px; height: 10px; line-height: 40px; background: rgb(255,237,0); color: rgb(6,26,60); font-weight: bold; text-transform: uppercase; text-align: center; }

	#menu-top ul ul, #menu-top ul li:hover a ul { margin: 23px 0 0 160px; padding: 0; visibility: hidden; position: absolute; }
		#menu-top ul li ul li a { margin: 0; padding: 0; display: inline-block; text-align: center; font-size: 11px; background: none !important; color: rgb(0,0,0) !important; line-height: 15px !important; }
			#menu-top ul li ul li a img { opacity: 0.6; }
			#menu-top li:hover li a { text-decoration: none; }	
			#menu-top ul li:hover ul li a:hover { text-decoration: none; border-bottom: 3px solid rgb(0,0,0); }
				#menu-top ul li:hover ul li a:hover img { opacity: 1.0; }
			#menu-top ul li ul li a.active { text-decoration: none; border-bottom: 3px solid rgb(0,0,0); }
				#menu-top ul li ul li a.active img { opacity: 1.0;  }

#basket { margin: 13px 0 0 1050px; }

#bg-menu-shop { margin: 0; padding: 0; height: 35px; background: rgb(255,236,0); }

	#menu-shop { margin: 0px auto; padding: 0; width: 1250px; }
		#menu-shop ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
		#menu-shop ul li { margin: 0; padding: 0; display: inline; position: relative; float: left; }
		#menu-shop ul li a { margin: 0px; padding: 2px; display: inline-block; width: 178px; height: 35px; line-height: 32px; background: rgb(255,236,0); color: rgb(0,0,0); text-decoration: none; }	
		#menu-shop ul li a:hover, #menu-shop ul li:hover a { background: rgb(135,198,55); }
		#menu-shop ul li a.active, #menu-shop ul li ul li a.active, #menu-shop ul li ul li ul li a.active { background: rgb(135,198,55) !important; }
				
		#menu-shop ul li ul { position: absolute; z-index: 100; left: 0; display: block; visibility: hidden; }
		#menu-shop ul li ul li { display: list-item; float: none; text-align: left; padding-left: 1px; }
		#menu-shop ul li ul li a { margin: 0; padding-left: 5px; background: rgb(255,236,0) !important; /*width: 155px;*/ border-top-width: 0; border-top: 1px solid white; }	

		#menu-shop ul li:hover ul li a:hover, #menu-shop ul li:hover ul li:hover a { background: rgb(135,198,55) !important; }
		
		#menu-shop ul li:hover ul li:hover ul li a { background: rgb(255,236,0) !important; }
		#menu-shop ul li:hover ul li:hover ul li a:hover { background: rgb(135,198,55) !important; }

#content { margin: 20px auto 20px auto; padding: 0; width: 1250px; min-height: 350px; text-align: justify; }
	#content-home { margin: 20px auto; padding: 0; width: 1250px; /*border: 1px solid red;*/ }
 
#bottom { margin: 20px auto; padding: 15px; width: 1250px; background: rgb(190,190,190); overflow: hidden; }	
	#copyright { margin: 0; padding: 0 0 0 15px; float: left; width: 500px; text-align: left; color: rgb(255,255,255); text-decoration: none; }
		#copyright a { color: rgb(255,255,255); text-decoration: none; font-weight: bold; }
		#copyright a:hover { text-decoration: underline; }
	#social { margin: -5px 0 0 720px; width: 250px; position: absolute; text-align: right; }
	#social img { margin: 0 0 0 10px; opacity: .7; }
		#social a:hover img { opacity: 1; }		

/***** home *****/ 
#carousel { margin: 0 0 0 0; padding: 0 0 0 0; float: left; /*background: url(pic/carusel.jpg) no-repeat;*/ width: 950px; /*height: 400px;*/ }
	#carousel .slides .title { padding: 0 0 0 20px; /*font: normal 100px/80px homestead, arial, calibri, verdana, tahoma;*/ font-size: 60px; line-height: 60px; color: rgb(140,140,140); /*overflow: hidden; clear: both;*/ position: absolute; }
#baner1 { margin: 0; padding: 0; float: right; }
	#baner1 img { margin: 0 0 10px 0; }	
.oznam { margin: 40px 0 20px 0; padding: 10px; background: rgb(225,0,225); color: rgb(255,255,255); font-weight: bold; font-size: 15px; text-align: center; }

/***** motocykel *****/
#motocykel-left { margin: 0; padding: 0; float: left; /*width: 150px;*/ }
	#motocykel-left a { color: rgb(33,56,97); font-size: 16px; font-weight: bold; text-decoration: none; }
	#motocykel-left a:hover, #motocykel-left a.active { color: rgb(225,0,44); }
#motocykel-right { margin: 0; padding: 0; float: right; width: 1050px; }
	#motocykel-right h2 { margin: 0 0 15px 0; padding: 0; color: rgb(225,0,44); text-decoration: none; font-size: 21px; font-weight: bold; }
.motocykel-box { margin: 0 4px 15px 0; padding: 2px; float: left; width: 225px; height: 150px; text-align: center; opacity: 0.5; } 
	.motocykel-box:hover { opacity: 1.0; }	
.pic { margin: 0 4px 4px 0; padding: 2px 2px 0px 2px; float: left; border: 2px solid rgb(220,220,220);  } 
	.pic:hover { border: 2px solid rgb(225,0,44); }
.table-motocykel { margin: 15px 0 0 0; padding: 0; width: 100%; }
	.table-motocykel th { margin: 0; padding: 4px; background: rgb(0,36,80); color: rgb(255,255,255); font-size: 14px; font-weight: bold; }	
	.table-motocykel td { margin: 0; padding: 4px; background: rgb(255,255,255); border-bottom: 1px solid rgb(210,210,210); }
		.table-motocykel td.color { margin: 0; padding: 4px; background: rgb(235,235,235); border-bottom: 1px solid rgb(210,210,210); }	
		.table-motocykel tr:hover td { background: rgb(245,245,245); }
		.table-motocykel td em { color: rgb(120,120,120); }


/***** responsive *****/
@media all and (max-width: 999px) {

	/***** layout *****/
	#header { width: 100%; height: auto; }
		#logo { margin: -46px 0 0 5px; position: absolute; z-index: 300; }
			#logo img { width: 50px; height: 42px; content:url('pic/husqvarna/logo-mobile.png'); }
		#search { margin: 15px 0 0 10px; padding: 0; width: 200px; position: absolute; z-index: 150; }
			#search input[type=text] { margin: 0; padding: 3px; width: 160px; }
			#search input[type=submit] { margin: 0 0 0 3px; padding: 0; width: 25px; height: 25px; background: url('pic/lupa2.png'); text-indent: 100px; cursor: pointer; opacity: 0.5; }

	#content { margin: 10px auto 20px auto; width: 95%; height: auto; }
		#content-home { margin: 20px auto 10px auto; width: 95%; }
		/*#content img { width: 100%; height: auto; }*/
		#map { width: 100%; height: 400px; }

	#bg-menu-shop .slicknav_menu { margin: 0; padding: 4px 0 0 0; position: absolute; z-index: 100; width: 100%; background: rgb(255,236,0); font-size: 16px; }	
  		#bg-menu-shop .slicknav_nav li { display: block; border-bottom: 1px solid rgb(255,233,125); }
  			#bg-menu-shop .slicknav_nav li:last-child { border-bottom: none; }
		#bg-menu-shop .slicknav_nav li a { color: rgb(50,50,50) !important; }

	#bottom { margin: 10px auto 0 auto; width: 100%; height: auto; text-align: justify; }
		#social, #copyright { margin: 0 !important; float: none; display: block; width: 100%; text-align: left; position: relative; }
		#social { margin: 5px 0 0 0 !important; }

	/***** home *****/ 
	#carousel { margin: 0 0 13px 0; width: 100%; height: auto; float: none; display: block; }	
		#carousel #slide { width: 100%; height: auto; }
		#carousel .slides img { width: 100%; height: auto; }
		#carousel .slides .title { font: normal 60px/60px homestead, arial, calibri, verdana, tahoma; }

	#baner1 { width: 100%; height: auto; float: none; display: block; }
		#baner1 img { width: 100%; height: auto; }

	#motocykel-left { float: none; width: 100%; display: block; }
	#motocykel-right { float: none; width: 100%; display: block; }
		#motocykel-right h2 { margin: 10px 0 0 0; }

}