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

.hidden, .none {
  display: none !important;
}
.clear {
  clear: both;
}
.obligatory, strong {
  font-weight: bold !important;
}
strong {
  color: #940d0d;
}
h1, h2, h3, h4 {
  font-family: calibri;
  color: #940d0d;
  display: block;
}
h1, h2 { margin-top: 20px; }
a {
  color: #000000;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
/*****************************************************************************************
 Layout
*****************************************************************************************/
body {
  background: #891918 url("/img/bg.jpg") center;
  color: #000000;
  width: 100%;
  font-family: "Palatino Linotype", "New York CE", utopia, serif;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
div#main {
  background: url("/img/bg_top.jpg") repeat-x top;
}
div#obal {
  width: 972px;
  background: url("/img/celek_bg.gif") repeat-y center;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
/*****************************************************************************************
 Hlavička
*****************************************************************************************/
div#obal div#hlava {
  height: 142px;
  background: url("/img/hlava.jpg") no-repeat center top;
}
div#obal img#logo {
  float: right;
  margin-top: 69px;
}
/*****************************************************************************************
 Pravý sloupec
*****************************************************************************************/
div#pravy_obal {
  width: 700px;
  background: url("/img/pravy_bg.jpg") repeat-y left;
  float: right;
}
div#pravy {
  background: url("/img/pravy_top.jpg") no-repeat top center;
  padding: 15px 47px 37px 5px;
}
div#pravy h2 {
  font-size: 26px;
  margin-bottom: 5px;
}
div#pravy p {
  line-height: 19px;
  margin-bottom: 15px;
}
div#pravy h3 {
  font-size: 18px;
  margin: 16px 0 13px 0;
}

.iText { margin-left: 6px; }
                                 
                                        /*nepřehlédněte - box*/
                                        
div#pravy dl.box {
  width: 210px;
  height: 338px;
  text-align: center;
  background: url("/img/box_bg.jpg") no-repeat center;
  padding-top: 1px;
  margin-right: 4px;
  margin-left: 2px;
  margin-bottom: 17px;
  float: left;
}
dl.box dt {
  margin: 15px 0;
  height: 20px;
  overflow: hidden;
}
dl.box dt a {
  color: #940d0d;
  font-size: 15px;
  text-decoration: underline;
  font-weight: bold;
}
dl.box div.img {
  height: 213px;
  overflow: hidden;
}
dl.box img {
  display: block;
  margin: 0 auto 5px auto;
}
dl.box dd strong {
  font-weight: 900;
  color: #940d0d;
  font-size: 17px;
  margin-right: 15px;
}
dl.box dd ul {
  list-style: none;
  overflow: hidden;
  position: relative;
  bottom: 0px;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}
dl.box dd ul li {
  list-style: none;
  float: left;
  margin-left: 13px;
}
dl.box dd ul li.info {
  margin-left: 57px;
}
dl.box dd ul li.info a {
  color: #ffffff;
}
dl.box dd ul li a {
  font-size: 12px;
  color: #626262;
  font-weight: bold;
  font-family: tahoma;
  margin-left: 8px;
}
/*****************************************************************************************
 Pravý sloupec - lišta nahoře
*****************************************************************************************/
div#lista {
  width: 204px;
  float: right;
  margin: 1px 0 22px 10px;
  font-family: trebuchet ms;
  font-size: 11px;
  color: #fce9e9;
}
div#lista h3 {
  display: block;
  margin: 10px 0 15px 0;
  color: #ffd3a4;
  text-decoration: underline;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-family: arial;
}
div#lista a {
  color: #fce9e9;
  border-bottom: 1px solid #b1554b;
  text-decoration: none;
} 
div#lista a:hover {
  border-bottom: 1px solid #fad0d0;
  text-decoration: none;
}

                                        /*nákupní taška*/
                                     
