@import url(http://fonts.googleapis.com/css?family=Ubuntu:500,300&subset=latin-ext);

body {margin: 0px; padding: 0px; background: #474747 url('img/background.jpg'); font-family: Ubuntu, Arial, sans-serif; font-weight: 300; font-size: 13px; color: #BABABA}
b {font-weight: 500}
form {display: inline; margin: 0px; padding: 0px}
ul {margin: 0px; padding: 0px}
li {margin: 0px; padding: 3px 0px 3px 12px; list-style-type: none; line-height: 15px; background: url('img/li.gif') no-repeat 0px 9px}
.ul_inner {margin: 7px 0px 2px 0px}
.ul_inner li {background-image: url('img/li2.gif'); padding: 2px 0px 2px 12px}
img {border: 0px}
input::-moz-focus-inner {border: 0; padding: 0;}
input, textarea {font-family: sans-serif; font-size: 11px; line-height: 13px}
p {line-height: 18px; margin: 12px 0px 8px 0px}

a {color: #ABBF00; text-decoration: none}
a:hover {color: #C6FF00}

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; display: inline}
h1 {font-size: 13px; font-weight: normal; color: #FFFFFF}
h2 {font-size: 13px; font-weight: normal; color: #999999}
h3 {font-size: 15px; font-weight: 500; display: block; margin: 12px 0px 8px 0px; color: #FFFFFF; line-height: 20px}
h4 {font-size: 13px; font-weight: normal}

.black {color: #000000}
.verydarkgray {color: #333333}
.darkgray {color: #666666}
.lightgray {color: #999999}
.white {color: #FFFFFF}
.red {color: #CC0000}
.green {color: #339900}
.orange {color: #ff8800}
.lightblue {color: #37a0bc}

.nowrap {white-space: nowrap}
.clear {clear: both}
.clear1px {clear: both; height: 1px; font-size: 1px; line-height: 1px; margin: 0px}
.block {display: block}
.inline {display: inline}
.hidden {display: none}
.left {text-align: left}
.center_block {margin: 0 auto}
.center {text-align: center}
.right_block {margin: 0 0 0 auto}
.right {text-align: right}
.float_left {float: left}



.background-emtek {background: url('img/background-emtek.jpg') no-repeat center top; padding-top: 25px}
.background-footer {background: url('img/background-footer.jpg') no-repeat center bottom}
.container {width: 940px; margin: 0 auto}

.logo_and_menu {background: url('img/logo-menu.png') no-repeat; width: 860px; height: 48px; padding: 12px 40px 0px 40px}
.logo_and_menu ul {float: right; margin-top: -3px}
.logo_and_menu ul li {float: left; padding: 0px 10px; background: none}
.logo_and_menu ul li a {display: block; padding: 10px 2px 11px 2px}
.logo_and_menu ul li a:hover, .logo_and_menu ul li.active a {background: url('img/li.gif') repeat-x bottom}
.logo {cursor: pointer}

.menu_on_section_container {height: 0px; margin-top: 0px}
#menu_on_portfolio, #menu_on_kontakt {display: block; margin-top: 60px}

.content {margin-top: 30px}
.content_header {margin: 0px -1px 0px -1px; width: 942px; height: 58px; background: url('img/content_header.png') no-repeat}
.content_h {width: 450px; height: 38px; padding: 20px 0px 0px 41px; float: left}
.content_contact {width: 307px; height: 45px; padding: 13px 0px 0px 0px; float: left; font-size: 13px; font-weight: 300; color: #FFFFFF; line-height: 17px; text-shadow: 0px 2px 2px #232323}
.content_return {margin-top: 9px}
.content_return:hover, .content_return_a:hover {cursor: pointer}
.content_content {clear: both; padding: 12px 40px 20px 40px; background: url('img/content_bg.png'); -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.content_l {float: left; width: 410px; margin-right: 40px}
.content_r {float: left; width: 410px; color: #666666}
.content_r h3 {color: #999999}

.oferta {margin-top: 252px}
.oferta .content_header {background: 0px; margin-bottom: 1px}
.content_content_oferta {margin: -12px -40px -20px -40px; padding: 12px 40px 20px 40px; background: url('img/robot-foot.jpg') no-repeat 785px 0px}

.portfolio_box {display: block; width: 406px; height: 166px; border: 2px solid #000000; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; margin: 20px 0px 10px 0px}
.portfolio_container {position: absolute; overflow: hidden; width: 406px; height: 166px}
.portfolio_go {position: absolute; z-index: 100; margin: 55px 0px 0px 406px; width: 50px; height: 42px; background: url('img/portfolio/layout/go.png')}
.portfolio_stripes {position: relative; width: 406px; height: 166px; z-index: 10; height: 106px; background: url('img/portfolio/layout/stripes.png') no-repeat}
.portfolio_gradient_top {height: 50px; background: url('img/portfolio/layout/gradient_top.png') no-repeat top}
.portfolio_gradient_bottom {height: 194px; background: url('img/portfolio/layout/gradient_bottom.png') no-repeat top; padding: 56px 0px 0px 10px}
.portfolio_info p {margin: 0px; font-size: 12px; line-height: 17px; color: #999999}
p.project_name {font-weight: 500; color: #FFFFFF; margin-bottom: 4px}
.portfolio .english {color: #515151}
.portfolio .link {color: #ABBF00}
.portfolio .link:hover {color: #C6FF00}
.portfolio .link .english {color: #5F6622}
.portfolio .rok {margin: -17px 9px 0px 0px; font-family: Arial; font-size: 13px; float: right; color: #333333}

.content_content_kontakt {background: url('img/kontakt.png') no-repeat 0px 0px; height: 277px; margin: 15px 0px 10px 0px}
.status {margin-top: 27px; width: 410px; height: 17px; line-height: 17px; padding: 7px 0px 7px 55px}
.status.green {background: url('img/light-green.png') no-repeat 10px 6px; color: #67E700}
.status.yellow {background: url('img/light-yellow.png') no-repeat 10px 6px; color: #FFCC00}
.status.red {background: url('img/light-red.png') no-repeat 10px 6px; color: #FF0000}
.kontakt_adres {display: block; width: 128px; height: 20px; margin: 60px 0px 0px 63px}
.kontakt form {display: block; padding: 27px 0px 0px 110px}
.kontakt input[type=text] {width: 286px; height: 17px; font-size: 13px; color: #FFFFFF; line-height: 17px; padding: 7px; border: 0px; background: transparent; margin-bottom: 6px}
.kontakt textarea {width: 286px; height: 131px; font-size: 13px; color: #FFFFFF; line-height: 17px; padding: 7px; border: 0px; background: transparent}
.kontakt input[type=text].error, .kontakt textarea.error {-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid #CC0000; padding: 6px}
.btn-wyslij-send {margin: 5px 0px 0px 148px}
.sent_container {position: absolute}
.sent {position: relative; width: 410px; height: 290px; background: url('img/sent.jpg')}

.o-mnie .content_l b {color: #FFFFFF}
.o-mnie .content_r b {color: #999999}
.go_down_to_footer {height: 100px}
.footer {padding: 0px 0px 24px 42px}
.footer .content_return_a {float: right; margin: -8px 40px 0px 0px}