@import url("reset.css");
/*****************************************************************************************
 Autor - Roman Mazur
 Webdesign (C) http://namor.cz/
 Tento soubor je bez dovolení autora zakázáno jakýmkoli způsobem šířit nebo upravovat!  
*****************************************************************************************/

/*****************************************************************************************
 Základní stylování
*****************************************************************************************/
h1, h2, h3, h4 { color: #482611; font-size: 2em; }
a { text-decoration: underline; color: #231f20; }
.hidden, .none { display: none !important; }
.clear { clear: both; }
.obligatory, strong { font-weight: bold !important; }

/*****************************************************************************************
 Layout
*****************************************************************************************/
body {
  font-family: tahoma, verdana, sans-serif;
  color: #000000;
  font-size: 62.5%;
  text-align: center;
  background: url("/img/bg.jpg") repeat-x top;
}
div#main {
  width: 980px;
  margin: 0 auto;
  background: url("/img/bgTop.jpg") no-repeat top;
  text-align: left;
}
/*****************************************************************************************
 Hlavička
*****************************************************************************************/
div#hlava {
  height: 300px;
  overflow: hidden;
  position: relative;
}
/*odkaz na index*/
a#odkaz {
  display: block;
  width: 550px;
  height: 85px;
  float: left;
}
                                        /* vertikální menu */
ul#articles {
  list-style: none;
  font-weight: bold;
  font-size: 14px;
  float: right;
  text-align: right;
  margin-top: 30px;
  margin-right: 8px;
  line-height: 23px;
  height: 165px;
  overflow: hidden;
}
ul#articles li a {
  background: url("/img/articles.gif") no-repeat right center;
  padding-right: 40px;
}
ul#articles li a:hover { background: url("/img/articlesHover.gif") no-repeat right center; }

                                        /*košík*/
div#iKosik {
  margin-left: 25px;
  margin-top: 125px;
  font-size: 12px;
  color: #231f20;
  width: 300px;
  line-height: 18px;
}
div#iKosik a#kosikOdkaz {
  float: left;
  width: 120px;
  height: 70px;
  margin-right: 15px;
  background: none;
  cursor: pointer;
}
div#iKosik span {
  font-weight: bold;
  text-decoration: underline;
  display: block;
  padding-top: 10px;
}
div#iKosik a.iKosik {
  color: #4c2812;
}
                                        /*vyhledávání*/
form#search {
  margin-top: 45px;
  color: #4c2812;
  font-size: 12px;
  margin-left: 20px;
}
form#search input#hledej {
  margin-left: 17px;
  width: 136px;
  overflow: hidden;
  padding: 0 3px;
  background: none;
}
form#search input#submit {
  background: none;
  width: 20px;
  margin-left: 8px;
  cursor: pointer;
}
/*****************************************************************************************
 Levý sloupec
*****************************************************************************************/
div#levy {
  overflow: hidden; /*IE6*/
  float: left;
  width: 569px;
  font-size: 1.2em;
  margin: 15px 15px 100px 0;
}
                                        /*textové pole*/
div#iText h2 {
  font-size: 2em;
  margin-bottom: 15px;
}
div#iText p {
  margin-bottom: 5px;
}
                                        /*************************************************
                                            Výrobky
                                        *************************************************/
/*iBox*/
div.iBox {
  width: 260px;
  height: 348px;
  background: url("/img/iBoxBg.jpg") no-repeat;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-right: 20px;
}
div.iBox a.name {
  font-size: 14px;
  font-weight: bold;
  color: #efd1a9;
  margin: 20px 15px 5px 15px;
  overflow: hidden;
  display: block;
  height: 40px;
}
div.iBox div.img {
  width: 231px;
  height: 200px;
  overflow: hidden;
  margin: 8px auto 0 auto;
}
div.iBox span.znacka { color: #4c2812; }
div.iBox span.znacka strong { font-size: 14px; }
div.iBox div.cena {
  text-align: left;
  margin-left: 40px;
  overflow: hidden;
  margin-top: 15px;
}
div.iBox div.cena strong {
  color: #fff;
  font-size: 22px;
  font-weight: normal !important;
  width: 100px;
  display: block;
  float: left;
  clear: left;
  overflow: hidden;
}
div.iBox div.cena a {
  color: #efd1a9;
  font-size: 14px;
  margin-left: 40px;
}
/*****************************************************************************************
 Pravý sloupec
*****************************************************************************************/
div#pravy {
  float: right;
  width: 396px;
  text-align: left;
  overflow: hidden;
  margin-top: 17px;
}
                                        /* categories */