div#taska {
  background: #a53c24 url("/img/taska-top.jpg") no-repeat top center;
  width: 204px;
}
div#taska-bottom { background: url(/img/taska-bottom.jpg) no-repeat bottom center; }
#taska-roh {
  min-height: 127px; _height: 127px;
  position: relative;
  padding-bottom: 135px;
  padding-top: 10px;
}
/* articles */
ul#articles
{
  margin-left: 30px;
  font-size: 1.15em;
}
ul#articles li { color: #efb484; }
ul#articles li.active { color: #efb484; }
ul#articles li.active strong { color: #fff; text-decoration: underline; font-weight: normal !important; }
#articles, #articles * { font-weight: normal; }
/* kosik */
#taska .kosik
{
  position: absolute;
  bottom: 55px;
  left: 75px;
}
                                        /*kategorie*/
                                        
div#lista div#kategorie {
  background: #801010 url("/img/kat_top.jpg") no-repeat top center;
  margin-top: 10px;
  position: relative;
}
div#kategorie div {
  background: url("/img/kat_bottom.jpg") no-repeat bottom;
  padding: 6px 0 35px 15px;
  min-height: 330px;
}
div#kategorie h3 {
  margin-bottom: 13px;
}
div#kategorie input#hledej {
  background: none !important;
  border: none !important;
  text-align: center;
  color: #808080;
  width: 93px;
  height: 19px;
  margin-left: 20px;
  font-size: 12px;
  -webkit-border-radius: 9px;
}
div#kategorie input#submit {
  background: none;
  color: #ffffff;
  font-size: 11px;
  margin-left: 15px;
  margin-top: 2px;
  cursor: pointer;
  color: #eeeeee;
}
div#kategorie ul {
  margin-top: 20px;
  margin-left: 15px;
  line-height: 23px;
  font-size: 16px;
  font-weight: normal;
  font-family: calibri;
}
div#kategorie ul li {
  color: #efb484;
}
/*****************************************************************************************
 Levý sloupec
*****************************************************************************************/
div#levy {
  width: 272px;
  float: left;
  background: url("/img/zenska.jpg") no-repeat top center;
  padding-top: 596px;
  padding-left: 0px;
}
div#levy h3, div#levy h2 {
  background: url("/img/proc_h3_top.jpg") no-repeat top right;
  padding: 8px 40px 6px 45px;
  display: block;
  text-align: center;
}
div#levy ul {
  background: url("/img/levy_ul_top.jpg") no-repeat top right;
  padding: 16px 40px 25px 45px;
}
div#levy ul li {
  margin-bottom: 15px;
  color: #000;
}
div#levy ul li p {
  color: #000000;
}
/*****************************************************************************************
 Patička
*****************************************************************************************/
div#paticka2
{
  background: url("/img/bodyBg.jpg") repeat-y left;
  margin-right: 25px;
  margin-left: 9px;
}
div#paticka {
  clear: both;
  background: #ffffff url("/img/paticka_bg.jpg") no-repeat top right;
  padding: 60px 20px 20px 25px;
  margin: 0 13px 0 241px;
  font-weight: normal;
  font-weight: bold;
  text-align: right;
}
div#paticka a { text-decoration: underline !important; color: #940d0d; }
div#paticka div.patkaLevy {
  float: left;
}
/*****************************************************************************************
 Další stránka: detail výrobku
*****************************************************************************************/

/*odstranění odstavce od lišty - kvůli odkazu "přidej do košíku"*/
body#detail div#lista {
  margin-left: 0px;
}

div#detail_top {
  width: 444px;
  overflow: hidden;
}
                                        /*tabulka ceny nahoře*/
div#pravy table {
  width: 248px;
  float: left;
  font-family: trebuchet ms;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
  line-height: 17px;
}
div#pravy tr#cena {
  color: #940d0d;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
}
div#pravy tr#cena span {
  font-size: 20px;
}
                                        /*formuláře nahoře*/
div#pravy div#spec {
  width: 186px;
  float: right;
  overflow: hidden;
}
div#spec form#info {
  margin-top: 1px;
}
div#spec form#info label {
  display: block;
  float: left;
  clear: left;
  width: 70px;
  line-height: 22.5px;
}
div#spec form#info select {
  display: block;
  width: 90px;
  float: left;
}
div#spec input#koupit {
  display: block;
  width: 188px;
  height: 66px;
  background: url("/img/detail_do_kosiku.jpg") no-repeat top center;
  text-align: center;
  overflow: hidden;
  color: #fce9e9;
  cursor: pointer;
  margin-top: 30px;
}


                                        /*obrázek + popis*/

