/*
Theme Name: 	ekobud-theme
Version: 		1.0
Author: 		Robert Ryba (ryboxx design)
*/

body {
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #232323;
	background: url(images/body-bg.jpg) center top no-repeat;
	background-color: #e9e9e9;
}

ul, h1 {
	margin: 0;
	padding: 0;
}

h1 {
	display: block;
	font-size: 22px;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #232323;
}

a.zobacz-wiecej {
	display: inline-block;
	background: #2ab0ee;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 2px solid #2695c8;
	color: #E9E9E9;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

header {
	height: 109px;
}

header .logo-box {
	float: left;
	width: 25%;
	padding-top: 8px;
}

header nav {
	float: left;
	width: 75%;
}

nav ul {
	margin-top: 45px;
}

nav ul li {
	display: block;
	float: left;
	padding: 0px 22px;
}

nav ul li a {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

nav ul li a:hover, nav ul li.current_page_item a {
	color: #07a0e4;
}

#slideshow {
	height: 298px;
	position: relative;
}

#slideshow .nakladka {
	position: absolute;
	width: 265px;
	height: 544px;
	background: url(images/nakladka.png) 0 0 no-repeat;
	z-index: 500;
	right: 0;
	top: -109px;
}

#content {
	padding: 85px 20px;
}

#content .inside-content {
	padding: 0px 20px;
}

#content h1 {
	background: url(images/h1-line.jpg) left bottom repeat-x;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-bottom: 10px;
}

#content.subpages h1 {
	width: 400px;
	padding-left: 60px;
	margin-bottom: 20px
}

#content a.zobacz-wiecej {
	float: right;
	margin-top: 30px;
}

footer {
	width: 100%;
	background: #2d2d2d;
}

footer .center {
	width: 920px;
	margin: 0 auto;
	padding: 30px 20px;
}

footer .left-column, footer .right-column {
	float: left;
	width: 50%;
}

footer h1 {
	margin-bottom: 25px;
	margin-left: 20px;
}

footer, footer h1 a, footer a {
	color: #e9e9e9;
}

footer a.zobacz-wiecej {
	float: right;
	margin-top: 20px;
}

.dostep-box {
	position: relative;
	margin-top: 135px;
	margin-bottom: 40px;
}

.dostep-box ul {
	list-style: none;
}

.dostep-box ul li {
	float: left;
	padding: 0px 22px;
	border-right: 1px solid #e9e9e9;
}

.dostep-box ul li:first-child {
	padding-left: 0;
}

.dostep-box ul li:last-child {
	border-right: none;
}

.dostep-box:before {
	content: "";
	position: absolute;
	width: 396px;
	height: 217px;
	background: url(images/kaski-ekobud.png) 0 0 no-repeat;
	top: -217px;
}

.copyright-box, .copyright-box a {
	font-size: 11px;
	color: #979696;
}

.skontaktuj-box {
	position: relative;
}

.skontaktuj-box img {
	position: absolute;
	left: 20px;
}

.skontaktuj-box .text {
	font-size: 15px;
	text-align: right;
	padding-top: 10px;
}

.home-boxs .ofirmie-box {
	float: left;
	width: 370px;
	margin-right: 80px;
}

.home-boxs .technologia-box {
	float: left;
	width: 435px;
}

.home-boxs .technologia-box img {
	margin-bottom: 10px;
}

.recent-projects-box .all-items {
	padding: 17px 15px;
	background: #f2f1f1;
	position: relative;
}

.recent-projects-box .shadow {
	height: 14px;
	background: url(images/recent-projects-shadow.png) center top no-repeat;
}

.recent-projects-box .all-items .item, .projects-category .item, .projects-item .gallery .item {
	display: block;
	float: left;
	position: relative;
	width: 214px;
	height: 123px;
	background: #2d2d2d;
	border: 1px solid #c9c8c8;
	margin: 0px 3px;
	overflow: hidden;
}

.recent-projects-box .all-items .item .calibrationFill, .projects-category .item .calibrationFill, .projects-item .gallery .item .calibrationFill {
	width: 214px;
	height: 123px;
}

.recent-projects-box .all-items .item .caption, .projects-category .item .caption {
	position: absolute;
	width: 160px;
	height: 30px;
	background: url(images/gallery-caption-bg.png) 0 0 no-repeat;
	right: 0;
	bottom: 20px;
	line-height: 27px;
	font-weight: bold;
	text-align: right;
	padding: 0px 15px;
	color: #f2f1f1;
	overflow: hidden;
}

.recent-projects-box a.zobacz-wiecej {
	margin-right: 30px;
}

.projects-category, .projects-item .gallery {
	width: 740px;
	margin: 0 auto;
}

.projects-item .gallery {
	margin-top: 55px;
}

.projects-category .item, .projects-item .gallery .item {
	margin: 15px;
}

.projects-item .info-box .left, .projects-item .info-box .right {
	float: left;
	width: 50%;
}

.projects-item .info-box table tr th, .projects-item .info-box table tr td {
	padding: 5px 20px;
}

.projects-item .info-box table tr th {
	text-align: left;
}

.projects-item .info-box table tr:first-child td {
	font-weight: bold;
	color: #2ab0ee;
}

.projects-item .info-box .title {
	font-weight: bold;
	padding: 5px 0px;
}

.kontakt-box .left {
	float: left;
	width: 48%;
	margin-right: 2%;
}

.kontakt-box .right {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.kontakt-box .right .form-box .right {
	margin-left: 0;
}

.kontakt-box input {
	width: 200px;
	height: 25px;
	margin-bottom: 7px;
	padding-left: 10px;
}

.kontakt-box textarea {
	width: 280px;
	padding-left: 10px;
	height: 125px;
	margin-bottom: 7px;
	padding-top: 5px;
}

.kontakt-box .submit {
	display: inline-block;
	border: none;
	background: #2ab0ee;
	width: 150px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	margin-left: 135px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.kontakt-box .submit:hover {
	background: #2695c8;
}

.kontakt-box .error-box {
	margin-bottom: 30px;
	color: #cb0202;
	line-height: 20px;
}

.map {
	margin-top: 50px;
}

.map .code-box {
	padding: 17px 15px;
	background: #f2f1f1;
	position: relative;
}

.map .shadow {
	height: 14px;
	background: url(images/recent-projects-shadow.png) center top no-repeat;
}

#face-slider {
	position:fixed;
	right:-302px;
	top: 186px;
	z-index: 900;
}

#face-slider #tab {
	cursor:pointer;
	height:110px;
	width:35px;
	float:left;
	background: url(images/facebook-slider.png) no-repeat center center;
}

#face-code {
	padding:5px;
	border: solid #0170cf 3px;
	background: #fff;
	float:left;
	width:286px;
	height:420px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}

/* ---------- CLEARFIX ---------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}