body {
     width: 100%;
     margin: 0;
     padding: 0;
     text-align: center;
     font: 15px "century gothic", arial, sans-serif;
     color: #666;
     background-color: #fff;
}
#hl {
    width: 800px;
    margin: auto;
    height: 100%;
}
form {
     margin: 0;
}
input, textarea {
                border: 1px solid #bbb;
                color: #444;
                font: 14px "century gothic", arial, sans-serif;
}
a {
  color: #e00000;
  text-decoration: none;
}
a:hover {
        color: #000;
}
h1 {
   font-size: 20px;
   font-weight: normal;
   line-height: 32px;
   color: #888;
   text-align: left;
   width: 98.5%;
   margin-top: 12px;
}
h2 {
   font-size: 18px;
   font-weight: normal;
   color: #888;
   margin-top: 12px;
}
h3 {
   font-size: 18px;
   color: #eb0000;
   margin: 12px 0;
}
h4 {
   font-size: 17px;
   color: #eb0000;
   margin: 10px 0;
   width: 100%;
   text-align: center;
   line-height: 24px;
}
table {
      text-align: center;
}
/***** ZAHLAVIE *****/
#zahlavie {
          width: 800px;
}
ul#menu {
        width: 100%;
        border-bottom: 1px solid #bbb;
        margin: 0;
        padding: 0;
}
#menu li {
         list-style-type: none;
         display: inline;
}
#menu a {
        color: #777;
        font-size: 22px;
        font-weight: bold;
        padding: 0 15px;
        letter-spacing: 1px;
}
#menu a:hover {
              color: #eb0000;
}
#menu a#hover {
              color: #eb0000;
}
.ciarka {
        font-size: 10px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        display: inline;
}
/***** OBSAH *****/
#obsah {
       margin: 10px 0;
       border-left: 1px solid #bbb;
       border-right: 1px solid #bbb;
       width: 800px;
       float: left;
       height: 350px;
}
*>#obsah {
         min-height: 350px;
         height: auto;
}
/***** ZÁPETIE *****/
#zapetie {
         border-top: 1px solid #bbb;
         width: 780px;
         padding: 2px 10px 3px;
         text-align: right;
         font-size: 12px;
         float: left;
}
address {
        float: right;
        font-style: normal;
        font-size: 12px;
}
#flash {
       float: left;
}
/***** TOVAR *****/
/* VLAVO */
#tovar_hl_okraj {
                width: 800px;
}
#vlavo {
       width: 199px;
       text-align: left;
       height: auto;
       vertical-align: top;
       padding: 0;
}
#hladaj {
        padding: 7px 0 7px 6px;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: 130px;
        margin-top: 10px;
}
#hladaj_ok {
           margin-top: 7px;
           border: 0;
}
ul#znacky {
          margin: 20px 0 50px 0;
          padding: 0;
}
#znacky li {
           list-style-type: none;
           border-style: solid;
           border-width: 1px;
           border-color: #ddd #bcbcbc #bcbcbc #ddd;
           width: 145px;
           padding: 3px 15px 3px 0;
           font-size: 16px;
           font-weight: bold;
           background: #d2d2d2 url(grafika/pozadie_lave.jpg) repeat-x top;
           text-align: right;
           margin-bottom: 8px;
           cursor: pointer;
}
#znacky li.hover {
                 background: url(grafika/pozadie_lave1.jpg);
}
#znacky a {
          color: #909090;
          text-decoration: none;
}
#znacky .hover a {
                 color: #e80000;
}
#znacky li.kategoria {
                     padding: 2px 10px 2px 0;
                     width: 120px;
                     margin-bottom: 6px;
                     font-size: 14px;
}
#kontakt {
         float: right;
         border-top: 1px solid #bbb;
         border-bottom: 1px solid #bbb;
         padding: 8px 10px 8px 12px;
         margin-bottom: 40px;
}
#web {
     float: right;
     padding: 0 6px 1px 0;
}
/* VPRAVO */
#vpravo {
        width: 584px;
        vertical-align: top;
        padding: 0;
        border-left: 1px solid #bbb;
        padding: 0 0 8px 18px;
}
#vpravo img {
            border: 0;
}
.znacka_vpravo {
               border-bottom: 1px solid #bbb;
               border-left: 1px solid #bbb;
               border-top: 1px solid #bbb;
               width: 240px;
               height: 220px;
               margin: 1px 0 1px 1px;
               float: left;
}
.znacka_vlavo {
              border-bottom: 1px solid #bbb;
              border-right: 1px solid #bbb;
              border-top: 1px solid #bbb;
              width: 250px;
              height: 220px;
              margin: 1px 1px 1px 0;
              float: left;
}
#znacky_padding {
                padding-left: 35px;
}