body#detail div#pravy div#img {
  width: 436px;
  text-align: center;
  padding-left: 9px;
}                                 
body#detail div#pravy img {
  margin: 20px 0 0 10px;
}
body#detail div#pravy div#img div {
  text-align: left;
}

                                        /*dotazy*/
div#d_faq {
  clear: both;
  background: url("/img/d_faq_center.jpg") repeat-y center;
  width: 613px;
  margin: 20em auto 2em auto;
}
div#d_faq_bottom {
  background: url("/img/d_faq_bottom.jpg") no-repeat bottom;
  padding-bottom: 26px;
}
div#d_faq_top {
  background: url("/img/d_faq_top.jpg") no-repeat top;
}
div#d_faq #jcPanelyMenu {
  height: 40px;
  padding: 15px 15px 0 15px;
}
div#d_faq span.tab2, div#d_faq span.tab3 {
  font-size: 15px;
  font-weight: bold;
  display: block;
  width: 150px;
  height: 26px;
  text-align: center;
  padding-top: 0px;
}
div#d_faq span.tab3 {
  float: left;
  margin-left: 60px;
  color: #fff;
  cursor: pointer;
  background: url("/img/d_faq_hover.jpg") no-repeat;
}
div#d_faq span.tab2 {
  float: right;
  margin-right: 60px;
  background: url("/img/d_faq_active.jpg") no-repeat;
}
/*listy*/
div#d_faq div#jcPanelyListy {
  padding: 15px;
}
div#d_faq div#jcPanelyListy div.tab3 {
  display: none;
}
/*form*/
div#d_faq fieldset#text {
  margin-top: 15px;
}
div#d_faq fieldset#text label {
  display: block;
  float: left;
  clear: left;
  width: 120px;
  margin: 0px;
}
div#d_faq fieldset#text input {
  display: block;
  float: left;
  width: 220px;
  height: 20px;
  margin-bottom: 2px;
  border: 1px solid #D6D6D6;
  padding-top: 3px;
  padding-left: 5px;
}
div#d_faq fieldset#text input#prepocitat {
  height: 25px;
  margin: 10px 0;
  margin-left: 120px;
  width: 120px;
  border: none !important;
  background: url(/img/dFaqSubmit.jpg) no-repeat;
}
div#d_faq p.hvezda {
  color: #6d6d6d;
}
/*mail*/
div#d_faq div.tab3 span {
  display: block;
  clear: both;
  font-weight: bold;
  font-size: 15px;
  margin: 5px 0px 10px 0;
}
/*dotazy*/
div#d_faq div.dotaz {
  margin: 10px 0;
}
div#d_faq div.dotaz p {
  text-indent: 0;
  margin-left: 15px;
  color: #6b6b6b;
}
div#d_faq .tmave {
  color: #000000;
}
div#d_faq p.odpoved {
  color: #000000 !important;
  font-weight: bold;
}
/*****************************************************************************************
 Další stránka - odhlaseni
*****************************************************************************************/
p#logout {
  margin: 20px 0 120px 10px;
}
/*****************************************************************************************
 Další stránka - Karta zakaznika
*****************************************************************************************/
form.karta {
  margin: 0 160px 0 10px;
}
form.karta h2 {
  margin-bottom: 10px !important; 
}
form.karta p {
  margin-bottom: 5px;
}
form.karta input {
  margin-right: 10px;
  margin-top: 10px;
}
/*****************************************************************************************
 Další stránka - Login
*****************************************************************************************/
div#login fieldset h2 {
  font-size: 15px;
  border: 0px;
  margin: 0 0 5px 0;
  padding: 0px;
}
div#login fieldset p {
  margin-bottom: 5px
}
div#login fieldset div {
  margin-top: 20px;
  margin-bottom: 20px;
}
div#login fieldset label {
  display: block;
  float: left;
  clear: left;
  width: 80px;
  margin: 0px;
}
div#login fieldset input {
  display: block;
  float: left;
  width: 220px;
  height: 20px;
  margin-bottom: 2px;
  border: 1px solid #D6D6D6;
  padding-top: 3px;
  padding-left: 5px;
}
div#login fieldset input#zavazne_objednat {
  clear: both;
  margin: 5px 0 5px 10px;
}
  /*doplnujici odkazy dole*/
