﻿*
{
font-family: Verdana;
font-size: 12px;
}
body
{
color: #4E4E4E;
}
input
{
font-family: Verdana;
font-size: 12px;
}
form
{
margin: 0;
padding: 0;
}
img
{
border: none;
}
.TextBox
{
border: inset 1px lightblue;
background: aliceblue;
}
textarea
{
font-family: Verdana;
font-size: 11px;
}
a, a:visited
{
color: #312CC6;
}
h1
{
font-size: 18px;
padding: 15px 0px 0px 0px;
margin: 0;
}
h2
{
font-size: 14px;
padding: 5px 0px 10px 0px;
margin: 0 0 4px 0;
color: #001C94;
}
h3
{
font-size: 12px;
padding-left: 10px;
}
#main-div
{
display: block;
width: 976px;
margin: 0 auto;
overflow: hidden;
}
a#top-1, a#top-1:visited
{
background: url( 'images/logo.jpg' );
display: block;
width: 976px;
height: 77px;
}
#submenu
{
background: #001C94 url( 'images/menu-bg.gif' ) repeat-x;
overflow: hidden;
margin: 2px 0 0 0;
}
#submenu #submenu-inner
{
background: url( 'images/menu-left.gif' ) no-repeat top left;
}
#submenu #submenu-inner2
{
background: url( 'images/menu-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding: 0 5px 0 15px;
}
#submenu ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
#submenu ul li
{
float: left;
line-height: 22px;
height: 22px;
margin: 0;
padding: 0;
}
#submenu ul li a, #submenu ul li a:visited
{
color: white;
font-weight: bold;
font-size: 0.9em;
padding: 0 13px;
background: url('images/menu-spacer.gif') no-repeat top right;
line-height: 22px;
float: left;
}
#submenu ul li a:hover
{
background: #272D4D url('images/menu-spacer.gif') no-repeat top right;
}
#submenu ul li a.last, #submenu ul li a.last:visited
{
border-right: none;
line-height: 22px;
}
#content-outer
{
float: left;
background: url( 'images/side-left-2.jpg' ) repeat-y top left;
}
#content-outer-2
{
float: left;
background: url( 'images/side-left-1.jpg' ) no-repeat top left;
}
#content-inner
{
background: url( 'images/side-right-2.jpg' ) repeat-y top right;
}
#content-inner-2
{
background: url( 'images/side-right-1.jpg' ) no-repeat top right;
}
#middle-stripe-1
{
background: url( 'images/middle-stripe-1.jpg' );
display: block;
width: 4px;
height: 205px;
}
#middle-stripe-2
{
background: url( 'images/middle-stripe-2.jpg' ) repeat-y;
width: 4px;
}
#two-col-holder
{
float: left;
width: 795px;
overflow: hidden;
}
#two-col-holder.wide
{
width: 100%;
}
#content
{
float: right;
width: 560px;
padding: 11px 10px 15px 10px;
}
#content.wide
{
width: 740px;
}
#side-navigation
{
float: left;
width: 195px;
padding: 5px 10px 15px 10px;
}
#side-navigation h2
{
padding-left: 5px;
}
#col-c
{
float: right;
width: 160px;
padding: 0px 10px;
overflow: hidden;
}
#footer
{
float: left;
background: url( 'images/bottom-1.jpg' ) no-repeat;
display: block;
width: 975px;
height: 12px;
}
ul#footer-info-links
{
list-style: none outside;
margin: 0;
padding: 5px 0 0 37px;
}
ul#footer-info-links li
{
float: left;
padding: 0 10px 0 10px;
border-right: solid 1px #540A3C;
}
ul#footer-info-links li a
{
color: #312CC6;
font-size: 11px;
}
ul#footer-info-links .last-link
{
border-right: none;
}
#webkomplet-footer
{
text-align: center;
margin: 10px;
}
#webkomplet-footer a
{
color: #151355;
text-decoration: none;
}
#webkomplet-footer a span
{
color: #151355;
}
.search-box
{
margin: 0;
padding: 0 0 30px 0;
}
.search-box2
{
display: block;
margin-top: 15px;
margin-bottom: 15px;
}
.search-box .search-caption
{
float: left;
padding: 0 5px;
font-size: 11px;
color: white;
font-weight: normal;
}
.search-box2 .search-caption
{
float: left;
line-height: 21px;
}
.search-input
{
float: left;
height: 22px;
line-height: 22px;
}
.search-input input
{
float: left;
border: solid 1px #001C94;
padding: 1px 5px;
color: #4A4D4A;
width: 90px;
margin: 3px 0 0 5px;
}
.search-button
{
float: left;
margin: 0 5px;
}
.search-button span span
{
float: left;
display: block;
background: #0008E7 url('images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
.search-button span span input
{
float: left;
display: block;
margin: 0px;
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
border: none;
color: White;
font-weight: bold;
cursor: pointer;
}
.h1-description
{
padding-bottom: 15px;
}
.h1-description.product-detail
{
clear: both;
margin: 15px 30px 15px 5px;
}
.pager
{
padding-top: 10px;
padding-bottom: 15px;
clear: both;
display: table;
margin: 0 auto;
text-align: center;
}
.pager a, .pager span
{
display: table-cell;
}
.pager a, .pager a:visited
{
cursor: pointer;
text-decoration: none;
color: White;
font-size: 11px;
white-space: nowrap;
margin-right: 3px;
display: inline-block;
}
.pager .pager-button, .pager .pager-button-first, .pager .pager-button-previous, .pager .pager-button-next, .pager .pager-button-last
{
background: #0008E7 url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
.pager .pager-button span span span, .pager .pager-button-first span span span, .pager .pager-button-previous span span span, .pager .pager-button-next span span span, .pager .pager-button-last span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
}
.pager .pager-button:hover, .pager .pager-button-first:hover, .pager .pager-button-previous:hover, .pager .pager-button-next:hover, .pager .pager-button-last:hover
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
padding-right: 0px;
}
.pager .pager-button:hover span span span, .pager .pager-button-first:hover span span span, .pager .pager-button-previous:hover span span span, .pager .pager-button-next:hover span span span, .pager .pager-button-last:hover span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
color: Yellow;
}
.pager .pager-button-active
{
background: url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding-left: 5px;
padding-right: 0px;
margin-right: 3px;
}
.pager .pager-button-active span span span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
font-weight: bold;
}
.cleaner
{
clear: both;
height: 0px;
overflow: hidden;
}
.forum-preview
{
background: whitesmoke;
border-top: solid 2px black;
border-bottom: solid 2px black;
padding: 4px 5px 5px 5px;
margin-top: 5px;
}
.forum-preview-empty-data
{
padding: 10px;
text-align: center;
}
.forum-preview-empty-data-button
{
width: 130px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
}
.forum
{
margin: 15px auto;
width: 580px;
}
.forum-empty-data
{
padding: 30px;
text-align: center;
}
.forum-send-message
{
background: whitesmoke;
border-top: solid 2px black;
border-bottom: solid 2px black;
padding: 4px 5px 5px 5px;
margin-top: 5px;
}
.forum-send-message-inner
{
margin: 0 auto;
width: 530px;
}
.forum-reply-box
{
padding: 5px;
border: solid 2px darkorange;
background: white;
margin-top: 10px;
margin-bottom: 5px;
overflow: hidden;
width: 520px;
}
.forum-message
{
padding: 8px 4px 2px 4px;
overflow: hidden;
border-top: solid 2px white;
}
.forum-message-root
{
background: whitesmoke;
border-left: solid 3px darkorange;
}
.forum-message-child
{
border-left: solid 3px darkorange;
}
.forum-message-title
{
}
.forum-message-text
{
margin-top: 5px;
}
.forum-message-reply
{
text-align: right;
padding: 2px 5px 5px 0;
font-size: 10px;
font-weight: bold;
float: right;
}
a.button, a.button:visited
{
background: #0008E7 url( 'images/btn-left.gif' ) no-repeat top left;
height: 22px;
line-height: 22px;
padding: 0 0 0 8px;
display: block;
float: left;
margin-right: 3px;
text-decoration: none;
}
a.button.middle span, a.button.middle span input
{
width: 75px;
}
a.button span
{
background: url( 'images/btn-right.gif' ) no-repeat top right;
height: 22px;
line-height: 22px;
padding-right: 7px;
display: block;
float: left;
text-align: center;
color: White;
font-weight: bold;
font-size: 10px;
cursor: pointer !important;
}
a.button span input
{
background: none;
height: 22px;
line-height: 22px;
padding: 0;
margin: 0;
border: none;
color: White;
font-weight: bold;
font-size: 10px;
cursor: pointer !important;
}
.back-link
{
}
.form-one
{
width: 480px;
margin: 10px auto;
}
.form-one .form-row
{
padding-bottom: 5px;
clear: both;
}
.form-one div .form-title
{
display: block;
width: 130px;
float: left;
}
.form-one .textbox
{
float: left;
}
.form-one .checkbox
{
float: left;
}
.narrow
{
width: 140px;
}
.wide
{
width: 280px;
}
.validator
{
float: left;
width: 10px;
height: 21px;
border-left: solid 3px red;
padding-left: 5px;
margin-left: 2px;
}
.captcha
{
width: 40px;
}
.captcha-image
{
float: left;
margin: 0 8px;
border: solid 1px gray;
}
.captcha-new
{
float: left;
}
.captcha-new span
{
text-decoration: underline;
padding: 0px;
margin: 0px;
color: #1048af;
}
.captcha-new span input
{
border: none;
background: none;
text-decoration: underline;
font-size: 11px;
color: #1048af;
padding: 0px;
margin: 0px;
text-align: left;
}
.message
{
font-family: Verdana;
margin: 15px;
text-align: center;
background: white;
}
.success
{
border: solid 2px green;
padding: 5px;
color: green;
}
.error
{
border: solid 2px red;
padding: 5px;
color: red;
}
.provereno 
{
background: url('images/provereno.png') no-repeat top left;
width: 118px;
height: 43px;
margin: 0px auto 8px auto;
}
.provereno a 
{
width: 118px;
height: 43px;
float: left;
}
.center 
{
text-align: center;
}
.center p 
{
margin: 8px 0;
}
.quick-list
{
float: left;
margin-right: 10px;
margin-bottom: 20px;
background: url( 'images/quick-list-bg.gif' ) repeat;
overflow: hidden;
}
.quick-list H2
{
font-size: 12px;
margin-bottom: 4px;
font-weight: normal;
font-family: Tahoma;
}
.quick-list-title
{
font-weight: bold;
color: White;
background: url( 'images/quick-list-left.gif' ) no-repeat top left;
padding: 0px;
margin: 0 0 4px 0;
}
.quick-list-title a, .quick-list-title a:visited
{
color: White;
}
.quick-list-title span
{
display: block;
background: url( 'images/quick-list-right.gif' ) no-repeat top right;
padding: 0px 10px;
line-height: 25px;
height: 25px;
vertical-align: middle;
}
.quick-list-content
{
padding: 3px 10px;
}
.quick-list-bottom
{
background: url( 'images/quick-list-bottom-left.gif' ) no-repeat bottom left;
}
.quick-list-bottom span
{
display: block;
background: url( 'images/quick-list-bottom-right.gif' ) no-repeat bottom right;
line-height: 25px;
height: 25px;
vertical-align: middle;
}
.gallery-image
{
border: none;
}
.lmenu
{
margin: 0px;
padding: 0px;
overflow: hidden;
width: 180px;
}
.lmenu ul
{
margin: 0;
padding-left: 0px;
list-style: none;
list-style-position: outside;
display: block;
}
.lmenu ul li
{
margin: 0;
padding: 0;
text-indent: 0;
display: inline;
}
.lmenu ul li span
{
display: block;
background: url( 'images/root-menu.gif' ) no-repeat;
padding: 0;
margin: 0 0 1px 0;
}
.lmenu ul li span a
{
display: block;
padding: 0 5px 0 10px;
clear: both;
line-height: 24px;
height: 24px;
}
.lmenu ul li ul
{
background: #FFD7AD;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
list-style-position: outside;
clear: both;
}
.lmenu ul li ul li
{
padding: 0px;
margin: 0px;
text-indent: 0px;
}
.lmenu ul li ul li span
{
padding: 0 5px 0 0;
background-image: none;
margin-bottom: 1px;
clear: both;
display: block;
}
.lmenu ul li ul li span a
{
line-height: 18px;
height: 18px;
overflow: hidden;
}
.thumbnail-box
{
display: block;
width: 90px;
height: 90px;
text-align: center;
vertical-align: middle;
float: left;
margin: 0 15px 15px 0;
}
.more-info
{
text-align: right;
margin: 10px 20px 20px 0;
}
.left-menu ul
{
list-style: outside square;
padding: 5px 20px 15px 20px;
margin: 0;
}
.left-menu li
{
padding-bottom: 5px;
clear: both;
color: #312CC6;
}
.left-menu li a, .left-menu li a:visited
{
color: #312CC6;
}
/* subcategories listing */
td a, td a:visited
{
color: #001C94;
}
.product-item
{
float: left;
width: 270px;
font-family: Tahoma;
}
.product-item-inner
{
padding: 5px 15px;
border-right: solid 1px silver;
height: 150px;
overflow: hidden;
margin: 0 0 15px 0;
}
.product-item-inner-bottom
{
border-bottom: solid 1px silver;
margin: 0 10px 10px 10px;
display: block;
padding: 0 0 10px 0;
}
.product-item-inner-bottom p
{
padding: 0 0 8px 90px;
margin: 0;
color: #00209C;
}
.product-item-inner-bottom p
{
}
.product-item-inner-bottom p .product-available
{
color: Green;
}
.product-item-inner-bottom p .product-not-available
{
color: Red;
}
.product-item-detail, .product-item-buy
{
float: right;
}
.product-item h2 a, .product-item h2 a:visited
{
font-size: 12px;
text-decoration: none;
color: #00209C;
font-family: Tahoma;
}
span.amount-input
{
float: left;
line-height: 22px;
padding-right: 5px;
}
span.amount-input *
{
float: left;
}
span.amount-input input
{
width: 20px;
margin-right: 2px;
}
.name-days
{
color: #E6EBFF;
display: block;
float: right;
padding-right: 15px;
}
.name-days-name-day, .name-days-holiday
{
font-weight: bold;
}
.detail-image-box
{
float: left;
padding: 15px 10px 10px 0;
}
/* shop basket info */
.shop-basket-info
{
padding: 15px 5px;
display: block;
margin: 0 0 15px 0;
border-bottom: solid 1px #312CC6;
}
.shop-basket-info a.shop-basket-info-link, .shop-basket-info a.shop-basket-info-link:visited
{
color: #312CC6;
padding-bottom: 5px;
display: block;
}
.shop-basket-info a.shop-basket-info-link2, .shop-basket-info a.shop-basket-info-link2:visited
{
color: #312CC6;
}
/* shop order wizard */
.message-success
{
display: block;
padding: 2px 0;
text-align: center;
color: green;
border: solid 2px green;
margin: 0 0 10px 0;
}
.shop-order-wizard
{
width: 97%;
}
.shop-order-wizard .shop-basket-quantity
{
width: 40px;
}
.shop-order-wizard .shop-basket table
{
width: 100%;
}
.shop-order-wizard h2
{
color: #000000;
padding: 5px 0 5px 10px;
border: solid 1px #001C94;
border-left: solid 4px #001C94;
background: #DDE1F1;
margin-bottom: 5px;
}
.shop-order-wizard h3
{
padding: 5px 0 5px 10px;
border-left: solid 2px #001C94;
margin: 0;
}
.shop-order-wizard h3.top-margin
{
margin-top: 20px;
}
.shop-order-wizard .shop-basket table thead th
{
background: #DDE1F1;
font-size: 0.9em;
}
.shop-order-wizard .shop-basket table tr td
{
font-size: 0.9em;
}
.shop-order-wizard .shop-basket-update-amount
{
margin-left: 5px;
}
.shop-order-wizard .shop-basket-delete-item
{
margin-left: 5px;
}
.shop-order-wizard .shop-basket-total
{
float: right;
padding: 5px 10px 10px 0;
}
.shop-order-wizard .shop-basket-is-empty
{
border: solid 1px #001C94;
background: #DDE1F1;
color: #001C94;
padding: 5px;
margin: 10px 0;
text-align: center;
}
.shop-order-wizard .shop-basket-buttons
{
padding: 10px 0 30px 160px;
}
.shop-order-wizard .shop-basket-button
{
padding: 2px 5px 2px 20px;
margin: 3px;
width: 190px;
float: left;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-empty
{
background: #DDE1F1 url('images/shop/delete.png') no-repeat 3px 2px;
clear: both;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-order
{
padding: 2px 20px 2px 5px;
background: #DDE1F1 url('images/shop/forward.png') no-repeat 166px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-previous
{
background: #DDE1F1 url('images/shop/back.png') no-repeat 3px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-next
{
padding: 2px 20px 2px 5px;
background: #DDE1F1 url('images/shop/forward.png') no-repeat 166px 2px;
}
.shop-order-wizard .shop-basket-button.shop-basket-button-continue-shopping
{
background: #DDE1F1 url('images/shop/back.png') no-repeat 3px 2px;
}
.shop-order-wizard .shop-basket-confirmation1
{
margin: 0 0 30px 0;
}
.shop-order-wizard .shop-basket-confirmation2
{
border: solid 1px #001C94;
padding: 10px;
margin: 0 0 30px 0;
}
.shop-order-wizard .shop-order-wizard-field-separator
{
padding: 10px;
}
.shop-order-wizard .wizard-field-info
{
font-size: 10px;
color: Gray;
padding-bottom: 10px;
}
.shop-order-wizard .required-field-sign
{
padding: 5px;
color: blue;
}
.shop-order-wizard .required-fields-info
{
padding: 5px;
font-size: 9px;
color: blue;
text-align: center;
}
/* bread-crumbs */
.bread-crumbs
{
padding-bottom: 15px;
}
.bread-crumbs ul
{
display: block;
list-style: none outside;
margin: 0;
padding: 0;
color: #00209C;
}
.bread-crumbs ul li
{
float: left;
padding-right: 5px;
}
.bread-crumbs ul li a, .bread-crumbs ul li a:visited
{
color: #312CC6;
}
/* form styling */
.frm
{
border: solid 1px #001C94;
margin: 0 auto;
width: 300px;
padding: 10px 25px 15px 25px;
overflow: hidden;
}
.frm *
{
float: left;
}
.frm label
{
width: 100px;
}
.frm label span
{
float: none;
color: #ec7f2b !important;
}
.frm .row
{
padding-top: 10px;
clear: both;
width: 100%;
}
.frm .frm-center
{
padding: 10px 0 0 0;
margin: 0 auto;
}
form
{
margin: 0;
padding: 0;
}
.success-msg
{
border: solid 2px #001C94;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
}
.error-msg
{
border: solid 2px #001C94;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
}
.subcategories h2
{
margin: 0;
padding: 8px 0 10px 0px;
}
.subcategories h3
{
padding: 0;
margin: 8px 0 0 5px;
}
table.subcategories
{
border-top: solid 2px navy;
border-bottom: solid 2px navy;
margin: 10px 0 30px 0;
padding: 0;
background: #F3F3FE;
}
table.subcategories td
{
padding: 0 0 0 10px;
}
.proverene-udaje .proverene-kontakty, .proverene-udaje .proverena-firma
{
    padding: 10px 10px 0 10px;
}

.proverene-kontakty 
{
    text-align: center;
    width: 230px;
    font-size: 13px;
    padding: 10px;
    float: left;
    line-height: 20px;
}
.proverene-kontakty a 
{
    text-decoration: none;
    color: #000;
}

.proverene-kontakty-icon 
{
    background: url('images/proverenekontakty.png') no-repeat top center;
    width: 100%;
    height: 70px;
    display: block;
}
.proverene-kontakty-icon a 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

.proverena-firma 
{
    text-align: center;
    width: 260px;
    font-size: 13px;
    padding: 10px;
    float: left;
    line-height: 20px;
}
.proverena-firma  a 
{
    text-decoration: none;
    color: #000;
}

.proverena-firma-icon 
{
    background: url('images/proverenafirma.png') no-repeat top center;
    width: 100%;
    height: 70px;
    display: block;
}
.proverena-firma-icon a 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

.proverene-kontakty p, .proverena-firma p 
{
    font-size: 13px !important;
    margin: 0 !important;
}

#right-box .proverene-kontakty, #right-box .proverena-firma 
{
    width: 100%;
    padding: 5px 0;
}