div#pravy h3 {
  font-size: 15px;
  color: #efd1a9;
  margin-left: 220px;  
}
div#categories { background: url("/img/categoriesBg.jpg") repeat-y; margin-top: 11px; }
div#categoriesTop { background: url("/img/categoriesBgTop.jpg") no-repeat top; }
div#categoriesBottom { background: url("/img/categoriesBgBottom.jpg") no-repeat bottom; 
  padding: 20px 16px 40px 10px;
}
div#categories ul { list-style: none; }
div#categories li a {
  color: #422310;
  font-family: verdana;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
  background: url("/img/categoriesA.gif") no-repeat left center;
  padding-left: 35px;
}
div#categories li a:hover { background: url("/img/categoriesAHover.gif") no-repeat left center; color: #4e5c13; text-decoration: none; }
div#categories a.active { color: #4e5c13; text-decoration: none; }

/* left column */
ul#categories1
{
  float: left;
  width: 50%;
  border-right: 1px solid #b8a457;
}

/* right column */
ul#categories2
{
  float: right;
  width: 47%;
  text-align: right;
}
div#categories ul#categories2 li a {
  background: url("/img/categoriesA_right.gif") no-repeat right center;
  padding-left: 0px;
  padding-right: 35px;
}
div#categories ul#categories2 li a:hover { background: url("/img/categoriesAHover_right.gif") no-repeat right center; }
                                        /* doporucujeme */
                                        
div#doporucujeme { background: url("/img/doporucujemeBg.jpg") no-repeat top; 
  padding: 18px 20px 30px 20px;
  height: 359px;
}

div#doporucujeme h2 {
  display: block;
  text-align: right;
  color: #efd1a9;
  font-size: 14px;
  margin-right: 30px;
  height: 20px;
  overflow: hidden;
}
div.dopBox {
  width: 155px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-right: 11px;
  margin-left: 11px;
  overflow: hidden;
}

div.dopBox a.name {
  font-size: 14px;
  font-weight: bold;
  color: #4a2712;
  margin: 10px 0 5px 0;
  display: block;
  height: 50px;
  overflow: hidden;
}
div.dopBox div.img {
  width: 155px;
  overflow: hidden;
  margin: 8px auto 5px auto;
  height: 190px;
}
div.dopBox span.znacka { color: #4c2812; font-size: 12px; }
div.dopBox span.znacka strong { font-size: 14px }
div.dopBox div.cena {
  text-align: left;
  overflow: hidden;
  margin-top: 5px;
}
div.dopBox div.cena strong {
  color: #000;
  font-size: 22px;
  font-weight: normal !important;
  display: block;
  float: left;
  clear: left;
}
div.dopBox div.cena a {
  color: #efd1a9;
  font-size: 14px;
  margin-right: 5px;
  margin-top: 4px;
  display: block;
  float: right;
}
/*změna pořadí cena/detail u druhého boxu*/
div#dopBoxRight div.cena strong { float: right; }
div#dopBoxRight div.cena a { float: left; }
/*****************************************************************************************
 Patička
*****************************************************************************************/
div#paticka {
  background: url("/img/patickaBg.jpg") repeat-y;
  margin-right: 441px;
}
div#patickaTop { background: url("/img/patickaBgTop.jpg") no-repeat top;
  min-height: 100px;
}
div#paticka span.patickaH {
  display: block;
  margin-left: 350px;
  padding-top: 20px;
  font-size: 12px;
  color: #efd1a9;
  height: 17px;
  overflow: hidden;
  margin-right: 20px;
}
div#paticka div#links {
  float: left;
  width: 300px;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 20px;
}
div#paticka div#links a { color: #7b662b; }
div#paticka div#comp {
  float: right;
  margin-top: 20px;
  width: 175px;
  color: #492611;
  margin-right: 20px;
  font-size: 1.2em;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
div#dLevy, div#dPravy {
  margin-top: 15px;
}                                        
                                        /* obrazek */
div#dPravy {
  width: 301px;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
}
div#dPravy div.img { background: url("/img/dImgBg.jpg") repeat-y center; }
div#dPravy div.imgTop { background: url("/img/dImgTop.jpg") no-repeat top center; }
div#dPravy div.imgBottom { background: url("/img/dImgBottom.jpg") no-repeat bottom center; 
  padding: 20px 0;
  text-align: center;
}

div#dPravy a#lupa {
  background: url("/img/lupa.jpg") no-repeat left top;
  display: block;
  margin-left: 25px;
  margin-top: -7px;
  width: 127px;
  height: 30px;
  padding-top: 5px;
  overflow: hidden;
  padding-right: 22px;
  text-align: right;
  color: #fff;
}
div#dPravy a#lupa:hover { text-decoration: none; }
/*****************************************************************************************
 Detail - Levý sloupec
*****************************************************************************************/
div#dLevy {
  float: right;
  width: 260px;
  color: #2d1e0b;
  font-size: 1.2em;
}
                                        /* specifikace */