ul#doplnky {
  margin-top: 5px; 
  margin-left: 30px;
}
ul#doplnky a {
  color: #AF0000;
  text-decoration: underline;
}
ul#doplnky a:hover {
  text-decoration: none;
}
/*****************************************************************************************
 Další stránka: muj ucet
*****************************************************************************************/
div#zmena_hesla {
  margin-left: 5px;
}
div#zmena_hesla p {
  margin: 5px 20px 20px 3px;
  width: 400px;
}
div#pravy div#zmena_hesla input#zavazne_objednat {
  margin: 20px;
}
/*****************************************************************************************
 Další stránka: nákupní košík
*****************************************************************************************/
                                        
                                        /*tabulka*/
                                        
div#pravy table#kosik {
  width: 420px;
  margin-right: 10px;
  margin-bottom: 10px;
}
div#pravy table#kosik thead {
  color: #940d0d;
  font-weight: 900 !important;
  font-family: calibri;
  font-size: 12px;
}
div#pravy table#kosik tr {
  height: 25px;
}
div#pravy table#kosik thead tr th {
  font-weight: 900;
}
div#pravy table#kosik tbody, div#pravy table#kosik tbody tr, div#pravy table#kosik tbody tr td {
  border: 1px solid #e5cdcb;
}
div#pravy table#kosik .le {
  padding-left: 5px;
  width: 250px;
}
div#pravy table#kosik .ce {
  text-align: center;
}
div#pravy table#kosik .ri {
  text-align: right;
  padding-right: 5px;
}
div#pravy table input#kusu {
  width: 30px;
  background: #fff;
  border: 1px solid #c0c0c0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}
                                        
                                        /*přepočítat*/
                                        
div#pravy input#prepocitat {
  display: block;
  float: right;
  background: url("/img/prepocitat.jpg") no-repeat center top;
  width: 103px;
  height: 24px;
  margin-top: 5px;
  margin-right: 14px;
  text-align: center;
  padding-bottom: 3px;
  color: #fce9e9;
  cursor: pointer;
}
div#pravy input#prepocitat:hover {
  text-decoration: underline;
}
                                        /*box*/
                                    
div#pravy div.box_obal {
  margin-top: 35px;
  text-align: center;
  width: 426px;
  margin-bottom: 10px;
}
div#pravy div.box_obal_siroky {
  margin-top: 35px;
  text-align: center;
  width: 645px;
  margin-bottom: 10px;
  clear: both;
}
div#pravy div.box_obal h2, div#pravy div.box_obal_siroky h2 {
  font-size: 18px;
}   
div#pravy div.box_bgbottom {
  background: #f0f0f0 url("/img/kosik_box_bottom.jpg") no-repeat bottom center;
}
div#pravy div.box_obal_siroky div.box_bgbottom {
  background: #f0f0f0 url("/img/kosik_box_siroky_bottom.jpg") no-repeat bottom center;
}
div#pravy div.box {
  background: url("/img/kosik_box_top.jpg") no-repeat top center;
  overflow: hidden;
  text-align: left;
  font-family: trebuchet ms;
  min-height: 100px;
}
div#pravy div.box_obal_siroky div.box {
  background: url("/img/kosik_box_siroky_top.jpg") no-repeat top center;
}

                                        /*levy*/

