/* CSS Document */
body {
  text-align: center;
  margin: 0px auto;
  background: #003c6e;
  font-family: tahoma;
  font-size: 80%
}

#center /*tělo webu*/ {
  width: 928px;
  margin: 0px auto;
  background: url('../img/center.png') repeat-x #055ea8;
  padding:  0 0px 10px 0px;
}

#head /*hlavička s menu*/ {
  height: 78px;
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 928px;

}

#head a.logo  /*logo*/  {
  position: relative;
  float: left;
  color: white;
  width: 928px;
  height: 78px;
  margin: 0px;
  padding: 0px;
}

#head a.logo span {
  background: url('../img/hlavicka.jpg') no-repeat;
  width: 928px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0
}

#reg  /*registrace + přihlášení*/ {
  position: absolute;
  top: 0;
  right: 0;
}

#reg ul {
  padding: 0px;
  margin: 0px
}

#reg li {
  display: inline;
  color: white;
}

#reg li span  {
  padding-left: 5px
}

#reg li a {
  color: white;
  text-decoration: none
}

#menu_top /*menu v halvičce*/ {
  background: url('../img/menun.png') repeat-x;
  height: 42px;
  width: 928px;
}

#menu_top ul  {
  margin: 0px auto;
  padding: 15px 0
}

#menu_top li  {
  display: inline;
  list-style-type: none; 
  padding: 0 5px 0 5px;
  font-size: 110%;
  color: #447070;
}

#menu_top li span {
  padding-left: 10px
}

#menu_top li a  {
  color: white;
  text-decoration: none;
}

#panel  /*panel pod hlavičkou*/ {
  width: 928px;
  height: 37px;
  background: url('../img/panel.png') no-repeat;
  padding-top: 10px;
}

#panel h1 {
  font-size: 130%;
  color: white;
  margin: 0px;
  padding: 0px
}

#panel h1 a  /*žlutá část textu*/  {
  color: #ffd200;
  text-decoration: none
}

#box_top, #box_bottom, #box {
  margin: 0px auto;
  width: 912px;
}

#box  {
  width: 892px;
  background: url('../img/box.png') repeat-y #a2d5ff;
  padding: 0px 10px 0px 10px
}

#box_top  /*horní část boxu*/ {
  background: url('../img/box_top.png') no-repeat;
  height: 21px;
}

#box_bottom  /*dolní část boxu*/ {
  background: url('../img/box_bottom.png') no-repeat;
  height: 22px;
}

#box_left /*box pro menu*/  {
  float: left;
  width: 224px;
}

#kosik  {
  background: url('../img/kosik.jpg') right #0a74cc no-repeat;
  height: 37px;
  margin-left: -10px
}

#kosik ul {
  padding: 8px 0 0 0;
  margin: 0 35px 0 0
}

#kosik li {
  display: inline;
  color: white;
}

#kosik li span  {
  padding-left: 5px
}

#kosik a  {
  color: white
}

#menu  /*levé menu*/ {
  background: url('../img/menu.png') repeat-y #003c6e;
  width: 224px;
}

#menu_top_corner /*horní část menu*/ {
  background: url('../img/menu_top.png') no-repeat;
  height: 21px;
  width: 224px;
}

#menu_bottom_corner /*dolní část menu*/ {
  background: url('../img/menu_bottom.png') no-repeat;
  height: 25px;
  width: 224px;
}

#box_left h2 {
  text-align: center;
  margin: 0px;
  padding: 0px;
  text-transform: uppercase;
  font-size: 120%;
  color: #003c6e;
}

#menu ul  {
  text-align: left;
  width: 200px;
  padding-left: 10px;
}

#menu ul li {
  list-style-type: none;
  border-bottom: 1px solid #124a78;
  padding: 5px 5px 5px 10px;
}

#menu ul li a {
  color: white;
  text-decoration: none
}

#menu ul li.last a {
  border-bottom: 0px;
  color: yellow;
}

#info /*bledemodrá část pod menu*/ {
  width: 184px;
  background: url('../img/info_bottom.png') bottom no-repeat #0a74cc;
  padding: 20px;
}

#info p {
  text-align: left;
  color: white;
}

#box_right /*obsah webu*/ {
  float: left;
  width: 648px;
  padding: 20px 10px 20px 10px;
  text-align: left
}

