body
{
font-family: Arial;
font-size: 13px;
background: #eeeeee url('images/bg.png') repeat-x top left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
input
{
font-family: Arial;
}
a *
{
cursor: pointer;
}
a img 
{
border: none !important;
}
h1
{
color: #248DFF;
font-size: 1.45em;
padding: 10px 0 10px 0;
margin: 0;
line-height: 1.2em;
}
h2, .product-title a, h2 a
{
color: #204BA2;
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
text-decoration: none;
}
h3
{
margin: 15px 0 3px 0;
}
h4
{
margin: 5px 0 3px 0;
padding: 0 0 0 5px;
}
ul
{
list-style-type: square;
list-style-position: outside;
margin: 0;
padding: 0 0 0 20px;
}
.perex 
{
margin: 5px 0 10px 0;
}
/*
ul
{
list-style: none outside;
}
ul li
{
background: url('images/dot.gif') no-repeat 0px 8px;
padding: 0 0 8px 10px;
}
*/
#h1-description
{
margin: 0 0 30px 0;
}
#left-banner 
{
position: absolute;
left: -182px;
top: 77px;
width: 169px;
}
#left-banner3 
{
background: url('images/left-banner.png') no-repeat top left;
width: 168px;
height: 510px;
}
#left-banner3 ul 
{
list-style: none;
margin: 150px 0 0 0;
padding: 0;
float: left;
}
#left-banner3 li 
{
float: left;
width: 168px;
height: 102px;
margin-bottom: 28px;
}
#left-banner3 li a 
{
float: left;
width: 100%;
height: 100%;
}
#logo-block
{
margin: 0 0 0 0;
width: 100%;
display: inline-block;
position: relative;
height: 97px;
}
a#mailkomplet-logo
{
display: block;
background: url('images/logo.png') no-repeat;
height: 72px;
width: 348px;
top: 10px;
left: 10px;
position: absolute;
text-decoration: none;
padding: 0 0 0 0;
line-height: 1.7em;
}
#header-contact 
{
position: absolute;
font-weight: bold;
font-size: 16px;
left: 380px;
top: 8px;
}
#header-contact ul 
{
list-style: none;
padding-left: 0;
line-height: 26px;
}
#header-contact li 
{
float: left;
margin-right: 20px;
}
#header-contact a 
{
text-decoration: none;
color: #000;
}
#header-contact a:visited 
{
color: #000;
}
#header-contact img 
{
position: relative;
top: 3px;
}
#header-contact span 
{
color: #b70c00;
}
#header-tryit 
{
position: absolute;
left: 380px;
top: 40px;
width: 367px;
}
#header-tryit p 
{
float: left;
margin: 7px 0;
}
#header-tryit .btn 
{
float: right;
background: #78b22d url('images/header-btn.png') no-repeat center center;
text-align: center;
width: 122px;
margin: 8px 0 0 0;
height: 29px;
}
a#webkomplet-logo
{
display: block;
background: url('images/logo.gif') no-repeat;
height: 22px;
width: 174px;
top: 9px;
right: 12px;
position: absolute;
}
a.admin-link 
{
position: absolute;
top: -23px;
right: 15px;
background: url('images/admin-link-right.png') no-repeat top right;
height: 23px;
padding-right: 8px;
color: #727272;
font-size: 12px;
}
a.admin-link span 
{
background: url('images/admin-link-left.png') no-repeat top left;
float: left;
height: 23px;
padding-left: 8px;
text-align: center;
line-height: 25px;
color: #727272;
}
.error, .validation-summary, .required-field
{
color: Red;
}
.hidden
{
display: none;
}
#body-bg
{
position: relative;
display: block;
margin: 30px auto;
width: 970px;
}
#hair
{
position: absolute;
background: url('images/vlasy.png') no-repeat 50% 0;
z-index: -1;
top: -30px;
left: 580px;
width: 417px;
height: 117px;
}
#main
{
position: static;
z-index: 10;
background: url('images/main-bg-header.gif') no-repeat top left;
padding: 0;
}
#main2
{
padding: 10px 0 10px 0;
background: url('images/main-bg-footer.gif') no-repeat bottom left;
display: inline-block;
}
#main3
{
width: 950px;
overflow: hidden;
background: white;
padding: 0 10px 10px 10px;
}
#nav1
{
background: url('images/nav1-bg-left.png') no-repeat;
height: 31px;
line-height: 31px;
padding: 0 0 0 7px;
float: right;
margin: 0;
overflow: hidden;
display: inline-block;
}
#nav1 div
{
background: url('images/nav1-bg-right.png') no-repeat top right;
height: 31px;
line-height: 31px;
padding: 0 7px 0 0;
float: left;
}
#nav1 ul
{
background: url('images/nav1-bg.png') repeat-x;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0;
list-style: none outside;
float: left;
}
#nav1 ul li
{
float: left;
padding: 4px 15px 0 0;
}
#nav1 a
{
text-decoration: none;
}
#nav1 a span, #nav1 a:visited span
{
color: #4D4D4F;
}
#nav1 a strong span, #nav1 a:visited strong span
{
color: White;
}
#nav1 a strong
{
background: url('images/nav1-btn-left.png') no-repeat;
height: 27px;
line-height: 27px;
padding: 0 0 0 9px;
float: left;
}
#nav1 a strong span
{
background: url('images/nav1-btn-right.png') no-repeat top right;
height: 27px;
line-height: 27px;
padding: 0 9px 0 0;
float: left;
}
#nav1 a span span span
{
padding: 0 5px 0 5px;
font-size: 0.9em;
}
#nav1 a strong span span
{
background: url('images/nav1-btn-bg.png') repeat-x;
height: 27px;
line-height: 27px;
padding: 0;
float: left;
font-size: 0.9em;
}
#nav1 a:hover strong span span, #nav1 a:hover span span span
{
text-decoration: underline !important;
}
#nav2
{
background: #cc0909 url('images/nav2-bg.png') repeat-x;
width: 100%;
float: left;
}
#nav2-right 
{
background: url('images/nav2-bg-right.png') no-repeat top right;
padding-right: 7px;
}
#nav2 ul
{
background: url('images/nav2-bg-left.png') no-repeat;
margin: 0;
padding: 0 0 0 15px;
list-style: none outside;
height: 40px;
line-height: 40px;
}
#nav2 ul li
{
float: left;
height: 40px;
line-height: 40px;
display: block;
}
#nav2 a
{
text-decoration: none;
float: left;
}
#nav2 a:hover span span span, #nav2 a:hover strong span span
{
text-decoration: underline;
}
#nav2 a span span span
{
color: White;
padding: 0 10px 0 10px;
height: 40px;
line-height: 40px;
font-size: 14px;
}
#nav2 a strong
{
background: white url('images/nav2-btn-left.png') no-repeat left bottom;
height: 35px;
line-height: 35px;
float: left;
margin: 5px 0 0 0;
}
#nav2 a strong span
{
background: url('images/nav2-btn-right.png') no-repeat top right;
height: 35px;
line-height: 35px;
float: left;
}
#nav2 a strong span span
{
padding: 0 10px;
color: #010101;
height: 35px;
line-height: 35px;
font-size: 14px;
}
#nav2 .spacer
{
background: url('images/nav2-spacer.png') no-repeat;
width: 1px;
overflow: hidden;
display: inline-block;
height: 40px;
line-height: 40px;
margin: 0 0 0 0;
}
/* search boxes */
.search-box
{
margin: 0;
padding: 0;
position: absolute;
top: 62px;
right: 20px;
}
.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 #C8DFF7;
background: #EDF6FF;
padding: 1px 5px;
color: #777676;
width: 120px;
font-size: 0.9em;
margin: 2px 0 0 5px;
}
.search-button
{
float: left;
margin: 0 5px;
}
.search-button span span
{
float: left;
display: block;
width: 20px;
}
.search-button span span input
{
display: none;
float: left;
background: url('images/btn-search.png' ) no-repeat left 0px;
display: block;
margin: 0px;
width: 20px;
height: 20px;
line-height: 20px;
border: none;
color: White;
font-weight: bold;
cursor: pointer;
top: 1px;
position: relative;
}
.cleaner
{
clear: both;
}
#two-col-holder
{
overflow: hidden;
padding: 0;
margin: 0;
width: 650px;
float: left;
}
#content
{
font-size: 1.1em;
padding: 15px 0 0 0;
line-height: 1.4em;
}
#content .twocols 
{
padding: 10px 0;
}
#content .twocols div 
{
float: left;
width: 45%;
padding-right: 15px;
margin-bottom: 5px;
}
#content .twocols div.more 
{
width: 100%;
padding-right: 0;
}
#content .twocols div.right 
{
border-left: 1px dotted #b2b2b2;
padding-left: 27px;
}
#content .twocols h2 
{
font-size: 24px;
font-weight: normal;
padding: 10px 0 20px 0;
}
#content .twocols ul 
{
list-style: none;
padding-left: 0;
margin: 0;
}
#content .twocols ul li 
{
padding-left: 20px;
line-height: 24px;
background: url('images/arrow2b.png') no-repeat left 7px;
}
#content #reference img 
{
margin-bottom: 0;
}
#content #reference td 
{
padding: 43px 13px 0 13px;
}
#content #bottom-box 
{
border-left: 1px solid #c5dae3;
border-right: 1px solid #c5dae3;
background-color: #f1f8fb;
padding: 15px;
float: left;
width: 588px;
font-size: 13px;
}
#content #bottom-box-header 
{
width: 620px;
background: url('images/box3-header.png') no-repeat top left;
padding-top: 5px;
clear: both;
margin: 80px 0 15px 0;
float: left;
}
#content #bottom-box-footer 
{
width: 620px;
background: url('images/box3-footer.png') no-repeat bottom left;
padding-bottom: 5px;
float: left;
}
#content #bottom-box .left
{
float: left;
}
#content #bottom-box .box5 
{
background-color: #fff;
border-left: 1px solid #d4e4eb;
border-right: 1px solid #d4e4eb;
font-style: italic;
padding: 0 10px;
text-align: justify;
line-height: 16px;
}
#content #bottom-box .box5-header 
{
background: url('images/box5-header.png') no-repeat top left;
padding-top: 5px;
margin: 11px 0 1px 0;
width: 328px;
}
#content #bottom-box .box5-footer 
{
background: url('images/box5-footer.png') no-repeat bottom left;
padding-bottom: 18px;
width: 328px;
}
#content #bottom-box .more, #content #bottom-box .author 
{
padding-right: 0;
text-align: right;
}
#content #bottom-box .more 
{
margin-top: 5px;
}
#content #bottom-box .right 
{
width: 211px;
float: right;
background: url('images/footer-separator.png') repeat-y top left;
padding-left: 23px;
height: 100%;
margin-right: 6px;
}
#content #bottom-box .subscribe 
{
margin-bottom: 20px;
}
#content #bottom-box .subscribe .textbox 
{
border: 1px solid #ccdee6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
bakcground-color: #fff;
padding: 6px 10px;
width: 188px;
}
#content #bottom-box .subscribe .btn2 input 
{
background: none;
border: none;
color: #fff;
font-weight: bold;
font-size: 14px;
padding: 6px 19px 4px 19px;
}
.garance 
{
background: url('images/garance.gif') no-repeat top center;
width: 100%;
height: 169px;
float: left;
margin: 5px 0 20px 0;
}
.garance a 
{
width: 250px;
height: 169px;
float: left;
margin: 0 0 0 12px;
}
.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;
}
.proverene-udaje .proverene-kontakty, .proverene-udaje .proverena-firma
{
padding: 10px 30px 0 30px;
}
.proverene-kontakty 
{
text-align: center;
width: 200px;
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: 230px;
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 
{
margin-top: 0px;
font-size: 13px !important;
}
#col-c .proverene-kontakty, #col-c .proverena-firma 
{
width: 100%;
padding: 5px 0;
}
#content p
{
margin: 0 0 10px 0;
}
#content ul
{
margin-bottom: 20px;
}
#content #category-block 
{
margin-bottom: 50px;
}
#content .product-item 
{
margin-bottom: 15px;
width: 620px;
}
#content .product-desc 
{
}
#content .product-item .date 
{
float: right;
margin: 7px 5px 0 0;
}
#content .product-item .product-icon 
{
float: left;
width: 120px;
text-align: center;
overflow: hidden;
}
#content .product-item .product-icon a 
{
border: none;
}
#content .product-item-top 
{
background: url('images/box4-header.png') no-repeat top left;
height: 5px;
}
#content .product-item-mid 
{
background: url('images/box4-bg.png') repeat-y top left;
padding: 5px 15px 15px 15px;
}
#content .product-item-btm 
{
background: url('images/box4-footer.png') no-repeat top left;
height: 5px;
}
#content .product-item .product-title 
{
font-weight: bold;
line-height: 22px;
padding: 6px 0;
float: left;
}
#content .product-item .prize span 
{
font-size: 18px;
}
#content .product-item .prize span span 
{
font-size: 15px;
}
#content .product-item .btn2 
{
text-align: center;
float: right;
}
#content .product-item .btn2 .w10 
{
width: 50px;
}
#col-c
{
width: 273px;
float: right;
margin: 15px 15px 0 0;
}
#col-c .banner 
{
width: 273px;
float: left;
margin: 0 0 15px 0;
}
#col-c .banner a 
{
float: left;
width: 100%;
height: 100%;
}
#col-c .web-auditor 
{
height: 437px;
background: #4391c1 url('images/webauditor.png') no-repeat top left;
}
#col-c .mail-komplet 
{
height: 271px;
background: #4391c1 url('images/mailkomplet.png') no-repeat top left;
}
#col-c .databaze-na-prodej 
{
height: 428px;
background: #4391c1 url('images/databaze.png') no-repeat top left;
}
#col-c ul li 
{
color: Red;
}
#col-c ul li span 
{
color: #000;
}
#col-c .quick-list-content 
{
padding: 10px 0;
}
#col-c .quick-list-content li 
{
padding: 5px 0;
}
#col-c.left
{
float: left;
margin: 15px 0 0 15px;
}
.text-col-1
{
width: 250px;
float: left;
margin: 0 50px 0 0;
}
.text-col-2
{
width: 250px;
float: left;
}
.box h2
{
padding: 0;
margin: 0;
}
.box
{
width: 328px;
float: left;
background: url('images/box-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box.lm
{
margin: 0 0 0 10px;
}
.box .header
{
background: url('images/box-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box .footer
{
background: url('images/box-footer.png') no-repeat bottom;
padding: 0 0 5px 0;
}
.box .content
{
padding: 8px 15px;
}
.box2 h2
{
padding: 0;
margin: 0;
}
.box2
{
width: 273px;
float: left;
background: #F7FBFF url('images/box2-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box2 .header
{
background: url('images/box2-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box2 .footer
{
background: url('images/box2-footer.png') no-repeat bottom;
padding: 0 0 5px 0;
}
.box2 .content
{
padding: 8px 15px;
}
a.btn, a.btn2
{
background: url('images/btn-left.png') no-repeat;
height: 31px;
line-height: 31px;
display: inline-block;
color: White;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
}
a.btn3 
{
background: url('images/btn3-right.png') no-repeat top right;
height: 28px;
line-height: 28px;
display: inline-block;
color: #fff;
font-size: 1.1.em;
font-weight: bold;
text-decoration: none;
padding: 0 12px 0 0;
}
a.btn3 span
{
height: 31px;
line-height: 31px;
display: inline-block;
background: url('images/btn3-left.png') no-repeat top left;
padding: 0 0 0 12px;
}
a.btn input
{
background: none;
border: none;
color: White;
font-size: 1em;
font-weight: bold;
text-decoration: none;
padding: 0;
margin: 0;
height: 31px;
line-height: 31px;
}
a.btn span, a.btn2 span
{
height: 31px;
line-height: 31px;
display: inline-block;
background: url('images/btn-right.png') no-repeat top right;
padding: 0 12px;
}
a.btn2
{
background: #a90000 url('images/btn2-left.png') no-repeat;
}
a.btn2 span
{
background: url('images/btn-right.png') no-repeat top right;
}
.center
{
text-align: center;
}
.w10
{
width: 100px;
}
h2.arrow
{
background: url('images/arrow2a.png') no-repeat 0 1px;
padding-left: 20px;
}
h4.arrow4 
{
background: #f0f7fa url('images/arrow2a.png') no-repeat 5px 6px;
padding: 4px 0 4px 30px;
}
a.arrow
{
background: url('images/arrow2b.png') no-repeat 0 5px;
padding-left: 12px;
display: inline-block;
}
h2.arrow2
{
background: url('images/arrow2a.png') no-repeat 0 1px;
padding-left: 23px;
}
h2.arrow2 a 
{
text-decoration: none;
color: #204ba2;
}
h2.arrow2 a:hover 
{
text-decoration: underline;
}
a.arrow2
{
background: url('images/arrow2b.png') no-repeat 0 5px;
padding-left: 12px;
display: inline-block;
}
.indent
{
padding-left: 15px;
}
.indent2
{
padding-left: 40px;
}
.indent3
{
padding-left: 80px;
}
.text-content
{
padding: 0 15px 0 15px;
}
.faq h2
{
font-size: 0.9em;
}
.news ul
{
list-style: none outside;
padding: 0 0 0 10px;
margin: 0;
}
.faq ol 
{
padding: 0 0 0 20px;
margin: 0;
}
.faq ul li
{
padding: 0 0 10px 0;
}
.news h2, .arrow-list h2
{
font-size: 0.9em;
}
.news p
{
margin: 0;
padding: 0;
display: inline;
padding: 0 0 10px 0;
}
.news li
{
padding: 0 0 25px 0;
}
hr
{
border: none;
border-top: solid 1px #C6DBE7;
}
.more
{
text-align: right;
padding-right: 15px;
}
/* forms begin */
.form .required-info
{
}
.form .required
{
color: #CE0808;
}
.form .field-info
{
padding: 0 10px 10px 10px;
width: 100%;
font-size: 0.83em;
font-weight: normal;
float: left;
line-height: normal;
color: #83888C;
}
.form-row
{
line-height: 32px;
float: left;
}
.form-row .form-title
{
float: left;
width: 200px;
font-weight: bold;
color: #2149A5;
}
.form-row .textbox
{
border: solid 1px #93B5E7;
background: #EFF7FF;
vertical-align: middle;
padding: 3px 5px;
font-weight: bold;
color: #19367C;
}
.form-row .dropdownlist
{
border: solid 1px #93B5E7;
background: #EFF7FF;
vertical-align: middle;
padding: 3px 5px;
font-weight: bold;
color: #19367C;
}
.form-row .narrow
{
width: 200px;
}
.form-row .wide
{
width: 350px;
}
.form-row .textbox:focus
{
background: #FFF3DE;
}
.form .submit-button
{
padding: 10px 0 0 0;
}
.swapper
{
font-size: 24px;
font-weight: normal;
width: 50%;
text-align: center;
color: #2149a5;
text-decoration: none;
margin: 10px 0 0 0;
}
.swapper span 
{
padding: 15px;
border: 1px solid #c4dae3;
border-radius: 8px;
}
.business 
{
float: left;
}
.credit 
{
float: right;
}
#pausal, #kredit
{
background-color: #f1f8fb;
border-top: 2px solid #c4dae3;
border-bottom: 1px solid #c4dae3;
border-left: 1px solid #c4dae3;
border-right: 1px solid #c4dae3;
padding: 5px 0;
width: 100%;
margin: 0 0 15px 0;
}
#pausal 
{
}
.form-row dl 
{
margin: 0 0 10px 10px;
}
.form-row dt 
{
float: left;
width: 189px;
}
.form-row dd 
{
float: left;
margin: 0;
}
.form-row .variants 
{
font-size: 16px;
margin: 0 0 5px 0;
float: left;
}
.form-row .variants span 
{
margin: 0 20px 0 0;
}
.form-row .versions span 
{
float: left;
margin-right: 10px;
}
.form-row .versions span input 
{
margin-left: 0;
}
/* forms end */
.box1
{
width: 620px;
}
.box3
{
width: 620px;
background: url('images/box3-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box3 .header
{
background: url('images/box3-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box3 .footer
{
background: url('images/box3-footer.png') no-repeat left bottom;
padding: 0 0 5px 0;
}
.box3 .content
{
padding: 10px 10px 0 10px;
}
.box4
{
width: 620px;
background: url('images/box4-bg.png') repeat-y;
margin: 0 0 15px 0;
}
.box4 .header
{
background: url('images/box4-header.png') no-repeat;
padding: 5px 0 0 0;
}
.box4 .footer
{
background: url('images/box4-footer.png') no-repeat left bottom;
padding: 0 0 5px 0;
}
.box4 .content
{
padding: 15px 15px 15px 15px;
}
/* messages begin */
.msg-error
{
color: #CE0808;
border: solid 2px #CE0808;
margin: 10px 0;
padding: 10px;
width: 100%;
}
/* messages end */
.gallery-images a, .gallery-images a:visited
{
border: solid 1px #C6DBE7;
padding: 3px;
display: inline-block;
}
.gallery-image
{
border: none;
display: inline-block;
}
ul.arrow-list
{
list-style: none outside;
margin: 0;
padding: 0;
}
table.prices
{
background-color: #ffffff;
font-size: 16px;
}
table.prices th
{
background-color: #808080;
color: White;
padding: 15px 10px;
font-size: 15px;
font-weight: normal;
}
table.prices .corner-left-top 
{
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
table.prices .corner-right-top 
{
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
table.prices .corner-left-btm 
{
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
table.prices .corner-right-btm 
{
border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
table.prices td
{
padding: 15px 10px 13px 10px;
background-color: #eeeeee;
}
table.prices .price 
{
background-color: #ffc86c !important;
font-size: 18px;
color: #353535;
}
table.prices .highlighted td, table.prices .highlighted
{
background-color: #ffe8c1;
}
table.prices td span 
{
font-size: 12px;
}
.under-table 
{
font-size: 12px;
padding: 5px 10px 0 10px;
}
.feature-list
{
width: 620px;
margin: 10px auto 40px auto;
table-layout: fixed;
border: solid 1px #C6DBE7;
padding: 0;
}
.feature-list.narrow
{
width: 450px;
}
.feature-list th.top-header
{
background: #6BBA21;
text-align: center;
color: White;
width: 100%;
}
.feature-list th
{
text-align: left;
padding: 0 5px 0 8px;
font-size: 0.9em;
font-weight: normal;
}
.feature-list th.header-info
{
font-weight: normal;
}
.feature-list tr
{
line-height: 24px;
}
.feature-list td
{
text-align: center;
}
.feature-list span.yes
{
background: url('images/yes.png') no-repeat;
padding: 0 0 0 23px;
line-height: 16px;
}
.feature-list span.no
{
background: url('images/no.png') no-repeat;
padding: 0 4px 0 26px;
line-height: 16px;
}
.info-img
{
width: 145px;
float: left;
}
.info-block
{
width: 430px;
float: left;
}
ul.side-menu2 
{
display: none;
}
ul.side-menu
{
list-style: none outside;
margin: 0 0 20px 0;
padding: 0;
}
ul.side-menu li
{
padding: 0;
margin: 0 0 1px 0;
}
ul.side-menu li h2
{
margin: 0;
padding: 0;
height: 29px;
line-height: 29px;
}
ul.side-menu li h2 a, ul.side-menu li h2 a:visited
{
display: block;
width: 243px;
height: 29px;
line-height: 29px;
background: url('images/side-menu-bg.png') no-repeat;
font-size: 12px;
padding: 0 0 0 30px;
overflow: hidden;
text-decoration: none;
font-weight: normal;
color: #4A4D4A;
position: relative;
}
ul.side-menu li h2 a:hover, ul.side-menu li h2 strong a
{
background: url('images/side-menu-bg-hover.png') no-repeat !important;
}
ul.side-menu li h2 a img
{
border: none;
padding: 0;
position: absolute;
top: 7px;
left: 8px;
}
.submit-button 
{
margin: 0 0 15px 0;
}
.back 
{
float: left;
}
.forward 
{
float: right;
}
.page-count 
{
color: #b01616;
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
.faq-search
{
font-size: 0.85em;
position: absolute;
top: -10px;
left: 20px;
background: white;
display: inline-block;
padding: 0 3px;
color: #218EFF;
}
.box3 .content.faq
{
margin: 0;
padding: 4px 10px;
width: 600px;
}
#content .date 
{
float: right;
}
#content .box6 
{
background-color: #f2f2f2;
padding: 3px 10px;
font-style: italic;
}
#content .box6-header 
{
width: 620px;
background: url('images/box6-header.png') no-repeat top left;
padding-top: 5px;
margin: 5px 0 15px 0;
}
#content .box6-footer 
{
width: 620px;
background: url('images/box6-footer.png') no-repeat bottom left;
padding-bottom: 5px;
}
.search-box.faq
{
position: static;
width: 260px;
float: left;
display: inline-block;
}
.search-box.faq .search-input input
{
background: white;
width: 200px;
}
.faq .text
{
float: left;
font-weight: normal;
font-size: 0.85em;
padding: 0 0 0 10px;
}
#footer 
{
background-color: #f0f7fa;
border-left: 1px solid #c4d9e2;
border-right: 1px solid #c4d9e2;
padding: 5px 0;
float: left;
}
#footer-top 
{
width: 970px;
background: url('images/footer-top.png') no-repeat top left;
padding-top: 11px;
margin-top: 20px;
}
#footer-btm 
{
width: 970px;
background: url('images/footer-btm.png') no-repeat bottom left;
padding-bottom: 11px;
float: left;
margin-bottom: 20px;
}
#footer .footerbox 
{
float: left;
min-height: 192px;
min-width: 234px;
padding: 0 26px;
margin: 10px 0;
line-height: 20px;
}
#footer #box1 
{
width: 280px;
}
#footer #box2 
{
width: 280px;
}
#footer #box3 
{
width: 252px;
}
#footer .footerbox h2 
{
padding-bottom: 12px;
}
#footer .footerbox ul 
{
padding-left: 16px;
}
#footer .footerbox li 
{
color: red;
line-height: 24px;
}
#footer .footerbox li span 
{
color: #000;
}
#footer .footerbox .more 
{
padding-right: 0;
}
#footer #box2, #footer #box3 
{
background: url('images/footer-separator.png') repeat-y top left;
}
#footer #box3 ul 
{
list-style: none;
padding: 0;
}
#footer #box3 li
{
color: #000;
}
#footer #box3 li img 
{
position: relative;
top: 4px;
}
#bottom-links
{
text-align: center;
color: #4e4e4e;
font-size: 12px;
padding: 20px 0 0 0;
width: 970px;
margin-top: 20px;
}
#bottom-links a, #bottom-links a:visited
{
color: #4e4e4e;
}
/* ================= BREADCRUMBS BLOCK ================= */
.bread-crumbs
{
padding: 0;
margin-top: 0;
width: 100%;
}
.bread-crumbs ul
{
margin-bottom: 0px !important;
padding: 0 0 0 0;
height: 22px;
}
.bread-crumbs li
{
list-style: none;
float: left;
font-size: 11px;
color: #808080;
}
.bread-crumbs li a
{
color: #808080;
}
.bread-crumbs li a.current
{
text-decoration: none;
cursor: default;
}
/* ============================== FORUM CATEGORIES ================================ */
.forum-category 
{
padding: 10px;
border: 1px solid #c4d9e2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 15px;
}
/* ============================== FORUM DETAIL ==================================== */
.captcha-image 
{
margin-left: 5px;
position: relative;
top: 8px;
}
.forum-message-title
{
vertical-align: middle;
padding: 0px 0px 4px 0px;
}
.forum-message-text
{
padding: 5px 0;
}
.forum-message
{
margin-bottom:0px;
padding: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-wekbit-border-radius: 5px;
}
.forum-message-reply
{
float: right;
margin-right:5px;
padding-bottom:2px;
}
.operator-message
{
font-weight: bold;
}
.insert input
{
margin: 10px 0px 10px 0px;
}
.forum h3
{
background: url('images/Document-Notes.png') no-repeat left top;
padding: 0px 0px 2px 25px;
font-size: 16px;
line-height: 25px;
margin: 5px 0px 5px 0px;
border-bottom: solid 2px #ddd;
}
.forum-page .back-link
{
float: none;
text-align: center;
margin:10px 0px 7px 0px;
}
.forum-message-root 
{
margin-top: 15px;
}
.forum-message-root, .forum-message-child 
{
background: #f0f7fa;
border: 1px solid #c4d9e2;
margin-top: 3px;
}
.forum-message-root .forum-message-title, .forum-message-child .forum-message-title
{
border-bottom: 1px solid #fff;
}
.forum-message-operator
{
background: #831010 url('images/forum-child-bg.png') repeat-x top left;
margin-top: 3px;
color: #fff;
border: none;
}
.forum-message-operator .forum-message-title 
{
border-bottom: 1px solid #860000;
}
.forum-message-arrow 
{
background: url('images/forum-child-arrow.png') repeat-x left 3px;
float: right;
}
.forum-node
{
margin: 5px 0px 15px 0px;
border-bottom: dotted 1px #ddd;
padding-bottom: 2px;
line-height: 1.3em;
}
.forum-node .title
{
font-weight: bold;
font-size: 13px;
background: url('images/chat-2.png') no-repeat left center;
padding: 0px 0px 0px 22px;
}
.forum-node .content
{
}
.forum-preview
{
border-top: solid 2px #c4d9e2;
margin-bottom: 15px;
padding-top: 10px;
}
.forum-reply-box
{
border: solid 2px #1E441B;
padding: 10px;
background: #f5f5f5;
margin: 0px 0px 10px 0px;
}
.message.success
{
font-size: 14px;
font-weight: bold;
height:25px;
padding:10px 10px 10px 55px;
background: url("images/Symbol-Check.png") no-repeat scroll 10px center #F1F8FB;
border: 1px solid #C4D9E2;
line-height:25px;
margin: 0 0 15px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.forum-send-message-inner ul{ width:480px; font-size:16px; margin:5px 0px 5px 0px;}
.forum-send-message-inner li{border:none;}
.online-poradna 
{
width: 273px;
height: 133px;
margin-bottom: 15px;
float: left;
background-color: #70ac22;
}
.odborne-skoleni 
{
width: 273px;
height: 138px;
margin-bottom: 15px;
float: left;
background-color: #707070;
}
.online-poradna a, .odborne-skoleni a 
{
float: left;
width: 100%;
height: 100%;
}
/* ==================================== FAQ RATING ================================== */
.rating 
{
background-color: #f1f8fb;
border: 1px solid #c4d9e2;
border-radius: 5px;
-moz-border-radius: 5px;
-wekbit-border-radius: 5px;
padding: 5px;
margin: 5px 0px 0px 0px;
float: left;
}
.rating .visits 
{
float: right;
line-height: 17px;
margin-left: 5px;
}
/* ================================== NEW INDEX PAGE =============================== */
#index-banner 
{
background: #4b4b4b url('images/indexbanner-bg.png') no-repeat top left;
width: 920px;
height: 280px;
margin: 0 15px 15px 15px;
position: relative;
top: 15px;
float: left;
}
#index-banner-blue 
{
background: #4b4b4b url('images/indexbanner-bg-blue.png') no-repeat top left;
width: 920px;
height: 280px;
margin: 0 15px 15px 15px;
position: relative;
top: 15px;
float: left;
}
#index-banner-right 
{
width: 540px;
float: right;
color: #fff;
font-size: 15px;
}
#index-banner-right div 
{
padding: 35px 15px 0 27px;
}
#index-banner-right h2 
{
color: #fff;
font-size: 26px;
font-weight: normal;
padding: 0;
}
#index-banner-right p 
{
margin: 10px 0;
}
#index-banner-buttons 
{
clear: both;
padding: 0 !important;
margin-top: 25px;
}
#index-banner-buttons a 
{
float: left;
background: url('images/indexbanner-btn.png') no-repeat top left;
color: #fff;
text-decoration: none;
text-align: center;
width: 211px;
height: 67px;
font-size: 16px;
margin: 0 15px;
}
#index-banner-buttons a span 
{
float: left;
width: 206px;
text-align: center;
padding: 9px 0 0 0;
}
#index-main-3cols 
{
padding: 15px;
margin: 15px 0 0 0;
float: left;
}
#index-main-3cols .col 
{
width: 297px;
height: 440px;
background: #d9f0fb url('images/indexbox.png') no-repeat top left;
float: left;
margin: 0 14px 0 0;
line-height: 20px;
font-size: 14px;
}
#index-main-3cols .col div 
{
padding: 0 23px;
}
#index-main-3cols .last 
{
margin: 0 !important;
}
#index-main-3cols .col img 
{
float: left;
margin: 0 8px 0 0;
}
#index-main-3cols .col span 
{
font-size: 15px;
font-weight: bold;
}
#index-main-3cols .col h3 
{
background: url('images/indexbox-h2-right.png') no-repeat top right;
padding-right: 23px;
float: left;
height: 37px;
font-weight: normal;
margin: 0 0 20px 0;
}
#index-main-3cols .col h3 span 
{
background: url('images/indexbox-h2-left.png') no-repeat top left;
padding: 6px 0 12px 23px;
color: #fff;
float: left;
font-size: 18px !important;
font-weight: normal !important;
}
#index-main-3cols .col h3 span a 
{
color: #fff;
text-decoration: none;
}
#index-main-3cols .col h3 span a:hover 
{
text-decoration: underline;
}
#index-main-3cols .col p 
{
margin: 5px 0;
}
#index-main-3cols .col ul 
{
padding-left: 25px;
margin-top: 10px;
}
#index-main-3cols .col li 
{
color: Red;
}
#index-main-3cols .col li span 
{
color: #000;
font-size: 14px !important;
font-weight: normal !important;
}
#index-main-3cols .col .arrow2 
{
float: right;
margin: 0 0 15px 0;
}
#tooltip 
{
position: absolute;
border: 1px solid #c4d9e2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #f0f7fa;
padding: 5px;
color: #333333;
display: none;
width: 200px;
}
.tooltip 
{
position: relative;
top: 2px;
}
.collabsible-box 
{
border: 1px solid #c4dae3;
background-color: #f1f8fb;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 8px 8px 3px 8px;
margin-bottom: 10px;
}
.collabsible-box h2 
{
padding: 3px 0 2px 1px;
}
.collabsible-box h2 img 
{
top: -6px;
position: relative;
}
.collabsible-box h2 a 
{
display: block;
}
.collabsible-box h3 
{
padding: 3px 0 2px 1px;
font-size: 14px;
font-weight: bold;
margin: 0;
}
.collabsible-box h3 a 
{
text-decoration: none;
color: #204BA2;
display: block;
}
.collabsible-box h3 img 
{
top: -6px;
position: relative;
}
.collabsible-box .faq-item 
{
border: 1px solid #c4dae3;
padding: 8px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 0 5px 0;
background-color: #fff;
}
.sablony ul 
{
padding: 0;
margin: 0;
list-style: none;
}
.sablony li 
{
float: left;
margin: 0 20px 10px 0;
}
.sablony li .sablona-img 
{
width: 288px;
height: 170px;
overflow: hidden;
padding: 0;
border: 1px solid #c6dbe7;
margin: 0 0 10px 0;
background-color: #f1f8fb;
text-align: center;
}