/* new.webkomplet.cz style */
/* ================= GENERAL ================== */
html
{
height: 101%;
min-height: 101%;
}
body
{
margin-top: 0px;
padding-top: 0px;
margin: 0 auto;
font-family: "Segoe UI" , Candara, "Bitstream Vera Sans" , "DejaVu Sans" , Verdana, sans-serif;
font-size: 90%;
background: #131c25;
color: #2a2727;
position: relative;
}
#page-holder
{
background: #ffffff url('images/MainBg.jpg') no-repeat center 115px;
padding: 0;
margin: 0;
overflow: hidden;
border-collapse: collapse;
line-height: 0px;
text-align: left;
}
#main
{
width: 980px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
line-height: 0px;
text-align: left;
}
.cleaner
{
margin: 0;
padding: 0;
float: none !important;
height: 0px !important;
overflow: hidden !important;
clear: both !important;
font-size: 0px;
line-height: 0px;
}
strong
{
font-weight: bold;
}
p strong
{
color: #484848;
}
h1
{
color: #a91e23;
font-weight: bold;
font-size: 24px;
padding: 0;
margin: 5px 0px 8px 0px;
color: #a91e23;
}
h2
{
text-decoration: none;
color: #0084D1 !important;
font-size: 18px;
font-weight: bold !important;
padding: 0px 0px 4px 0px;
line-height: normal;
margin: 0px;
}
h2 a
{
color: #0084d1;
font-weight: bold;
text-decoration: none;
font-size: 21px;
}
h2 a:hover
{
color: #B3050A;
}
h3
{
font-size: 14px;
line-height: 1;
padding: 0px 0px 6px 0px;
margin: 0px;
font-weight: bold;
font-weight: bold;
color: #595959;
}
h3 a:link, h3 a:visited, h3 a:hover
{
font-size: 18px;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #09379e;
margin: 0px;
}
h4
{
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.listing
{
width: 600px;
margin: 15px 0 0 15px;
}
.listing h1
{
margin-bottom: 16px;
}
.listing p
{
margin-bottom: 15px;
}
.listing h2
{
margin-bottom: 5px;
}
.listing h2 a
{
font-size: 16px;
}
a, a:link
{
color: #0084D1;
}
a:hover
{
color: #b3050a;
}
img
{
border: none;
}
.list
{
margin: 15px 0px 15px 35px;
}
.list a, .list a:visited
{
color: #9d0f0f;
font-size: 14px;
line-height: 26px;
}
.list li
{
display: list-item;
list-style: url('images/list.png');
margin: 0px;
padding: 0px 0px 0px 4px;
}
.list ul
{
margin: 0px;
padding: 0px;
}
.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;
}
.subscribe .textbox 
{
width: 165px;
}
.subscribe form 
{
margin: 0;
}
input[type=text], textarea, select, .shop-basket-quantity, .captcha-image
{
border: 2px solid;
border-color: #bbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.shop-basket-quantity:focus, input[type=text]:focus, textarea:focus, select:focus
{
background: #f5fbff;
border-color: #bbb;
}
/* =================== HEADER =================== */
#header
{
width: 980px;
height: 115px;
padding: 0px;
display: block;
position: relative;
line-height: normal;
}
#logo
{
float: left;
width: 259px;
height: 55px;
margin: 25px 0px 0px 0px;
display: block;
background: url('images/logo.png') no-repeat left top;
}
#logo a
{
width: 259px;
height: 55px;
padding: 0px;
margin: 0px;
display: block;
}
/* =================== TOP STRIPE =================== */
#top-stripe
{
width: 100%;
display: block;
background: #ffffff url('images/Top-bg.png') repeat-x left top;
height: 56px;
color: #4d4d4f;
font-size: 12px;
}
#top-stripe .content
{
width: 980px;
margin: 0 auto;
display: block;
position: relative;
}
#call-us
{
background: url(images/call-us-icon.png) no-repeat;
padding: 0 0 0 40px;
margin: 0 40px 0 10px;
}
#write-us
{
background: url(images/write-us-icon.png) no-repeat;
padding: 0 0 0 37px;
}
#call-us .number
{
font-weight: bold;
font-size: 1.2em;
margin: 0 0 0 5px;
}
#call-us .hours
{
margin: 0 10px;
}
#write-us a
{
color: #b3050a;
}
#top-stripe #call-us, #top-stripe #write-us, #top-stripe .links ul
{
display: inline-block;
float: left;
line-height: 49px;
}
#top-stripe .links ul
{
margin: 0 5px 0 0;
padding: 0;
list-style: outside none;
float: right;
}
#top-stripe .links ul li
{
float: left;
margin: 0 10px 0 0;
}
#top-stripe .links ul li a, #top-stripe .links ul li a.visited
{
display: inline;
color: #4d4d4f;
border-right: solid 1px silver;
padding: 0 10px 0 0;
}
#top-stripe .links ul li a:hover
{
color: #b3050a;
}
#top-stripe .links ul li a.last
{
border: none;
}
#top-stripe #searchbox
{
width: 200px;
height: 90px;
position: absolute;
background: #fff;
right: 10px;
top: 45px;
z-index: 1000;
display: none;
border: 3px solid #B9B9B9 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
}
#top-stripe #searchbox .searchboxactivator
{
cursor: pointer;
}
#top-stripe #searchbox .searchboxclose
{
position: absolute;
top: 24px;
right: 19px;
font-weight: bold;
font-size: 20px;
color: #A91E23;
text-decoration: none;
cursor: pointer;
}
.search-input input
{
width: 150px;
}
.search-button input
{
width: 70px;
background: none;
cursor: pointer;
border: none !important;
margin: 0px;
padding: 0px;
color: #fff;
font-weight: bold;
}
/* =================== MENU =================== */
#top-menu
{
float: left;
width: 700px;
height: 59px;
margin: 0;
padding: 0;
position: relative;
color: #fff;
}
#top-menu ul
{
list-style: none outside;
padding: 0px 0px 0px 0px;
margin: 16px 0px 0px 6px;
height: 40px;
}
#top-menu ul li
{
font-size: 22px;
display: block;
height: 40px;
float: left;
line-height: 40px;
padding: 0px;
margin: 0px;
}
#top-menu ul li a, #top-menu ul li a:visited
{
display: inline-block;
height: 90px;
color: #000000;
font-size: 22px;
padding: 0px 7px 0px 7px;
text-decoration: none;
overflow: hidden;
position: relative;
}
#top-menu ul li a img, #top-menu ul li a:visited img
{
position: relative;
}
#top-menu ul li a:hover img, #top-menu ul li.active a img
{
bottom: 95px;
}
#top-menu ul li.active a
{
font-weight: bold;
}
/* =================== SECOND MENU =================== */
#second-menu
{
float: left;
width: 980px;
height: 59px;
margin: 0;
padding: 0;
position: relative;
color: #fff;
}
#second-menu ul
{
list-style: none outside;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 59px;
width: 977px;
}
#second-menu ul li
{
display: block;
float: left;
line-height: 59px;
padding: 0px;
margin: 0px;
}
#second-menu ul li.active
{
}
#second-menu ul li a, #second-menu ul li a:visited
{
display: inline-block;
height: 40px;
color: #303030;
font-size: 13px;
text-decoration: none;
background: url('images/Menu2Button.png') no-repeat right top;
margin: 0px 10px 0px 10px;
width: 175px;
height: 31px;
line-height: 31px;
text-align: center;
}
#second-menu ul li a:hover, #second-menu ul li.active a
{
background: url('images/Menu2ButtonActive.gif') repeat-x center bottom;
display: inline-block;
color: #fff;
}
#second-menu ul li.active a
{
font-weight: bold;
}
/* ================== THIRD MENU ==================== */
.third-menu
{
width: 241px;
overflow: hidden;
}
.third-menu ul
{
list-style: none outside;
padding: 5px 0 0 0;
margin: 0;
width: 241px;
margin: 0 0 0 0px;
}
.third-menu ul ul
{
margin: 5px 0 0 30px;
width: 206px;
}
.third-menu ul ul ul
{
margin: 0 0 0 20px;
width: 160px;
}
.third-menu li
{
clear: both;
}
.third-menu li a, .third-menu li a:visited
{
color: #3a3a3d;
display: block;
line-height: 68px;
width: 241px;
overflow: hidden;
height: 68px;
text-decoration: none;
font-size: 14px;
}
.third-menu li a img
{
float: left;
padding: 10px 6px 0px 6px;
}
.third-menu li li a, .third-menu li li a:visited
{
width: 165px;
background: none;
}
.third-menu li li li a, .third-menu li li li a:visited
{
width: 140px;
display: none;
}
.third-menu li li li
{
display: none;
}
.third-menu li a:hover
{
color: #A91E23 !important;
}
.third-menu li.active a
{
background: url('images/ActiveMenuNode.png') no-repeat right 4px !important;
}
.third-menu li.active ul li a, .third-menu li ul li.active a
{
background: none !important;
line-height: 20px;
height: auto;
}
.third-menu li ul li.active a
{
font-weight: bold;
}
/* ================== CONTENT ==================== */
#content-2-collums, #content-3-collums, #content-1-collumn
{
display: inline-block;
width: 980px;
height: 100%;
padding: 0px 0px 0px 0px;
background: #e1e1e1;
position: relative;
z-index: 100;
overflow: hidden;
line-height: normal;
position: relative;
}
#content-2-collums .head, #content-1-collumn .head
{
background: url('images/2ColsContentHeader.jpg') no-repeat left top;
height: 80px;
}
#content-3-collums .head
{
background: url('images/3ColsContentHeader.jpg') no-repeat left top;
height: 80px;
}
#content-left, #content-middle-collumn, #content-left-wide, #content-page-right
{
float: left;
display: block;
}
.content-page-shade
{
background: url('images/2ColsListShadow.png') no-repeat left top;
position: absolute;
left: 237px;
top: 80px;
height: 506px;
width: 14px;
z-index: -1;
}
#content-page-wide
{
width: 960px;
margin-left: 10px;
background: #ffffff url('images/2ColsListFooter.png') no-repeat left bottom;
padding-bottom: 20px;
}
#content-left-wide
{
width: 670px;
padding: 0px 10px 0px 10px;
margin-left: 10px;
}
#content-page-right
{
width: 699px;
padding: 0px 0px 20px 20px;
background: #ffffff url('images/3ColsListFooter.png') no-repeat left bottom;
min-height: 500px;
height: auto !important;
height: 500px;
}
#content-left
{
width: 241px;
padding: 0px 0px 0px 10px;
}
#content-right-collumn
{
width: 220px;
padding: 0px 9px 0px 0px;
float: right;
}
#content-middle-collumn
{
width: 450px;
padding: 0px 10px 0px 0px;
background: #fff;
}
/* ================== SIDE BOXES ==================== */
.box
{
margin-bottom: 15px;
}
.box h3
{
display: inline-block;
padding-bottom: 8px;
}
.box .content
{
padding: 55px 20px 10px 20px;
}
.box .content ul
{
list-style: outside square;
color: #B3050A;
}
.box .content ul li
{
color: #222222;
}
.box.dont-miss
{
background: url('images/DontMissSideBanner.png') no-repeat top left;
}
.box.quick-contact
{
background: url('images/QuickContactSideBanner.png') no-repeat top left;
}
.box.newsletter 
{
background: url('images/NewsletterSideBanner.png') no-repeat top left;
}
/* ==================== ARTICLE BLOCK ================== */
.article-block
{
line-height: 1.35em;
overflow: hidden;
font-size: 12px;
color: #2a2727;
}
.article-block blockquote
{
padding-left: 30px;
margin: 0;
font-size: 15px;
line-height: 1.5em;
}
.article-block img, .article-block a img
{
text-decoration: none !important;
}
.article-block li
{
list-style: url('images/list.png');
}
strong
{
font-weight: bold;
}
.gallery-image
{
border: solid 3px #ccc !important;
}
/* ======================= FOOTER ======================= */
#footer
{
background: #525e6a;
width: 100%;
color: #ffffff;
z-index: 100;
}
#footer a
{
color: #ffffff;
}
#footer .col
{
float: left;
width: 220px;
padding: 0px 10px 0px 10px;
}
#footer ul
{
margin: 0;
padding: 0;
}
#footer li
{
list-style: none;
}
#footer .footer-content, #footer2 .footer-content
{
width: 980px;
margin: 0 auto;
color: #ddd;
}
#footer .footer-content a:link, #footer .footer-content a:visited
{
color: #DDD;
}
#footer .footer-content .box
{
padding: 0 0 15px 0;
margin: 5px 10px 10px 10px;
}
#footer .footer-content .box h2
{
font-size: 18px;
color: whitesmoke;
margin: 0 0 6px 0;
padding: 0;
}
#footer .footer-content .box .slider
{
height: 220px;
overflow: hidden;
}
#footer .footer-content .box .slider-inner
{
width: 3000px;
}
#footer .footer-content .box .item
{
border: solid 1px #EEEEEE;
width: 192px;
height: 210px;
float: left;
margin-right: 15px;
background: white;
padding: 5px;
}
#footer .footer-content .box .item a img
{
width: 190px;
height: 120px;
background: gray;
border: solid 1px #A91E23;
display: block;
}
#footer .footer-content .box .item h2
{
margin: 0;
padding: 5px 0 0px 0;
}
#footer .footer-content .box .item p
{
margin: 0;
padding: 0;
color: black;
}
#footer .footer-content .box .item h2 a, #footer .footer-content .box .item h2 a:visited
{
font-size: 15px;
color: #A91E23;
}
#footer .head
{
background: #525e6a url('images/PageFooter.png') no-repeat left bottom;
height: 48px;
display: block;
margin: 0 0 10px 0;
}
#footer2
{
color: #eee;
margin: 0 10px;
padding: 15px 15px 20px 15px;
}
#footer2 a
{
color: #eee;
}
#footer2 ul
{
margin: 0;
padding: 0;
width: 230px;
float: left;
list-style: outside none;
}
#footer2 ul li
{
margin: 0;
padding: 0 0 7px 0;
height: auto;
line-height: normal;
}
#footer2 ul li a
{
line-height: normal;
height: 18px;
margin: 0;
padding: 0;
}
/* ======================= WEBKOMPLET FOOTER ======================= */
#webkomplet-footer
{
background: #0a0f13;
text-align: center;
height: 50px;
color: #eee;
}
#webkomplet-footer a
{
color: #eee;
text-decoration: none;
font-size: 11px;
line-height: 50px;
}
#webkomplet-footer a span
{
color: #eee;
}
/* ==================== BUTTTONS =================== */
a.button span
{
height: 48px;
line-height: 48px;
display: inline-block;
text-align: center;
font-size: 14px;
cursor: pointer !important;
background: url( 'images/button-left.png' ) no-repeat top left;
}
a.button span input, a.button span span
{
background: url( 'images/button-right.png' ) no-repeat top right;
height: 48px;
line-height: 48px;
display: inline-block;
border: none;
color: #fff;
font-size: 14px;
font-weight: bold;
cursor: pointer !important;
padding: 0px 20px 0px 20px;
}
/* ====================== LIST ======================= */
.TypePdf
{
padding-left: 22px;
list-style: none inside !important;
background: url('images/pdf_ico.gif') no-repeat left 2px;
}
.type-word
{
padding-left: 22px;
list-style: none inside !important;
background: url('images/wordIconBig.gif') no-repeat left 2px;
}
.type-excel
{
padding-left: 22px;
list-style: none inside !important;
background: url('images/excelIconBig.gif') no-repeat left 2px;
}
.type-zip
{
padding-left: 22px;
list-style: none inside !important;
background: url('images/zip_icon.gif') no-repeat left 2px;
}
ul.two-col
{
margin: 0px;
padding: 0px;
}
ul.two-col li
{
float: left;
width: 310px;
display: block;
list-style: none;
margin-bottom: 15px;
}
ul.two-col li.left
{
margin-right: 25px;
padding-right: 24px;
clear: left;
}
ul.two-col li.right
{
}
ul.two-col .more
{
}
a.more, a.more:visited
{
float: right;
text-decoration: none;
background: url(images/more.png) no-repeat 0 3px;
padding: 0 0 0 15px;
color: #0084d1;
text-decoration: underline;
}
a.more:hover
{
color: #B3050A;
}
ul.two-col h2
{
margin: 0;
}
ul.two-col p
{
margin: 0 0 4px 0;
}
.thumbnail-link
{
padding-right: 10px;
float: left;
}
/* ================== FORM ==================== */
form
{
margin-bottom: 20px;
}
body.ie7 form, body.ie8
{
margin-bottom: 40px;
}
form p
{
margin-bottom: 15px;
}
form label, .form-title
{
float: left;
width: 140px;
margin-top: 13px;
line-height: 1.6;
font-size: 16px;
color: #0084d1;
}
.form-title .required
{
color: #A91E23;
}
form input, form textarea
{
padding: 10px 5px;
background: #fff url(images/bg-input.gif) repeat-x top;
border: 1px solid #B9B9B9 !important;
width: 448px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.field-info
{
font-size: 11px;
color: #666;
}
.form
{
margin-left: 20px;
}
.form .required-info
{
padding-top: 10px;
font-size: 10px;
}
.formbox
{
background: #fff url(images/ContactFormBody.png) repeat-y top left;
width: 674px;
}
.formbox .header h3
{
line-height: 65px;
margin-left: 65px;
color: #0084d1;
font-size: 20px;
margin-bottom: 0px;
font-weight: bold;
}
.formbox .header
{
background: #fff url(images/ContactFormHead.png) no-repeat top left;
height: 65px;
width: 674px;
display: block;
}
.formbox .footer
{
background: #fff url(images/ContactFormFoot.png) no-repeat top left;
height: 16px;
width: 674px;
display: block;
}
.form-row
{
margin-bottom: 10px;
}
form input.small
{
width: 35px;
}
#message
{
margin-bottom: 20px;
}
.error-message
{
background: url(images/error.png) no-repeat 10px center #FECDC6;
padding: 10px 35px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.success-message
{
background: url(images/success.png) no-repeat 10px center #F1FFBF;
padding: 10px 35px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.form .box
{
width: 100%;
}
/* ================== BUTTONS ==================== */
button, .button, .submit-button, .search-button
{
cursor: pointer;
display: inline-block;
font-size: 108%;
font-weight: 700;
margin: 2px;
outline: none;
padding: 5px 10px;
width: auto;
text-align: center;
text-decoration: none !important;
vertical-align: middle;
background: url('images/grad-blue.gif') repeat-x center top #c3c3c3;
color: #ffffff;
border: 1px solid #8ed5ff;
text-shadow: 0 -1px 0 #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
a.button
{
color: #ffffff;
}
.submit-button
{
padding: 10px 15px;
margin: 0 5px 15px 0;
}
body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button
{
zoom: 1;
display: inline;
}
button:hover, .button:hover, .submit-button:hover
{
background: url('images/grad-blue-hover.gif') repeat-x center top #c3c3c3;
text-decoration: none;
outline: none;
color: #ffffff;
}
button:active, .button:active, .submit-button:active
{
position: relative;
top: 1px;
outline: none;
background: url('images/grad-grey-rev.gif') repeat-x center top #c3c3c3;
}
button, .button input, .submit-button input, .button a, .submit-button a
{
background: none !important;
padding: 0px;
border: none !important;
text-decoration: none;
font-size: 108%;
font-weight: 700;
outline: none;
color: #ffffff;
width: auto !important;
}
.info
{
font-style: italic;
font-size: 12px;
display: block;
text-align: right;
margin: 5px 40px 0px 0px;
}
.ip-info
{
border: solid 2px red;
padding: 10px;
margin: 0 0 15px 0;
}
.msg-info
{
font-size: 14px;
font-weight: bold;
height: 25px;
padding: 10px 10px 10px 45px;
background: #fff url('images/Check-32.png') no-repeat 5px center;
line-height: 25px;
margin-left: 3px;
}
.msg-error
{
font-size: 14px;
font-weight: bold;
height: 25px;
padding: 10px 10px 10px 45px;
background: #fff url('images/Delete-32.png') no-repeat 5px center;
line-height: 25px;
margin-left: 3px;
}
.footer-content .ref-block
{
padding: 12px 20px 15px 20px;
background: #616F7E;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
.footer-content .ref-block div 
{
float: left;
width: 296px;
margin: 5px 0 0 0;
}
.footer-content .ref-block .col1 
{
padding: 0 12px 5px 0;
}
.footer-content .ref-block .col2 
{
padding: 0 12px 5px 12px;
border-right: 1px solid #8895a4;
border-left: 1px solid #8895a4;
}
.footer-content .ref-block .col3 
{
padding: 0 0 5px 12px;
}
.footer-content .ref-block div p 
{
text-align: left;
}
.footer-content .ref-block p
{
margin-bottom: 0;
}
.footer-content h2 a, .footer-content h2
{
color: whitesmoke !important;
font-size: 18px;
font-weight: normal !important;
}
.link-block
{
width: 300px;
float: left;
margin: 0 0 0 10px;
padding: 10px 0 0 15px;
}
.link-block a, .link-block a:visited
{
color: #0084D1;
font-size: 12px;
}
.link-block a, .link-block a:visited
{
float: left;
background: url('images/thumb-analyza-a-auditing.png') no-repeat 30px 5px;
padding: 80px 10px 10px 10px;
margin: 0 10px 10px 0;
display: block;
height: 24px;
width: 115px;
border: solid 1px #E7E3E7;
font-weight: bold;
text-align: center;
}
.link-block a:hover
{
border: solid 1px #8391A0;
}
.link-block #chci-web
{
background: url('images/thumb-firemni-prezentace.png') no-repeat center 15px;
}
.link-block #chci-e-shop
{
background: url('images/thumb-e-shop.png') no-repeat center 15px;
}
.link-block #chci-seo
{
background: url('images/thumb-optimalizace-pro-vyhledavace.png') no-repeat center 10px;
}
.link-block #chci-ppc
{
background: url('images/thumb-ppc-kampane.png') no-repeat center 10px;
}
.link-block #chci-servis
{
background: url('images/thumb-servis-siti.png') no-repeat center 10px;
}
.link-block #chci-e-mail-marketing
{
background: url('images/thumb-e-mail-marketing.png') no-repeat center 10px;
}