html {font-size: 100%;}

body {
    font-family: arial, tahoma, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #000000;
    background: #FFFFFF url('/images/body-bg.png') left top repeat-x;
}


table {font-size: 1em;}

form {margin: 0px;}
input, textarea {background: #FFF9DD;}

form.border input,
form.border textarea {border: 2px solid #FFCC00;}
form.border input.btn {border: 0px;}

a {
    text-decoration: underline;
    color: #FF6600;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}
ul li {margin-bottom: 5px;}

fieldset {border: 0px; margin: 0px; padding: 2px;}

p {color: #000000;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: right;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 402px;
    left: 0px;
    top: 0px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 402px;
    height: 142px;
    background: url('/images/logo-esipky.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h3 {font-size: 1em;}

h4 {margin-bottom: 5px;}

label.failed { color: #FF0000; }

#pageContainer {
    width: 966px;
    margin: 0px auto;
    position: relative;
}

#top {
    width: 966px;
    height: 142px;
    margin: 4px auto 0px auto;
    position: relative;
    background: #ffffff url('/images/top-bg.jpg') right top no-repeat;
}

#currencyBox {
    background: url('/images/currency-bkg.jpg') left top no-repeat;
    width: 185px;
    height: 99px;
    position: absolute;
    right: 195px;
    top: 9px;
    _top: 13px;
    text-align: left;
    z-index: 1;
}

#currencyBox img {
    float: left;
    margin: 6px 8px 4px 16px;
    display: inline;
}

#currencyBox a {
    color: #061F97;
    display: block;
    font-weight: bold;
}

#currencyBox a.link {
    font-size: 0.9em;
    padding: 7px 24px 1px 0px;
}

#currencyBox a.czk {
    background: url('/images/currency-cz.jpg') left top no-repeat;
    padding-left: 22px;
    margin-left:  32px;
    float: left;
    display: inline;
}

#currencyBox a.eur {
    background: url('/images/currency-sk.jpg') left top no-repeat;
    padding-left: 22px;
    margin-left:  28px;
    float: left;
    display: inline;
}

#currencyBox span {
    font-weight: bold;
    color: #F02222;
    font-size: 1.2em;
}

#currencyBox p {margin: 2px 12px 4px 0px}
#currencyBox p.center {text-align: center; margin: 2px 3px 2px 0px}
#currencyBox p.linkSk {margin: 0px 12px 5px 18px;}

#currencyBox p.linkSk a {font-size: 1.1em;}

#menu {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    background: #010535 url('/images/top-menu-bg.jpg') left top no-repeat;
}

#menu ul {
    margin: 0px 0px 0px 20px;
    float: left;
    padding: 0px;
    height: 30px;
    list-style-type: none;
    display: inline;
}

#menu ul li {
    float: left;
    display: inline;
}

#menu ul li a {
    color: #FFFFFF;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-weight: bold;
    display: block;
    font-size: 1em;
    text-decoration: none;
}

#menu ul li a:hover, #menu ul li.active a {
    background: #52A3FF;
    color: #090F28;
}

#catMenu {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    background: #FF7400 url('/images/cat-menu-bg.jpg') left top no-repeat;
}

#catMenu ul {
    margin: 0px 0px 0px 20px;
    float: left;
    padding: 0px;
    height: 30px;
    list-style-type: none;
    display: inline;
}

#catMenu ul li {
    float: left;
    display: inline;
}

#catMenu ul li a {
    color: #000000;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    font-weight: bold;
    display: block;
    font-size: 1.1em;
    text-decoration: none;
}

#catMenu ul li a:hover, #catMenu ul li.active a {
    background: #FFCC00;
}

#main {
    width: 960px;
    margin: 3px auto 0px auto;
    position: relative;
    background: #FFFFFF url('/images/main-bg.png') left top repeat-y;
}

#main img.sipky {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#left {
    width: 220px;
    float: left;
    text-align: left;
}
#left a, #left p {color: #333333;}

#left form {
    width: 220px;
    height: 53px;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    position: relative;
    background: #FF6600 url('/images/search-bg.png') left top no-repeat;
}
#left form input.btn {
    position: absolute;
    top: 10px;
    left: 180px;
    background: none;
}