.produkt, /*bílé rámování dole i v pravo*/ .produkt_borderbottom, /*není bílé rámování dole*/ .produkt_last /*není bílé rámování v pravo - poslední v řadě*/, .produkt_borderbottomlast /*poslední bez rámování*/  {
  width: 150px;
  height: 340px;
  float: left;
  padding: 5px 5px 5px 5px;
}

.produkt {
  border-bottom: 1px solid white;
  border-right: 1px solid white
}

.produkt_borderbottom {
  border-right: 1px solid white
}

.produkt_last {
  border-bottom: 1px solid white
}

.produkt h3, .produkt p, .produkt h3 a, .produkt_borderbottom h3, .produkt_borderbottom p, .produkt_borderbottom h3 a, .produkt_last h3, .produkt_last p, .produkt_last h3 a, .produkt_borderbottomlast h3, .produkt_borderbottomlast p, .produkt_borderbottomlast h3 a, .produkt_detail h3 {
  text-align: left;
}

.produkt h3, .produkt_borderbottom h3, .produkt_last h3, .produkt_borderbottomlast h3 {
  text-align: left;
  font-size: 120%;
  font-weight: normal;
} 

.produkt a.img, .produkt_borderbottom a.img, .produkt_last a.img, .produkt_borderbottomlast a.img, .produkt_detail a.img  {
  float: left;
}

.produkt a.img img, .produkt_borderbottom a.img img, .produkt_last a.img img, .produkt_borderbottomlast a.img img, .produkt_detail a.img img  {
  border: 1px solid #003c6e;
}

.produkt strong.cena, .produkt_borderbottom strong.cena, .produkt_last strong.cena, .produkt_borderbottomlast strong.cena {
    color: #cc0000;
    float: left;
}

.produkt p, .produkt_borderbottom p, .produkt_last p, .produkt_borderbottomlast p  {
  height: 40px;
  color: #003d63;
}

.produkt h3 a, .produkt_borderbottom h3 a, .produkt_last h3 a, .produkt_borderbottomlast h3 a {
  color: black;
  font-size: 80%
}

.produkt form, .produkt_borderbottom form, .produkt_last form, .produkt_borderbottomlast form {
  float: left
}

.produkt form fieldset, .produkt_borderbottom form fieldset, .produkt_last form fieldset, .produkt_borderbottomlast form fieldset  {
  border: 0px;
  padding: 0 0 0 15px;
  margin: -5px 0 0 0
}

.produkt input, .produkt_borderbottom input, .produkt_last input, .produkt_borderbottomlast input  {
  background: url('../img/dokos.png') no-repeat;
  border: 0px;
  color: white;
  font-size: 90%;
  width: 64px;
  height: 25px;
  padding-bottom: 3px
}

.produkt strong.typ, .produkt_borderbottom strong.typ, .produkt_last strong.typ, .produkt_borderbottomlast strong.typ, .produkt strong.akce, .produkt_borderbottom strong.akce, .produkt_last strong.akce, .produkt_borderbottomlast strong.akce {
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 10px 0 -5px 10px;
}

.produkt strong.typ, .produkt_borderbottom strong.typ, .produkt_last strong.typ, .produkt_borderbottomlast strong.typ {
  color: #cc0000;
}

.produkt strong.akce, .produkt_borderbottom strong.akce, .produkt_last strong.akce, .produkt_borderbottomlast strong.akce {
  color: #025200;
}

.cislovani  {
  margin: 0px auto;
  text-align: center
}

.cislovani ul {
  margin: 20px 0 0 0;
  padding: 0px
}

.cislovani ul li  {
  display: inline;
}

.cislovani ul li span {
    padding-left: 4px;
}

.cislovani ul li a  {
  color: black;
  text-decoration: none
}

#paticka  {
  margin: 0px auto;
  background: url('../img/paticka.png') no-repeat #377fba;
  width: 855px;
  height: 25px;
  padding-top: 5px
}

#paticka p  {
  margin: 0px;
  padding: 0px;
  color: white;
}

#paticka p a  {
  color: white;
  text-decoration: none;
}

.clear  {
  clear: both
}

/*kosik*/

#box_right h1 {
  font-size: 130%;
  text-align: left;
  margin-top: 0px;
  color: #003C6E
}

#box_right h2 {
  color: #0a74cc
}

.produkt_detail {
  float: left;
  width: 150px;
  margin-left: 12px;
}

.produkt_detail h3  {
  font-size: 90%
}

.produkt_detail p {
  text-align: left;
  font-size: 90%
}

