@import url("reset.css");
/*****************************************************************************************
 cobradesign styles - styly.css
*****************************************************************************************/


/*****************************************************************************************
 Základní stylování
*****************************************************************************************/
h1, h2, h3, h4 { color: #232f3f; font-style: italic; }
a { text-decoration: underline; color: #232f3f; }
.hidden, .none { display: none !important; }
.clear { clear: both; }
.obligatory, strong { font-weight: bold !important; }
/*formuláře*/ fieldset#text label { display: block; float: left; clear: left; }
              fieldset#text input { display: block; float: left; }
              
h1 {
  font-size: 2em;
  margin-bottom: 15px;
  padding-top: 10px;
  margin-left: 10px;
}
p {
  margin-bottom: 10px;
  margin-top: 5px;
}
h2 {
  font-size: 1.6em;
  padding: 15px 0 20px 0; margin-left: 10px;
}

/*****************************************************************************************
 Layout
*****************************************************************************************/
body {
  font-family: verdana, helvetica, sans-serif;
  color: #000000;
  font-size: 62.5%;
  text-align: center;
  background: url("/img/bg.jpg") top center;
}
div#main {
  background: url("/img/bgTop.jpg") repeat-x top center;
}
div#obal {
  width: 1015px;
  margin: 0 auto;
  background: url("/img/bg2.jpg") repeat-y right;
  padding-bottom: 10px; /*místo pod patičkou*/
  position: relative;
  text-align: left;
}
div#obal2 { 
  background: url("/img/obsahBg.jpg") repeat-y top right;
}
div#obal3 {
  background: url("/img/obsahBgTop.jpg") no-repeat top right;
}

div#obal_pravy div {
  background: #e1d5c6 url("/img/bgRightTop.jpg") repeat-x top;
  height: 100%;
  width: 50%;
  position: fixed;
  right: 0;
  float: right;
}
/*****************************************************************************************
 Hlavička
*****************************************************************************************/

                                        /*odkaz na index*/
a#odkaz {
  display: block;
  width: 400px;
  height: 150px;
  margin-left: 80px;
}
                                        /*vyhledávání*/
form#search {
  float: left;
  margin-top: 66px;
  margin-left: 260px;
}
form#search input#hledej {
  width: 120px;
  margin-left: 25px;
  padding: 2px 5px;
  text-align: center;
  background: none;
  font-size: 12px;
  font-style: italic;
  color: #231707;
}
form#search input#submit {
  margin-top: 12px;
  width: 100px;
  background: none;
  font-size: 12px;
  font-style: italic;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;  
}
                                        /*košík*/
div#iKosik {
  float: right;
  margin-right: 20px;
  margin-top: 85px;
  width: 220px;
  font-size: 12px;
  color: #ffffff;
  overflow: hidden;
}
div#iKosik a#kosikOdkaz {
  float: left;
  width: 50px;
  height: 45px;
  margin-right: 15px;
  background: none;
  cursor: pointer;
}
div#iKosik div {
  margin-top: 5px;
  line-height: 17px;
}
div#iKosik a.iKosik {
  color: #ffffff;
}
/*****************************************************************************************
 Pravý sloupec
*****************************************************************************************/
div#pravy {
  float: right;
  width: 695px;
  margin-left: 10px;
  margin-right: 30px;
  overflow: hidden;
}
                                        /* vertikální menu */
ul#articles {
  list-style: none;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  overflow: hidden;
  margin-top: 20px;
  height: 16px;
  overflow: hidden;
  margin-bottom: 25px;
}
ul#articles li {
  float: left;
  display: block;
  margin-left: 30px;
}
ul#articles li.first { margin: 0; }
ul#articles li a { color: #ffffff; }
ul#articles li a:hover { text-decoration: none; }
                                        
                                        /*textové pole*/
div#iText {
  margin: 5px 15px 10px 10px;
  min-height: 45px;
  font-size: 1.15em;
  line-height: 1.5em;
}
div#iText h1 { margin-left: 0px; }
div#iText h2 { margin-left: 0px; }
                                        /*************************************************
                                            Výrobky
                                        *************************************************/

                                        /*iBox*/