#left form input.inp {
    margin: 0px;
    position: absolute;
    top: 14px;
    left: 10px;
    border: 1px solid #884C00;
    color: #333333;
    font-size: 1em;
    height: 17px;
    line-height: 17px;
    width: 160px;
    padding-left: 3px;
    background: #FFFFFF url('/images/search-inp-bg.png') left top repeat-x;
}

#left b.title {
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    padding-left: 14px;
    margin-bottom: 13px;
    height: 30px;
    line-height: 27px;
    background: url('/images/title-products-bg.png') left top no-repeat;
}

#left ul {
    margin: 0px 0px 0px 15px;
    padding: 0px;
    list-style-type: none;
}
#left ul li {display: inline;}
#left ul li a {
    font-size: 1em;
    font-weight: bold;
    display: block;
    color: #FFFFFF;
    padding: 2px 0px 2px 15px;
    background: url('/images/left-menu-li.png') left 6px no-repeat;
}
#left ul li a.active {color: #FF6600;}

#left ul li ul {
    margin: 0px 0px 5px 0px;
    list-style-type: none;
}

#left ul li ul li  a {
    padding: 1px 0px 1px 25px;
    font-size: 1em;
    background: url('/images/left-menu-li-sub.png') 14px 6px no-repeat;
}

#left ul li ul li ul li a {
    padding-left: 40px;
    list-style-type: none;
    background: url('/images/left-menu-li-sub.png') 30px 6px no-repeat;
}

#left ul li ul li ul li ul li a {
    padding-left: 55px;
    list-style-type: none;
    background: url('/images/left-menu-li-sub.png') 45px 6px no-repeat;
} 

#left p.partners {font-size: 0.8em; font-weight: bold; margin-left: 13px;}
#left p.partners a {font-size: 1.4em; color: #0E507B;}

#center {
    width: 540px;
    float: left;
    text-align: left;
    margin: 6px 0px 0px 10px;
}

#center h2 {
    font-size: 1.2em;
    margin: 0px;
    padding-bottom: 2px;
    color: #FF6600;
    background: url('/images/h2-orange-bg.png') left 7px repeat-x;
}
#center h2 span {
    background: #FFFFFF;
    padding-right: 10px;
}
#center h2 span.star {
    padding: 5px 10px 10px 30px;
    height: 30px;
    background: #FFFFFF url('/images/h2-star.png') left top no-repeat;
}


#center h2 img {position: relative; top: 2px;}

#center h3.line {
    font-size: 1.1em;
    margin: 20px 0px 10px 0px;
    padding-bottom: 2px;
    color: #FF6600;
    background: url('/images/h3-orange-bg.png') left 7px repeat-x;
}
#center h3.line span {
    background: #FFFFFF;
    padding-right: 10px;
}

#center p {
    font-size: 1.1em;
    line-height: 1.4em;    
}

#right {
    width: 180px;
    float: right;
    text-align: left;
}

#right p.actionText {
     color: #FFFFFF;
     padding: 5px 10px;
     font-weight: bold;
     font-size: 1.1em;
     margin-bottom: 20px;
     background: #FF6A00;
}

#right b.title {
    font-size: 1em;
    width: 180px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #FFFFFF;
    padding-left: 10px;
    margin-bottom: 5px;
    clear: both;
    background: url('/images/right-title-bg.png') left top no-repeat;
}

#right p.hCart {
    color: #552F00;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 16px;
    line-height: 1.6em;
    font-weight: bold;
    font-size: 11px;
    height: 93px;
    background: url('/images/cart-info-bg.png') left top no-repeat;
}

#right p.hCart a {
    color: #000000;
    padding-left: 30px;
    padding-top: 2px;
    font-size: 1.3em;
}

#right p.hUser {margin: 5px 0px 0px 16px; color: #FFFFFF;}
#right p.hUser a {
    background: none;
    display: inline;
    padding: 0px;
    font-weight: bold;
    line-height: 20px;
    color: #FFFFFF;
    }

#right p a {
    padding: 0px 0px 0px 22px;
    color: #0E507B;
    display: block;
    background: url('/images/h-cart-ico.png') left 2px no-repeat;
}
#right p b {font-size: 14px; padding-left: 3px;}

#right form, #right div#logged {
    width: 180px;
    height: 150px;
    margin: 0px 0px 0px 0px;
    float: right;
    background: url('/images/right-form-bg.png') left top no-repeat;
}

