body {text-align: center; margin: 0; padding: 0; font-family: Geneva, sans-serif; font-size: 80%; color: #3F3F3F}
h1 {margin: 0}
h1 span {display: none}
h3 {margin: 10px 0 0 0; font-size: 110%}
ul {padding: 0; margin-left: 0}
li {list-style-type: none; background: url("../img/list.gif") left 8px no-repeat; padding-left: 10px}
a img {border: none}
a, .blue {color: #015EA6}
p {margin: 10px 0 15px 0}


#head {background-color: #000000; color: #FFFFFF; font-weight: bold}
#head-in {background: url("../img/bg_head.jpg") left top no-repeat; width: 754px; margin: 0 auto; text-align: left; height: 220px}
.logo {background: url("../img/logo.png") left top no-repeat; width: 213px; height: 65px; display: inline-block; margin-top: 75px; float: left}
#head h3 {margin: 0; color: #FF7F00; font-size: 100%}
#head p {margin: 0}
.contact-head {float: right; margin-top: 65px}
.works-head {clear: both; float: right; margin: 30px 45px 0 0; font-style: italic; font-size: 110%}
.graf-work, .sug, .break {background: url("../img/ico_graf-works.gif") right center no-repeat; padding: 5px 15px 5px 0}
.sug {background-image: url("../img/ico_sug.gif")}
.break {background-image: url("../img/ico_break.gif")}

#center {background: #FFFFFF url("../img/bg_center.gif") left top repeat-x}
#center-in {margin: 0 auto; text-align: left; width: 755px}

#jsmenu {margin: 0; padding: 3px 0; float: left; width: 100%}
#jsmenu li {display: block; float: left; padding: 0; margin: 0 2px 0 0; background: none}
#jsmenu li a {background: url("../img/menu_o-nas.gif") left top no-repeat; width: 149px; height: 32px; display: block}
#jsmenu li a:hover, #jsmenu li a.active {background-image: url("../img/menu_o-nas-active.gif")}
#jsmenu li a.sluzby {background-image: url("../img/menu_sluzby.gif")}
#jsmenu li a.reference {background-image: url("../img/menu_reference.gif")}
#jsmenu li a.podklady {background-image: url("../img/menu_podklady.gif")}
#jsmenu li a.kontakt {background-image: url("../img/menu_kontakt.gif")}
#jsmenu li a.tiskoviny, #jsmenu li a.tiskoviny:hover {background-image: url("../img/menu_tiskoviny.gif")}
#jsmenu li a.bannery, #jsmenu li a.bannery:hover {background-image: url("../img/menu_bannery.gif")}
#jsmenu li a.sluzby:hover, #jsmenu li a.sluzby.active {background-image: url("../img/menu_sluzby-active.gif")}
#jsmenu li a.reference:hover, #jsmenu li a.reference.active {background-image: url("../img/menu_reference-active.gif")}
#jsmenu li a.podklady:hover, #jsmenu li a.podklady.active {background-image: url("../img/menu_podklady-active.gif")}
#jsmenu li a.kontakt:hover, #jsmenu li a.kontakt.active {background-image: url("../img/menu_kontakt-active.gif")}
#jsmenu li ul li {float: left; clear: left; width: 148px; margin-top: 2px}
#jsmenu li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; clear: left}

.content {padding-top: 35px}
.banner {width: 300px; height: 234px; float: right; border-right: 1px solid #7F7F7F; border-bottom: 1px solid #7F7F7F; position: relative; z-index: 0}
.colleft {width: 435px}
.colleft.wide {width: auto}
.data, .last-ref, .contact-form, .services, .about-us, .contact, .ref-prints, .ref-banners, .email-news {border-bottom: 1px dashed #666666; background: url("../img/h_data.gif") left top no-repeat; height: 29px; margin-top: 0}
.last-ref {background-image: url("../img/h_last-ref.gif") !important; clear: both; margin-bottom: 15px; margin-top: 35px}
.services {background-image: url("../img/h_services.gif") !important; background-position: -3px top}
.about-us {background-image: url("../img/h_about-us.gif") !important; height: 32px}
.contact {background-image: url("../img/h_contact.gif") !important}
.ref-prints {background-image: url("../img/h_ref-prints.gif") !important; height: 32px}
.ref-banners {background-image: url("../img/h_ref-banners.gif") !important; height: 30px}
.email-news {background-image: url("../img/h_newsletter.gif") !important; height: 31px; clear: both; margin: 40px 0 25px 0}
.contact-form {background-image: url("../img/h_contact-form.gif"); clear: both; height: 29px; margin-top: 20px; margin-bottom: 15px}
.div-ref {float: left; width: 138px; margin-right: 12px; font-size: 90%; position: relative; z-index: 10}
.div-ref img {border: 4px solid #B2B2B2}
.div-ref p {margin-top: 10px}
.div-ref.other-ref {width: 154px; margin-right: 0}
.div-ref h3 {font-weight: normal; margin: 3px 0 0 0; font-size: 120%}
.div-ref ul {margin-bottom: 20px}
.form-contact {border-top: 1px solid #B2C9D5; background: #E8E8E8; width: 440px; font-size: 85%; float: left; margin-right: 15px; margin-bottom: 10px; padding-bottom: 10px}
.form-contact label {font-weight: bold; vertical-align: top; width: 60px; text-align: right; margin-right: 15px; display: inline-block; color: #000000}
.form-contact input, .form-contact textarea {border: 1px solid #D8D8D8; width: 130px}
.form-contact textarea {width: 250px; height: 95px}
.form-contact p {line-height: 1.2em}
.flash-form {float: left}
.send {background-color: #FFFFFF; font-weight: bold; width: 100px !important; font-size: 100%; font-family: Geneva, sans-serif; position: relative; left: -5px; top: 79px; float: right}
.contact-body {background: url("../img/pencils.gif") right bottom no-repeat; height: 185px; width: 250px; float: right; font-size: 90%}
.contact-body h3 {color: #015EA6; font-size: 120%; font-weight: normal; margin: 0}
.block-float {margin-top: 0}
.block-float strong, .block-float span {float: left; display: block}
.block-float strong {width: 160px}
.block-float span {width: 250px}
.span-left span {float: left; padding: 5px 0; margin-right: 5px}
.span-left span.fix {float: none; display: block; padding: 0; clear: left}
.span-left .ico-email {font-weight: bold; background: url("../img/ico_email.gif") left center no-repeat; padding-left: 36px}
.span-left .ico-icq, .span-left .ico-tel {font-weight: bold; background: url("../img/ico_icq.gif") left center no-repeat !important; padding-left: 30px; clear: left; margin-bottom: 3px}
.span-left .ico-tel {background-image: url("../img/ico_phone.gif") !important}
.ref-print-div {width: 220px; float: left; margin: 0 30px 15px 0; display: inline; text-align: center}
.ref-print-div.auto, .ref-print-div.auto-margin, .ref-print-div.news {width: auto; margin-right: 25px}
.ref-print-div a {display: inline-block; width: 209px; height: 153px; border: 5px solid #D9D9D9; overflow: hidden}
.banners .ref-print-div a {height: auto; width: auto; border: none}
.ref-print-div a img {display: inline-block; vertical-align: middle}
.ref-print-div.auto a img, .ref-print-div.auto-margin a img  {border: none}
.ref-print-div.news a img {border: 1px solid #B6B6B6}
.ref-print-div p {text-align: center}
.ref-print-div.auto-margin {margin-right: 10px}
.ref-print-div.auto.margin-right {margin-right: 21px}
.ref-print-div.auto.margin-right-big {margin-right: 37px}
.ref-print-div.auto.margin-right-bigger {margin-right: 34px}
.ref-print-div.auto.news {margin-right: 15px}
.clients-logos {clear: left; margin: 100px 0 20px 0; display: inline-block; background: url("../img/clients_logo.jpg") left top no-repeat; width: 757px; height: 129px}

#banner1, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8, #banner9, #banner10, #banner11, #banner12, #banner13, #banner14, #banner15, #banner16, #banner17, #banner18, #banner19, #banner20, #banner21, #banner22, #banner23, #banner24, #banner25, #banner26, #banner27, #banner28, #banner29, #banner30, #banner31, #banner32, #banner33, #banner34, #banner35, #banner36, #banner37, #banner38, #banner39, #banner40, #banner41, #banner42, #banner43, #banner44, #banner45, #banner46, #banner47, #banner48, #banner49, #banner50, #news1, #news2, #news3 {display: none}


#footer {background: #000000 url("../img/bg_footer.gif") left top repeat-x; clear: both; color: #FFFFFF}
#footer-in {margin: 0 auto; text-align: left; width: 780px}
.logo-footer {display: inline-block; width: 90px; height: 28px; background: url("../img/logo_footer.gif") left top no-repeat; margin: 10px 15px 10px 0; float: left}
#footer-in p {float: left; margin-right: 30px; margin-top: 17px}
#footer-menu {padding: 15px 0; margin: 0 10px 0 0; float: right}
#footer-menu li {display: block; float: left; background: none; margin-right: 10px}
#footer-menu li a {color: #FFFFFF; font-size: 90%}

.fix {clear: both}
.nomarginbottom {margin-bottom: 0}
.nomargintop {margin-top: 0 !important}
.nomarginright {margin-right: 0 !important}
.marginbigger {margin: 25px 0}
.red {color: #EF0000 !important}