.kat_vpravo {
            border-bottom: 1px solid #bbb;
            border-left: 1px solid #bbb;
            border-top: 1px solid #bbb;
            width: 270px;
            height: 270px;
            margin: 1px 0 1px 1px;
            float: left;
}
.kat_vlavo {
           border-bottom: 1px solid #bbb;
           border-right: 1px solid #bbb;
           border-top: 1px solid #bbb;
           width: 270px;
           height: 270px;
           margin: 1px 1px 1px 0;
           float: left;
}
#kat_padding {
             padding-left: 12px;
}
.znacka_hore {
             border-top: 0;
             margin-top: 0;
}
.znacka_dole {
             border-bottom: 0;
             border-bottom: 0;
}
/* VYPIS TOVARU */
.tovar {
       padding: 15px 20px 15px 19px;
       float: left;
}
.tovar table {
             width: 246px;
}
.tovar td, .tovar th {
                     border: 1px solid #bbb;
}
td.vlavo_hore {
              border-top: 0;
              border-left: 0;
}
td.stred_hore {
              border-top: 0;
}
td.vpravo_hore {
               border-top: 0;
               border-right: 0;    
}
td.stred_hore, td.stred_dole {
                             height: 25px;
}
.tovar td.vlavo {
                border-left: 0;
                width: 30px;
}
.tovar td.vpravo {
                 border-right: 0;
                 width: 30px;
}
.tovar th.nazov {
                height: 44px;
                padding: 0 5px;
                vertical-align: middle;
                background: url(grafika/nazov_gradient.gif) repeat-x bottom;
}
*>.tovar th.nazov {
                  height: 46px;
}
.tovar .fotka {
              overflow: hidden;
              height: 200px;
              width: 175px;
}
.tovar td.cena {
               height: 63px;
}
td.vlavo_dole {
              border-bottom: 0;
              border-left: 0;
}
td.stred_dole {
              border-bottom: 0;
}
td.vpravo_dole {
               border-bottom: 0;
               border-right: 0;
}
#strankovanie {
              padding-right: 16px;
              width: 100%;
              float: left;
}
#strankovanie a {
                text-decoration: underline;
                color: #666;
}
#strankovanie a:hover {
                      text-decoration: none;
                      color: #e00000;
}
.tovar .cena a {
               margin-left: 24px;
               margin-top: 2px;
               float: left;
}
.tovar .cena form {
                  margin-left: 25px;
                  margin-top: 2px;
                  float: left;
}
.tovar .cena input {
                   border: 0;
}
/* DETAIL */
#vpravo table#viac {
                   margin: 20px 0 10px;
                   float: left;
}
td#detail {
          border-bottom: 1px solid #bbb;
          border-right: 1px solid #bbb;
          width: 300px;
          padding: 20px 10px 10px 20px;
          margin: 0 1px 1px 0;
}
td#popis {
         border-bottom: 1px solid #bbb;
         border-left: 1px solid #bbb;
         width: 208px;
         padding: 20px 10px 10px 10px;
         margin: 0 0 1px 1px;
         text-align: left;
         vertical-align: top;
}
td#info {
        border-top: 1px solid #bbb;
        border-right: 1px solid #bbb;
        font-size: 16px;
}
td#tlacitko {
            border-top: 1px solid #bbb;
            border-left: 1px solid #bbb;
            padding: 4px 0 0 10px;
            text-align: left;
            padding-bottom: 5px;
}
td#tlacitko input {
                  border: 0;
}
td#popis h2 {
            font-size: 18px;
            color: #eb0000;
            margin: 0 0 7px 0;
            width: 98%;
            text-align: center;
            font-weight: bold;
            padding: 0;
}
h2#kolekcia {
            font-size: 16px;
            font-weight: bold;
            color: #666;
}
.kolekcia {
          float: left;
          margin: 5px;
}
/***** KOSIK *****/
/* formulare */
table.kosik {
            width: 700px;
            margin: auto;
            margin-top: 20px;
}
.kosik td {
          border: 1px solid silver;
          background-color: #f1f1f1;
}
.kosik th {
          border: 1px solid silver;
          height: 30px;
          padding-bottom: 3px;
          vertical-align: bottom;
}
th.spodok {
          border-bottom: 0;
          font-size: 8px;
          height: 14px;
          padding: 0;
}
td.biele {
         background: white;
}
.tlacitka {
          margin: auto;
          margin-top: 20px;
}
.tlacitka a {
            margin: 0 15px;
            font-size: 14px;
            background: #efefef url(grafika/pozadie_lave.jpg) repeat-x bottom;
            color: #666;
            padding: 2px 6px;
            border-style: solid;
            border-width: 1px;
            border-color: #eee #aaa #aaa #eee;
            display: block;
}
.tlacitka a:hover {
                  border-color: #aaa #eee #eee #aaa;
                  color: #e00000;
}
.kontrola_grafika {
                  border: 0;
                  margin-top: 30px;
}
div.udaje {
          margin: auto;
          margin-top: 15px;
          width: 276px;
          height: 362px;
}
.blok {
      text-align: left;
      float: left;
      padding: 4px 0;
      height: 24px;
      width: 100%;
}
.blok label {
            font-weight: bold;
            width: 100px;
            display: block;
            float: left;
}
.udaje input.form, .udaje textarea.form {
                  border-width: 1px;
                  border-color: #888 #d5d5d5 #d5d5d5 #888;
                  font: 14px "century gothic", sans-serif;
                  border-style: solid;
                  color: #222;
                  background: #eee;
                  float: left;
                  width: 160px;
}
.udaje textarea.form {
                     width: 260px;
                     height: 120px;
}
.udaje input.hover, .udaje textarea.hover {
                                          border-color: #ee0000;
                                          background: #fff;
                                          color: #e80000;
                                          float: left;
}
.udaje input.hover {
                   width: 160px;
}
.udaje textarea.hover {
                      width: 260px;
                      height: 120px;
}
#poznamky {
          margin-top: 18px;
}
table#kontrola_kosika {
                      width: 540px;
                      margin: auto;
}
#kontrola_kosika th {
                    font-size: 16px;
}
#kontrola_udaje {
                width: 260px;
                text-align: left;
}
*>#kontrola_udaje {
                  margin: auto;
}
.info_kosik {
            margin-top: 30px;
}
/***** Predajna *****/
#predajna {
          width: 770px;
          margin: auto;
          padding-top: 10px;
}
#predajna .hore_vlavo {
                      border-right: 1px solid #bbb;
                      border-bottom: 1px solid #bbb;
                      float: left;
                      height: 20px;
                      width: 25px;
                      margin: 0 1px 1px 0;
}
#predajna .hore_stred {
                      border: 1px solid #bbb;
                      border-top: 0;
                      float: left;
                      height: 20px;
                      width: 250px;
                      margin: 0 1px 1px 1px;
}
#predajna .hore_vpravo {
                       border-left: 1px solid #bbb;
                       border-bottom: 1px solid #bbb;
                       float: left;
                       height: 20px;
                       width: 25px;
                       margin: 0 0 1px 1px ;
}
#predajna .dole_vlavo {
                      border-right: 1px solid #bbb;
                      border-top: 1px solid #bbb;
                      float: left;
                      height: 230px;
                      width: 25px;
                      margin: 1px 1px 0 0;
}
#predajna .dole_stred {
                      border: 1px solid #bbb;
                      border-bottom: 0;
                      float: left;
                      height: 228px;
                      margin: 1px 1px 0 1px;
                      padding: 2px 10px 0 14px;
                      text-align: left;
}
#predajna .dole_vpravo {
                       border-left: 1px solid #bbb;
                       border-top: 1px solid #bbb;
                       float: left;
                       height: 230px;
                       width: 25px;
                       margin: 1px 0 0 1px;
}
#predajna input, #predajna textarea {
                                    border-width: 1px;
                                    border-color: #888 #d5d5d5 #d5d5d5 #888;
                                    font: 13px "century gothic", sans-serif;
                                    border-style: solid;
                                    color: #222;
                                    background: #eee;
                                    float: left;
}
#predajna input.hover, #predajna textarea.hover {
                                                border-color: #ee0000;
                                                background: #fff;
                                                color: #e80000;
}
#predajna textarea {
                   width: 210px;
                   height: 100px;
}
.form_medzera, #predajna div.tlacitka {
                                      margin: 2px 0;
                                      float: left;
}
#predajna label {
                font-weight: bold;
                float: left;
}
.fotky {
       border: 4px solid #666;
       margin: 20px 10px 5px;
}
/***** Informacie *****/
#informacie {
            text-align: left;
            font-size: 16px;
            line-height: 24px;
            padding: 0 30px 15px;
}
p {
  margin: 2px 0;
}
ol {
   margin: 8px 0 14px;
   padding-left: 36px;
   list-style-type: decimal;
}
ol strong {
          font-size: 17px;
}
#informacie ul {
               margin: 0;
               padding: 6px 0 0 20px;
               list-style-type: circle;
}
.sk {
    font-size: 14px;
    color: #999;
}