@charset "utf-8";

/* Eric Meyer's Reset CSS | v1.0 | 20080212 | MX-edited *********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.2;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
td { vertical-align:top;}
input { margin:1px 0 1px 0;}
html* input { margin:0;} /*only for IE*/
/* End of Reset CSS **********************************************************/

html { height:100%;}
body { background:#e9e9e9; height:100%; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF;}
p { margin-bottom:0.8em; text-align:justify;}
a { color:#CCC;}
a:hover { color:#a0c8d5;}


#container { width:750px; background: url(img/bgr_container.jpg) repeat-x #555555; margin-left:auto; margin-right:auto; min-height:100%; position:relative;}
*html #container { height:100%;} /* IE6 only hack*/
#top { width:690px; height:100px; overflow:hidden; margin-left:auto; margin-right:auto;}
	#topLogo { width:170px; height:100px; float:left; margin-right:30px;}
		#topLogo h1 { display:none;}
	#topMenu { width:490px; height:100px; float:left; background:url(img/bgr_topMenu.jpg) no-repeat;}
		#topMenu h2 { display:none;}
		#topMenu ul { margin-top:64px;}
		#topMenu li { display:block; width:80px; height:37px; float:left; text-align:center;}
		#topMenu a { display:block; width:80px; height:37px; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF; line-height:34px;}
		#topMenu a:hover { text-decoration:underline;}

#left { width:200px; float:left;}
	#leftMenu { width:200px; height:200px; background-color:#080808;}
		#leftMenu ul { background-color:#404040; width:170px; margin-left:30px; padding:20px 0 20px 0;}
		#leftMenu li { height:20px; border-top:1px solid #555555; border-bottom:1px solid #555555; margin-top:-1px; }
		#leftMenu a { display:block; height:20px; line-height:20px; font-size:11px; text-decoration:none; color:#FFF; padding-left:10px; background:url(img/bgr_leftMenu.gif) no-repeat right;}
		#leftMenu a:hover { text-decoration:underline;}
	#leftEx { width:150px; margin-left:30px; background:url(img/bgr_leftEx.jpg) no-repeat; font-size:10px; padding:10px; }
	.leftAkcia { width:170px; margin-left:30px; margin-top:20px;}
#main { width:550px; float:left;}
	#mainContent { background: url(img/bgr_main.jpg) repeat-x #555555; padding:20px 30px 20px 30px}
	#mainContent h1 { font-size:17px; font-weight:normal; margin-bottom:1em;}
	#mainContent h2 { font-size:13px; font-weight:bold; margin-bottom:0.5em; color:#a0c8d5; }
		#mainContent h2 a { color:#a0c8d5;}
		#mainContent h2 a:hover { color:#CCC;}
	#mainContent li { list-style:disc; margin-left:18px;}
	
	
	
.horizont { height:3px; background:#e9e9e9; overflow:hidden;}
.line { background:url(img/bgr_line.gif) repeat-x center; margin:0; clear:both;}
.branch { float:left; margin-right:10px; margin-bottom:10px;}
.cleaner { float:none; clear:both; height:1px;}
.akcia { font-weight:bold; color:#F63;}
p.sklad { clear:both; text-align:left;}
p.sklad img{ float:left; margin-right:10px; margin-bottom:10px; }

p.skladb { clear:both; text-align:left;}
p.skladb img{ float:right; margin-left:10px; margin-bottom:10px;}

div.print_navig { float:right; }
div#bnrHit { position:absolute; top:91px; left:65px; width:620px; height:250px; overflow:hidden; visibility:hidden; }
div#bnrOlej { position:absolute; top:91px; left:65px; width:620px; height:460px; overflow:hidden; visibility:hidden; }
div#bnrOlejN { position:absolute; top:91px; left:65px; width:620px; height:460px; overflow:hidden; visibility:hidden; }
div#bnrOver { position:absolute; top:160px; left:30px; width:690px; height:440px; overflow:hidden; }