@charset "utf-8";

/*  MINI RESET  */

* {margin: 0; padding: 0; vertical-align: baseline; }
img, a, a img { border: 0px solid #fff; outline: 0; }
html { font-size:100.01%; }

.clear { display: block; clear: both; height: 1px; line-height: 1px;}

/* OPERA */
html>br { display: none;}

/*  PRVKY, CHRONOLOGICKE PORADIE	*/

	#wrapper { margin: 0 auto; width: 960px; }
	#logo { margin-top:20px; }
		#navigation { display: block; margin-top: 17px; overflow: hidden;  }
			#navigation li { display: block; float: left; }
			#navigation li a { display: block; float: left; height: 25px; line-height: 25px; padding: 15px; }
		#breadcrumb { clear: left; padding: 23px 15px; }
			* html #breadcrumb { margin-top: -40px;} /*ie6... wat?*/
			#breadcrumb span { float: right; }
		#content { clear: left; float: right; width: 750px; padding-bottom: 40px; }
			#rotator { height: 220px; margin: 20px; overflow: hidden; position: relative;}
				#rotator .slide { height: 210px; position: absolute; width: 97%; padding: 8px; }
					#rotator .slide img { float: left; margin-right: 10px; }
					/*non-JS*/
					#rotator .slide { display: none;}
					#rotator .first { display: block;}
				#rotator .control { bottom: 10px; display: none; position: absolute; right: 162px; }
			#content h1 { margin: 20px; }
			#pagination { clear: left; text-align: center; }
			#pagination ul { display: inline-block; list-style: none; margin-top: 20px; }
			* html #pagination ul { display: inline; } *+html #pagination ul { display : inline; } /*IE 6&7*/
				#pagination ul li { display: block; float: left; list-style: none; }
		#subnavigation { float: left; margin-bottom: 20px; padding-bottom: 10px; width: 210px; }
			#subnavigation li { border-bottom: 1px solid white; display: block; height: 29px; padding-left: 29px; position: relative; }
			#subnavigation li a { display: block; height: 29px; position: relative; z-index: 1; }
			#subnavigation li ul { display: none; left: 210px; position: absolute; top: 0px; width: 230px; z-index: 5; }
				#subnavigation li.hover ul, #subnavigation li:hover ul { display: block; }
		#adspace { float: left; height: 300px; width: 190px; margin-bottom:30px;}
		#footer { clear: both; padding: 20px 20px 40px 230px; }
			#footer span { float: right;}
	#search  { height: 150px; left: 50%; margin-left: 200px; position: absolute; top: 0; width: 280px; }
		#telefonnykontakt { margin: 15px 0 0 40px;}
		#search #kosiceeeek { display: block; margin: 20px 25px 10px 0; float: right; }
		#search form { display: block; margin: 0 20px 10px 0; float: right; width: 236px; }
			#search fieldset { margin:0;padding:0;border:0;outline:0; }
			#search form input { background: url(../images/search.png) -29px 0 no-repeat; border: 0; float: left; height: 29px; line-height: 29px; outline: 0; padding: 0 5px; vertical-align: middle; width: 197px; }
			#search form input.submit {  background-position: 0px 0px; width: 28px; line-height: 29px; }
				* html #search #kosiceeeek { margin-right: 10px;}
				* html #search form { margin-right: 7px;}

	
	/* PRVKY ROZNE POUZITIE */
	.pagenumber { cursor: pointer; display: block; float: left; height: 20px; width: 20px; }
	.products { margin-left: 10px; }
	.products li { display: block; background: url(../images/products-bg.gif) 10px 0 repeat-y; float: left; list-style: none; margin-bottom: 20px; padding-left: 10px; text-align: center; width: 170px; }
		.products .name { display: block; overflow:hidden; background: url(../images/products-topbottom.gif) left top no-repeat; float: left; height: 30px; line-height: 30px; margin-bottom: 5px; width: 170px; }
		
		.products .picture { display: table; clear: left; height: 200px; margin: 0 auto; vertical-align:middle; }
		*:first-child+html .products .picture { display: block; clear: left; height: 200px; margin: 0 auto; vertical-align:middle; }
			
			.products img { display: block; clear: left; margin: 0 auto; vertical-align: middle; line-height: 200px; }
		.products .detail { display: block; background: url(../images/products-topbottom.gif) left bottom no-repeat; height: 44px; padding: 9px 7px 7px 7px; vertical-align: middle;cursor:pointer; }
	.text { background: url(../images/text-bg.gif) left top repeat-y; margin: 20px; padding: 20px; position: relative; }
		* html .text { padding: 20px;  }
		.text .header, .text .footer { position: absolute; left: 0; top:0; width: 710px;}
		.text .header { background: url(../images/text-topbottom.gif) 0 -5px no-repeat; display:block; height: 5px; line-height: 5px; }
		.text .footer { background: url(../images/text-topbottom.gif) 0 0 no-repeat; display:block; height: 5px; line-height: 5px; top: auto; bottom:0; }
			* html .text .header { left:-20px; }
			* html .text .footer { display: none; }
			* html .text { border-bottom: 1px solid #ddd;} /*least insane solution for IE6 */
	
	.text div.detail { float: right; margin-left: 10px; position: relative; width: 500px; }
	* html .text div.detail { float: none; margin-left: 170px; width: 500px;  }
	*+html .text div.detail { float: none; margin-left: 170px; width: 500px;  }
	* html .text img.detail { position: relative; margin-bottom: -500px; margin-right: 200px; }
	*+html .text img.detail { position: relative; margin-bottom: -500px; margin-right: 200px; }
		div.detail h3 { margin-bottom: 20px;}
		div.detail .price { display: block; float: left; line-height: 15px; }
			div.detail form { display: block; float: right; margin: 0px 0 20px; }
			div.detail form input { text-align: center; width: 30px; margin-right: 10px; }
			div.detail form select { width: 150px;  }
			div.detail form .submit { height: 40px; line-height: 40px; margin-left: 10px; width: 140px; }
		div.detail table { width: 500px;}
			div.detail table td { padding: 4px; border-bottom: 3px solid white; }
			div.detail table tr.gap td { border-bottom-width: 12px; }

/*	TYPOGRAFIA, FARBY a OBRAZKY	*/
	body { background: #f2f2f2 url(../images/bg.jpg) top left repeat-x; color: #444; font: 12px/20px Tahoma, Verdana, Arial, sans-serif;}
	p { margin-bottom: 20px; }
	h1, h2 { background: #f22a27 url(../images/pozadia.gif) left top no-repeat; color: white; }
	h1 { font-size: 12px; height: 34px; line-height: 34px; margin: 0 0 6px; padding: 0 10px; }
		h1 span { background: url(../images/bullet-1.gif) right center no-repeat; font-weight: normal; margin-right: 4px; padding-right: 10px; }
	h2 { background-position: 0 -34px; font-size: 11px; height: 35px; line-height: 35px; padding-left: 30px; }
	a { color: #494949; text-decoration: underline; }
	a:hover { color: #595959; text-decoration: none; }
	
	#navigation a { color: white; text-decoration: none; }
	#navigation a:hover { color: #fed; }
	#navigation .active a { background: url(../images/bullet-2.gif) center bottom no-repeat;}
	
	#subnavigation { background: url(../images/subnavi-bottom.gif) left bottom no-repeat; }
		#subnavigation li { background: #d8d7d7 url(../images/bullet-3.gif) 14px -4px no-repeat; line-height: 29px;list-style-type:none;margin:0px;}
			#subnavigation li ul { border: 1px solid white; border-width: 1px 1px 0 1px; }
	#subnavigation li.hover, #subnavigation li:hover { background: #ccc url(../images/bullet-3.gif) 14px -31px no-repeat;  }
		#subnavigation a { text-decoration: none; }
		#subnavigation a:hover { font-weight: bold;}
	
	#content { background: white; }
		#rotator { background: url(../images/rotator-bg.png) top left no-repeat; }
			#rotator .slide h3 { margin: 10px 0; }
			#rotator .slide p { font-size: 10px; margin: 10px 0; }
			#rotator .control .active { font-weight: bold; }
				#rotator .control li { height: 21px; width: 21px; line-height: 21px; margin-left: 10px; text-align: center; }
					#rotator .control li { background: url(../images/pozadia.gif) -599px -48px no-repeat; }
					#rotator .control li.active { background-position: -629px -48px;}
	
	.products a { text-decoration:none; }
	.products .name { color: #472800; font-weight: bold; }
	.products .detail em { color: #472800; font-style: normal; text-decoration: underline; }
		.products .detail strong { color: #cb0d0a; }
	
	tr.detail td { background-color: #ddd; }
	tr.moreinfo td { background-color: #bbb; }
	div.detail td { text-align: right; }
	div.detail tr td:first-child { text-align: left; }
		div.detail form .submit { background: url(../images/cart.gif) 1px 9px no-repeat; border: 0; cursor: pointer; font-size: 11px; font-weight: bold; text-decoration: underline; color: #ec2420; padding-left: 30px; text-align: left; }
		
	#pagination ul li { height: 21px; width: 21px; line-height: 21px; margin-left: 10px; text-align: center; }
	#pagination ul li { background: url(../images/pozadia.gif) -659px -48px no-repeat; }
	#pagination ul li.active { background-position: -689px -48px; font-weight: bold; }
		#pagination ul li a { display: block; height: 21px; text-decoration: none; width: 21px; }
		#pagination ul li.active a { color: white !important; }

	#search { background: url(../images/search-bg.png) right bottom no-repeat; }
		* html #search {background-position: -1px 63px; }
		#search #kosiceeeek { background: url(../images/vozik.png) right center no-repeat; color: white; font-size: 11px; padding-right: 25px; }
		#search input { color: #6d0200; font-size: 11px; }
		#search .active { color: #222; font-size: 12px; font-weight: bold; }
		#search a { color: white; } #search a:hover { color: white;}
		
		input.button { background: url(../images/button.jpg);width:160px;height:21px;border:0px;cursor:pointer;margin-top:10px; }
		input.button2 { background: url(../images/button.jpg);width:160px;height:21px;border:0px;cursor:pointer;margin-top:10px;margin-left:15px; }
		
		h3.nadpis_clanku { font-size:16px; }
		
/* FACEBOOK */
div#fb-box {position: absolute; margin-top: 197px; background: url('../img/fb.png') no-repeat; width: 344px; height: 123px; margin-left: -305px;}
div#fb-box2 {width: 305px; background-color: red; height: 350px; float: left;}
a#fb-link {float: left; width: 37px; display: block; height: 123px;}