div.iBox {
  width: 227px;
  height: 384px;
  background: url("/img/iBoxBg.jpg") no-repeat;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-bottom: 20px;
}
div.iBox a.name {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #f2b858;
  overflow: hidden;
  display: block;
  height: 60px;
  margin: 20px 8px 5px 8px;
}
div.iBox div.img {
  width: 214px;
  height: 214px;
  overflow: hidden;
  margin: 5px auto;
}
div.iBox div.cena {
  text-align: left;
  margin-left: 20px;
  overflow: hidden;
  color: #6a4200;
  font-size: 12px;
  line-height: 18px;
}
div.iBox div.cena span {
  width: 80px;
  display: block;
  float: left;
  clear: left;
}
div.iBox div.cena strong {
  color: #5a6a83;
  font-size: 16px;
  font-weight: bold;
}
/*****************************************************************************************
 Levý sloupec
*****************************************************************************************/
div#levy {
  float: left;
  width: 277px;
  text-align: right;
  margin-top: 20px;
}
                                        /* menu */
div#levy h3 {
  font-size: 1.5em;
  color: #a9b5cb;
  margin-right: 40px;
}
ul#categories {
  list-style: none;
  margin-top: 40px;
}
ul#categories li a {
  font-size: 1.8em;
  color: #ffffff;
  font-style: italic;
  line-height: 1.75em;
  background: url("/img/menuA.gif") no-repeat right center;
  padding-right: 40px;
  margin-right: 6px;
}
ul#categories li a:hover { background: url("/img/menuAHover.gif") no-repeat right center; color: #f2b858; text-decoration: none; }

ul#categories li.active { background: url("/img/categories-li-active.png") no-repeat right center; position: relative; right: -1px; }
ul#categories li a.active { margin-right: 7px; color: #f2b858; text-decoration: none; background: none; }

/*****************************************************************************************
 Patička
*****************************************************************************************/
div#paticka {
  background: url("/img/patickaBg.jpg") no-repeat bottom right;
  padding-left: 300px;
  padding-top: 10px;
  padding-right: 50px;
  height: 94px;
  overflow: hidden;
}
div#paticka div.podpis {
  margin-bottom: 10px;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                        /*tabulka*/
div#tOrder table {
  width: 648px;
  margin-left: 3px;
}
/*pozadi*/
div#tOrder div#kTBox { background: url("/img/kTBoxBg.jpg") repeat-y; width: 654px; }
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 left; padding-bottom: 1px; }
/*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: #ffffff;
  font-weight: bold;
  font-size: 1.3em;
  height: 2.4em;
  padding-left: 15px;
}
div#tOrder table tbody tr td { 
  color: #2d1e0b; 
  font-size: 1.4em; 
  height: 1.6em; 
  border: 1px solid #efeeed; 
  padding-left: 15px; 
}
div#tOrder table tbody .ce { border-left: none; border-right: none; }
div#tOrder table tbody tr#celkem td {
  color: #232f3f;
  font-size: 1.5em;
  border-bottom: none;
  font-weight: bold;
}
/*input#kusu*/
input#kusu {
  width: 30px;
  height: 20px;
  background: #fff;
  text-align: center;
  margin: 1px 0;
  padding-top: 3px;
  border: 1px solid #ccc;
}
                                        /*přepočítat*/
div#prepocitat {
  margin-top: 20px;
  font-size: 1.3em;
  overflow: hidden;
  margin-bottom: 15px;
}
div#prepocitat input {
  background: url("/img/submitSmall.jpg") no-repeat top;
  width: 198px;
  border: none;
  height: 37px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  float: right;
  margin: 5px 20px 0 0;
}
/*****************************************************************************************
 Boxy
*****************************************************************************************/
div.kBox { background: url("/img/kBoxBg.jpg") repeat-y; width: 660px; 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: 10px 30px 20px 30px;
  min-height: 240px; _height: 240px;
  text-align: center;
}
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
}
div.kBox fieldset.checkbox input { float: none; margin: 0 0 7px 0; height: auto; border: none; display: inline; }
div.kBox fieldset.checkbox label { float: none;  margin-left: 10px; display: inline; width: auto; }
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;
  width: 100px;
}
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
}
div.kBox div.krok h3 {
  margin-bottom: 10px;
  display: block;
}
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: 245px;
  height: 37px;
  margin: 15px auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
