html {margin: 0; background-color: #dfe0e0; background-image: url(img/bgtt.jpg); background-position: top center; background-repeat: no-repeat}
body {margin: 0} 
a {color: #0181c0; text-decoration: none}
a:hover {color: #000}
h1 {font-family: Open Sans, Trebuchet MS; font-size: 22px; color: #000; margin: 47px 0 15px 0; font-weight: normal}
h2 {font-family: Open Sans, Trebuchet MS; font-size: 46px; color: #000; margin: 43px 0 28px 0; font-weight: normal}
h3 {font-family: Open Sans, Trebuchet MS; font-size: 38px; color: #000; margin: 0 0 42px 0; font-weight: normal}
h4 {font-family: Open Sans, Trebuchet MS; font-size: 20px; color: #2d2e31; padding: 50px 0 30px 0; margin: 0; font-weight: normal}
h5 {font-family: Open Sans, Trebuchet MS; font-size: 17px; color: #2d2e31; padding: 30px 0 0 0; margin: 0; font-weight: normal}
div {font-family: Open Sans, Trebuchet MS; color: #6c6e6f; font-size: 13px}
p {margin-top: 15px; margin-bottom: 0}
img {border: 0}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {text-align: center}
.page {width: 980px; padding: 0 10px; margin: auto}
.top {width: 980px; height: 136px;}
.logo {float: left; padding: 42px 0 0 24px}

.navi {float: right; margin: 0; padding: 12px 32px 0 0}
.navi li {padding: 0 0 0 17px; margin: 0 0 0 16px; list-style: none; float: left; font-size: 10px}
.navi a {color: #b8b8b8}
.navi a:hover {color: #2d2e31}
.start {background: url(img/start.gif) left center no-repeat}
.kontakt {background: url(img/kontakt.gif) left center no-repeat}

.menu {width: 965px; height: 166px; background: url(img/bgm.jpg) top center no-repeat; padding: 0 0 20px 15px;}
.pos {width: 260px; padding-left: 59px; font-size: 12px; color: #84888c; line-height: 14px; float: left}
.pos p {text-align: right; margin-top: 9px; padding-right: 16px}
.p1 {color: #2a2b2e; padding-left: 10px; background: url(img/krr.gif) 0 8px no-repeat}
.p1:hover {color: #dc0000}
.p2 {color: #2a2b2e; padding-left: 10px; background: url(img/krg.gif) 0 8px no-repeat}
.p2:hover {color: #1dc007}
.p3 {color: #2a2b2e; padding-left: 10px; background: url(img/kro.gif) 0 8px no-repeat}
.p3:hover {color: #f39603}

#myslider {float: left; width: 980px; height: 480px}
#myslider {list-style: none; margin: 0; overflow: hidden; position: relative; padding: 0;}
#myslider ul {margin: 0; padding: 0;}
#myslider li {display: none; float: left; margin: 0; padding: 0; position: absolute; width: 100%;}
#myslider li.current {display: block; z-index: 2;}
#myslider li.next {display: block; z-index: 1;}
#myslider li ul li {display: block; position: relative;}
#slider {float: left; position: relative; width: 100%; height: 40px;}
.slider_selector, .slider_selector_dis {bottom: 16px; list-style: none; margin: 0; position: absolute; right: 22px; z-index: 50;}
.slider_selector li, .slider_selector_dis li {display: block; background: url(img/slider_selector_current.png) no-repeat top left; cursor: pointer; float: left; margin: 0 2px 0 0; height: 9px; position: relative; width: 9px;}
.slider_selector li.current, .slider_selector_dis li.current {background: url(img/slider_selector_current.png) no-repeat top left;}
.slider_selector_dis li {cursor: default; z-index: 50;}
#slider_arrows {float: left; width: 100%; position: relative;}
.anim {height: 500px}
.slajd {font-size: 16px; line-height: 22px; color: #737476}
.slajd p {margin: 0}
.black {color: #000}
.blank {width: 287px; height: 100px; display: block; margin-top: 46px}
.s1 {width: 906px; height: 318px; background: url(assets/01.jpg); padding: 162px 0 0 74px}
.s2 {width: 906px; height: 437px; background: url(assets/02.jpg); padding: 43px 0 0 74px}
.s3 {width: 906px; height: 385px; background: url(assets/03.jpg); padding: 95px 0 0 74px}

.company {float: left; margin: 0 20px 20px 0; width: 670px; background-color: #f7f8f8; background-image: url(img/bgct.jpg); background-position: top; background-repeat: no-repeat}
.firm {width: 522px; height: 266px; margin-left: 74px; line-height: 24px; text-align: justify}
.content {width: 522px; padding-bottom: 25px; margin-left: 74px; line-height: 24px; text-align: justify}
.contact {width: 670px; height: 129px; background: url(img/bgcb.jpg)}
.contact ul {margin: 0; padding: 26px 0 0 74px; background: url(img/krs.gif) 57px 34px no-repeat}
.contact li {padding: 0; margin: 0; font-size: 14px; line-height: 24px; color: #000; list-style: none}
.gallery {width: 541px; padding-bottom: 25px; margin-left: 55px}
.real {width: 541px; height: 203px; background: url(img/bgr.jpg) left no-repeat; position: relative}
.real img {margin: 24px 0 0 24px; float: left}
.real ul {width: 297px; position: absolute; left: 244px; bottom: 20px; line-height: 24px; margin: 0; padding: 0}
.real li {padding: 0; margin: 0; list-style: none}
.real span {color: #000}
.title {font-size: 14px; color: #000}
.photos {width: 545px; padding-bottom: 25px; margin-left: 65px}
.photos img {width: 150px; height: 150px; padding: 10px; margin: 5px; float: left; background: url(img/bgf.gif)}

.project {clear: right; width: 240px; height: 395px; margin-bottom: 20px; background: url(img/bgp.gif); float: left; padding: 0 25px; line-height: 24px; font-size: 12px; color: #656770}
.project img {width: 230px; height: 150px; display: block; margin: 9px 5px 20px 5px}
.project ul {padding: 0 0 0 3px; margin: 0; line-height: 20px}
.project li {margin: 0; padding: 0; list-style: none}
.more {text-align: right; margin-top: 13px}
.more a {color: #2a2b2e; padding-left: 10px; background: url(img/krb.gif) 0 8px no-repeat}
.more a:hover {color: #078edb}
.project span {color: #000}
.klient {font-size: 13px; color: #000}
.project2 {clear: right; width: 240px; height: 220px; margin-bottom: 20px; background: url(img/bgk.gif); float: left; padding: 0 25px; line-height: 24px; font-size: 14px; color: #000}
.project2 ul {margin: 0; padding: 0 0 0 16px; background: url(img/krs.gif) 0 8px no-repeat}
.project2 li {padding: 0; margin: 0; list-style: none}
.promo {clear: right; width: 240px; height: 395px; margin-bottom: 20px; background: url(img/bgs.gif); float: left; padding: 0 25px; color: #000; line-height: 24px}
.promo ul {margin: 0; padding: 0; line-height: 16px}
.promo li {margin: 0; padding: 0 0 10px 16px; font-size: 14px; list-style: none; background: url(img/krr.gif) 5px 6px no-repeat}
.promo span {font-size: 12px; color: #6c6e6f}
.promo img {display: block;}
.promo p {text-align: right; font-size: 24px; margin-top: 8px}

.bottom {width: 100%; height: 95px; background: url(img/bgb.gif)}
.bottom ul {width: 644px; height: 18px; padding: 0 0 0 26px; margin: 0; background: url(img/bgmb.jpg); float: left}
.bottom li {width: 155px; line-height: 18px; font-size: 10px; text-transform: uppercase; text-align: center; list-style: none; float: left; margin: 0; padding: 0}
.bottom a {color: #dfe0e0}
.bottom a:hover {color: #fff}
.foot {width: 980px; height: 95px; padding: 0 10px; margin: auto; background: url(img/bgb.gif)}
.copy {float: right; margin: 30px 25px 0 0}