#right div#support {
    width: 180px;
    height: 183px;
    margin: 0px 0px 0px 0px;
    float: right;
    border-top: 3px solid #FFFFFF;
    background: url('/images/right-support-bg.png') left top no-repeat;
}

#right div#support img {position: relative; top: 10px; left: 10px;}

#right form fieldset {
    width: 160px;
    text-align: left;
}

#right form label {
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
    display: block;
    width: 40px;
    float: left;
    line-height: 20px;
}
#right form input {
    width: 100px;
    float: left;
    background: #FFFFFF url('/images/search-inp-bg.png') left top repeat-x;
    border: 1px solid #060612;
}

#right form input.btn {
    width: auto; 
    position: relative; 
    top: 0px; 
    left: 6px;
    border: 0px;
}

#right form a {
    display: block;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin-left: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background: url('/images/orange-dot.png') left 4px no-repeat;
}

#right .banner {
    width: 170px;
    margin: 10px auto;
}

#right .banner img {width: 170px;}

.product {
    height: auto;
    width: 123px;
    float: left;
    text-align: center;
    margin: 10px 10px 0px 0px;
    padding: 10px 2px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC; 
    background: #F5F5F5;
}
.product h3 {
    font-size: 1.1em;
    margin: 2px 0px 5px 0px;
    padding: 0px;
    line-height: 1.2em;
}
.product h3 a {color: #FF6600;}
.product p.price {
    margin: 0px;
    font-size: 1.1em;
    color: #000000;
    font-weight: bold;
}
.product a.detail {
    color: #FF6600;
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.9em;
    display: block;
    margin-top: 5px;
    background: url('/images/detail-bg.png') 10px top no-repeat;
}
.product a.detail:hover {text-decoration: none;}

.productsSep {
    border-bottom: 2px solid #CCCCCC;
    clear: both;
}

.product.noMargin {margin-right: 0px;}
.product.rightP {width: 170px; margin-left: 3px; position: relative;}
.product.rightP img.act {position: absolute; top: 90px; left: 50px;}
.product.rightP a.detail {padding-left: 15px;}

.product.actions {
    width: 180px;
    height: 240px;
    border: 0px;
    margin-right: 0px;
    background: url('/images/product-actions-bg.png') left bottom no-repeat;
}

.product.actions a {color: #FF9900;}
.product.actions p,
.product.actions span
     {color: #FFFFFF;}

.product.actions a.detail {background: url('/images/detail-bg-actions.png') 28px top no-repeat;}


span.lineThroughFake {
    text-decoration: line-through;
    color: #777777;
    background: url('/images/line-through-fake.gif') 0px 4px repeat-x;
}

#footer {
    width: 960px;
    margin: 3px auto 0px auto;
    height: 30px;
    position: relative;
    border: 1px solid #FFFFFF;
    background: #000000 url('/images/footer-bg.png') left top no-repeat;
}

#footer img {
    position: absolute;
    right: 0px;
    top: -17px;
}

#footer p {
    margin: 0px;
    line-height: 30px;
    font-size: 0.8em;
    display: inline;
}

#footer p.hrefs {
    width: 300px;
    float: right;
    text-align: left;
    color: #FFFFFF;
}
#footer p.hrefs a {color: #FFFFFF; padding: 0px 10px;}

#footer p.copy {
    width: 480px;
    float: left;
    margin-left: 30px;
    text-align: left;
    color: #FFFFFF;
}
#footer p.copy a {color: #FFFFFF;}

#links { margin: 2px; }
#links a { color: #A4A4A4; }

.path {margin: 5px 0px 10px 0px;}
.path a {color: #FF6600;}

form.list {
    width: 520px;
    height: 40px;
    text-align: left;
    margin: 10px 0px 17px 0px;
    padding-left: 6px;
    background: #0F1F4F;
    padding-top: 10px;
}

form.list fieldset {
    margin: 3px 3px 0px 0px; 
    padding: 0px; 
}

form.list fieldset select {font-size: 12px; margin-left: 8px;}
form.list fieldset label {vertical-align: top; position: relative; top: 4px; color: #FFFFFF; font-weight: bold;}


.paging {
    width: 520px;
    height: 27px;
    margin-bottom: 17px;
    background: #0F1F4F;
}

.paging ul {
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    font-size: 0.8em;
    font-weight: bold;
    width: 400px;
    float: left;
}

.paging ul li {
    display: inline;
    color: #ffffff;
    font-weight:bold;
    line-height: 25px;
}

.paging ul li a {
    color: #FFFFFF;
    font-weight: bold;
    font-size:1.2em;
    text-decoration: underline;
    margin: 0px 2px 0px 2px;
}
.paging ul li a:hover {text-decoration: none;}
.paging ul li a.active {text-decoration: none; color: #FFFFFF;}

#detailP {
    width: 500px;
}

#detailP #imgs {
    float: left;
    width: 200px;
    height: auto;
    text-align: left;
    margin-top: 20px;
}

#detailR {
   float: left;
   width: 280px;
   margin-left: 20px;
}

