/*
	by A. Kiss
	notes:
	/*i-/ - odkazuje na ie6 a/alebo ie7 hack
		i1 - specialne treba nastavit najprv inline-block, aby mali prvky "hasLayout", potom sa s display:inline spravaju ako stand. inline-block
*/

/*  MINI RESET  */

* { vertical-align: baseline; }
html,body,div,p,a,img,ul,ol,h1,h2,h3,h4 {margin: 0; padding: 0; }
img { border: 0px solid #fff; outline: 0; }
html { font-size:100.01%; }

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

/*  PRVKY, CHRONOLOGICKE PORADIE*/
	body { height: 100%; }
	body>div { margin: 0 auto; position: relative; width: 980px; padding-top:97px; z-index: 2; }
	body>div>a { display:block; position: absolute; top: 20px;}
	body>div>ul { position: absolute; right: 0px; top: 40px; }
	body>div>ul>li { display: inline-block; list-style: none; padding: 2px 10px 2px 5px; }	

	#bg-special-l, #bg-special-r { left:-420px; bottom: 0px; height: 420px; padding: 0; position: absolute; width: 420px; z-index:1; }
		#bg-special-r { left: auto; right: -420px; }
	#wrapper { padding: 10px; position: relative; z-index: 2; }
	
		/* z hladiska "funkcnosti" maju ul#navigation a ul#products rovnake, resp. dost podobne css*/
		ul#navigation, ul#products { display: table; table-layout: fixed; text-align: center; width: 960px; }
		ul#products { margin-bottom: 20px; }
			ul#navigation li, ul#products li { display: table-cell; list-style-type: none; text-align: center; }
			* html ul#navigation, *+html ul#navigation, * html ul#products, *+html ul#products { text-align: left; } /*i*/
			* html ul#navigation li, *+html ul#navigation li, * html ul#products li, *+html ul#products li { display: inline-block;} /*i1*/
			* html ul#navigation li, *+html ul#navigation li, * html ul#products li, *+html ul#products li { display:inline; vertical-align:top; } /*i*/
				ul#navigation li a { display:block; padding: 16px 10px; width: auto;  }
				ul#products li a { display:block; padding: 14px 20px 63px; width: auto; }
					* html ul#products li a { display: inline-block; height: 20px; } /*i*/
					ul#products li a span { width: 16px; height: 16px; display: block; left: 50%; margin-left: -8px; position: absolute; top: 50px; }
					ul#products li.active a span { top: 65px; }
		#header { margin: 10px 0; } 
		#header img { display: block; }
		
		/* content_has_sidebar - pre podstranky, ktore maju obsah a vedlajsi div */
		#content_has_sidebar, #content_has_list { float: left; margin-bottom: 40px; position: relative; width: 630px; }
		#content_has_sidebar + div, #content_has_list + div { float: right; margin-bottom: 40px; position: relative; width: 270px; }
		#content_has_sidebar + div > ul { display: block; float: left; overflow: hidden; width: 280px; }
		#content_has_sidebar + div > ul li { float: left; list-style: none;  margin: 0 10px 10px 0; }
		#content_has_sidebar + div > ul li a { float: left; }
		#content_has_sidebar + div > ul li a img { display: block; }
		
		/* content_has_list - pre podstranky, ktore maju text, napravo tlacidla a podtym zoznam produktov (list) */
		#content_has_list + div { margin-top: 60px; }
			#content_has_list + div > ul li { float: left;  list-style: none; }
			#content_has_list + div > ul li a { display: block; padding: 6px 6px 6px 10px; width: 100px; margin: 0 20px 20px 0px; }
			#content_has_list + div > ul li a.break { margin-right: 0px; }
		#content_has_list + div + div { clear: left; }
		#content_has_list + div + div > ul { display: block; float: left; overflow: hidden; width: 960px; }
		#content_has_list + div + div > ul li { float: left; list-style: none; margin: 0 50px 40px 0; }
		#content_has_list + div + div > ul li.break { margin-right: 0px;}
		#content_has_list + div + div > ul li a { float: left; }
		#content_has_list + div + div > ul li a img { display: block; z-index: 8;}
		#content_has_list + div + div > ul li a span { display: block; height:20px; margin: -35px 5px 5px; padding: 5px; position: relative; background: url(../images/bg.jpg); z-index: 9; }
		
		div.strankovanie { text-align: center; clear:left; }	
		ul.strankovanie { list-style: none; display:inline-block; padding: 5px; margin-left: -40px; }	
			ul.strankovanie li { display:block; float: left; }
			ul.strankovanie li a, ul.strankovanie li b { background: #ddd; display:block; font-weight: normal; height: 19px; margin-right: 10px; width: 19px; text-align:center; text-decoration: none !important; } 
				ul.strankovanie li a:hover { background-color: #555; color: white;}
			ul.strankovanie li.active { background: #76b917; color: white; display:block; height: 19px; margin-right: 10px; width: 19px; text-align:center; text-decoration: none !important; }
			ul.strankovanie li.nudgetop { line-height: 18px;}
			ul.strankovanie li.shaded b { background-color: #eee; color: #ccc; }
			ul.strankovanie li:last-child { border: 1px solid white;}

		/* content_has_bigpicture - podstranky detailu - div s velkym obrazkom */
		#content_has_bigpicture { float: left; margin-bottom: 40px; position: relative; width: 500px; }
		#content_has_bigpicture + div { float: right; margin-bottom: 40px; position: relative; width: 420px; }
		#content_has_bigpicture + div > a { display: block; margin-top: 60px; width: 399px; }
		#content_has_bigpicture + div > a > img { display:block; width: 399px; }
		
		/* sortiment_list - zoznam poloziek sortimentu*/
		#sortiment_list {  }
		#sortiment_list li { list-style: none; float: left; margin: 0 10px 40px; width: 190px; }
		#sortiment_list li a { display: block; line-height: 40px; }
		#sortiment_list li a img { float:left; margin-right: 20px; }
			.odd { clear: left;}
		
		#footer { clear: both; padding: 10px; }
		#footer>span { display:inline-block; width: 49%; }
		#footer>span+span { text-align:right; }

/*	FARBY & TYPOGRAFIA  */
body { background: #fff url(../images/bigbg.jpg) center top repeat-x; font: 12px/20px Tahoma, Verdana, Arial, sans-serif; color: #414641; }
	p { margin-bottom: 20px; }
	a, a:hover { color: #414641; text-decoration: underline;}
	h1,h2 {  line-height: 40px; margin-bottom: 20px; color: #f68b1f;}
	h3 { line-height: 20px; margin-bottom: 20px; color: #79b812;}
		h2.news { background: transparent url(../images/time.gif) -6px 0px no-repeat; line-height: 40px; margin-bottom: 0; padding-left: 40px; clear:both;}

	body>div>ul { /*font-weight: bold; */}
	body>div>ul>li:first-child { border-right: 1px solid black; }
	#bg-special-l { background: url(../images/bgbg.jpg) 0 0 no-repeat; }
	#bg-special-r { background: url(../images/bgbgbg.jpg) 0 0 no-repeat; }
	#wrapper { background-color: #fff; color: #222;  }
		ul#navigation { background: #4c8301 url(../images/bg_naviprod.jpg) 0px 0px repeat-x; border-bottom: 3px solid #4c8301; }
			ul#navigation li a		{ color: #efe; text-decoration: none; }
			ul#navigation li.active a,
			ul#navigation li a:hover{ color: #fff; background: transparent url(../images/bg_naviprod.jpg) 0px -52px repeat-x; }
		#header{ color: yellow; }
		ul#products{ background: #fff url(../images/bg_naviprod.jpg) 0px -104px repeat-x; }
			ul#products li a { background: url(../images/prod-right.gif) right top no-repeat; color: #444; text-decoration: none; position: relative; border-left: 1px solid #fff;}
			ul#products li a:hover { color: #000;}
			ul#products li.active a { background: #ef7800 url(../images/bg_naviprod.jpg) 0px -206px repeat-x; color: #fff; border-right: none; }
				ul#products li a span { background: transparent url(../images/bg_sipky.jpg) 0px -32px no-repeat;  }
				ul#products li a:hover span { background: transparent url(../images/bg_sipky.jpg) 0px -16px no-repeat;  }
				ul#products li.active a span { background: transparent url(../images/bg_sipky.jpg) 0px 0px no-repeat;  }
		
		#content_has_sidebar + div ul li a { text-decoration: none; border: 3px solid #999;}
		#content_has_sidebar + div ul li a:hover { border: 3px solid #76b917;}
		
		#content_has_bigpicture + div > a { text-decoration: none; border: 6px solid #999;}
		#content_has_bigpicture + div > a:hover { border: 6px solid #76b917; }
		
		#content_has_list + div + div > ul li a { text-decoration: none; border: 3px solid #999; }
		#content_has_list + div + div > ul li a:hover { border: 3px solid #76b917; }
		
		table td { vertical-align: middle;}
		/*.obyvacky-table { width: 940px !important; }*/
		.obyvacky-table h3 { margin: 20px 0 0;}
		.obyvacky-table td { vertical-align: top;}
		.obyvacky-foto { border: 1px solid #ddd; border-right-width: 0; padding: 20px 0px 19px; text-align:center; width: 500px; }
		.obyvacky-text { border: 1px solid #ddd; padding: 20px 0 19px 50px; width: 420px !important;}
			.obyvacky-text>span { display: block; width: 420px !important; }
		
		.stolicky-foto	{ margin: 40px 0;}
		.stolicky-foto a { display: inline-block; margin: 0 20px 20px 0; text-decoration: none;}
		.stolicky-foto a span { font-size: 14px;}
		
		.slider { background: #f3f3f3; border: 1px solid #eee; margin-bottom: 20px; overflow: hidden; padding: 9px; position: relative; width: 600px; }
			.slider div { height: 120px; overflow: hidden; position: relative; width: 600px; z-index:1; }
			.slider .l, .slider .r { cursor:pointer; font-size: 21px; font-weight: bold; height: 138px; line-height: 140px; position: absolute; text-align: center; top: 0; width: 20px; z-index:2; background-color: #eee; }
			.slider .l:hover, .slider .r:hover { background-color: #999; color: #fff; }
				.slider .l { left: 0; }
				.slider .r { right:0; }
				.slider .disabled { background: #f3f3f3 !important; color: #aaa !important;}
				.slider a { display: block; float: left; margin-right: 5px; }
				.slider a img { display: block; }
	
		#aktuality { background: #f3f3f3 url(../images/aktuality_bg.jpg) right bottom no-repeat; border: 1px solid #ddd; padding: 0 10px 10px; margin-bottom: 10px; }
				
		#footer { background-color: #d6d6d6; }

		a.button { background: #ddd url(../images/bg_button.jpg); color: black; padding: 6px; text-decoration: none; }
		a.more { display: block; width: 65px; margin : 20px 0;}
		span.ciara { background: #ddd; display:block; height: 1px; line-height: 1px; margin: 29px 0 10px;}