* {padding: 0; margin: 0;}
img {border: none;}
html {height: 100%;}
body {text-align: center; height: 100%; background: url('images/bcg.jpg') no-repeat top center; font-family: Tahoma, Helvetica, sans-serif}

#top {height: 140px; background: red; margin: 0 auto; width: 1280px; background: url('images/menu_bcg.gif') repeat-x 0px 73px;}
    #top_wrap {width: 860px; margin: 0 auto;}
        #top_top {height: 73px;}
        a.fb {display: block; float: right; margin-top: 15px;}

#menu {width: 100%; height: 67px; background: url('images/menu_bcg.gif') repeat-x; display: inline-block; text-align: left;}
    #menu_left {width: 295px; height: 100%; float: left;}
    #menu ul.menu {float: left; display: inline-block;}
    #menu ul.menu li {list-style: none; display: block; float: left; position: relative;}
        #menu ul.menu li a {width: 134px; height: 59px; display: block; float: left;}
        #menu ul.menu li a.onas {background: url('images/menu_onas.gif') no-repeat;}
        #menu ul.menu li a.materialy {background: url('images/menu_materialy.gif') no-repeat;}
        #menu ul.menu li a.realizacia {background: url('images/menu_galeria.gif') no-repeat;}
        #menu ul.menu li a.kontakt {background: url('images/menu_kontakt.gif') no-repeat;}
        #menu ul.menu li a:hover {background-position: 0 100%;}
        #menu ul.menu li a span {display: none;}
        #menu ul.menu li ul {display: none;}
        #menu ul.menu li:hover ul {display: block;}
        #menu ul.menu a:hover ul {display: block;}

    #menu ul.submenu {display: block; z-index: 10; position: absolute; top: 59px; left: 0; clear: both;}
    #menu ul.submenu li {clear: both; display: block; background: #fff; text-align: center;}
    #menu ul.submenu li a {display: block; margin: 0 10px 0 10px; width: 113px; height: 30px; border-bottom: 1px solid #f3f3f3; line-height: 30px; color: #a08666; text-transform: uppercase; text-decoration: none; font-size: 12px;}
    #menu ul.submenu li a:hover {color: #6e4717;}
    #menu ul.submenu li a span {display: block;}

#slider {margin: 0 auto; height: 330px; width: 860px;}
    #slider #text {width: 230px; height: 120px; text-align: left; float: right; position: relative; top: 120px; right: 230px; color: #fff;}
    #slider #text h1 {font-size: 25px; font-weight: normal;}
    #slider #text p {font-size: 14px; display: inline-block; margin-top: 15px;}

#content {margin: 0 auto; margin-top: 12px; overflow: hidden; position: relative; width: 860px; text-align: left; background: #fff url('images/content_left_bcg.gif') repeat-x 0% 100%;}
    #content_right {width: 260px; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; background: #d8edff url('images/content_right_bcg.jpg') no-repeat bottom left;}
        ul#right_ul {padding: 32px 25px 0 25px; list-style: none; background: url('images/right_title_bcg.gif') no-repeat 0 23px;}
        ul#right_ul li {display: block; background: url('images/list_item.png') no-repeat 0 9px; padding-left: 25px; border-bottom: 1px solid #e2f1ff; font-size: 13px; color: #244067; line-height: 30px;}
        #content_right span.title {display: block; text-align: left; clear: left; padding-bottom: 16px; font-size: 21px; color: #244067; text-transform: uppercase; font-family: impact;}
    #content_left {width: 539px; float: left; margin: 32px 0 0 32px; padding-bottom: 32px; text-align: left; overflow: visible;}
    #content_left_long {width: 795px; float: left; margin: 32px 0 0 32px; padding-bottom: 32px; text-align: left; overflow: visible; position: relative;}
    .content_left_half {float: left; width: 396px;}
        p.left {display: inline-block; width: 255px; text-align: left; float: left; margin-right: 14px; font-size: 13px; color: #6a4b25;}
        .box_left {display: inline-block; width: 400px; clear: left; text-align:left; margin-right: 14px; margin-top: 7px; font-size: 14px; color: #6a4b25;}
        .box_left span {float: left; margin-bottom: 10px;}
        .box_left span.subtitle {font-size: 17px;}
        p.left_long {display: inline-block; width: 500px; text-align: left; clear: left; font-size: 13px; color: #6a4b25; margin-bottom: 20px}
        span.title {display: block; text-align: left; width: 100%; clear: left; padding-bottom: 16px; font-size: 21px; color: #6a4b25; text-transform: uppercase; font-family: impact;}
        img.promo {display: block; clear: left; padding-top: 15px;}
    .max_height {height: 650px;}

    #javascript_display {display: none;}

    a.more {width: 33px; height: 9px; display: block; background: url('images/viac.gif') no-repeat; float: right;}
    a.more span {display: none;}

    .javascript_display_materialy {clear: left; display: none; width: 320px; border: 1px solid #c8904c; padding: 15px; margin-bottom: 10px;}
    .javascript_display_materialy p {width: 325px; font-size: 13px; color: #6a4b25; display: block;}

    a.rollout {width: 9px; height: 8px; padding: 5px; margin: 3px 0 0 0; display: block; background: url('images/materialy_rollout.gif') no-repeat center center; float: right;}
    a.rollout span {display: none;}

    img.material {display: block; margin-top: 20px;}

    a.galeria {display: block; float: left; margin: 0 20px 20px 0;}

    form input, form textarea {padding: 5px;}

#footer {width: 1280px; margin: 0 auto; height: 140px; margin-top: 45px; background: #ededed;}
    #footer_in {width: 860px; margin: 0 auto; }
        .footer_box, .footer_box_first {width: 160px; display: block; float: left; font-size: 12px; color: #5a5a5a; margin-top: 40px; text-align: left;}
        .footer_box_first {width: 200px;}
        .partners {margin-top: 20px;}