#detailR table {
    text-align: left;
    font-size: 0.9em;
}

#detailR table td.bold {padding-left: 10px;}

#detailR h3 {font-size: 1.3em; margin-bottom: 5px; font-family: arial, tahoma, verdana, lucida, sans-serif;}
#detailR p {font-size: 1em; margin-top: 0px;}

#detailR form input {background: #FFFFFF; font-weight: bold; text-align: center;}

#files a {
    padding-left: 30px;
    padding-bottom: 7px;
    line-height: 22px;
    font-weight: bold;
    font-family: arial, tahoma, sans-serif;
    background: url('/images/ico-pdf.jpg') left top no-repeat;
}

.cart {
     width: 530px;
     text-align: center;
     color: #00557D;
     border-collapse: collapse;
}

.cart a {font-weight: bold; }

.cart th {
    text-align: center;
    height: 2em;
    font-size: 1em;
    border-bottom: 1px solid #CCCCCC;
}

.cart .newQuant {width: 24px; text-align: center;}
.cart .left {text-align: left;}
.cart .separ td {border-bottom: 1px solid #CCCCCC;}

.bgBlue {
    font-weight: bold;
    color: #FFFFFF;
    background: #0F1F4F;
    padding: 10px;
}
.bgBlue table th, .bgBlue table td {
    text-align: left;
    color: #FFFFFF;
}
.bgBlue p {margin: 0px; color:#FFFFFF;}

.reg {width: 530px;}

.reg input,
.reg textarea {border: 2px solid #FFCC00;}
.reg input.btn {border: 0px;}

.reg textarea {width: 460px; height: 80px; margin-bottom: 20px;}
.reg select {width: 150px;}

.pTable {
    width: 520px;
    border-collapse: collapse;
}

.pTable th {
    background: #0F1F4F;
    color: #FFFFFF;
}
.pTable tr.even {background: #EEEEEE;}
.pTable td {border: 1px solid #CCCCCC;}

.pTable a.detail {
    color: #FF6600;
    padding-left: 20px;
    text-decoration: underline;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.9em;
    display: block;
    margin-top: 2px;
    background: url('/images/detail-bg.png') 0px top no-repeat;
}

.msg {
    float: left;
    width: 525px; 
    height: 80px;
    padding: 0px;
    margin-bottom: 10px;
}

.error {background: #990000 url('/images/message-error-bg.png') left top no-repeat;}
.ok {background: #1A9800 url('/images/message-ok-bg.png') left top no-repeat;}
.msg a {color: #FFFFFF;}
.msg p {float: left; color: #FFFFFF; font-size: 1.1em; font-weight: bold; margin: 30px 0 0 100px; }

.borderTable {border-collapse: collapse; width: 450px;}
.borderTable td {border: 1px solid #CCCCCC; text-align: center;}

.formatTable td {text-align: center;}

.hImg {float: right; margin-top: 10px;}
.hText {margin: 12px 0px 15px 0px;}
.bold {font-weight: bold;}
.cleaner {clear: both;}
.cleaner2 { clear: both; height: 20px;}
.red {color: #FF6A00;}
.right {text-align: right;}
.center {text-align: center;}

#left #kolobezky {background: url('/images/kolobezky-bkg.jpg') left top no-repeat;
                  font-family: tahoma, arial, lucida, sans-serif;
                  text-align: left;
                  width: 175px;
                  height: 200px;
                  margin: 0px auto;}
        
#left #kolobezky a {color: #FFFFFF;
                    font-size: 1.3em;
                    font-weight: bold;
                    text-decoration: none;
                    display: block;
                    padding: 3px 15px 3px 15px;}
          
#left #kolobezky a:hover {text-decoration: underline;}

#left #kolobezky ul {list-style-type: none;
                     margin: 6px 0px 0px 20px;
                     padding: 0px;
                     float: left;
                     display: inline;}

#left #kolobezky ul li {line-height: 1.4em;
                        display: inline;}

#left #kolobezky ul li a {color: #660033;
                          font-size: 1.1em;
                          padding: 0px;
                          display: block;
                          font-weight: bold;
                          margin-bottom: 5px;
                          background: none;}
                    
#left #stavebniceSipky {background: url('/images/stavebnice-sipky-bkg.jpg') left top no-repeat;
                        font-family: tahoma, arial, lucida, sans-serif;
                        text-align: left;
                        width: 175px;
                        height: 200px;
                        margin: 20px auto;}
        
#left #stavebniceSipky a {color: #FFFFFF;
                          font-size: 1.3em;
                          font-weight: bold;
                          text-decoration: none;
                          display: block;
                          padding: 11px 15px 16px 15px;}
          
#left #stavebniceSipky a:hover {text-decoration: underline;}

#left #stavebniceSipky ul {list-style-type: none;
                           margin: 6px 0px 0px 20px;
                           padding: 0px;
                           float: left;
                           display: inline;}

#left #stavebniceSipky ul li {line-height: 1.2em;
                              display: inline;}

#left #stavebniceSipky ul li a {background: none;
                                font-size: 1.1em;
                                color: #B71803;
                                padding: 0px;
                                display: block;
                                margin-bottom: 7px;}
                                
#left #modely {background: url('/images/banner-modely-bkg.jpg') left top no-repeat;
               font-family: tahoma, arial, lucida, sans-serif;
               text-align: left;
               width: 175px;
               height: 200px;
               margin: 20px auto;}
        