div#dLevy div {
  color: #000;
  font-size: 0.9em;
  line-height: 2em;
}
/*tabulka*/
div#dLevy table {
  margin-bottom: 10px;
}
div#dLevy table .dTLevy {
  width: 110px;
}
div#dLevy table tr#dTPrvni {
  color: #000;
  font-weight: bold;
  font-size: 1.25em;
}
div#dLevy table tr#dTPrvni strong {
  color: #8a684b;
  font-size: 1.3em;
}
/*forms*/
div#dLevy form {
  margin-bottom: 30px;
}
div#dLevy form span, div#dLevy form label {
  width: 110px;
  display: block;
  float: left;
  clear: left;
}
div#dLevy form select { width: 80px; }
/*submit*/
div#dLevy input#dSubmit {
  background: url("/img/dSubmit.jpg") no-repeat top center;
  width: 129px;
  height: 100px;
  padding-top: 80px;
  padding-left: 10px;
  text-align: center;
  font-size: 16px;
  color: #6c421f;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  margin: 20px auto 0 auto;
  display: block;
}
div#dLevy input#dSubmit:hover { text-decoration: none; color: #000; } 
                                        /*popis*/
div#dLevy h3 {
  color: #000;
  font-size: 1em;
}
                              /*************************************************
                                Dotazy
                              *************************************************/
div#dFaq { background: url("/img/dFaqBg.jpg") repeat-y; width: 533px; margin-top: 30px; }
div#dFaqTop { background: url("/img/dFaqTop.jpg") no-repeat top; }
div#dFaqBottom {
  background: url("/img/dFaqBottom.jpg") no-repeat bottom;
  padding: 20px 20px 20px 30px 
}
                                        /*klikací oblast*/
div#dFaq div#jcPanelyMenu { margin-bottom: 30px; }
div#dFaq div#jcPanelyMenu span {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #482611;
  margin-left: 25px; margin-right: 65px;
}
div#dFaq div#jcPanelyMenu span.dotazy { }
div#dFaq div#jcPanelyMenu span.mail { }
                                        /*obsahová část*/
div#dFaq div#jcPanelyListy {
  clear: both;
}
/*forms*/
form.dFaqForm fieldset { margin-bottom: 20px; }
form.dFaqForm label { 
  width: 80px; 
  display: block; 
  float: left; 
  clear: left; 
}
form.dFaqForm textarea { margin-top: 3px; border: 1px solid #ccc; margin-left: 0; width: 350px; }
form.dFaqForm h3 { margin-bottom: 10px; font-size: 1.4em;}
form.dFaqForm input {
  border: 1px solid #ccc;
  height: 1.5em;
  margin-top: 3px;
  vertical-align: center;
}
/*submit*/
form.dFaqForm input.dFaqSubmit {
  background: url("/img/submit.gif") no-repeat top center;
  width: 164px;
  height: 36px;
  vertical-align: center;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
  padding-bottom: 7px;
  border: none;
  margin-left: 80px;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }
/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                        /*tabulka*/
div#tOrder table {
  width: 500px;
  margin: 0 auto;
}
/*pozadi*/
div#tOrder div#kTBox { background: url("/img/kTBoxBg.jpg") repeat-y; width: 539px; }
div#tOrder div#kTBoxTop { background: url("/img/kTBoxTop.jpg") no-repeat top center; }
div#tOrder div#kTBoxBottom { background: url("/img/kTBoxBottom.jpg") no-repeat bottom center; 
  min-height: 300px;
  padding-top: 10px;
}
/*styly pro tabulku*/
div#tOrder table .ce { text-align: center; width: 10%; padding: 0; overflow: hidden; }
div#tOrder table .na { width: 60%; }
div#tOrder table thead tr th {
  color: #efd1a9;
  font-weight: bold;
  font-size: 12px;
  height: 45px;
  padding-left: 15px;
}
div#tOrder table tbody tr td { 
  color: #2d1e0b; 
  font-size: 13px; 
  height: 1.6em; 
  font-weight: bold;
  padding-left: 15px; 
}
div#tOrder table tbody tr#doprava td { font-weight: normal; }
div#tOrder table tbody tr#celkem td {
  color: #482611;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #b9b451;
}
/*input#kusu*/
input#kusu {
  width: 30px;
  height: 20px;
  background: #fff;
  text-align: center;
  margin: 1px 0;
  padding-top: 3px;
  border: 1px #f6f6f6;
}
                                        /*přepočítat*/
