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

/*****************************************************************************************
 Základní stylování
*****************************************************************************************/
h1, h2, h3, h4 { color: #bc2c00; font-weight: normal; margin-top: 15px; margin-bottom: 10px; }
h1 { font-size: 1.8em; font-weight: bold; margin-bottom: 20px;}
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
a { text-decoration: underline; color: #243209; }
.hidden, .none { display: none !important; }
.clear { clear: both; }
.obligatory, strong { font-weight: bold !important; }
/*formuláře*/ fieldset#text label, fieldset.text label { display: block; float: left; clear: left; }
              fieldset#text input, fieldset.text input { display: block; float: left; }
              
              
/* rozsireni webu */
div#body {
	width: 1280px;
	overflow: hidden;
	margin: 0 auto;
}
#body #main {
	margin: 0 0 30px 41px;
}
#body #leftCol {
	width: 290px;
	margin-top: 340px; 
	float: left;
}
#body #leftCol ul {
	list-style: none;
	text-align: left;
}
#body #leftCol ul li {
	display: block;
}
#body #leftCol ul li a {
	display: block;
	width: 278px;
	height: 61px;
	background: url("/img/articlesButton.png") no-repeat left top;
	overflow: hidden;
	clear: both;
	float: none;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 61px;
	padding-left: 20px;
	margin-bottom: 5px;
}
#body #leftCol ul li a:hover {
	text-decoration: none;
}

/*****************************************************************************************
 Layout
*****************************************************************************************/
body {
  font-family: verdana, tahoma, sans-serif;
  color: #28360c;
  font-size: 62.5%;
  text-align: center;
  background: #fffcd7 url("/img/bg.jpg") repeat-x top;
}
div#main {
  width: 1240px;
  margin: 0 auto;
  background: url("/img/obsahBg.jpg") repeat-y 99% top;
  text-align: left;
  margin-bottom: 30px;
}
div#obal {
  background: url("/img/bgTop.jpg") no-repeat top;
}
/*****************************************************************************************
 Hlavička
*****************************************************************************************/
div#hlava {
  overflow: hidden;
}
/*odkaz na index*/
a#odkaz {
  display: block;
  width: 550px;
  height: 85px;
  margin-top: 20px;
  cursor: pointer;
}
                                        /* vertikální menu */
div#articles {
  height: 36px;
  overflow: hidden;
}
div#articles ul {
  list-style: none;
  font-size: 12px;
  height: 14px;
  overflow: hidden;
  margin-top: 10px;
  margin-right: 300px;
}
div#articles ul li {
  float: left;
  list-style: none;
}
div#articles ul li a {
  color: #fff;
  margin-left: 15px; padding-left: 15px; border-left: 1px solid #fff;
}
div#articles ul li.first a { margin: 0; padding: 0; border: none; }
div#articles ul li a:hover { background: url("/img/articlesHover.gif") no-repeat right center; }

/*****************************************************************************************
 Levý a pravý sloupec pod hlavičkou
*****************************************************************************************/

                                        /* pravý sloupec */
div#pravy {
  float: right;
  width: 400px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 30px;
  margin-bottom: 30px;
}
/* košík */
div#iKosik {
  font-size: 12px;
  line-height: 18px;
  color: #a31700;
  margin-left: 250px;
  text-align: center;
}
div#iKosik a { color: #a31700; font-weight: bold; }
div#iKosik span {
  font-weight: bold;
  text-decoration: underline;
  display: block;
  padding-top: 10px;
}
/* řazení */
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 80px;
}
div#navigace2 em {
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  margin-right: 30px;
}
div#navigace2 div#navigace2Bottom {
  margin-top: 5px;
  background: url("/img/navigace2Bottom.jpg") no-repeat bottom right;
  padding: 5px 20px 2px 0;
}
                                        /* levý sloupec */
div#levy {
  margin-left: 0px;
  margin-right: 50px;
  font-size: 11px;
  line-height: 1.4em;
}
div#levy h2 { text-align: left; margin-left: 40px; }
div#levy h3 { text-align: left; margin-left: 40px; }

/*****************************************************************************************
 Hlavní obsah - výrobky
*****************************************************************************************/
div#obsah { 
  margin-left: 45px;
  margin-right: 20px;
  margin-top: 70px;
  min-height: 600px;
  padding-left: 240px;
}
#obsah ul {
	margin: 20px 0 10px 15px;
}
                                        /* iBox */
