html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}


body {
    font-size: 15px;
    line-height: 1.75em;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    color: #484846;
    background: transparent url('body-bg.png') repeat left top;
}

a {
    color: #767fb8;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #fefefe;
    background: #767fb8;
}

h1 span {
    display: none;
}

h2 {
    font-size: 19px;
    line-height: 1em;
    font-family: Georgia, "New York CE", utopia, serif;
    background: url('heading-03.png') repeat-x left top;
    border: 1px solid #bfc3de;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    color: #232323;
    font-weight: normal;
    margin: 0;
    margin-bottom: 0.5em;
    text-shadow: 1px 1px 1px #ddd;
}

h2 span {
    display: block;
    margin: 0 12px;
}

h2 a,
h2 span {
    color: #232323;
    text-decoration: none;
    background: none;
}

h2 a:hover,
h2 a:hover span {
    color: #232323;
    background: none;
}

h3 {
    font-size: 1em;
    line-height: 1.25em;
    font-weight: bold;
    margin: 0;
}

p {
    text-align: left;
    font-size: 1em;
    line-height: 1.75em;
    margin-bottom: 0.75em;
    text-align: justify;
}

strong, b {font-weight: bold;}

i, em {font-style: italic;}

li {
    list-style: none;
}

img {
    border: 3px solid #bbbbbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input,
textarea {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    font-size: 15px;
}

label {
    font-weight: bold;
}

/* ID: CONTAINER */

#page {
    width: 882px;
    margin: 8px auto 0px auto;
    background: transparent url('pageborder-top.gif') no-repeat left top;
    overflow: hidden;
}

/* HEADER */

#header {
    height: 367px;
    margin: 8px 0 0 0;
    position: relative;
    overflow: hidden;
    background: url('header.jpg') no-repeat left -8px;
}

.header-1 {background: url('header.jpg') no-repeat left -8px;}
.header-4 {background: url('header-about.jpg') no-repeat left -8px;}
.header-5 {background: url('header-sluzby.jpg') no-repeat left -8px;}
.header-7 {background: url('header-clanky.jpg') no-repeat left -8px;}
.header-8 {background: url('header-vzory.jpg') no-repeat left -8px;}
.header-11 {background: url('header-reference.jpg') no-repeat left -8px;}
.header-6 {background: url('header-ceny.jpg') no-repeat left -8px;}
.header-12 {background: url('header-kontakt.jpg') no-repeat left -8px;}

#logo {
    display: block;
    width: 882px;
    height: 322px;
}

a#logo:hover {
    background: none;
}

#logo span {
    display: none;
    visibility: hidden;
}


/* SLIDESHOW */
#header-slideshow {
    position: absolute;
    top: 92px;
    left: 9px;
    overflow: hidden;
    height: 230px;
    width: 863px;
}

#header-slideshow img {
    border: 0px;
}


/* MAINMENU */

#mainmenu {
    overflow: hidden;
    position: absolute;
    top: 327px;
    left: 8px;
}

#mainmenu li {
    background: url('navi-divider.gif') no-repeat 1px 14px;
    margin: 0 0 0 -2px;
    padding: 0 0 0 2px;
    float: left;
    font-size: 1.083em;
    font-weight: bold;
    color: #3d3d3d;
}

#mainmenu li a {
    display: block;
    /*height: 55px;*/
    padding: 1px 8px;
    margin: 3px 9px 0 9px;
    text-decoration: none;
    color: #3d3d3d;
}

#mainmenu li a:hover,
#mainmenu li.active a {
    background: #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    text-shadow: 1px 1px 1px #f0f0f0;
}


/* CONTENT */

#content {
    background: url('content.gif') repeat-y left top;
    overflow: hidden;
    padding: 8px;
}


/* LEFTCOL */
#leftcol {
    float: left;
    width: 619px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#leftcol .rightcol-inbox {
    margin: 15px;
}

#leftcol h2 {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


/* hpLeftcol */
#hpLeftcol {
    float: left;
    width: 619px;
}

#hpHlasky {
    margin: 10px 0 0 0;
    font-weight: bold;
    background: url('heading-04.png') repeat-x left top;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-decoration: none;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    color: #232323;
    font-weight: normal;
    clear: both;
}

#hpHlasky p {
    padding: 0 15px;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    text-shadow: 1px 1px 1px #999;
}


#hpLeftcol .hpContent {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 337px;
}

#hpLeftcol .hpContent .hpContentInbox {
    margin: 0 12px 12px 12px;
}

#hpLeftcol h3 {
    margin-bottom: 6px;
}

#hpLeftcol .ads-col {
    float: left;
    width: 296px;
    overflow: hidden;
}

#hpLeftcol .ads-col h3 a {
    color: #232323;
}

#hpLeftcol .ads-col h3 a:hover {
    color: #232323;
    background: none;
}

#hpLeftcol .ads-col ul {
    margin: 0 12px 0px 0;
    overflow: hidden;
    width: 284px;
}

