html,body{
	background-color: #7f7f7f;
	margin: 0 auto;
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #cacaca;
	z-index : 0;
	text-align:center;
	vertical-align:middle;
  padding:0px;
  border:none;
  height:100%;
  width:auto;
}

/*strona główna*/
#all{
  height:87%;
  display:table;
  width:100%;
}
#kontener
{
  vertical-align:middle;
  display:table-cell;
}
#calosc{
	width: 1050px;
	height:671px;
	margin:0 auto;
	position: relative;
	border:1px solid #fff;
}
#gora_box{
	width: 1050px;
	height:61px;
	margin:0 auto;
	position: relative;
}
#gora{
	background:url(../images/gora_bg.gif);
	width: 100%;
	height: 61px;
}
#dol{
	width: 100%;
	height:61px;
	position: relative;
	margin:0 auto;
}
#dol_box{
	width: 1050px;
	height:61px;
	position: relative;
	margin:0 auto;
}
.img20{
margin-left:20px;
}
.img_projekty{
float:left;
margin-left:100px;
}
.img_portfolio{
float:left;
margin:10px;
}
#top{
	width: 1050px;
	height: 20px;
	margin:0 auto;
	position: relative;
}
.nawigacja{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-weight : normal;
	color : #cacaca;
	line-height:20px;
	float:left;
	padding-left:5px;
}

.logo{
	width: 168px;
	height: 35px;
	position: relative;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

#text{
	width:900px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#zawartosc{
	width: 1050px;
	height:611px;
	margin:0 auto;
	position: relative;
}
#zawartosc_box{
	background:#474747;
	width: 1050px;
	height:591px;
	margin:0 auto;
	position: relative;
}
#oferta, #onas, #kontakt, #portfolio{
top:40px;
	width: 1050px;
	height:450px;
	margin:0 auto;
	position: relative;
	text-align:left;
}
#oferta_bg{
height:591px;
background:url(../images/oferta_bg.jpg) no-repeat;
}
#onas_bg{
height:591px;
background:url(../images/onas_bg.jpg) no-repeat;
}
#kontakt_bg{
height:591px;
background:url(../images/kontakt_bg.jpg) no-repeat;
}
#portfolio_bg{
height:591px;
background:url(../images/portfolio_bg.jpg) no-repeat;
}
.naglowek{
	width: 475px;
	height:69px;
	float:right;
}
.portfolio_l{
	width: 450px;
	height:440px;
	float:left;
	margin-left:50px;
}
.kontakt_l, .oferta_l, .onas_l{
margin-left:50px;
	width: 400px;
	height:440px;
	float:left;
}

.portfolio_p, .onas_p, .kontakt_p{
	width: 475px;
	height:440px;
	float:right;
	border-top:6px solid #640101;
	border-bottom:6px solid #640101;
}
 .oferta_p{
 	width: 475px;
	height:460px;
	float:right;
	border-top:6px solid #640101;
	border-bottom:6px solid #640101;
 }
.portfolio_p_text{
top:50px;
	width: 400px;
	height:300px;
	position:relative;
}


#galeria{
	width: 1050px;
	height:591px;
}
#galeria_rozne, #galeria_reklama{
top:50px;
	width: 500px;
	height:500px;
	margin:0 auto;
	position:relative;
}

#rozne_bg{
height:591px;
background:url(../images/rozne_bg.jpg) no-repeat;
}
#reklama_bg{
height:591px;
background:url(../images/reklama_bg.jpg) no-repeat;
}
.obrazek{
border:5px solid #676767;
margin:10px;
}

#dolny_box{	
background:#474747;
	width: 1050px;
	height: 60px;
	margin:0 auto;
	position: relative;
}	
.logo_gora{
float:left;
padding-top:7px;
}
#menu{
	padding-top:25px;
	width: 600px;
	height: 20px;
	margin:0 auto;
	position: relative;
	float:left;
	margin-left:50px;
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #fff;
	text-decoration : none;
}
.menu1{
padding-top:20px;
	width: 500px;
	height: 20px;
	float:right;
}

.menu3{
background:url(../images/linia.gif) no-repeat left;
	width: 150px;
	height: 50px;
	float:left;
}

.menu_text{
text-align:left;
margin:10px;
}






#blog_2{
	width: 60px;
	height: 60px;
	float:right;
}
#blog{
	width: 120px;
	height: 60px;
	float:right;
}

/*kontakt*/


input#imie, #email, #tresc, #telefon, #miasto, #data {
	padding : 2px;
	border-bottom: 1px dotted #676767;
	border-top:none;
	border-left:none;
	border-right:none;
	background:none;
	color : #fff;
	font-size: 12px;
}
#imie{
width:300px;
}
#email{
width:342px;
}
#data{
width:250px;
}
#telefon{
width:278px;
}

#tresc{
height:100px;
width:290px;
}
input#wyslij {
	background:none;
	color:#fff;
	cursor : pointer;
	border:none;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:10px;
}
input#wyslij:hover {
	color:#000;
	cursor : pointer;
	border:none;
}

textarea {
	border : 1px solid #1e1e1e;
	padding : 2px;
	font-size : 12px;
	color: #fff;
}
.alert{
	text-align:center;
	color: #ff0000;
	font-size: 12px;
	line-height:20px;
}
.komunikat{
	text-align:center;
	color: #ff0000;
	font-size: 12px;
}


/*koniec kontakt*/

/*stopka*/

#stopka {
	width: 1050px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	text-align:right;
}
.stopka_text {
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-weight : normal;
	color : #cacaca;
	line-height:30px;
	float:right;
	}
.stopka_text a{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #cacaca;
}
.stopka_text a:hover{
	color : #676767;
}

/*koniec stopka*/




a img { border: none;
}
a{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color : #cacaca;
	text-decoration : none;
}
a:hover{
	color : #646464;
	text-decoration : none;
}

.text{
	font-family: Tahoma, 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #fff;
	line-height: 10pt;
	text-align: justify;
}
.text_{
	font-family: Tahoma, 'Verdana', Arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #fff;
	line-height: 11pt;
	text-align: left;
	padding-right:15px;
	padding-left:15px;
}
.text_dol{
	font-family: 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight : normal;
	color: #cccccc;
	line-height: 10pt;
	text-align: left;
	float:left;
	margin-top:5px;
}
.text2{
	font-family: Tahoma, 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #fff;
	line-height: 8pt;
	text-align: right;
	margin-right:20px;
}
.text3{
	font-family: Tahoma, 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #fff;
	line-height: 8pt;
	text-align: center;
}
.text4{
	font-family: Tahoma, 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color: #fff;
	line-height: 8pt;
	float:right;
	clear:both;
	margin-right:20px;
}
.temphol{
top:10px;
position:relative;
width:30px;
height:50px;
overflow:hidden;
float:left;
}
.temphol img {
position: absolute;
top: 7px; left: 4px;
}
.temphol_2{
top:10px;
position:relative;
width:60px;
height:50px;
overflow:hidden;
float:left;
}
.temphol_2 img {
position: absolute;
top: 7px; left: 4px;
}