div#dLevy, div#dPravy {
  margin-top: 15px;
}                                        
                                        /* obrazek */
div#dPravy {
  width: 310px;
  overflow: hidden;
  margin-right: 20px;
  float: right;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 15px;
}
div#dPravy img {
  margin-bottom: 8px;
}
div#dPravy a#lupa {
  background: url("/img/lupa.gif") no-repeat left top;
  display: block;
  margin: 0 auto;
  width: 105px;
  height: 20px;
  text-align: right;
}
div#dPravy a#lupa:hover { text-decoration: none; }
/*****************************************************************************************
 Detail - Levý sloupec
*****************************************************************************************/
div#dLevy {
  float: left;
  width: 340px;
  color: #2d1e0b;
  font-size: 1.3em;
  margin-left: 10px;
}
                                        /* specifikace */
div#dLevy div {
  color: #6a4200;
  font-size: 0.9em;
  line-height: 2em;
}
/*tabulka*/
div#dLevy table {
  margin-bottom: 10px;
}
div#dLevy table .dTLevy {
  width: 120px;
}
div#dLevy table tr#dTPrvni {
  color: #5a6a83;
  font-weight: bold;
  font-size: 1.4em;
}
/*forms*/
div#dLevy form {
  margin-bottom: 30px;
}
div#dLevy form span, div#dLevy form label {
  width: 120px;
  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: 246px;
  height: 53px;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  margin: 20px auto 0 auto;
  display: block;
} 
                                        /*popis*/
div#dLevy h3 {
  color: #2d1e0b;
  font-size: 1.25em;
}
                              /*************************************************
                                Dotazy
                              *************************************************/
div#dFaq { background: url("/img/dFaqBg.jpg") repeat-y; width: 659px; margin-top: 30px; margin-bottom: 20px; }
div#dFaqTop { background: url("/img/dFaqTop.jpg") no-repeat top; }
div#dFaqBottom {
  background: url("/img/dFaqBottom.jpg") no-repeat bottom;
  padding: 20px;
}
                                        /*klikací oblast*/
div#dFaq div#jcPanelyMenu {
}
div#dFaq div#jcPanelyMenu span {
  display: block;
  float: left;
  width: 299px;
  text-align: center;
  height: 125px;
  padding-top: 5px;
  font-size: 1.6em;
  font-weight: bold;
  font-style: italic;
}
                                        /*obsahová část*/
div#dFaq div#jcPanelyListy {
  clear: both;
}
/*forms*/
form.dFaqForm fieldset { margin-bottom: 20px; }
form.dFaqForm label { width: 120px; }
form.dFaqForm textarea { margin-top: 3px; border: 1px solid #ccc; margin-left: 0; }
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/submitSmall.jpg") no-repeat top;
  width: 198px;
  border: none;
  height: 37px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  margin-left: 120px;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }

/*********************************************************************************************************************************************************************************** 
                                                                                          Doplňky
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/

                                        /*************************************************
                                         Navigace
                                        *************************************************/
                                        /*nacházíte se*/
div#navigace3 { margin-bottom: 10px; padding-top: 10px; margin-left: 5px; }
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 { text-align: center; padding-bottom: 10px; margin-top: 10px; clear: both; }
div#navigace1, div#navigace1 a {
  color: #1f1507;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}
div#navigace1 a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #a9b5cb;
}
div#navigace1 a.posledni { margin: 0; padding: 0; border: none; }
div#navigace1 span {
  margin-right: 10px;
  margin-left: -13px;
  background: url("/img/navigace1Active.jpg") no-repeat center;
  color: #fff;
  padding: 5px 10px;
  
}
                                        /*řazení*/
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-top: 45px;
}
                                        /*************************************************
                                         Chybové hlášky
                                        *************************************************/
div.green {
  margin: 35px 20px 10px 10px;
  background: #e7ffcb;
  padding: 7px 0;
  border: 1px solid #aac979;
}
div.green p {
  font-weight: bold;
  margin-left: 5px;
}
div.green p a {
  text-decoration: underline;
  color: #2a5416;
  font-size: 13px;
}
div.red {
  margin: 35px 20px 10px 10px;
  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: 188px; left: 260px; }
#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: 15px; }
#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; }