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


/*****************************************************************************************
 Základní stylování
*****************************************************************************************/
h1, h2, h3, h4 { color: #81001a; font-size: 2em; }
.hidden, .none { display: none !important; }
.clear { clear: both; height: 0px; }
.obligatory, strong { font-weight: bold !important; }
a { text-decoration: underline; color: #353535; }
/*formuláře*/ fieldset#text label { display: block; float: left; clear: left; }
              fieldset#text input { display: block; float: left; }
              
/*****************************************************************************************
 Layout  
*****************************************************************************************/
body {
  background: #ceb4b4 url("/img/bg.jpg") repeat-x top center;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 67.5%;
}
div#bg2 {
  background: url("/img/bg2.jpg") repeat-x top center;
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  height: 500px;
}
div#main0 {
  background: url("/img/bgBottom.jpg") repeat-x bottom;
  padding-bottom: 50px;
}
div#main {
  position: relative;
  max-width: 1280px;
  min-width: 992px;
  margin: 0 auto;
  background: url("/img/obsahBg.jpg") repeat-y left;
  text-align: left;
}
div#obal { background: url("/img/obsahBgRight.jpg") repeat-y right; }
div#obal1 {background: url("/img/obsahBgTop.jpg") no-repeat top right; padding-right: 12px;}
/*****************************************************************************************
 Levý sloupec
*****************************************************************************************/
div#levy {
  width: 215px;
  background: url("/img/levyBgTop.jpg") no-repeat top left;
  padding-top: 464px;
  float: left;
}
                                        /*vyhledávání*/
form#search {
  background: url("/img/hledejBg.jpg") no-repeat;
  width: 185px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 15px;
}
form#search input#hledej {
  background: none;
  width: 120px;
  font-size: 13px;
  color: #2b0008;
  padding: 2px 5px;
  margin-left: 15px;
  margin-top: 10px;
}
form#search input#submit {
  width: 20px;
  background: none;
  margin-left: 8px;
  cursor: pointer;
}
                                        /*categories*/
ul#categories {
  list-style: none;
  position: relative;
}
ul#categories li {
  list-style: none;
  margin-bottom: 12px;
}
ul#categories li a {
  display: block;
  width: 170px;
  height: 30px;
  background: url("/img/categoriesA.jpg") no-repeat;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  padding-top: 10px;
  padding-left: 15px;
}
ul#categories li a:hover { background: url("/img/categoriesAHover.jpg") no-repeat; }
ul#categories li a.active { background: url("/img/categoriesAActive.jpg") no-repeat; }
/*****************************************************************************************
 Pravý sloupec
*****************************************************************************************/
div#pravy {
  margin-left: 215px;   /*levyObal + 5px margin*/
}
                                        /*odkaz na index*/
div#nadpis {
  background: #ff0036 url("/img/nadpisBg.jpg") no-repeat left;
  height: 105px;
  padding-bottom: 12px;
  overflow: hidden;
}
div#nadpis img { float: left; }
                                        /*nákupní košík*/
div#iKosik {
  float: right;
  background: url("/img/iKosik.jpg") no-repeat;
  width: 220px;
  height: 104px;
  overflow: hidden;
  font-size: 14px;
  color: #353535;
}
div#iKosik img {
  margin-left: 15px;
  margin-right: 10px;
}
div#iKosik div {
  margin-top: 20px;
  margin-bottom: 20px;
}
div#iKosik a.iKosik {
  margin-left: 37px;
  color: #fff;
  margin-right: 20px;
}
/***********************************************************
 vertikální menu
***********************************************************/
div#articles { background: url("/img/articlesBg.jpg") repeat-x top; }
div#articlesBgLeft { background: url("/img/articlesBgLeft.jpg") no-repeat left top; }
div#articlesBgRight { background: url("/img/articlesBgRight.jpg") no-repeat right top; 
  height: 59px;
}
ul#articles {
  margin-left: 80px;
  padding-top: 15px;
  overflow: hidden;
  height: 25px;
  list-style: none;
}
ul#articles li {
  float: left;
  display: block;
  margin-right: 10px;
  padding-right: 10px;
  background: url("/img/articlesBg.jpg") no-repeat right center;
}
ul#articles li a {
  color: #292929;
  font-size: 13px;
}
ul#articles li a:hover { text-decoration: none; }