#left #modely a {color: #FFFFFF;
                 font-size: 1.3em;
                 font-weight: bold;
                 text-decoration: none;
                 display: block;
                 padding: 11px 15px 16px 15px;}
          
#left #modely a:hover {text-decoration: underline;}

#left #modely ul {list-style-type: none;
                  margin: 6px 0px 0px 20px;
                  padding: 0px;
                  float: left;
                  display: inline;}

#left #modely ul li {line-height: 1.15em;
                     display: inline;}

#left #modely ul li a {background: none;
                       font-size: 1.1em;
                       color: #000000;
                       padding: 0px;
                       display: block;
                       margin-bottom: 7px;}
                                
#banners {text-align: center;}

.store0 { font-weight: bold; color: #339900; }
.store3 { font-weight: bold; color: #FF9900; }
.store7 { font-weight: bold; color: #CC6633; }
.store99 { font-weight: bold; color: #CC0000; }

.partner {float: left; margin-bottom: 12px;}

.partner h3 {font-size: 1.1em;
             padding: 12px 0px 0px 5px;
             font-weight: normal;
             margin: 0px;
             text-align: center;}
             
.partner p {margin-top: 0px;
            text-align: center;}
            
.partner.horizontal h3 {margin: 5px 0px 12px 0px; text-align: left;}

.partner.horizontal p {text-align: left;
                       margin: 10px 0px 12px 10px;}

.partner p b {font-size: 1.7em;
              color: #FF6600;}
              
#ppresult {color: #003399;} 

#partnerProgram {background: url('/images/partner-program-sipky.png') left top no-repeat;
                 width: 170px;
                 height: 215px;
                 text-align: left;
                 margin: 0px auto 20px auto;} 
                 
#partnerProgram p.title {padding: 0px;
                         font-size: 1.4em;
                         color: #FF6600;
                         text-align: center;
                         padding: 7px 0px 0px 0px;}
                         
#partnerProgram a.programHref {display: block;
                               width: 170px;
                               height: 80px;
                               text-decoration: none;}
                               
#partnerProgram a.programHref span {position: relative;
                                    z-index: -1;}
                                    
#partnerProgram p {font-size: 1.1em;
                   padding: 2px 8px 0px 8px;
                   color: #060612;
                   margin-bottom: 10px;}
                   
#partnerProgram a.moreInfo {font-size: 1.1em; 
                            color: #0A39C0;
                            padding: 0px 8px;
                            font-weight: bold;}