* { margin:0; padding:0; font-size:100%; }
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:#000 url(bg.jpg) 50% 0 no-repeat; font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#F0F0F0; text-align:center; font-size:100%; }

a { color:#00b04c; outline:none; text-decoration:underline; font-weight:bold; }
a:hover { color:#00b04c; text-decoration:none; }

h2 { color:#00b04c; font-size:1.9em; padding:15px 0 8px 0; margin:0; line-height:1.3em; font-weight:normal; }
h3 { color:#00b04c; font-size:1.4em; padding:10px 0 0 0; margin:0; text-transform:none; }
h4 { color:#00b04c; font-size:1em; padding:10px 0 1px 0; margin:0; text-transform:none; border-bottom:1px solid #ccc; }

p { padding:0; margin:8px 0 16px!important; }

table { margin:12px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:left; font-weight:bold; }
th, td { padding:2px 5px; vertical-align:top; }
.suplierForm th { width:150px; vertical-align: top!important;}
.suplierForm small { display:block; font-size: small; font-style:italic; }
.required {color:#AC1F37;}


table.nobr, table.nobr td { border:none !important; }

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 15px; font-size:1em; }
ul li { list-style:none; background:url(li.gif) 0 8px no-repeat; padding-left:12px; font-size:1em; }

ol { list-style:decimal; padding:0; margin:5px 0 8px 35px; font-size:1em; }
ol li { list-style:decimal; padding:0; margin:0; font-size:1em; }

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

/* GLOBAL
------------------------------*/
.nobg {background:none!important;}
.nobr {border:none!important; }
.wa { width:auto !important; }
.nounderline {text-decoration:none!important;}
.nounderline:hover {text-decoration: underline!important;}

.f-left {float:left !important;} 
.f-right {float:right !important;}
.red {color:red;}
.redBold {color:red!important; font-weight:bold!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; }
.clearGallery {clear:both; float: none; width:100%; height:1px; font-size:1px; }
.coments { border: 1px solid silver; padding:3px; font-size:90%; font-style:italic; }


.noscreen, hr { display:none; }

.vlevo { float:left; margin:6px 15px 15px 0; padding:5px; background-color:#160f0d; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 15px 15px; padding:5px; background-color:#160f0d; z-index:1; clear:left; }

/* LAYOUT
------------------------------*/
#header { width:981px; margin:0 auto; height:55px; background:url(top.png) no-repeat; display:block; }
#all { width:913px; margin:0 auto; padding:0 34px; text-align:left; position:relative; font-size:0.75em; line-height:1.75em; background:url(all.png) repeat-y; }

	#top { width:913px; height:194px; }
	#top.rybnik { background:url(brezi.jpg) no-repeat; }
	
	#container { width:873px; padding:0 20px 20px 20px; }
	
/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:310px; height:160px; left:34px; top:0; text-align:center; font-size:1em; overflow:hidden; }
	h1 a { text-decoration:none; overflow:hidden; width:310px; height:160px; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 span { width:310px; height:160px; display:block; position:absolute; left:0; top:0; z-index:100; cursor:pointer; background:url(logo.png) 0 0 no-repeat; }
	.rybnik h1 span { background:none; }
	h1 a:active, h1 a:hover { text-decoration:underline; }
	
/* MENU
------------------------------*/
#menu { width:913px; left:34px; top:160px; display:block; background:#160f0d; position:absolute; }
	
#menu ul { margin:0; padding:0; border:0; list-style:none; float: left;}
#menu li { margin:0; padding:0; border:0; list-style:none; float:left; border-right:1px solid #302522; background:none; position:relative; }
#menu ul li a { display:block; line-height:34px; padding:0 12px; color:#dfc7b0; text-decoration:none; font-weight:bold; font-size:1.1em; }
#menu ul li.eshop a { color:#fff; text-transform:uppercase; font-size:large; }
#menu a:hover, #menu li a.active { background:#00b04c; color:#fff; text-decoration:none; }

#menu ul ul { visibility:hidden; }
#menu ul li:hover ul { visibility:visible; }

#menu ul ul { width:160px; height:auto !important; position:absolute; top:34px; left:0; z-index:1000; background:#160f0d; border:1px solid #00b04c; }
#menu ul ul li { width:100%; height:auto !important; float:none; border:0; background:none !important; }
#menu ul ul li a { border:0; padding:5px 10px; color:#fff; line-height:1.2em; float:none; display:block; float:none; width:140px; font-size:1.1em!important; text-transform:none!important; }

#menu ul li:hover ul ul { visibility:hidden; }
#menu ul ul ul { visibility:hidden; }
#menu ul ul li:hover ul { visibility:visible; }

#menu ul ul ul { width:160px; height:auto !important; position:absolute; top:-1px; left:160px; background:#160f0d; border:1px solid #00b04c; }

	
/* MENU košík
------------------------------*/
	#menu ul.vypisKos { float: right; vertical-align: middle; margin-right: 25px; margin-top: 1px;}
	#menu ul.vypisKos li { margin:0; padding:0; border:0; float:none;}
	#menu ul.vypisKos li img { top: 3px!important;position: relative;}
	#menu ul.vypisKos li a { float:left; }
	#menu ul.vypisKos li a.nohover:hover { background:#160F0D url(kos.gif) 50% 50% no-repeat;; }
	#menu ul.vypisKos li a .active { background:#00b04c; }
	.txtKos { color: #fff; top: 5px!important; position: relative;}
	.ksKos, .cenaKos { font-size: 16px; font-weight: bold; }
	.cenaKos { color: #00b04c;}
	.cenaSelect { margin: 0 6px 0 3px;}
	.doKosiku option {color: #000; background-color: #00B04C; left:20px; border:0px!important;} 
	.doKosiku select{color: #000; background-color: #00B04C; left:20px; border:0px!important; padding:1px;}
	.ikonaKos {background: url(kos.gif) 50% 50% no-repeat; width:50px; height:28px;} 
	a.ikonaKos:hover {background: url(kos.gif) 50% 50% no-repeat; width:50px; height:28px;} 
	.ikonaHome {background: url(home.gif) 50% 50% no-repeat; width:30px; height:28px;} 
	a.ikonaHome:hover {background: transparent url(home-over.gif) 50% 50% no-repeat!important; width:30px; height:28px;}  
/* ADRESA + SEARCH
------------------------------*/
#adresa { margin:0; padding:0; text-align:right; position:absolute; right:54px; top:15px; color:#dfc7b0; font-size:0.9em; }

#search { margin:0; padding:0; border:0; position:absolute; right:54px; top:117px; width:228px; height:28px; overflow:hidden; }
	#search input { background:#160f0d; height:20px; float:left; width:185px; border:0; padding:6px 5px 2px 5px; color:#aa8d73; }
	#search input.submit { background:url(search.gif) 0 0 no-repeat; height:28px; padding:0; float:right; width:33px; border:0; }
	#search input.submit:hover { background:url(search.gif) 0 100% no-repeat; }
	
/* HP
------------------------------*/
#hp { background:url(dvasloupce.gif) repeat-y; width:873px; position:relative; }
	#hp1 { width:563px; padding:10px 20px 20px 20px; float:left; }
		#hp1 h3 { padding:5px 0 10px 0; }
	#hp2 { width:210px; padding:10px 20px 20px 20px; float:right; }
		#hp2 h3 { padding:5px 0 10px 0; border-bottom:1px solid #2e2726; }
		#hp2 a { color:#00b04c; font-weight:bold; text-decoration:none; padding:5px 0 5px 0; display:block; font-size:1.1em; }
		#hp2 a:hover { color:#00b04c; text-decoration:underline; }
		
.box { background:#160f0d; padding:7px 20px 20px 20px; }
.mt20 { margin-top:20px; }

input.vice, .vice { float:right; padding:2px 30px 2px 8px; background:#00b04c url(arrow.gif) 93% 45% no-repeat; color:#160f0d; text-decoration:none; }
input.vice:hover, .vice:hover { background:#fff url(arrow.gif) 93% 45% no-repeat; color:#160f0d; text-decoration:none; }
input.vice { float:right!important; padding:2px 30px 2px 8px; outline:none!important; border:none!important; background:#00b04c url(arrow.gif) 93% 45% no-repeat; color:#160f0d; text-decoration:none; }

.banner { display:block; margin-top:20px; }

.odkazy { padding:7px 10px 14px 20px;text-align: center!important;  }
.odkazy #logaP {text-align: center!important; width: 560px;}
.odkazy #logaP a { float:left; margin:10px 20px 0 0; display:inline; }
.viceSize { font-size:0.8em!important;  }

/* RYBNIK
------------------------------*/
.zfotogalerie { padding:10px 0 20px 20px; }
.fotogalerie_prehled { padding:10px 0 20px 20px; }
.fotogalerie_prehled h5 {margin: 0; padding: 0 0 0 5px;}
.fotogalerie_prehled .vlevo {margin-top: 0; padding-top: 0px;}
.zfotogalerie img { float:left; margin:10px 21px 0 0; }
.dodavatele {  margin:2px; height: 120px; width: 120px; vertical-align: middle; text-align: center; }

/* ITEM
------------------------------*/
.item { padding:20px 20px 20px 170px; background:#160f0d; margin-bottom:5px; }
	.cena { color:#00b04c; font-weight:bold; font-size:1.2em; padding-right:20px; float:right; margin:0; }
	.itemimg { margin:0 0 0 -150px; position:relative; float:left; }
	.item h3 { padding-top:0; }
	.item h3 a { text-decoration:none; }
	.item h3 a:hover { text-decoration: underline; }

/* VIDEO
------------------------------*/
.video { padding:20px 20px 20px 20px; background:#000; margin-bottom:5px; }
/* STRANKOVANI
------------------------------*/
.strankovani { margin:20px 0 0 0 !important; clear:both; margin:0; }
	.strankovani a { background-color:#fff; color:#160f0d; padding:3px 7px; text-decoration:none; font-size:0.9em; }
	.strankovani a.active { background-color:#00b04c; color:#fff; text-decoration:none; }
	.strankovani a.active:hover { background-color:#00b04c; color:#fff; text-decoration:none; }
	.strankovani a:hover { background-color:#00b04c; color:#fff; }
	.strankovani a { margin:0 1px 0 0; }

/* paginator
------------------------------*/
p.list { font-size:0.8em; float:  right; }
p.list a { border:1px solid #000; padding:2px 6px; background-color:#000; text-decoration:none; color:#ddd; }
p.list a:hover,
p.list a.selected {  border:1px solid #00B04C; background-color:#00B04C; text-decoration:none; color:#fff; }

	
/* FOOTER
------------------------------*/
#footer { width:873px; padding:7px 54px 30px 54px; margin:0 auto; background:url(footer.png) no-repeat; font-size:0.7em; text-align:left; line-height:1.75em; }
	#footer p { padding:0; margin:0; }
	#footer p a { color:#444f55; text-decoration:underline; font-weight:bold; }
	#footer p a:hover { color:#444f55; text-decoration:none; }
	
/* DROBKY
------------------------------*/	
#drobky { padding:5px 0 0 0; }
	#drobky p { margin:0; padding:10px 0 0 0; font-size:0.8em; }
	#drobky a { color:#0095da; text-decoration:underline; font-weight:bold; }
	#drobky a:hover { color:#0095da; text-decoration:none; }

/* CLEARFIX
------------------------------*/
.clearfix { display:inline-block; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
.imgHide {display: none;}
table.tableKos { margin:12px 0; border-collapse:collapse; border:2px solid #00b04c!important; font-size:100%; }
table.tableKos tbody tr, td.tdTableKos  { border-collapse:collapse; border:1px solid #00b04c!important;}
#rekapitulaceDPH { float: right; vertical-align: top; margin-left: 15px; margin-top: 1px;}