div.box_obal_siroky div.box fieldset {
  float: left;
  width: 409px;
  padding-left: 10px;
  padding-top: 5px;
}
div.box fieldset {
  float: left;
  color: #000;
  margin: 20px 5px 15px 15px;
  font-weight: normal;
}
div.box fieldset em {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
div.box fieldset span {
  font-weight: bold;
}
div.box fieldset label {
  margin-left: 10px;
  margin-right: 20px;
  position: relative;
  top: -2px;
}
div.box fieldset br {
  display: block;
  margin-top: 5px;
}
/*doprava*/
fieldset#doprava {
  width: 200px;
}
                                        /*pravy - krok*/
div.box div.krok {
  float: right;
  width: 180px;
  color: #7c7c7c;
  margin: -10px 7px 10px 0; 
}
div.box_obal_siroky div.box div.krok {
  float: right;
  width: 191px;
  margin: 0px 15px 15px 0; 
}
div.box div.krok h3 {
  color: #5f5f5f;
  font-size: 16px;
  display: block;
  margin-bottom: 0px !important;
}
div.box div.krok a {
  color: #767676;
  text-decoration: underline;
}
div.box div.krok a:hover {
  text-decoration: none;
}
/*poslední box - input text*/
fieldset#text {
  margin-top: 15px;
}
fieldset#text label {
  display: block;
  float: left;
  clear: left;
  width: 80px;
  margin: 0px;
}
fieldset#text input {
  display: block;
  float: left;
  width: 220px;
  height: 20px;
  margin-bottom: 2px;
  border: 1px solid #D6D6D6;
  padding-top: 3px;
  padding-left: 5px;
}

                                        /*tlačítko objednat*/
                                        
div#pravy input#zavazne_objednat {
  color: #fce9e9;
  display: block;
  text-align: center;
  background: url("/img/objednat.jpg") no-repeat top center;
  width: 148px;
  height: 39px;
  margin: 10px auto 0 auto;
  padding-bottom: 10px;
  font-size: 12px;
  overflow: hidden;
  cursor: pointer;
  border: none !important;
}
div#pravy input#zavazne_objednat:hover {
  text-decoration: underline;
}
/*detaily dole*/
input#agree, input#news {
  margin-right: 7px;
  position: relative;
  top: 2px;
}
input#zavazne_objednat {
  background: url("/img/zavazne_objednat.png") no-repeat top center;
  width: 120px;
  height: 25px;
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
}
/*****************************************************************************************
 Dalsi veci
*****************************************************************************************/
div#navigace3 {
  margin-top: 20px;
  margin-bottom: 30px;
}
div#navigace1 {
  margin-right: 40px;
}
div#navigace1 {
  font-weight: bold !important;
  margin-top: 1px;
  margin-bottom: 20px;
}
div#navigace1 a {
  font-weight: bold !important;
}
div#navigace1 span strong {
  font-weight: bold !important;
}
div.spodni {
  margin: 15px 25px 15px 0;
  font-size: 13px !important;
}
div#navigace2 {
  margin-bottom: 79px;
}
div#navigace3 a, div#navigace2 a, div#navigace1 a {
  color: #940d0d;
  text-decoration: underline;
}
div#navigace3 a {
  margin-right: 5px;
  text-decoration: underline;
  padding-right: 5px;
  border-right: 1px solid black;
}
div#navigace3 a.sipka{
  margin: 0;
  padding: 0;
  border: none;
}
div.green {
  margin: 10px 20px 10px 10px;
  background: #e7ffcb;
  padding: 7px 0;
  border: 1px solid #aac979;
  width: 420px;
}
div.login {
  margin-left: 0px !important;
}
div.green p {
  font-weight: bold;
  margin-left: 10px;
}
div.green p a {
  text-decoration: underline;
  color: #2a5416 !important;
  font-size: 13px;
}
div.red {
  margin: 10px 20px 10px 10px;
  background: #f9e9e2;
  padding: 7px 0;
  border: 1px solid #ecc6c0;
  width: 420px;
}
div.red p {
  font-weight: bold;
  margin-left: 10px;
}
div.red p a {
  text-decoration: underline;
  color: #6d413a !important;
  font-size: 13px;
}


/* vlajky */
#vlajky { position: absolute; top: 0px; right: 50px; }
#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-cs.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-cs-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; }