/***********************************************************
 Textový banner
***********************************************************/
/*pozadí*/
div#textBgLeft { background: #fc0035 url("/img/textBgLeft.jpg") repeat-y left; font-family: arial; margin-bottom: 40px; margin-right: 15px; }
div#textBgRight { background: url("/img/textBgRight.jpg") repeat-y right; }
div#textBgTop { background: url("/img/textBgTop.jpg") repeat-x top; }
div#textBgBottom { background: url("/img/textBgBottom.jpg") repeat-x bottom; }
div#textBgTopLeft { background: url("/img/textBgTopLeft.jpg") no-repeat top left; }
div#textBgTopRight { background: url("/img/textBgTopRight.jpg") no-repeat top right; }
div#textBgBottomLeft { background: url("/img/textBgBottomLeft.jpg") no-repeat bottom left; }
div#textBgBottomRight { background: url("/img/textBgBottomRight.jpg") no-repeat bottom right; }
/*obsah*/
div#text {
  margin: 0px 30px;
  min-height: 250px;
  padding-left: 200px;
  padding-top: 50px;
  background: url("/img/textZenska.jpg") no-repeat left bottom;
}
div#text h1 { color: #fff; margin-bottom: 15px; }
div#text p { color: #fff; margin-bottom: 10px; }
                              /***********************************************************
                                        hlavní obsah
                              ***********************************************************/
div#obsah { background: url("/img/pravyTop.jpg") no-repeat top left; min-height: 500px; _height: 500px; }
div#obsah h1 {
  margin: 40px 0 20px 50px;
}
div#obsah h2 {
  font-size: 1.85em;
  padding: 5px 0 10px 0;
}
                                        /*iBox*/
div.iBox {
  width: 241px;
  height: 351px;
  background: url("/img/iBoxBg.png") no-repeat;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
}
div.iBox div.img {
  width: 239px;
  height: 242px;
  overflow: hidden;
  margin: 5px auto;
}
div.iBox a.name {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin: 0 5px;
  overflow: hidden;
  display: block;
  height: 50px;
  margin-bottom: 5px;
}
div.iBox div.cena {
  text-align: left;
  margin-left: 20px;
  overflow: hidden;
  margin-right: 15px;
}
div.iBox div.cena span {
  font-family: verdana;
  font-size: 20px;
  color: #fffefc;
  float: left;
}
div.iBox div.cena a {
  color: #fffefc;
  font-family: verdana;
  font-size: 18px;
  text-decoration: none;
  font-style: italic;
  float: right;
  margin-top: 2px;
  margin-right: 5px;
}
/*****************************************************************************************
 Patička
*****************************************************************************************/
div#paticka { clear: both; background: url("/img/patickaBg.jpg") repeat-x bottom; margin-left: 9px; margin-right: 0px; }
div#patickaLeft { background: url("/img/patickaBgLeft.jpg") no-repeat left bottom; }
div#patickaRight { background: url("/img/patickaBgRight.jpg") no-repeat right bottom;
  padding: 100px 20px 40px 20px;
}
div#paticka div.popisky { 
  float: left;
}
#paticka .cobra_podpis { float: right;}
div#links
{
  clear: both;
  background: #ceb4b4;
  padding: 0 10px 0 40px;
}
#links p { display: inline; }
/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
#tOrder { margin-left: 19px; }
div#tOrder h2 { 
  margin: 10px 0 15px 30px;
}
                                        /*Horní box - tabulka*/