div#prepocitat {
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 15px;
  clear: both;
}
input#prepocitat {
  background: none;
  border: none;
  float: right;
  margin-right: 83px;
  position: relative;
  top: -30px;
  cursor: pointer;
  color: #fff;
  text-decoration: underline;
}
/*****************************************************************************************
 Boxy
*****************************************************************************************/
div.kBox { background: url("/img/kBoxBg.jpg") repeat-y; width: 542px; clear: both; margin-bottom: 45px; }
div.kBoxTop { background: url("/img/kBoxTop.jpg") no-repeat top center; }
div.kBoxBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom center; 
  padding: 20px 20px 20px 20px;
  text-align: center;
}
/*nadpis*/
div.kBox h2 { font-size: 1.5em; margin-bottom: 10px; }
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
}
div.kBox fieldset.checkbox input { float: none; margin: 0 0 8px 0; height: auto; border: none; display: inline; }
div.kBox fieldset.checkbox label { float: none;  margin-left: 10px; display: inline; }
div.kBox fieldset input {
  height: 1.8em;
  margin-top: 0.3em;
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
}
div.kBox fieldset label {
  float: left;
  margin-top: 10px;
}
div.kBox fieldset#faktura label, div.kBox fieldset#faktura input { float: none; display: inline; }
div.kBox fieldset#faktura label { position: relative; top: -9px; margin-left: 10px;}
div.kBox fieldset#text label { width: 80px; }
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
}
div.kBox div.krok h3 {
  margin-bottom: 5px;
  display: block;
  font-size: 1.2em;
}
div.kBox div.krok p { margin-bottom: 3px; }
/*****************************************************************************************
 Hvězdičkou + submit
*****************************************************************************************/
div#hvezdickou {
  margin-top: 25px;
  margin-left: 5px;
}
div#hvezdickou input {
  margin-top: 3px;
  margin-right: 10px;
}
div#hvezdickou input#submit {
  background: url("/img/submit.jpg") no-repeat top center;
  width: 164px;
  height: 30px;
  vertical-align: center;
  margin: 15px auto;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
  color: #ffffff;
  display: block;
  clear: both;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Doplňky
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/

                                        /*************************************************
                                         Navigace
                                        *************************************************/
                                        /*nacházíte se*/
div#navigace3 { margin-bottom: 10px; }
div#navigace3 a { margin: 0; padding: 0; border: 0; }
div#navigace3 a.sipka {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid black;
}
                                        /*stránkování*/
div#navigace1 { background: url("/img/navigace1Bg.jpg") repeat-x top; 
  float: right; 
  margin-top: 30px;
  
}
div#navigace1Left { background: url("/img/navigace1Left.jpg") no-repeat left top; }
div#navigace1Right { background: url("/img/navigace1Right.jpg") no-repeat right top;
  text-align: center; 
  height: 25px; 
  overflow: hidden;
  padding: 5px 30px 0 30px;
}
div#navigace1, div#navigace1 a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
div#navigace1 a, div#navigace1 span.tecky {
  margin: 0 10px 0 0 !important;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid #fff;
  color: #fff;
}
div#navigace1 span.tecky { background: none; }
div#navigace1 a:hover { text-decoration: none; }
div#navigace1 a.posledni { margin: 0; padding: 0; border: none; }
div#navigace1 span {
  margin-right: 10px;
  margin-left: -14px;
  text-decoration: none;
  color: #341b0c;
  margin-top: 5px;
  padding: 3px 10px 6px 10px;
  background: url("/img/navigace1Active.jpg") no-repeat top center;
  
}
                                        /*řazení*/
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 45px;
}
                                        /*************************************************
                                         Chybové hlášky
                                        *************************************************/
div.green {
  margin: 10px 20px 10px 0px;
  background: #e8e9a9;
  padding: 7px 0;
  border: 1px solid #aac979;
}
div.green p {
  font-weight: bold;
  margin-left: 5px;
}
div.green p a {
  text-decoration: underline;
  color: #383f0f;
  font-size: 13px;
}
div.red {
  margin: 10px 20px 10px 0px;
  background: #f9e9e2;
  padding: 7px 0;
  border: 1px solid #ecc6c0;
}
div.red p {
  font-weight: bold;
  margin-left: 5px;
}
div.red p a {
  text-decoration: underline;
  color: #6d413a;
  font-size: 13px;
}

/* vlajky */
#vlajky { position: absolute; top: 191px; left: 285px; }
#vlajky ul { list-style: none; }
#vlajky ul li span { display: none; }
#vlajky ul li { display: inline; }
#vlajky ul li.cs a { display: block; float: left; width: 25px; height: 17px; background: url(/img/vlajka-cz.jpg) no-repeat; margin-right: 20px; }
#vlajky ul li.sk a { display: block; float: left; width: 25px; height: 17px; background: url(/img/vlajka-sk.jpg) no-repeat; }
#vlajky ul li.cs a.active, #vlajky ul li.cs a:hover { display: block; float: left; width: 25px; height: 17px; background: url(/img/vlajka-cz-active.jpg) no-repeat; }
#vlajky ul li.sk a.active, #vlajky ul li.sk a:hover { display: block; float: left; width: 25px; height: 17px; background: url(/img/vlajka-sk-active.jpg) no-repeat; }