#hpLeftcol .ads-col li {
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    margin-bottom: 6px;
    width: 1000px;
    width: 284px;
    position: relative;
}
         
#hpLeftcol .ads-col li .g01 {    
    background: url('gradient-01.png') no-repeat left center;
    position: absolute;
    top: 0px;
    left: 234px;
    display: block;
    width: 50px;
    height: 18px;
}

#hpLeftcol .ads-col a {text-decoration: none;}


/* WIDEBOX */
#widebox {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#widebox .inbox {
    margin: 15px;
}

#widebox .inbox h2 {
    margin: 5px -15px 0 -15px;
    padding: 0 15px;
}

#widebox .wideboxTextbox {
    width: 340px !important;
    width: 370px;
    height: 270px !important;
    height: 280px;
    float: left;
    background: #eeeeee;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px 0 15px;
}

#widebox .mapFrame {
    width: 450px;
    float: right;
}

#widebox .mapFrame iframe {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/* SUBMENU */
#submenu {
    margin: 0 0 12px 0;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #eeeeee;
}

#submenu li {
    border-bottom: 1px dashed #cdcdcd;
}

#submenu li .g01 {
    display: none;
    visibility: hidden;
}

#submenu a {
    display: block;
    text-decoration: none;
    /*color: #484846;*/
    color: #333333;
    background: url('marker.gif') no-repeat left 13px;
    padding: 6px 0 6px 14px;
    line-height: 1.25em;
}

#submenu a:hover,
#submenu .active a {
    background: url('marker-hover.gif') no-repeat 3px 13px;
    color: #000000;
    font-weight: bold;
}

#submenu h2 a,
#submenu h2 a:hover {
    color: #232323;
    background: none;
    line-height: 30px;
    padding: 0 0 0 21px;
    font-weight: normal;
}

/* RIGHTCOL */

#rightcol {
    width: 235px;
    float: right;
}

#rightcol .text-wrapper {
    padding: 0 10px 10px 10px;
}

#contactBox {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.homepage #contactBox {
    height: 337px;
}

#contactBox h2 {
    padding: 0 0 0 21px;    
}

#contactBox p {
    padding: 6px 21px;
}


/* CONTACT FORM */
#contactFormWrapper input.text {
    width: 400px;
}

#contactFormWrapper textarea {
    width: 826px;
    height: 400px;
}

#contactFormWrapper .submit {
    float: right;
    cursor: pointer;
    padding: 9px 27px;
    font-size: 16px;
}

/* FOOTER */
#footer {
    background: transparent url('pageborder-bottom.gif') no-repeat left top;
    overflow: hidden;
}

#footer p {
    margin: 24px 0 48px 12px;
    color: #fefefe;
    font-size: 11px;
    color: #cccccc;
}

#footer strong {
    color: #fefefe;
}

#footer .footerBox {
    float: left;
}

/*#footer .footerBox01 {width: 330px;}
#footer .footerBox02 {width: 302px;}
#footer .footerBox03 {width: 249px;}*/

#footer .footerBox01 {width: 260px;}
#footer .footerBox02 {width: 260px;}
#footer .footerBox03 {width: 245px;}
#footer .footerBox04 {
    float: right;
    width: 105px;
}

/* COMMON CLASSES */

.cleaner {clear: both;}

hr {
    visibility: hidden;
    display: none;
}

.hidden {
    display: none;
    visibility: hidden;
}

.left {float: left;}

.right {float: right;}

.no-underline {text-decoration: none;}


/* FACEBOOK BUTTON */
.facebook-button {
    text-align: right;
    height: 14px;
    line-height: 14px;
}

.facebook-button a {
    border: 0px;
    margin: 0px;
    padding: 0 0 0 18px;
    background: none;
    text-decoration: none;
    color: #767fb8;
    height: 14px;
    line-height: 10px;
    display: inline-block;
    background: url('http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif') no-repeat -1px -1px;
}

.facebook-button a:hover span {
    text-decoration: underline;
}

.facebook-button a span {
    padding: 0;
    font-size: 12px;
}

.facebook-button img {
    display: none;
}


/* SITEMAP */
#sitemap a {
    text-decoration: none;
    display: block;
}

#sitemap a:hover {
    color: #767fb8;
    font-weight: bold;
    background: none;
}

#sitemap li a {
    font-size: 16px;
}

#sitemap li li a {
    font-size: 14px;
    background: url('marker.gif') no-repeat 1px center;
    padding: 0 0 0 21px;
}

#sitemap li li a:hover {
    background: url('marker-hover.gif') no-repeat 3px center;
    color: #767fb8;
    font-weight: bold;
}


/* REFERENCE - seznam */
#ref-list li {
    margin-bottom: 24px;
}

#ref-list .ref-img-wrapper {
    float: left;
    width: 200px;
}

#ref-list img {
    width: 194px;
    border: 0px;
}

#ref-list .ref-content {
    margin-left: 210px;
}