/*pozadi*/
div#tOrder div#kTBoxBgLeft { background: #c5c5c5 url("/img/kTBoxBgLeft.jpg") repeat-y left; width: 98%; }
div#tOrder div#kTBoxBgRight { background: url("/img/kTBoxBgRight.jpg") repeat-y right; }
div#tOrder div#kTBoxBgTop { background: url("/img/kTBoxBgTop.jpg") repeat-x top; }
div#tOrder div#kTBoxBgBottom { background: url("/img/kTBoxBgBottom.jpg") repeat-x bottom; }
div#tOrder div#kTBoxTopLeft { background: url("/img/kTBoxTopLeft.jpg") no-repeat top left; }
div#tOrder div#kTBoxTopRight { background: url("/img/kTBoxTopRight.jpg") no-repeat top right; }
div#tOrder div#kTBoxBottomLeft { background: url("/img/kTBoxBottomLeft.jpg") no-repeat bottom left; }
div#tOrder div#kTBoxBottomRight { background: url("/img/kTBoxBottomRight.jpg") no-repeat bottom right; 
  padding: 10px 10px 10px 10px;
}

                    /*tabulka*/
div#tOrder table {
  width: 100%;
}
/*styly pro tabulku*/
div#tOrder div#kTBoxTable { background: url("/img/kTBoxTheadBgLeft.jpg") no-repeat top left; }
div#tOrder div#kTBoxTableRight { background: url("/img/kTBoxTheadBgRight.jpg") no-repeat right top; 
  padding-top: 12px;
}
div#tOrder table tbody tr td {
  height: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
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: #292929;
  font-size: 13px;
  padding-left: 15px;
}
div#tOrder table tbody tr td { 
  color: #292929; 
  font-size: 1.4em; 
  height: 1.6em;
  font-weight: bold;
  padding-left: 15px; 
}
div#tOrder table tbody tr#doprava td {
  font-size: 1.2em;
  font-weight: normal;
  height: 2.2em;
}
div#tOrder table tbody tr#celkem td {
  color: #81001a;
  border-top: 1px solid #a4a4a4;
}
/*input#kusu*/
input#kusu {
  width: 30px;
  height: 1.5em;
  text-align: center;
  padding-top: 5px;
}
                                        /*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: 123px;
  border: none;
  height: 37px;
  color: #fff;
  font-size: 13px;
  margin-right: 20px;
  margin-top: -15px;
  float: right;
}
/*****************************************************************************************
 Boxy
*****************************************************************************************/
/*pozadi*/
div#tOrder div.kBoxBgLeft { background: #e7d8da url("/img/kBoxBgLeft.jpg") repeat-y left; width: 98%; margin-bottom: 40px; }
div#tOrder div.kBoxBgRight { background: url("/img/kBoxBgRight.jpg") repeat-y right; }
div#tOrder div.kBoxBgTop { background: url("/img/kBoxBgTop.jpg") repeat-x top; }
div#tOrder div.kBoxBgBottom { background: url("/img/kBoxBgBottom.jpg") repeat-x bottom; }
div#tOrder div.kBoxTopLeft { background: url("/img/kBoxTopLeft.jpg") no-repeat top left; }
div#tOrder div.kBoxTopRight { background: url("/img/kBoxTopRight.jpg") no-repeat top right; }
div#tOrder div.kBoxBottomLeft { background: url("/img/kBoxBottomLeft.jpg") no-repeat bottom left; }
div#tOrder div.kBoxBottomRight { background: url("/img/kBoxBottomRight.jpg") no-repeat bottom right; 
  padding: 10px 30px 10px 30px;
  overflow: hidden;
}
#tOrder .kBox h2 { margin: 10px 0 10px 0; }

                                        /*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 { width: 25%; }
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-bottom: 10px;
  display: block;
  font-size: 1.4em;
}
div.kBox div.krok p { margin-bottom: 10px; }
/*poznámky - textarea*/
div.kBox textarea { width: 65%; }
/*****************************************************************************************
 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/submitVelky.jpg") no-repeat top center;
  width: 193px;
  height: 41px;
  margin: 15px auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                        /* obrazek */