div.iBox {
  width: 426px;
  height: 315px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-top: 20px;
  margin-right: 40px;
  margin-bottom: 40px;
}
div.iBox div.img {
  width: 264px;
  height: 254px;
  overflow: hidden;
  text-align: center;
  float: left;
}
                    /* ceny */
div.iBox div.cena {
  text-align: left;
  overflow: hidden;
  margin-bottom: 0px;
}
/* hlavní cena - používá se i u detailu */
span.cenaHlavni {
  display: block;
  width: 161px;
  height: 38px;
  padding-top: 15px;
  background: url("/img/iBoxCenaHlavniBg.jpg") no-repeat top;
  margin-left: 1px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
}
/* vedlejší cena - používá se i u detailu */
em.cenaVedlejsi {
  width: 127px;
  height: 22px;
  padding-top: 6px;
  background: url("/img/iBoxCenaVedlejsiBg.jpg") no-repeat top;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #000;
  text-decoration: line-through;
  font-size: 11px;
}
/* text */
div.iBox div.text {
  height: 143px;
  margin: 5px 0px;
  overflow: hidden;
}
/* název */
div.iBox div.name {
  width: 426px;
  height: 61px;
  background: url("/img/iBoxNameBg.jpg") no-repeat top;
  overflow: hidden;
  text-align: center;
  clear: both;
  float: none;
}
div.iBox div.akce { background: url("/img/iBoxNameBgAkce.jpg") no-repeat top !important; }
div.iBox div.nejprodavanejsi { background: url("/img/iBoxNameBgNejprodavanejsi.jpg") no-repeat top !important; }
div.iBox div.novinka { background: url("/img/iBoxNameBgNovinka.jpg") no-repeat top !important; }
div.iBox a.name {
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  display: block;
  margin: 18px 5px 0 5px;
  height: 20px;
  overflow: hidden;
}
							/* articles */
div#article { 
	margin-right: 40px;
}
div#article p {
	margin-top: 15px;
}
/*****************************************************************************************
 Patička
*****************************************************************************************/
div#paticka { background: url("/img/patickaBg.jpg") repeat-y 99% 0%; }
div#patickaTop { background: url("/img/patickaBgTop.jpg") no-repeat 99% top; }
div#patickaBottom { background: url("/img/patickaBgBottom.jpg") no-repeat 99% bottom; 
  min-height: 130px;
  padding-left: 240px;
}
/* levý a pravý sloupec patičky - margin*/div#links, div#comp { margin-top: 70px; margin-bottom: 30px; }
/* levý sloupec patičky */
div#paticka div#links {
  float: left;
  width: 600px;
  overflow: hidden;
  margin-left: 50px;
  margin-bottom: 25px;
}
div#paticka div#links a { color: #243209; }
/* vymena odkazu */
#paticka #links a.vymena-odkazu
{
  display: block;
  padding: 5px 0;
}
/* pravý sloupec patičky */
div#paticka div#comp {
  float: right;
  width: 230px;
  color: #243209;
  margin-right: 70px;
  text-align: right;
  margin-bottom: 25px;
  font-weight: normal;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
h1 {
  display: block;
  margin-left: 20px;
  text-align: left;
  width: 400px;
}
div#dLevy, div#dPravy {
  margin-top: 15px;
}                                        
                                        /* obrazek */
div#dObrazek {
  width: 452px;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
  margin-right: 15px;
}
div#dObrazek div.img { background: url("/img/dObrazekBg.jpg") repeat-y; }
div#dObrazek div.imgTop { background: url("/img/dObrazekTop.jpg") no-repeat top; }
div#dObrazek div.imgBottom { background: url("/img/dObrazekBottom.jpg") no-repeat bottom; 
  min-height: 120px;
  padding: 15px;
  padding-bottom: 55px;
}
    /* velký obrázek */
div#dObrazek div.imgBig {
  width: 415px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
div.imgBig div#img {
  width: 335px;
  margin-left: 3px;
  text-align: center;
  float: right;
  margin-top: 10px;
}
div#dObrazek div.imgLevy {
  float: left;
  width: 376px;
}
div#dObrazek div.imgPravy { float: right; }
/* šipka vlevo */
div#dObrazek a#dSipkaLeva {
  display: block;
  width: 37px;
  height: 37px;
  background: url("/img/dSipkaLeva.jpg") no-repeat left center;
  overflow: hidden;
  float: left;
  margin-top: 150px;
}
/* šipka vpravo */
div#dObrazek a#dSipkaPrava {
  display: block;
  width: 37px;
  height: 37px;
  background: url("/img/dSipkaPrava.jpg") no-repeat right top;
  overflow: hidden;
  margin-top: 150px;
}
    /* malý obrázek */
