@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/tlo.png);
	background-repeat: repeat;
	font-family: 'Oxygen', sans-serif;
}
#top {
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/carbon_pasek_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin-top: 0px;
}

#top-banner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top-carbon.png);
	background-position: top;
	text-align: center;
	margin-top: 0px;
	height: 361px;
	background-repeat: no-repeat;
}
#menu {
	margin-top: -40px;
	
}

#menu-fixed {
	padding-top: 12px;
	display: none;
	background-image: url(../images/menu-fixed.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
}

.header {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 80px;
}



ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	text-align: center;
	padding-bottom: 5px;
}

ul li {
	display: inline;
	white-space: nowrap;
	margin-right: 25px;
}

ul a:link, ul a:visited {
	text-decoration: none;
	color: #000;
	padding: 5px;
}

ul a:hover {
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	
}
hr {
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	height: 2px;
	width: 960px;
	border: none;
	margin-top: 30px;
}
#onas {
	width: 960px;
	margin-top: -58px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/o-nas-tlo.png);
	background-repeat: no-repeat;
	height: 840px;
	padding-top: 100px;
	font-weight: lighter;
}
#onas-text1 {
	width: 450px;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #666;
	padding-left: 85px;
}
#onas-text2 {
	width: 450px;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #666;
	float: right;
	padding-right: 85px;
	margin-top: 330px;
}
#oferta {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/oferta-tlo1.png);
	background-repeat: no-repeat;
	height: 750px;
	padding-top: 40px;
	font-weight: lighter;
}

#oferta-wegiel {
	width: 845px;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #666;
	padding-left: 55px;
}
#oferta-stal {
	margin-top: 140px;
	width: 845px;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	color: #666;
	padding-left: 55px;
}

#kontakt {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/kontakt-tlo.png);
	background-repeat: no-repeat;
	height: 350px;
	padding-top: 40px;
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	color: #666;
}
#formularz {
	background-image: url(../images/napisz-do-nas-tlo.jpg);
	background-repeat: repeat-x;
	height: 342px;
	margin-top: -40px;
	text-align: center;
	padding-top: 25px;
}
#form {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	color: #CCC;
}	
#form-left {
	float: left;
	width: 400px;
	text-align: right;
}

#form-right {
	width: 400px;
	display: inline;
	float: none;
	text-align: right;
}

.name {
	width: 260px;
	height: 27px;
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 7px;
	margin-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
}

.textarea {
	width: 320px;
	height: 130px;
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 7px;
	margin-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	font-family: Oxygen;
	line-height: 18px;
	color: #333;
	font-weight: lighter;
}

.button{
	background-image: url(../images/wyslij.png);
	height: 72px;
	width: 255px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Oxygen;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-right: 75px;	
	
}

#mapa {
	height: 400px;
	width: 100%;
	margin-top: -30px;	
}
#footer {
	height: 30px;
	width: 100%;
	color: #999;
	text-align: center;
	margin-top: 7px;
}

#bottom {
	-moz-transition: 0.3s ease-in;
	-webkit-transition: 0.3s ease-in;
	-o-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	width: 167px;
	height: 48px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	background-image: url(../images/to-the-top.png);
	background-repeat: no-repeat;
}
#bottom:hover {
bottom: 15px;
}
#divTopLeft {
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}

.g-recaptcha {
    width:42%;
    margin:auto;
}
.modal {
    max-width:800px !important;
}