div#dPravy {
  width: 307px;
  overflow: hidden;
  margin-right: 30px;
  float: right;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 15px;
  padding-top: 18px;
  background: url("/img/dPravyTop.jpg") no-repeat top;
}
div#dPravyTop { background: url("/img/dPravyCenter.jpg") repeat-y center; }
div#dPravyBottom { background: url("/img/dPravyBottom.jpg") no-repeat bottom; 
  padding: 10px; padding-top: 0px;
}
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: 90px;
  height: 20px;
  text-align: right;
}
div#dPravy a#lupa:hover { text-decoration: none; }
/*****************************************************************************************
 Detail - Levý sloupec
*****************************************************************************************/
div#dLevy {
  width: 45%;
  color: #000;
  font-size: 1.4em;
  margin-left: 5%;
  margin-top: 15px;
}
                                        /* 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: 180px;
}
div#dLevy table tr#dTPrvni {
  color: #81001a;
  font-weight: bold;
  font-size: 1.4em;
}
/*forms*/
div#dLevy form {
  margin-bottom: 30px;
}
div#dLevy form span, div#dLevy form label {
  width: 180px;
  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: 245px;
  height: 69px;
  text-align: right;
  padding-right: 30px;
  font-size: 12px;
  padding-top: 10px;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
  cursor: pointer;
  margin: 20px auto 0 auto;
  display: block;
} 
#dLevy input#dSubmit:hover { text-decoration: none; }
                                        /*popis*/
div#dLevy h3 {
  color: #2d1e0b;
  font-size: 1.1em;
}
                              /*************************************************
                                Dotazy
                              *************************************************/
div#dFaq { background: url("/img/dFaqBg.jpg") repeat-y; 
  width: 713px; 
  margin-top: 30px;
  float: left;
  margin-left: 5%;
}
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 span {
  display: block;
  width: 228px;
  text-align: center;
  float: left;
  height: 26px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 54px 20px 54px;
  padding-top: 10px;
}
div#dFaq div#jcPanelyMenu span.tab2 { background: url("/img/dFaq_span_active.jpg") no-repeat; color: white; }
div#dFaq div#jcPanelyMenu span.tab3 { background: url("/img/dFaq_span.jpg") no-repeat; cursor: pointer; color: #292929; text-decoration: underline; }

                                        /*obsahová část*/
div#dFaq div#jcPanelyListy div.tab3 { display: none; }

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/submitSmallFaq.jpg") no-repeat top;
  width: 118px;
  border: none;
  height: 39px;
  color: #fff;
  font-weight: bold;
  margin-top: 15px;
  margin-left: 120px;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }

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

                                        /*************************************************
                                         Navigace
                                        *************************************************/
                                        /*nacházíte se*/
div#navigace3 { margin-bottom: 10px; margin-left: 30px; margin-top: 15px; }
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;
  padding-top: 10px;
  margin-top: 10px; 
  clear: both;
}
div#navigace1, div#navigace1 a {
  color: #81001a;
  font-size: 14px;
  font-weight: bold;
}
div#navigace1 a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #a9b5cb;
}
div#navigace1 a:hover { color: #292929; text-decoration: none; }
div#navigace1 a.posledni { margin: 0; padding: 0; border: none; }
div#navigace1 span {
  margin-right: 10px;
  margin-left: -15px;
  background: url("/img/navigace1Active.gif") no-repeat center;
  color: #fff;
  padding: 10px 10px;
}
                                        /*řazení*/
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 45px;
}
                                        /*************************************************
                                         Chybové hlášky
                                        *************************************************/
div.green {
  margin: 10px 20px 10px 50px;
  background: #e7ffcb;
  padding: 7px 0;
  border: 1px solid #aac979;
}
/* tato hlaska bude na indexu */
.green.indexHlaska { margin-left: 0px; }

div.green p {
  font-weight: bold;
  margin-left: 5px;
}
div.green p a {
  text-decoration: underline;
  color: #2a5416;
  font-size: 13px;
}
/* tato hlaska bude na indexu */
.red.indexHlaska { margin-left: 0px; }

div.red {
  margin: 10px 20px 10px 50px;
  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 { margin-left: 30px; height: 23px; }
#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; }