/* common */
body {color: #333; background: url(/gfx/body.png) top center repeat-y; background-color: #C9B88A; font-family: "Palatino Linotype", serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1, h2 {color: #9F9666; font-size: 1.5em; margin-bottom: .5em;}
h2 {margin-top: 1.3em;}
h3 {color: #352e08; font-size: 1.4em; margin-bottom: .5em; padding-top: .8em;}

p {font-size: 1.1em; margin: 0 0 1em 0; line-height: 1.5em;}
ul, ol, dl {font-size: 1.1em; margin: 0 0 .5em 0; padding: 0;}
ul {list-style: none; position: relative; z-index: 1;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}
ul li {background: url(/gfx/odrazka.png) 0px 9px no-repeat; padding-left: .8em;}

img {border: 0;}
sup {font-size: .6em; position: relative; top: .1em;}

table {font-size: 1.1em; margin-bottom: .5em;}
th {text-align: left;}

a {color: #930;}

/* layout */
/*#hlavni {background: url(/gfx/horni-dekor-x.jpg) top left repeat-x;}
#sub {background: url(/gfx/spodni-dekor-x.jpg) bottom left repeat-x;}
#horni-dekor {background: url(/gfx/horni-dekor.jpg) top center no-repeat; padding-top: 155px;}
#spodni-dekor {background: url(/gfx/paticka.jpg) bottom center no-repeat; padding-top: 310px;}


#obal-hlavicka {position: absolute; top: 0; left: 0; width: 100%;}
#horni-gamut {background: url(/gfx/horni-gamut.png) top left repeat-x; border: solid #fff; border-width: 8px 8px 8px 7px; padding: 50px 70px 0 70px;}*/

.horni-lista {height: 225px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.spodni-lista {background: url(/gfx/pata.png); height: 235px;}
#hlavicka, #paticka {text-align: left; margin: 0 auto; width: 980px; position: relative;}
#paticka {color: #000; position: relative; padding-top: 30px;}
.hlavni {background: none; margin: 0 auto; width: 980px; text-align: left; position: relative;}
.obal {background: #fff; padding: 7px;}
#obsah {top: 175px; padding-top: 245px; position: relative; padding-bottom: 175px; margin-bottom: -35px;}
#obsah.flash {padding-top: 384px;}
.zacatek {background: url(/gfx/horni-gamut.png) top left repeat-x;}
.konec {background: url(/gfx/spodni-gamut.png) bottom left repeat-x; padding: 50px 70px 1px 70px;}
#obsah.flash .konec {&border-left: 7px solid #fff;}
.pozadi-menu {background: #fff; position: absolute; top: 3px; &top: 9px; left: 0; width: 980px; z-index: 2;}

/* content */
.logo {position: absolute; top: 46px; left: 44px;}
.slogan {color: #352e08; font-size: 2em; font-style: italic; line-height: 1.1em; text-indent: -.6em; width: 600px; position: absolute; top: 79px; right: 30px; text-align: center;}
#novinky {position: absolute; top: 57px; &top: 63px; left: 0; margin: 0;}
.trojice {border: 7px solid #fff; border-bottom: 0; &border-bottom: 7px; position: absolute; top: 57px; &top: 63px; left: 0; background: #fff;}
.trojice img {margin: 0;}
#novinky {width: 966px; height: 320px; z-index: 1; padding: 7px; background: #fff;}

#menu {font-size: 1em; border-bottom: 5px solid #e7e4b1; margin: 7px 7px 0 7px; width: 966px; z-index: 2; background: #fff; height: 42px;}
	#menu li {background: none; float: left; padding: 0; position: relative; margin: 0 0 0 1px;}
	#menu a {color: #000; text-decoration: none; text-align: center; margin-left: 0; border: solid #fff; border-width: 2px 1px 0 1px; padding: 9px 15px; outline: none; display: block;}
	#menu a:hover, #menu a.zde, #menu li.hover a {background: url(/gfx/menu-gamut.png) top left repeat-x; background-color: #e7e4b1; border-color: #e7e4b1;}
	#menu ul {display: none; background: #e7e4b1; position: absolute; top: 0; left: 0; width: 220px; padding: 5px 1px 0 1px;}
	#menu ul {top: 42px;}
		#menu ul li {float: none; margin: 0; padding: 0;}
			#menu ul li a {background: #F5F3D2; margin-bottom: 1px; border: none; padding: .3em 7px; text-align: left;}
			#menu li.hover ul a {background: #F5F3D2;}
			#menu li.hover ul a:hover {color: #930; background: #FAFAE9;}

#menu.mensi a {padding: 9px 10px;}

.jazyk {font-size: .7em; position: absolute; top: 265px; right: 25px;}
.jazyk img {margin: 0 7px 0 0;}

.flash .jazyk {top: 405px;}

.ramecek {border: 7px solid #CDC599; line-height: 0; position: relative; z-index: 2;}
.ramecek img {border: 1px solid #fff;}
.odsazeni {margin-top: .3em;}
.odsazeni-nadpis {margin-left: 294px;}

.nastroje {font-size: .8em; margin: 3em 0 2em 0;}
.nastroje a {color: #000; margin: 0 .7em;}

.doporucit {float: left; text-align: right; margin-right: 80px; width: 420px;}
.doporucit table {float: right;}
.doporucit th, .doporucit td {padding-bottom: .7em;}
.doporucit table th {font-weight: normal; text-align: right; padding-right: .7em; text-align: right;}
.doporucit table input {width: 230px; padding: 5px;}

#paticka table {color: #f2f0d5; font-size: 1em;}
#paticka h3 {color: #f2f0d5;}
#paticka p {font-size: 1em; color: #f2f0d5; line-height: 1.3em;}
#paticka a {color: #f2f0d5;}

.kontaktni-udaje td {padding: 0 .7em .1em 0;}

#lista {color: #f2f0d5; background: url(/gfx/lista.png); font-size: .8em; margin: 0; padding: .7em 0;}
#lista a {color: #f2f0d5;}
#lista span {margin: 0 .7em;}

.facebook {position: absolute; top: 3em; right: .4em;}

.objednavka-formular {margin: 0; padding: 0;}
.objednavka-formular h2 {margin: 1em 1.7em 0 1.7em;}
.objednavka-formular p {margin: 0;}
.objednavka-formular fieldset {font-size: 1em; border: 0; border: 1px solid #CDC599; margin: 2em 0; padding: .5em .8em 0 .8em;}
.objednavka-formular legend {color: #930; font-size: 1.2em; text-transform: uppercase;}
.objednavka-formular table {font-size: 1.1em; margin: 1em 0 0 0;}
.objednavka-formular th, .objednavka-formular td {padding: 0 0 1em 0;}
.objednavka-formular th {font-weight: normal; width: 45%;}
.objednavka-formular td {padding-right: 2em;}
.objednavka-formular table input {margin-left: .5em; padding: .3em; width: 220px;}
.objednavka-formular img, .objednavka-formular table input {vertical-align: middle;}
.objednavka-formular p label {margin-right: 2em;}
.objednavka-formular p input {margin-left: 3px;}
.objednavka-formular textarea {margin: 1em 0; height: 100px; width: 448px;}
p.odesilaci-tlacitko {margin: 0 1em; text-align: center;}
.objednavka-formular table #prijezd, .objednavka-formular table #odjezd {width: 198px;}

table.cenik {background: #CDC599; width: 810px;}
table.cenik th, table.cenik td {padding: 5px;}
table.cenik th {color: #000; background: #f6f5d9; text-align: center;}
table.cenik th.tmava, table.cenik td.tmava {color: #000; background: #dfdabd;}
table.cenik td.tmava {font-weight: normal; background: #fbfaee;}
table.cenik td {color: #9f9666; background: #fff; font-weight: bold; text-align: center;}
table.cenik th span {font-size: .9em; font-weight: normal;}

table.dve-tretiny, .dve-tretiny {width: 565px; margin-bottom: 1em;}
.but-objednat {margin: 0 0 2em 190px;}

.accordion {margin-bottom: 2em;}
.accordion dt {cursor: pointer;  background: url(/gfx/odrazka.png) 0px 8px no-repeat; padding-left: .8em; margin: 0 0 .5em 0; position: relative; color: #930; text-decoration: underline;}
.accordion dt.hlavni {font-size: 1.3em; color: #9F9666; font-weight: bold; margin-bottom: .5em; padding: 1em 0 0 0; cursor: default; background: none; text-decoration: none;}
.accordion dd {margin: 0 0 1em .8em; background-color: #f8f5d9; border: solid #e7e0b0; border-width: 1px 0; padding: 1em; line-height: 1.4em;}
.accordion dd strong {color: #7f7851; font-size: 1.1em;}

.fotogalerie .ramecek {float: left;  margin: 0 28px 50px 28px; display: inline;}
.fotogalerie img {border: 1px solid #fff;}
.galerie-posun {margin-left: 28px;}

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

.uspech {padding-bottom: 300px;}
.objednavka-formular .uspech p {margin-bottom: 1em;}

.doporucit p {margin: 0;}

.nabidka {background: #fff; border: 1px solid #CDC599; margin-bottom: 2em; padding: .5em 2em 1em 2em;}
.nabidka h3 {margin: 0;}
.nabidka img {margin: 1.7em 1.6em 0 0;}

ul ul {font-size: 1em;}

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

.wolf {clear: both;}
.pl {float: left;}
.pp {float: right;}
.oop {margin-left: 40px; margin-right: -50px; margin-bottom: 1em;}
.ool {margin-right: 40px; margin-left: -50px; margin-bottom: 1em;}
.nm {margin: 0;}
.clr-p {clear: right;}
.oh {margin-top: 1em;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.mp1 {margin-right: 1em;}
.mp2 {margin-right: 2em;}
.mp3 {margin-right: 3em;}

.fs9 {font-size: .9em;}

.red {color: #930;}
.zvyraznen {background: none;}
.vetsi {font-size: 1.2em;}
.cara {margin-top: 1em;}