.produkt_detail a.odstranit {
  color: black;
  text-decoration: none;
  border: 1px solid #0c4779;
  background: white;
  padding: 3px 23px 3px 23px
}

#box_right ul.kosik_odkaz /*odkazy pod výpisem produktu*/ {
  text-align: right;
  margin-top: 30px
}

#box_right ul.kosik_odkaz li  {
  display: inline;
  color: black;
}

#box_right ul.kosik_odkaz li a  {
  color: black
}

#box_right ul.kosik_odkaz li span {
  padding-left: 5px
}

#objednat /*jedntlivé kroky objednávky*/  {
  margin-top: 40px;
  font-size: 90%
}

#objednat h2  {
  text-transform: uppercase;
  text-align: left;
  font-size: 100%;
  float: left;
  margin: 0px;
  padding: 0px;
}

#objednat ul.kroky  {
  float: right;
  margin: 0px;
  padding: 0px;
  background: url('../img/kroky_roh.png') no-repeat left #71b5ee;
  padding: 3px 10px 3px 40px;
  display: inline;
}

#objednat ul.kroky li  {
  display: inline;
}

#objednat ul.kroky li span {
  color: white;
  margin-left: 5px
}

#objednat ul.kroky li.active_none  {
  color: white
}

#objednat ul.korky li.active  {
  color: black
}

.obsah  /*jednotlivé vyplnovací kroky*/ {
  background: #dbefff;
  border-top: 1px solid #0a74cc;
  
}

#box_right form.form_prihlaseni fieldset  {
  float: left;
  margin: 5px 
}

#box_right fieldset /*formuláře obecně*/ {
  border: 0px;
}

#box_right label  /*formuláře obecně*/  {
  color: #cc0000;
  font-weight: bolder;
  float: left;
}

#box_right label.big, .obsah strong.big  {
    text-transform: uppercase;
}

#box_right input, #box_right select /*formuláře obecně*/ {
  border: 1px solid #bdd4e8;
}

#box_right .obsah input, #box_right select {
  color: #0a74cc;
}

#box_right input:focus, #box_right select:focus /*formuláře obecně*/  {
  color: #0a74cc
}

.obsah strong.big {
    float: left;
}

.obsah strong  {
  color: #cc0000;
  margin-right: 30px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.obsah a.klikni  {
  color: #104877;
  float: left
}

.obsah input.krok_next  /*přejít na další krok*/  {
  background: white;
  padding-bottom: 3px;
  text-align: center;
  width: 620px;
  font-weight: bolder;
}

/*detail*/
.text /*popis produktu vedle obráku*/ {
  float: left;
  width: 300px;
  text-align: left;
  margin-top: 10px
}

.rightimg {
  float: right;
  width: 333px;
}
.text p {
  color: #003d63;
}

.velikosti  /*modtý box s velikostmi*/  {
  background: #0a74cc;
  float: left;
  padding: 5px;
  width: 290px;
}

.velikosti p   {
    margin: 0px;
    padding: 0px;
    color: white
}

.velikosti ul {
    text-align: left;
    margin: 10px 0 0 0;
    padding: 0px
}

.velikosti ul li  {
  display: inline;
  color: white;
  margin: 0 10px 0 0;
  text-transform: uppercase
}

#box_right a.detail img  /*hlavní ilustrační obrázek*/  {
  border: 1px solid #003c6e;
    margin-top: 10px;
    max-width: 333px;
    max-height: 291px;
}

.barvy /*barevné kombinace*/  {
  width: 333px;
}

.barvy p  {
  color: #003d63;
  float: left;
  padding: 15px 15px 0 0;
}

.barvy ul {
  float: right;
  margin: 10px 0 0 0;
  padding: 0px
}

.barvy ul li  {
  display: inline
}

.barvy ul li a img  {
  border: 1px solid #003c6e;
}

.obsah table  {
  text-align: left
}

.obsah table strong {
  margin-left: 0px
}

.obsah table strong.strong_right  {
  color: #0a74cc;
}

strong.strong_right2  {
  text-decoration: line-through
}

/*onas*/

.onas {
  color: #0f4777;
  margin: 0px auto
}

.onas ul  {
  float: left
}

.onas ul li {
  list-style-image: url('../img/sipka.png');
}

.onas img {
  border: 0px;
  margin: 0px auto;
  display: block
}

.onas a {
  color: black
}

.onas h2  {
  color: black;
  font-size: 110%
}

.onas h3  {
  color: black;
  font-size: 100%
}

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}