body {margin: 0; padding: 0; text-align: center; background: #330000 url(img/bg-body.gif) repeat-x top; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px;}
table, td, th, input, textarea, select {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em;}
a {color: #FF9933;}
a:hover {text-decoration: none;}
a img {border: none;}
h1 {color: #FF9933; font-size: 1.7em; margin: 5px 0;}
h1 span {color: #B2B2B2;}
h2 {color: #FF9933; font-size: 1.3em; margin: 20px 0 3px 0;}
h2 span {color: #B2B2B2;}
h3 {color: #FF9933; margin: 20px 0 0px 0; font-size: 1em; text-transform: uppercase; font-weight: normal;}
p {margin: 0 0 6px 0; text-align: justify;}
form {margin: 0;}
input {border: 1px solid #000;}
fieldset {border: 1px solid #292929; margin: 15px 0;}
legend {color: #B2B2B2; font-size: 0.9em; padding: 0 10px;}

.zahl {display: none;}

#container_vrchni { width: 1162px; margin: 0 auto; background: url(img/zahlavi.gif) no-repeat left 3px; }

#container {margin: 0 auto; width: 923px; position: relative; text-align: left; }

#menu1, #menu1_en, #menu1_de {background: #D7861E url(img/homepage/bg-menu-left.gif) no-repeat bottom left;}
#menu1bg, #menu1bg_en, #menu1bg_de {background: url(img/homepage/bg-menu-right.gif) no-repeat bottom right; padding: 0 10px;}
#menu1 a {display: block; float: left; padding: 12px 25px; border-right: 1px solid #000; text-transform: uppercase; color: #000; text-decoration: none; font-size: 0.85em;}
#menu1_en a {display: block; float: left; padding: 12px 27px; border-right: 1px solid #000; text-transform: uppercase; color: #000; text-decoration: none; font-size: 0.85em;}
#menu1_de a{display: block; float: left; padding: 12px 14px; border-right: 1px solid #000; text-transform: uppercase; color: #000; text-decoration: none; font-size: 0.85em;}


#menu1 a.last, #menu1_en a.last, #menu1_de a.last {border-right: none;}
#menu1 a:hover, #menu1_en a:hover, #menu1_de a:hover {background: #410000; color: #D6841C; }
#menu1 a.aktivni, #menu1_en a.aktivni, #menu1_de a.aktivni {background: #410000; color: #D6841C;}

.padda {border-left: 2px solid #110000; color: #AB5C1F;}
.padda2 {margin:0; padding:0;}
.padda3 {height:22px;}

/* hlavicka */
#hlavicka {height: 202px; position: relative; background: url(img/bg-hlavicka.jpg) no-repeat bottom right; font-size: 0.85em;}
#hlavicka a {color: #fff;}
#logo {position: absolute; top: 3px; left: 70px;}
h1#claim {position: absolute; top: 14px; left: 257px; font-family: Tahoma; font-size: 51px; color: #FFA231; font-weight: bold; margin: 0; padding: 0;}
h1#claim span { color: #B3B1B4; }
h1#claim em {font-size: 15px; font-style: normal; display: block; margin-top: 10px;}

#vlajky {position: absolute; top: 40px; left: 762px; text-align: center; width: 95px; font-size: 0.8em; text-transform: uppercase; color: #D6841C; font-size: 11px;}
#vlajky img {margin: 5px 0 0 0;}
#menu3 {position: absolute; top: 90px; left: 737px; font-size: 1em; color: #FFA32E;}
#menu3 a {color: #aaa;  margin: 0 5px; color: #FFA32E; }
#menu3 a:hover {text-decoration: none;}



#zalozky {position: absolute; top: 143px; left: 30px; color: #AB5C1F;}
#zalozka1, #zalozka1aktivni {position: absolute; top: 162px; left: 0px; width: 113px; height: 40px; overflow: hidden; text-align: center; font-size: 12px;}
#zalozka2, #zalozka2aktivni {position: absolute; top: 162px; left: 113px; width: 98px; height: 40px; overflow: hidden; text-align: center; font-size: 12px;}
#zalozka1 {background: url(img/zalozka1.gif) no-repeat; }
#zalozka1aktivni {background: url(img/zalozka1aktivni.gif) no-repeat; font-weight: bold;}
#zalozka2 {background: url(img/zalozka2.gif) no-repeat;}
#zalozka2aktivni {background: url(img/zalozka2aktivni.gif) no-repeat; font-weight: bold;}
#zalozka1 a, #zalozka1aktivni a, #zalozka2 a, #zalozka2aktivni a {text-decoration: none; display: block; margin: 15px 0 0 0; color: #FFC973;}

#zalozka1 a,#zalozka2 a  {color: #520000;}

#zalozka1 a:hover, #zalozka1aktivni a:hover, #zalozka2 a:hover, #zalozka2aktivni a:hover {text-decoration: underline;}

#hledani {position: absolute; top: 150px; left: 250px; color: #AB5C1F; height: 20px;}

#uzivatel {}
#prihlaseny {position: absolute; top: 147px; left: 570px;}
#neprihlaseny {position: absolute; top: 137px; left: 560px;}
#uzivatel form table td {padding: 0px;}

#kosik {position: absolute; top: 145px; left: 725px; width: 195px; text-align: center; font-size: 1.1em;}
#kosik strong {font-size: 1.4em;}


/* hlavni */
#hlavni {background: #000 url(img/bg-hlavni.gif) repeat-y left; width: 100%;}

#sloupec1 {width: 211px; float: left; position: relative; background-color: #270000;}
#sloupec2 {width: 711px; float: left; position: relative; text-align: center;}
#obsah {width: 672px; margin: 0 auto; text-align: left; padding: 20px 0;}


/* sloupec1 */
#menu2 {background: #520000;  border-left: 2px solid #110000; border-right: 1px solid #000; padding: 20px 0 40px 0; width: 209px; font-size: 12px;}
#menu2 a {display: block; background: url(img/bg-menu2.gif) no-repeat 20px 10px; padding: 4px 10px 4px 40px; text-decoration: none; color: #F29B2B;}
#menu2 a:hover {color: #FFC973;}
#menu2 a.aktivni {color: #FFD38F; font-weight: bold;}

#navstivte {background: url(img/bg-navstivte.gif) no-repeat bottom; padding: 0 0 38px 0; }
#navstivte .nadpis {background: url(img/navstivte-nadpis.gif) no-repeat; height: 31px; line-height: 31px; color: #fff; font-size: 0.85em; padding: 0 20px; color: #AB5C1F; border-right: 1px solid #000;}

/* sloupec2 */
.cesta {font-size: 0.85em; color: #B2B2B2; margin: 0 0 10px 0;}
.cesta a {color: #fff;}
.cesta strong {color: #AB5C1F;}



/* paticka */
#paticka {background: url(img/bg-paticka.gif) no-repeat top; padding: 60px 40px 20px 150px; text-align: center; color: #4C4C4C; font-size: 0.85em;}
#paticka a {color: #FFA32E;}
#paticka #neofema {float: right; color: #874835;}
#paticka #neofema a {color: #874835;}


/* obecne tridy */
.cleaner {clear: both; height: 1px; overflow: hidden;}
input.tlacitko {background: #770000; color: #FFC973; border: none; text-transform: uppercase; font-size: 0.85em; padding: 3px; cursor: pointer;}
input.odeslat {background: url(img/ok.gif) no-repeat left top; width: 27px; height: 27px; _width: 29px; _height: 29px; &width: 29px; &height: 29px; cursor: pointer;}

a.tlacitko {background: #770000;; color: #FFC973; border: none; text-transform: uppercase; font-size: 0.85em; padding: 4px 5px; text-decoration: none;}

input.tlacitko2 {background: #D7861E; color: #000; border: 1px solid #410000; text-transform: uppercase; font-size: 0.85em; padding: 3px; cursor: pointer;}
a.tlacitko2 {background: #D7861E; color: #000; border: 1px solid #410000; text-transform: uppercase; font-size: 0.85em; padding: 4px 5px; text-decoration: none;}
.padd20 {padding: 20px;}
.padd10 {padding: 10px;}
.hneda {color: #6F3E25;}
.seda {color: #b2b2b2;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.nowrap {white-space: nowrap !important;}
.small {font-size: 0.85em; font-weight: normal;}
.fRight {float: right;}
.fLeft {float: left;}
.top {vertical-align: top;}
.povinne {color: #ff9933;}
.datum {float: right; color: #b2b2b2; font-size: 0.85em;}
.sloupec50 {float: left; width: 48%; margin: 5px 1% 20px 0;}
.orange {color: #AB5C1F;}
.orange2 {color: #AB5C1F;}

a.rozcestnik {display: block; float: left; width: 310px; margin: 20px 0 0 0; background: #270000; padding: 5px 10px 5px 5px; /*text-align: center; text-transform: uppercase;*/ text-decoration: none; color: #ff9933; font-weight: bold; font-size: 1.3em;}
a.rozcestnik img {border: 2px solid #ff9933; margin: 0 10px 2px 0; vertical-align: middle; float: left;}
a.rozcestnik:hover {color: #fff; background: #6B0000;}
a.rozcestnik:hover img {border: 2px solid #fff;}
.mezeraroz {float: left; width: 20px;}

.galerie {margin: 20px 0; text-align: center;}
.galerie img {border: 1px solid #666; margin: 0 10px 10px 0;}

.reference {float: left; width: 155px; text-align: center; background: #2b180e; margin: 10px 10px 20px 0; padding: 0 0 5px 0; font-size: 0.85em; height: 155px; overflow: hidden;}
.reference h2 {margin: 0; color: #fff; padding: 3px; font-size: 1em; height: 25px; overflow: hidden;}
.reference h2 a { color: #fff; text-decoration: none;}
.reference img {margin: 5px 0 3px 0; border: 1px solid #666;}

.certifikat {float: left; width: 155px; text-align: center; background: #2b180e; margin: 10px 10px 20px 0; padding: 0 0 5px 0; font-size: 0.85em;}
.certifikat img {margin: 5px 0 3px 0; border: 1px solid #666;}


/* vypis kolekci */
.kolekce {float: left; width: 210px; text-align: center; background: #270000; color: #AB5C1F; margin: 10px 10px 20px 0; padding: 0 0 5px 0; font-size: 0.85em; height: 200px; overflow: hidden;}
.kolekce h2 {margin: 0; /*background: #FF9933;*/ color: #fff; /*border-bottom: 1px solid #000;*/ padding: 3px; font-size: 1em; }
.kolekce h2 a { color: #ff9933; text-decoration: none;}
.kolekce img {margin: 5px 0 3px 0; border: 1px solid #666;}
.kolekce div {padding: 0 3px; }
.akce h2 {background: #410000; }
.akce {background: #410000; color: #D7861E; }
.akce strong {color: #fff;}
.akce h2 a {color: #D7861E;}
.novinka {background: #8f4923; color: #fff; padding: 3px 0 0 0;}
.novinka strong {color: #ff9933;}


/* detail kolekce */
#akceDetail {background: #ff9933; padding: 5px; font-weight: bold; margin: 10px 0;}
#akceDetail h2 {color: #000; margin: 0;}

#hlavniObr {float: left; border: 2px solid #FFA32E; z-index: 5;}
#infoKolekce {float: left; width: 277px; margin: 20px 0 2px 0; background: #500000 url(img/kolekce-info.gif) no-repeat bottom right; min-height: 68px; _height: 68px;}
#infoKolekce h2 {margin-top: 0;  font-size: 16px;}

#vlastnostiKolekce {float: left; width: 277px;}
#vlastnostiKolekce strong {color: #AB5C1F;}
#vlastnostiKolekce p {margin-bottom: 2px;}

table.symboly {border: none; border-collapse: collapse; margin: 3px 0;}
table.symboly td {vertical-align: top; padding: 2px 4px; font-size: 0.9em; /*color: #ddd;*/}
table.symboly td img {margin: 0 3px 3px 0; float: left;}

#dalsiObr {background: #191919; padding: 35px 7px 7px 7px; margin-top:-25px; _margin-top:0px; &margin-top:0px; _padding: 10px 7px 7px 7px; &padding: 10px 7px 7px 7px;}
#dalsiObr img {border: 2px solid #FFA32E; margin: 4px 10px 4px 1px;}

#vysivky {width: 325px; float: left; margin: 20px 20px 10px 0;}
#dezeny {width: 325px; float: left; margin: 20px 0px 10px 0;}
#vysivky .vysivka, #dezeny .dezen {display: block; float: left; width: 65px; text-align: center; margin: 0 5px 10px 7px;}
#vysivky a, #dezeny a {text-decoration: none; color: #fff; font-size: 0.8em;}
#vysivky h3, #dezeny h3 {color: #B2B2B2; font-weight: bold; text-transform: none; margin: 0 0 3px 10px;}
.ramecek {border: 1px solid #292929; width: 323px; /*background: #2b180e;*/}

table.varianty {border: none; border-collapse: collapse; margin: 20px 0 0px 0; width: 100%; color: #AB5C1F;}
table.varianty th {color: #AB5C1F; text-align: left; font-size: 0.9em; vertical-align: bottom; padding: 7px 10px;}
table.varianty td {font-size: 0.85em; vertical-align: middle; background: #360000; border-right: 1px solid #000; border-top: 1px solid #000; padding: 10px 10px;}
table.varianty td.dokosiku {background: #000; padding: 0 10px;}
table.varianty td.doporucene {background: #200001; font-size: 10px; }
table.varianty td.cenacelkem {background: #000; font-weight: bold; font-size: 1em;}
table.varianty tr.mezera td {border-top: 1px solid #520000; border-right: 1px solid #000; background: #000; height: 1px; font-size: 1px; line-height: 1px; padding: 0; overflow: hidden;}
a.alupa {display: block; position: relative; width: 50px; margin: 0 auto;}
img.lupa {position: absolute; bottom: 0; right: 0;}
.cena {color: #fff;}
.varianty td.kusy { background-color: #520100;}
.varianty input, .varianty select {height: 18px; line-height: 18px;}

table.kosik {border: none; border-collapse: collapse; margin: 20px 0; width: 100%;}
table.kosik th {background: #210000;  color: #AB5C1F; text-align: left; font-size: 0.9em; vertical-align: bottom; padding: 7px 10px;}
table.kosik td {font-size: 0.85em; vertical-align: middle; background: #360000; border-right: 1px solid #000; border-top: 1px solid #000; padding: 7px 10px; color: #AB5C1F;}
table.kosik td.cenacelkem {font-weight: bold; font-size: 1em;}
table.kosik tr.mezera td {border-top: 1px solid #520000; border-right: 1px solid #000; background: #000; height: 7px; padding: 0; overflow: hidden;}
table.kosik em {font-style: normal; text-decoration: underline;}

tr.prosteradla td {font-size: 9px; color: #ddd;}
a.prosteradlo {margin: 0 3px 0 0;}
a.prosteradlo img {vertical-align: middle; border: 1px solid #ccc;}
tr.prosteradla table, tr.prosteradla table td {border: none;}
tr.prosteradla table td {padding: 1px;}


table.tHorizontalni {border: none;}
table.tHorizontalni td, table.tHorizontalni th {padding: 3px 10px; text-align: left; vertical-align: top; background: #0f0f0f; font-weight: normal;}

.dotaz {margin: 30px 10px 0 10px; background: url(img/homepage/bg-novinka.gif) no-repeat left top; padding: 0 0 0 25px; font-weight: bold; color: #b2b2b2;}
.odpoved {margin: 0 10px 10px 10px; border-bottom: 1px solid #525252; padding: 0 0 20px 25px;}

#detail {width: 692px; }

#spolupracujeme {padding: 0px 40px 20px 40px; text-align: center; color: #874835; font-size: 0.75em; line-height: 1.5em;}
#spolupracujeme a {color: #874835;}

.addthis a.addthis_button{text-decoration: none; position: absolute; top: 65px; right: 63px;}

.nabidka { background: #520000;  border-left: 2px solid #110000; border-right: 1px solid #000; padding: 20px 0 40px 20px; width: 189px; font-size: 12px;}
.nabidka h2{font-size: 13px; position: static; margin: 0 0 10px 0; position: static;}
.nabidka h2 span { color: #B3B1B4; }
.nabidka a {display: block; margin: 4px 0; padding: 0; text-decoration: none; }
.nabidka a:hover span {text-decoration: underline;}