/* obecne styly */
body {color: #000; background: #6E6B67; 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: 1em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {font-size: 1.4em; position: absolute; top: 275px; left: 22px; width: 755px;}
h2 {font-size: 1.1em; font-weight: normal; margin-bottom: .3em;}
h3 {font-size: .9em; margin-bottom: .3em;}

p {font-size: .8em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .8em; 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: .9em; margin-bottom: 1.33em;}
th {text-align: left;}

a {color: #900;}

/* layout a obsah */
#hlavni {text-align: left; position: relative; margin: 0 auto; width: 980px;}
#hlavicka {background: url(../gfx/hlavicka.jpg) 180px 10px no-repeat; background-color: #e7e6e5; position: relative; height: 257px;}
#ovladani {position: absolute; bottom: 0; left: 0; width: 980px;}
#obsah {background: url(../gfx/obsah.png) top left repeat-x; background-color: #C5C0BA; padding-top: 80px;} 
#levy {float: left; width: 735px;}
#pravy {float: right; width: 205px; position: relative; right: 10px; padding-bottom: 2em;}

.logo {background: url(../gfx/logo.png) top left no-repeat; position: absolute; top: 30px; left: 15px; width: 160px; height: 109px;}
.slogan {font-size: 1.4em; font-weight: bold; position: absolute; top: 75px; left: 385px;}
.slogan span {color: #5b5550; font-size: .8em; font-weight: normal; position: relative; bottom: .5em;}

#vyhledavani {position: absolute; top: 275px; right: 0; width: 215px;}
#vyhledavani input {vertical-align: middle;}
#hledany-vyraz {width: 130px;}

.hlavni-menu {margin: 0 0 0 7px; position: relative; z-index: 2; top: 1px; height: 30px;}
.hlavni-menu li {position: relative; float: left;}
.hlavni-menu a {color: #fff; background: url(../gfx/menu.png) top left no-repeat; font-weight: bold; text-decoration: none; display: block; margin-left: 8px; line-height: 30px; height: 30px;}
.hlavni-menu a span {background: url(../gfx/menu-roh.png) top right no-repeat; display: block; padding: 0 8px;}
.hlavni-menu a.zde {color: #000; background-image: url(../gfx/menu-aktivni.png);}
.hlavni-menu a.zde span {background-image: url(../gfx/menu-aktivni-roh.png);}
.hlavni-menu a:hover {color: #000;}

.lista {background: url(../gfx/lista.png) top left repeat-x; position: relative; z-index: 1; border: solid #a29988; border-width: 1px 0; height: 43px; width: 980px;}
.lista p, .lista ul {font-size: .8em; margin: 0;}
.lista p {margin-left: 23px; padding-top: 10px;}
.lista input, .lista select {vertical-align: middle;}
.lista select {margin-right: .3em;}

.vedlejsi-menu {position: absolute; top: 11px; right: 22px;}
.vedlejsi-menu li {display: inline;}
.vedlejsi-menu a {color: #000;}
.vedlejsi-menu a:hover {text-decoration: none;}

#levy p, #levy h2 {margin-left: 22px;}
#levy ul {margin-left: 32px;}

#levy .nahled-katalog {text-align: center; float: left; margin: 0 0 2em 22px; display: inline; width: 223px;}
#levy .nahled-katalog h2 {height: 2.8em; line-height: 1.4em; overflow: hidden; margin-left: 0;}

.box-prodejni-mista {background-color: #fff; margin-bottom: 1em; border: 1px solid #8a8680;}
.box-prodejni-mista .end {padding: 1em 1em 1px 1em;}
.box-prodejni-mista h2 {color: #B7171C;}

.prodejni-mista li {float: left; width: 203px; margin-bottom: 1em; margin-right: 20px;}
.prodejni-mista a {color: #B7171C;}
.dalsi-mista li, #levy ul li {background: url(../gfx/odrazka.gif) 0px 8px no-repeat; padding-left: 1em; position: relative;}
.dalsi-mista li {float: left; width: 204px; margin-bottom: .5em; margin-right: 20px;}

.detail-levy {float: left; width: 425px; margin-left: 22px; position: relative; display: inline;}
.detail-pravy {float: right; width: 480px; margin-right: 22px; position: relative;}

.detail-levy * {float: none;}
.detail-pravy h1 {width: auto; top: 0; left: 0;}

.detail-pravy .sdilet a {color: #000; padding-left: 1.8em; margin-right: 1.2em;}
	.sdilet a.i-facebook {background: url(../img/ikony/facebook.gif) 0% 50% no-repeat;}
	.sdilet a.i-google {background: url(../img/ikony/google.gif) 0% 50% no-repeat;}
	.sdilet a.i-linkuj {background: url(../img/ikony/linkuj.gif) 0% 50% no-repeat;}
	.sdilet a.i-jagg {background: url(../img/ikony/jagg.png) 0% 50% no-repeat;}
	.sdilet {padding: 1em 0 0 20px; border-top: 1px solid #8A8680;}

.odkazy {margin: 0 0 2em 20px; font-size: .8em; width: 100%;}
.odkazy td {width: 23%; padding: 0 1em .5em 0; vertical-align: top;}

.drobky {position: absolute; top: -60px; left: 0;}

#detail {text-align: center; width: 425px; display: block; outline: none; text-decoration: none; position: relative;}
#detail span {font-size: .8em; text-decoration: underline; display: block; background: url(../gfx/lupa.gif) 39% 60% no-repeat; padding-left: 16px;}
#detail:hover span {color: #000;}


.nahled-katalog .nahled a {position: relative; display: block;}

.nova-magnetka {position: absolute;}
.novinka-detail-h .nova-magnetka, .novinka-detail-v .nova-magnetka {background: url(../gfx/novinka-velka.png); width: 148px; height: 93px;}
.novinka-katalog-h .nova-magnetka, .novinka-katalog-v .nova-magnetka {background: url(../gfx/novinka-mala.png); width: 116px; height: 67px;}

.novinka-detail-h .nova-magnetka {top: 0; right: 0;}
.novinka-katalog-h .nova-magnetka {top: 0; right: 0;}
.novinka-detail-v .nova-magnetka {top: 0; right: 42px;}
.novinka-katalog-v .nova-magnetka {top: 0; right: 22px;}

.mapa {text-align: center; margin-bottom: 2em;}
.mapa a {color: #900;}

.strankovani {font-size: 1em; text-align: right; border-top: 1px solid #A29988; padding: .3em 0 0 0;}
.strankovani a, .strankovani span {font-weight: bold; margin-right: 1px; padding: 0 .3em;}
.strankovani a {background: #C5C0BA; text-decoration: none; border: 1px solid #C5C0BA;}
.strankovani a:hover {background: #fff; border-color: #fff;}
.strankovani span {color: #fff; background: #A29988; border: 1px solid #A29988;}

p.paticka {color: #fff; background: url(../gfx/paticka.png) top left no-repeat; font-size: .75em; text-align: center; margin: 0; padding: 9px 0;}
p.paticka a {color: #fff; text-decoration: none;}
p.paticka a:hover {text-decoration: underline;}
p.paticka a, p.paticka span {margin: 0 1em;}
p.paticka a.zm {margin: 0;}
p.paticka a.ml0 {margin-left: 0;}

p.nastroje {color: #000; font-size: .8em; margin: 2em 0 1em 0;}
p.nastroje a {color: #000; margin: 0 1em;}
p.nastroje a:hover {text-decoration: none;}

.dotaz {margin-top: 1em; margin-left: 22px;}
.dotaz th {font-weight: normal; text-align: right; vertical-align: top; padding: .5em 1em .5em 0;}
.dotaz td input {padding: .3em; margin-bottom: .5em; width: 230px;}
.dotaz td textarea {padding: .3em; width: 400px; height: 150px;}

#levy h2.chyba, #levy ul.chyba, #levy .uspech h2 {color: #fff; background: #c00; margin: 0 0 0 22px; padding: 10px;}
#levy h2.chyba, #levy .uspech h2 {font-family: Arial, Helvetica, sans-serif;}
#levy .uspech h2 {background: #060; margin-bottom: 1em;}
#levy ul.chyba {list-style: square; margin: 0 0 1.33em 22px; padding: 0 0 10px 40px;}
#levy ul.chyba li {background: none; background: 0;}

.akce {background: #fff; border: 1px solid #8a8680; padding: 1em 1em 1px 1em; margin-bottom: 1em;}
	.akce img {border: 1px solid #900; margin-bottom: .5em; height: 122px;}
	.akce p.hnede {color: #900;}
	.akce h2 {margin: 0; font-size: .9em; font-weight: bold;}
	.akce h2 a {padding: .5em 0 0 0; display: block; height: 2.4em; overflow: hidden;}
	.akce .datum a {color: #000; font-size: .9em; text-decoration: none; display: block; padding: .5em 0 1em 0; height: 1.4em; overflow: hidden;}
	
.akce-detail {background: #fff; border: 0; border-top: 1px solid #C5C0BA; padding: .7em 0 0 0; margin: 1em 0; height: 160px;}
	.akce-detail img {border: 1px solid #900; margin: 0 1em 1em 0; float: left;}

	.akce-detail p.hnede {color: #900;}
	.akce-detail h2 {font-size: 1.2em; font-weight: normal; margin-bottom: .7em; padding: 0;}
	.akce-detail h2.nazev {margin: 0;}
	.akce-detail h2 a {height: 2.6em; overflow: hidden; display: block; color: #000; text-decoration: underline;}
	.akce-detail .datum a {color: #000; font-size: .9em; text-decoration: none; display: block; padding: .5em 0 1em 0; margin-bottom: .5em;}
	
.akce-nahled {margin: 0 0 2em 20px;}
	.akce-nahled img {border: 1px solid #8a8680; margin: 0; float: left;}
	.akce-nahled p.hnede {color: #900;}
	.akce-nahled p.vetsi {font-size: .9em;}
	.akce-nahled h3 {font-size: 1em; margin-left: 184px;}
	.akce-nahled p {padding-left: 162px;}
	
.udalost {margin-bottom: 2em;}
	.udalost p.vetsi {font-size: .9em;}
	.udalost h3 {font-size: 1em; color: #900;}
	.udalost img {border: 1px solid #8a8680;}

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

.wolf {clear: both;}
.pl {float: left;}
.pp {float: right;}
.zm, .m0 {margin: 0;}
.mn {margin-top: 1em;}
.md1, .md {margin-bottom: 1em;}
.ml0 {margin-left: 0;}
.mn1 {margin-top: 1em;}
.mn2 {margin-top: 2em;}
.ml22 {margin-left: 22px;}

.cervena {color: #900;}


#banner-svisly { float: right; position: relative; top: 0; left: 20px; width: 0; height: 0; }