/* obecne styly */
body {color: #000; background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: .9em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}

img {border: 0;}

table {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}

/* layout */
.obsah {margin: 0 auto; width: 980px;}
.hlavicka, .obsah {text-align: left;}
.hlavicka, .paticka {margin: 0 auto; position: relative; right: 10px; width: 960px;}
.hlavicka {position: relative; border-bottom: 4px solid #7DA52D; height: 125px;}
.paticka {background: #deb; border-top: 3px solid #b7db70; padding: 1em 0;}
.levy-panel, .pravy-panel {position: relative; top: 20px;}
.levy-panel {float: left; width: 225px; margin-right: 20px; right: 735px;}
.pravy-panel {float: left; width: 735px; left: 245px;}

.b12, .b23, .b13, .b14, .b24, .b34, .b34-2, .b15, .b25, .b35, .b45 {float: left; margin: 0 20px 20px 0;}
.b23 {width: 632px;}
.b13 {width: 306px;}

.b14 {width: 225px;}
.b24, .b12 {width: 470px;}
.b34 {width: 715px;}
.b34-2 {width: 347px;}

.b15 {width: 176px;}
.b25 {width: 372px;}
.b35 {width: 568px;}
.b45 {width: 764px;}

/* hlavicka */
.hlavicka .logo {background: url(../gfx/logo.png) no-repeat; display: block; width: 240px; height: 73px; position: absolute; top: 25px; left: 0; z-index: 3;}
.hlavicka .login {position: absolute; font-size: .8em; text-align: center; top: 25px; left: 0; width: 980px; z-index: 1;}
.hlavicka .login * {color: #000;}
.hlavicka #vyhledavani {background: #f5f5f5; position: absolute; top: 67px; left: 350px; z-index: 2; padding: .5em;}
	.hlavicka #vyhledavani p {margin: 0;}
		.hlavicka #vyhledavani p input {vertical-align: middle;}
			.hlavicka #vyhledavani p #hledany-vyraz {margin-right: .5em; padding: .3em; width: 253px;}

.kosik-hlavicka {background: #ebebeb; text-align: center; position: absolute; top: 15px; right: 0; padding: .5em 1em; z-index: 3;}
	.kosik-hlavicka p {margin: 0;}
	.kosik-hlavicka h3, .hlavicka .kosik-hlavicka a {color: #9396CA;}
	.kosik-hlavicka h3 {font-size: 1.1em;}
	.kosik-hlavicka a {text-decoration: none;}
	.kosik-hlavicka input {margin: .4em 0 0 0;}
	
/* levy panel */
.levy-panel .box {padding: 1em 1em .1em 1em; margin: 0 0 1em 0;}
	.levy-panel .box h3 {color: #9396CA; font-size: 1.1em;}

.prvni-kroky h3 {margin: 0 0 .5em .5em;}
.prvni-kroky li {background: url(../gfx/odrazka/zelena-tucna-b-sede.png) 0px 8px no-repeat; padding-left: .6em; position: relative; font-weight: bold;}
.prvni-kroky a {color: #7DA52D; text-decoration: none;}

.menu h3 {margin: 0 0 .2em .5em;}
	.menu h3 a {color: #9396CA; text-decoration: none;}
	
.menu h4 {background: url(../gfx/odrazka/cerna-tucna-b-sede.png) 0px 7px no-repeat; font-size: 1.1em; padding-left: .6em; position: relative; margin-bottom: .2em; font-weight: normal;}
	.menu h4 a {color: #000; text-decoration: none;}
	
.menu ul ul ul {/*display: none;*/}
	.menu ul ul ul li {background: url(../gfx/odrazka/zelena-ctverec.gif) 0px 6px no-repeat; margin-left: .8em; padding-left: .9em; position: relative;}
		.menu ul ul ul li a {color: #333;}
		
h3.menu {font-weight: bold; background-position: 0px 6px;}
.menu ul.aktivni li, .menu ul.vyrobci li {background: url(../gfx/odrazka/zelena-tucna-b-sede.png) 0px 8px no-repeat; margin-left: .8em; padding-left: .6em; position: relative;}
	.menu ul.aktivni li a, .menu ul.vyrobci li a {color: #4fab22;}
	.menu ul.aktivni ul {margin: .3em 0;}
		.menu ul.aktivni ul li {background: url(../gfx/odrazka/zelena-ctverec.gif) 0px 7px no-repeat; margin-left: .3em; padding-left: .8em; position: relative;}
			.menu ul.aktivni ul li a {color: #333;}
			
.menu li.zde {font-weight: bold;}
	.menu li.zde li {font-weight: normal;}
		
/* pravy panel */
h1.nazev {color: #9396CA; font-size: 1.5em; margin: 0; padding-top: 1em;}
p.drobky {color: #666; font-size: .9em; margin: 0; position: relative; bottom: 3.8em;}
	p.drobky a, p.drobky span {color: #666;}
	
.pravy-panel ul li {background: url(../gfx/odrazka/zelena-ctverec.gif) 0px 8px no-repeat; padding-left: .9em; position: relative;}
		
/* katalog */
.polozka {border-top: 1px solid #fff; border-bottom: 2px solid #F5F5F5; text-align: center; padding: 0 0 .7em 0;}
.polozka:hover {border-color: #ebebeb; background: #F5F5F5;}
	.polozka h2 {font-size: 1em;}
		.polozka h2 a {color: #7DA52D; text-decoration: none; display: block; padding: .5em 10px; height: 2.6em;}
		.polozka:hover h2 a, .polozka h2 a:hover {color: #9396CA;}
	.polozka .popis {height: 2.7em; margin: 0 10px .5em 10px; overflow: hidden;}
	.polozka .cena {font-size: 1.5em; margin: 0 0 .2em 0;}
		.polozka .cena a {color: #9396CA; text-decoration: none;}
		
.filtr {padding: 1em 0;}
	.filtr p {margin: 0 20px;}
	.filtr p * {vertical-align: middle;}
	.filtr select {margin-right: 20px;}
	
.strankovani {margin: 0 20px 0 0; text-align: right;}
	.strankovani * {color: #666;}
	
/* detail */
.detail h2 {color: #9396CA; font-size: 1.1em;}
.detail h2.podnadpis {text-align: center; font-size: 1.4em; margin: 0 0 20px 0;}
.detail .zvetsit {text-align: center;}
	.detail .zvetsit a {color: #666; background: url(../gfx/ostatni/lupa.gif) 0% 60% no-repeat; padding-left: 1em;}
	.detail .zvetsit a:hover {color: #000;}

.detail .popis {margin: 0 0 1em 0;}
.detail .vyrobce a {color: #999;}
	
.detail .cena {color: #9396CA; font-size: 1.5em; margin: .1em 0 .2em 0;}
.detail .dostupnost {font-size: .8em; margin: 0 0 .5em 0;}

.detail .elektronicke {float: left; width: 225px; margin-right: 20px;}
	.detail .elektronicke * {vertical-align: middle;}
	.detail .elektronicke #obj-ks {width: 2em;}
	
.detail .telefonicke {float: right; text-align: center; width: 225px; background: #f5f5f5; padding: 1em 0;}
	.detail .telefonicke h4 {color: #7DA52D; font-size: 1.5em; font-weight: normal;}
	.detail .telefonicke p {font-size: .8em; margin: 0;}
	
/* vyrobci */
.vyrobci ul.seznam-znacek {width: 725px; clear: both; position: relative; bottom: 2em;}
	.vyrobci ul.seznam-znacek li {padding: 0; background: none; float: left; width: 160px; margin-right: 20px;}
		.vyrobci ul.seznam-znacek li a {color: #7DA52D;}
	.vyrobci ul.seznam-znacek li.titulek {color: #9396CA; font-size: 2em; float: none; width: 725px; display: block; clear: both; border-bottom: 1px solid #f5f5f5; padding-top: 1em;}
	
/* text */
.text h2 {color: #9396CA; font-size: 1.1em; margin-bottom: .3em;}
.text h3 {color: #7DA52D; font-size: .9em; margin-bottom: .1em;}
.text a {color: #7DA52D;}
.text p {margin-right: 20px;}
.text table.kontakt {font-size: .9em;}

/* zakaznicke centrum */
.centrum h1 {color: #7DA52D; font-size: 1.5em; margin-bottom: .5em;}
.centrum h2 {color: #9396CA; font-size: 1.1em; margin-bottom: .3em;}
.centrum a {color: #7DA52D;}
.centrum p {margin-right: 20px;}

.centrum .formular, .sendform {padding: 1.5em 0 1em 0;}
.centrum table, .sendform table {font-size: .9em; margin: 0 0 0 .5em;}
	.centrum table th, .centrum table td, .sendform table th, .sendform table td {padding: 0 0 .5em 1em;}
	
.centrum .objednavky {background: #ccc; margin: 0 20px 1em 0;} 
	.centrum .objednavky th, .centrum .objednavky td {background: #fff; padding: .5em;}
	.centrum .objednavky th {color: #666; background: #f5f5f5;}
	
.centrum .adresa th, .centrum .adresa td {padding: 0 1em .5em 0;}

.prijata, .odeslana, .storno {color: #fff; text-transform: uppercase; text-align: center; padding: .3em .5em; display: block; width: 100px;}
.prijata {background: #9396CA;}
.odeslana {background: #390;}
.storno {background: #c00;}
	
.centrum .siroke {width: 715px; margin: 0 20px 2em 0;}

/* formular - sendform */
.sendform h2 {margin: 0 0 1em 20px;}
.sendform input {width: 300px; padding: .3em;}
.sendform textarea {width: 300px; padding: .3em;}
.sendform input.button {width: auto;}
.sendform th {font-weight: normal;}
.sendform th.zarovnat-nahoru {padding-top: .35em;}

/* panel layout (bez sloupcu) */
.panel {margin: 0 auto; width: 780px;}
	.panel .hlavicka, .panel .obsah {margin: 0 0 1em 0; width: 780px;}
	.panel .hlavicka {position: relative; top: 0; left: 0;}
	.panel .hlavicka h1 {color: #7DA52D; font-size: 2em; margin-bottom: .5em; text-align: right; padding: 2em 0 0 0;}
	.panel .logo {background-image: url(../gfx/logo.png);}

/* kosik */
.kosik {padding-bottom: 2em;}
	.kosik table {margin-bottom: 1em; border: solid #ccc; border-width: 1px 1px 0 0; width: 780px;}
		.kosik th, .kosik td {border: solid #ccc; border-width: 0 0 1px 1px; padding: .5em;}
		.kosik th {color: #9396CA; background: #f5f5f5;}
		.kosik .suma, .kosik .prepocet {border: 0;}
		.kosik td.prepocet {padding-left: 0; padding-right: 0;}
		.kosik .zbozi {border-left: 0; width: 400px;}
		.kosik .celkem {color: #c00; font-size: 1.5em;}
		.kosik a {color: #7DA52D; font-size: 1.1em; font-weight: bold; text-decoration: none;}
		.kosik a.rem {color: #666; font-size: .8em; font-weight: normal; text-decoration: underline;}
		.kosik a.rem:hover {color: #c00;}
		.kosik .mnozstvi {width: 2em;}
		.kosik .popis {width: 70%;}
		.kosik .cena-kus, .kosik .pocet, .kosik .soucet {width: 10%;}
	
/* objednavka */
.objednavka h2 {color: #7DA52D; font-size: 1.1em; margin-bottom: .3em;}
.objednavka h3 {color: #9396CA; font-size: .9em; margin-bottom: .3em;}
.objednavka table {font-size: .9em; line-height: 1.4em;}
.objednavka .data td {padding: 0 .8em .5em 0;}
.objednavka td.chyba {width: 16px; height: 16px; padding: 0 0 .2em 0;}
.objednavka td.chyba img {width: 16px; height: 16px;}

.data input {width: 163px;}
.data input.button {width: auto;}
#obj-poznamka {width: 340px;}

table.nakup {width: 340px;}
.napoveda {color: #7DA52D; font-size: .8em; font-weight: bold; text-decoration: none; position: relative; bottom: .5em; right: .2em;}
.zarovnat-nahoru {vertical-align: top;}
.zarovnat-dolu {vertical-align: bottom;}
.linka-dole td {border-bottom: 1px solid #ccc;}

.split {width: 380px;}
.wrap {border: 1px solid #ccc; background: #f5f5f5; padding: 1em; margin-bottom: 1em;}

/* uvodni strana */
.hp-upoutavka {text-align: center; padding: 1.2em 0;}
	.hp-upoutavka p {font-size: 1.5em; line-height: 1.2em; margin: 0;}
	.hp-upoutavka strong {color: #7DA52D;}

.hp-dlazdice {margin-bottom: 2em;}
	.hp-dlazdice img {margin-bottom: -3px;}
	.hp-dlazdice h2 {background: #7DA52D; font-size: 1em; text-align: center;}
		.hp-dlazdice h2 a {color: #fff; text-decoration: none; display: block; padding: .3em;}
		.hp-dlazdice h2 a:hover {background: #9396CA;}
	
h2.hp-nadpis {color: #9396CA; text-align: center; font-size: 1.4em; margin: 0 0 20px 0;}

.znacky {background: url(../gfx/linka/seda.gif) bottom left repeat-x; width: 714px; height: 227px; margin-bottom: 1em; overflow: hidden; position: relative;}
	.znacky a {background: url(../gfx/vyrobci.png) no-repeat; display: block; height: 113px; width: 238px; overflow: hidden; position: absolute;}
	.znacky a span {display: none;}
	.znacky a.v1 {left: 0; background-position: 0px 0px; top: 0;}
	.znacky a.v2 {left: 238px; background-position: -238px 0px; top: 0;}
	.znacky a.v3 {left: 476px; background-position: -476px 0px; top: 0;}
	.znacky a.v4 {left: 0; background-position: 0px -113px; top: 113px;}
	.znacky a.v5 {left: 238px; background-position: -238px -113px; top: 113px;}
	.znacky a.v6 {left: 476px; background-position: -476px -113px; top: 113px;}
	.znacky a.v1:hover {background-position: 0px -226px;}
	.znacky a.v2:hover {background-position: -238px -226px;}
	.znacky a.v3:hover {background-position: -476px -226px;}
	.znacky a.v4:hover {background-position: 0px -338px;}
	.znacky a.v5:hover {background-position: -238px -338px;}
	.znacky a.v6:hover {background-position: -476px -338px;}

/* zaslat heslo */
.panel .formular {padding: 1em;}
	.panel .formular p {margin: 0;}
	.panel .formular p * {vertical-align: middle;}
	
/* chybove hlasky */
.chyba h2 {color: #7DA52D; font-size: 1.1em; margin-bottom: .3em;}
.chyba a {color: #7DA52D;}

p.chyba {color: #fff; background: #c00; padding: .3em .5em;}
p.chyba img {vertical-align: middle;}

/* paticka */
.nastroje {font-size: .8em; text-align: center; padding-top: 3em;}
	.nastroje a {color: #000;}
	.nastroje a:hover {color: #9396CA;}
	
.paticka {}
	.paticka * {color: #000;}
	.paticka .copy {font-size: .8em;}

/* obecne tridy */
.centr {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}

.clr {border: 0; clear: both; display: block; height: 0; margin: 0; visibility: hidden;}
.oddelovac {color: #ccc; background: #ccc; border: 1px; height: 1px; margin: 0 20px 1.5em 0; clear: both;}

.pl {float: left;}
.pp {float: right;}

.m0 {margin: 0;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.mp1 {margin-right: 1em;}
.ml1 {margin-left: 1em;}

.b-sede {background: #f5f5f5;}
.b-zelene {background: #deb;}

.p-zelene {color: #4fab22;}
.p-cerne {color: #000;}
.p-sede {color: #666;}
.p-fialove {color: #9396CA;}

.fs8 {font-size: .8em;}