div#dObrazek div.imgSmall {
  width: 95px;
  text-align: center;
  float: left;
  margin-right: 10px;
}
div#dObrazek a#lupa {
  background: url("/img/lupa.gif") no-repeat left top;
  display: block;
  margin: 0 auto;
  width: 105px;
  height: 20px;
  text-align: right;
}
div#dObrazek a#lupa:hover { text-decoration: none; }
/*****************************************************************************************
 Detail - Specifikace
*****************************************************************************************/
div#dSpec {
  float: right;
  width: 405px;
  margin-right: 40px;
  color: #2d1e0b;
  font-size: 1.3em;
  margin-top: 20px;
}
/* akce */
div.akce {
  width: 78px;
  height: 78px;
  background: url("/img/akce.jpg") no-repeat;
  margin-right: 15px;
}
/* novinka */
div.akce {
  width: 78px;
  height: 78px;
  background: url("/img/novinka.jpg") no-repeat;
  margin-right: 15px;
}
/* nejprodavanejsi */
div.akce {
  width: 78px;
  height: 78px;
  background: url("/img/nejprodavanejsi.jpg") no-repeat;
  margin-right: 15px;
}
/* levy */
div#dSpec div {
  float: left;
  overflow: hidden;
}
/* cena vedlejsi */
div#dSpec em.cenaVedlejsi { margin-left: 20px; }
/* submit */
div#dSpec input#dSubmit {
  background: url("/img/dKosik.jpg") no-repeat;
  width: 142px;
  height: 111px;
  color: #315218;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  padding-top: 85px;
  float: right;
  cursor: pointer;
}
/* popis */
div.popis {
  margin-left: 10px;
  margin-right: 40px;
  line-height: 1.5em;
}
div.popis p { margin-top: 15px; text-indent: 30px; }
.popis ul
{
  margin-left: 10px;
}
.popis h3 {
	font-weight: bold;
}
                              /*************************************************
                                Dotazy
                              *************************************************/
div#dFaq { 
  width: 60%;
  margin: 50px auto 20px auto;
}
                                      /*klikací oblast*/
div#dFaq div#jcPanelyMenu span {
  display: block;
  float: left;
  width: 216px;
  text-align: center;
  background: url("/img/dFaqSpan.jpg") no-repeat;
  font-size: 17px;
  font-weight: bold;
  padding-top: 15px;
  height: 38px;
  margin-bottom: 20px;
  color: #fff;
}
div#dFaq div#jcPanelyMenu span.tab2 { }
div#dFaq div#jcPanelyMenu span.tab3 {
  float: right;
  margin-right: 30px;
}
                                        /*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: 20px; font-size: 1.4em; }
form.dFaqForm input {
  border: 1px solid #ccc;
  height: 1.5em;
  margin-top: 3px;
  vertical-align: center;
}
/*submit*/
div#dFaq input.dFaqSubmit {
  background: url(/img/dFaqSubmit.jpg) no-repeat;
  width: 126px;
  border: none !important;
  color: #fff;
  font-weight: bold;
  height: 34px !important;
  margin-left: 120px;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }
/***********************************************************************************************************************************************************************************
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                        /*tabulka*/
div#tOrder table {
}
/*pozadi*/
div#tOrder div#kTBox { background: url("/img/kTBoxBg.jpg") repeat-y; 
	width: 473px; 
	margin-top: 20px;
	float: left;
	margin-bottom: 40px;
}
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;
  padding-top: 20px;
  padding-bottom: 25px;
  min-height: 100px;
}
div#tOrder div#kTBox h2 { text-align: left; }

