* { margin:0; padding:0; font-size:13px; outline:none; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }

body { background:#c9ae9a url(bg-page.jpg) 50% 190px repeat-y; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:center; font-size:13px; }

a { color:#D66637; outline:none; text-decoration:underline; }
a:hover { color:#D66637; text-decoration:none; }

h2 { color:#362f2d; font-size:1.9em; padding:15px 0 5px 0; margin:0; text-transform:none; line-height:1.4em; }
h3 { color:#362f2d; font-size:1.6em; padding:19px 0 5px 0; margin:0; text-transform:none; line-height:1.4em; }
h3 a { color:#362f2d; font-size:1em; padding:19px 0 5px 0; margin:0; text-transform:none; text-decoration: none!important;line-height: 1.4em; }
h3 a:hover { color:#362f2d; font-size:1em; padding:19px 0 5px 0; margin:0; text-transform:none; text-decoration: underline!important; line-height:1.4em; }
h4 { color:#362f2d; font-size:1.4em; padding:10px 0 5px 0; margin:0; text-transform:none; line-height:1.4em; }

p { padding:0; margin:8px 0;}

table { margin:12px 0; border-collapse:collapse; border-spacing:0; font-size:100%; border:1px solid #f8dfc4; }
th { text-align:left; font-weight:bold; }
th, td { padding:2px 5px; border:1px solid #f8dfc4; }

input, select, textarea { padding:2px; outline:none; font-family: Arial, Helvetica, sans-serif; font-size:1em; }

ul { list-style:none; padding:0; margin:5px 0 8px 13px; font-size:1em; }
ul li { list-style:none; background:url(li.gif) 1px 8px no-repeat; padding-left:17px; font-size:1em; }

ol { padding:0; margin:5px 0 8px 30px; font-size:1em; }
ol li { font-size:1em; }

/* GLOBAL
------------------------------*/
.nobg {background:none!important;}
.nobr {border:0 !important; }
.wa { width:auto !important; }

.f-left {float:left !important;} 
.f-right {float:right !important;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td, .center {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.pr { position:relative; }

.clear {clear:both; width:100%; height:1px; font-size:1px; }

.noscreen, hr { display:none; }

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:left; }

.boximg {padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right;}
.box { width:162px; margin:6px 10px 10px 0; padding:0 0px; text-align:center; float:left; font-size:0.9em; }


/* LAYOUT
------------------------------*/
#all { width:100%; position:relative; font-size:0.75em; line-height:1.75em; background:url(bg-top.jpg) 50% 0px no-repeat; }
	#container { width:844px; margin:0 auto; text-align:left; position:relative; }
		#content { float:right; width:630px; padding:0 00px 0 0; margin-top:0px; }
	#top { width:100%; background:url(top.png) 50% 0 no-repeat; height:360px; }
		#top-inner { width:844px; margin:0 auto; position:relative; }
		#top-banner { width:844px; margin:0 auto; position: absolute; top:180px; left:0px; }

	#avizo { width:820px; height:10px; position: relative; top: 340px; background-color: transparent; margin: 0 auto; color:#725836;}
	#avizo a {color:#725836!important;}

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:130px; height:125px; left:15px; top:34px; text-align:center; font-size:1em; overflow:hidden; text-indent:-9999px; overflow:hidden; background:url(logo.jpg) no-repeat; }
	h1 a { text-decoration:none; overflow:hidden; width:130px; height:125px; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 span { width:130px; height:125px; display:block; position:absolute; left:0; top:0; z-index:100; cursor:pointer; }
	h1 a:active, h1 a:hover { text-decoration:underline; }

/* TOPMENU
------------------------------*/
#topMenu { position: absolute; top:30px; left:145px; width:730px; height:125px; list-style:none; margin:0; padding:0;  }
	#topMenu li { float:left; display: block; margin:0 0 0 15px; padding:0; list-style:none; }
	#topMenu a { width:125px; height:125px; display:block; float:left; text-align:center; text-decoration:none; font-weight:bold; font-size:1.2em; line-height:1.2em; }
	#topMenu a span { display: none; }
	#topMenu a.figuralni { background: url(figuralni.jpg)!important;}
	#topMenu a:hover.figuralni { background:url(figuralni.jpg) 0px -126px no-repeat!important;}
	#topMenu a.uzitna { background: url(uzitna.jpg)!important;}
	#topMenu a:hover.uzitna { background:url(uzitna.jpg) 0px -126px no-repeat!important;}
	#topMenu a.plastiky { background: url(plastiky.jpg)!important;}
	#topMenu a:hover.plastiky { background:url(plastiky.jpg) 0px -126px no-repeat!important;}
	#topMenu a.nastenna { background: url(nastenna.jpg)!important;}
	#topMenu a:hover.nastenna { background:url(nastenna.jpg) 0px -126px no-repeat!important;}
	#topMenu a.obrazy { background: url(obrazy.jpg)!important;}
	#topMenu a:hover.obrazy { background:url(obrazy.jpg) 0px -126px no-repeat!important;}
	
	
/* MENU
------------------------------*/
#menu { position:relative; top:20px; left:0px; width:180px; list-style:none; margin:0; padding:0; }
	#menu li { display:block;height:36px!important;width:170px;  margin:0; padding:0; list-style:none; 
			   background:url(underline.gif) left bottom no-repeat!important; }
	#menu a {  width:170px; display:block; height:22px!important;padding:8px 0 0 20px!important; background:url(li.gif) left 10px no-repeat!important; 
			   text-align:left; text-decoration:none; font-weight:bold; font-size:18px; color:#725836!important; }
	#menu a:hover { text-decoration:underline; background:url(li-on.gif) left 10px no-repeat!important; color:#D66637!important; }
	
/* FORMULÁŘE
------------------------------*/
input, select { outline:none; background: #fcfcfc!important; border: 1px solid #f8dfc4; padding:2px 0 2px 2px; margin:1px 0; color:#AC1F37; height:18px; }
.mceSelectList { outline: inset 1px #999; background: #fff!important; border: none; padding:0px; margin: 0 3px; color:#000; height:16px!important; }
.savePage { height:26px!important; }
.formular select {height:20px; width:255px;}
textarea { outline:none; background: #D3D9D2!important; border: none; padding:6px 0 2px 2px; color:#AC1F37; min-height:20px; }
.formular th{width:160px!important;}
fieldset { border:1px solid #f8dfc4; width: 450px;}
fieldset legend { margin-left:0px; text-transform:uppercase;}
.formular td label{top:-6px!important; position:relative;}
th label{text-transform:none; vertical-align: top!important;}
td small {display: block !important;}
.suplierForm th { width:160px; vertical-align: top!important;}
.suplierForm .small { display:block; font-size: small; font-style:italic; }
.required {color:#D66637;}
.button { outline:none;background: #725836!important; border: none; padding:4px; color:#fff; height:26px; font-weight:bold; } 
.formular table,.formular tr,.formular td,.formular th { border: none;}

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:190px; padding-left:11px; overflow:hidden; }

/* FOOTER
------------------------------*/
	#footercontainer { background:url(footer.png) 50% 0 no-repeat; height:35px; }
		#footer { width:844px; margin:0 auto; padding:10px 11px 0 11px; text-align:left; color:#725836; font-size:0.9em; }
		
		#footer a { color:#725836; text-decoration:underline; } 
		#footer a:hover { color:#000; text-decoration:none; } 
/* CLEARFIX
------------------------------*/
.clearfix { display:inline-block; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.imgHide {display: none!important;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
.kliknuti { font-size:10px;}