.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left { float: left; }
.right { float: right; }

h1,h2,ul,li,input,p,img { padding:0; margin:0; }
img { border: 0; }
a { color: #fff; }

body {
	padding:0;
	margin:0;
	background: #ffc20e;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #5d5d5d;
	line-height: 140%;
}

.hover { border: 1px solid red; }

div.container { width: 960px; margin: 0 auto; position: relative; text-align: left; }

/* TOP */
div#top { height: 123px; background: url('../images/bg_top.png') repeat-x; }
a#logo { position: absolute; top: 70px; left: 30px; }

ul#menu { position: absolute; right: 30px; top: 66px; background: url('../images/menu_bg.png') no-repeat 50px 0; height: 43px; width: 202px; }
ul#menu li { display: inline; position: absolute; }
ul#menu li#firma { left:0; top: 13px;}
ul#menu li#prace { left:77px; top: 16px;}
ul#menu li#kontakt { left:150px; top: 13px;}
img#farba { position: absolute; top:0; left: 415px; }

/* CONTENT */
div#content { height: 430px; border-top: 1px solid #f9d908; border-bottom: 1px solid #f9d908; }
div.content-container { text-align: center; }
div.content-container img { margin: 0 auto; }

div.company-container { height: auto !important; }
div.company { text-align: left; width: 550px; float: right; padding: 40px 30px 50px 0; color: #554105; font-size: 12px; font-family: Arial}
div.company-left { float:left; width: 250px; padding: 40px 0px 50px 30px; color: #000; font-family: Georgia; text-align: left; }
div.company p.date { font-size: 12px; color: #000; font-family: Georgia; }
div.company p.title { font-size: 40px; font-family: Georgia; color: #000; margin: 15px 0;}

ul#last_news li { list-style: none; border-bottom: 1px dashed #a57e0b; color: #a57e0b; height: auto; line-height: 12px; padding: 6px 0;  }
ul#last_news li a { font-size: 12px; font-family: Arial; color: #000; text-decoration: none; color: #a57e0b; }
ul#last_news li a b { color: #000; }
h3 { font-size: 18px; letter-spacing: -1px }

div.contact { padding-top: 50px; }
div.contact-info { font-size: 12px; font-family: Arial; line-height: 15px; width: 250px; }
div.contact-info b { font-size: 14px; display: block; }
div.contact-info a { color: #000; }

div.project-container { height: 393px !important; overflow: hidden; }
div.project { height: 393px; width: 812px; float: right; width: 750px; text-align: left;}
div.project img { width: 750px; }

ul.projects { position: absolute; left: 30px; top: 30px; list-style: none; text-align: left; }
ul.projects li { margin-top: 11px; }
ul.projects li a { text-decoration: none; padding: 5px; background: #171717; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #171717; border-bottom: 1px solid #000;}
ul.projects li.active a { background: #f9d908; border: 1px solid #f9d908; color: #937f00; font-weight: bold; border-bottom: 1px solid #6c5f0c; }

div.company form { margin-left: 35px; }
div.company form label { width: 200px; display: block;  padding-top: 8px; }
div.company form input, div.company form textarea { width: 500px; padding: 5px; background: #ffd55a; border: 1px solid #d7ae35; font-size: 11px; }
div.company form textarea {  }
div.company form input#submit { width: auto; background: #272727; color: #d7ae35; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 7px 15px; font-size: 14px; font-weight: bold; float: right; margin: 4px; }

address { border-right: 2px dashed #d1a00f; height: 240px; }
ul.errorlist li { list-style: none; border: 1px dashed red; color: red; padding: 5px; width: 500px; margin-top: 15px;}

/* BOTTOM */
div#bottom { background: #000 url('../images/bg_bottom.png') repeat-x; }
div#project-desc { width: 223px; padding: 50px 0 40px 30px; }
div#technologies { width: 223px; padding: 50px 0 0 30px; position: absolute; right:30px; top: 0px; }
div#technologies ul { list-style: none; }
div#technologies ul li { border-bottom: 1px solid #222; padding: 2px 0; }
div#technologies ul li a { text-decoration: none; color: #5d5d5d;}
div.latest_projects { left: 0px !important; }
div#technologies address { border-right: 0; height: auto; }
div#technologies address img { width: 20px;}
h2 { color: #fff; margin-bottom: 8px}

a#sprawdz { position: absolute; top: 60px; left: 400px;}
img#plama { position: absolute; top: -11px; left: 320px; }
div#news { position: absolute; right: 30px; top: 40px; width: 223px; }
div#news p.date { color: #f9d908; }

div#news2 { position: absolute; right: 355px; top: 50px; width: 223px; }
div#news2 p.date { color: #f9d908; }

/* FOOTER */
div#footer { height: 100px; background: #000 url('../images/farba_bottom.png') repeat-x; color: #775d15; }
div#footer div.container { width: 900px; padding-top: 30px; }
ul#footer-menu li { display: inline; list-style: none; padding-right: 8px; }
ul#footer-menu a { color: #775d15; text-decoration: none; }

h2.title { font-weight: 700; font-size: 60px; color: #000; letter-spacing: -4px; }
h2.title span { font-weight: 400; }

div.offer-column { width: 183px; float: left; }
div.offer-column ul { list-style-position: inside; list-style-type: square }