div.kTBoxDiv {
  border-bottom: 1px solid #e2e3e1;
  margin-left: 6px; margin-right: 6px;
  padding-bottom: 10px;
}
/*obrazek*/
div#kTBox div.img {
  margin: 25px 10px 10px 25px;
  float: left;
  width: 90px;
  overflow: hidden;
  text-align: center;
}
/*nadpis*/
div#kTBox h2 {
  padding: 20px 0 0 0;
  margin-bottom: 0;
}
/*cena s DPH*/
span.cenaS {
  color: #28360c;
  font-size: 14px;
  font-weight: bold;
}
/*cena bez DPH*/
span.cenaBez {
  color: #28360c;
  font-size: 10px;
  font-weight: bold;
  margin-left: 50px;
}
/* fieldset# text */
fieldset#text input, fieldset.text input  {
	padding: 4px 2px 0 2px;
	height: 18px !important;
}
fieldset#text input.psc, fieldset.text input.psc {
	text-align: center;
}
/*input #kusu*/
input#kusu {
  border: 1px solid #e2e3e1;
  width: 20px;
  margin-top: -5px;
  padding: 5px 0;
  text-align: center;
}
/*input #prepocitat*/
input#prepocitat {
  background: none;
  color: #bdbdbd;
  font-size: 12px;
  margin-left: 5px;
  cursor: pointer;
}
/*odstranit*/
a.delete {
  display: block;
  text-align: right;
  margin-right: 30px;
}
/*tabulka*/
div#kTBox table {
  width: 100%;
  color: #bc2c00;
  font-size: 14px;
  margin-top: 10px;
}
div#kTBox table tr td {
  width: 33%;
  text-align: center;
}
                                        /*celkem*/
div#kBoxCelkem {
  width: 395px;
  height: 186px;
  background: url("/img/kBoxCelkem.jpg") no-repeat top;
  float: right;
  margin-right: 40px;
  margin-top: 28px;
  margin-bottom: 40px;
}
div#kBoxCelkem h2 {
  display: block;
  text-align: center;
  margin-top: 20px; margin-right: 30px;
}
div#kBoxCelkem em {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  width: 250px;
  height: 20px;
  overflow: hidden;
}
/*****************************************************************************************
 Boxy
*****************************************************************************************/
div.kBox { background: url("/img/kBoxBg.jpg") repeat-y; width: 889px; 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: 30px 30px 20px 50px;
  min-height: 120px;
  text-align: center;
}
div#tOrder h2 {
  display: block;
  margin-left: 50px;
  margin-bottom: 10px;
  text-align: center;
}
                                        /* radio */
input.radioInput {
  float: left;
  clear: left;
  display: block;
}
label.radioLabel {
  float: left;
  font-weight: bold;
}
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
}
div.kBox fieldset input {
  border: none;
  margin-right: 15px;
  margin-bottom: 10px;
}
div.kBox fieldset#text label, div.kBox fieldset.text label { width: 25%; }
div.kBox fieldset#text input, div.kBox fieldset.text input { width: 40%;
  height: 2em;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
}
div.kBox div.krok h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  display: block;
}
div.kBox div.krok p { margin-bottom: 10px; }
/*poznámky - textarea*/
div.kBox textarea { width: 65%; border: 1px solid #ccc; }
/*****************************************************************************************
 Hvězdičkou + submit
*****************************************************************************************/
div#hvezdickou {
  margin-top: 25px;
  margin-left: 5px;
  font-weight: bold;
  margin-right: 40px;
}
div#hvezdickou input {
  margin-top: 3px;
  margin-right: 10px;
}
div#hvezdickou input, div#hvezdickou label { font-weight: normal; }
div#hvezdickou input#submit {
  background: url("/img/submit.jpg") no-repeat top center;
  width: 274px;
  height: 52px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  margin: 15px auto;
  text-align: center;
  cursor: pointer;
  clear: both;
  margin: 15px auto;
  display: block;
}

/* zkontr. */
p.checkout { margin-right: 40px; }
/*********************************************************************************************************************************************************************************** 
                                                                                          Doplňky
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
/* links */
div.links {
	background: #fffcd7;
	padding-left: 70px;
	padding-right: 80px;
}
                                        /*************************************************
                                         Chybové hlášky
                                        *************************************************/
div.green, div.red
{
  background: url(/img/kTBoxBg.jpg) repeat-y;
  width: 473px;
  position: relative;
  top: 18px;
  margin-bottom: 50px;
}
div.greenTop, div.redTop { background: url(/img/kTBoxTop.jpg) no-repeat top; }
div.greenBottom, div.redBottom { background: url(/img/kTBoxBottom.jpg) no-repeat bottom; min-height: 120px; _height: 120px; }
div.green p, div.red p
{
  font-weight: bold;
  padding: 35px 40px;
}
div.green p { color: #2a5416; }
div.red p { color: #6d413a; }
div.green p a, div.red p a 
{
  text-decoration: underline;
  font-size: 13px;
}
div.green p a { color: #2a5416; }
div.red p a { color: #6d413a; }