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

/*strona główna*/
#all{
  height:100%;
  display:table;
  width:100%;
}

#kontener
{
  vertical-align:middle;
  display:table-cell;
}

#box{
	background: #fff;
	width: 830px;
	height: 650px;
	margin:0 auto;
	position: relative;
	border-bottom:1px dotted #676767;
	}
	
#logo{
	background: #fff url(../images/logo.jpg) no-repeat;
	width: 830px;
	height: 100px;
	margin:0 auto;
	position: relative;
}
#zawartosc{
	width: 830px;
	height: 545px;
	margin:0 auto;
	position: relative;
}


/*menu2*/
#menu2{	
	width: 800px;
	height: 32px;
	float:left;
	margin:0 auto;
	position: relative;
	text-align:right;
	line-height:32px;
	z-index:100;
}	
#menu2 ul {
	font-weight: lighter;
	font-size: 11px;
	list-style: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

#menu2 ul li {
	float: right;
	height: 33px;
	font-size: 11px;
	text-align: center;
}

#menu2 ul li a {
	display: block;
	padding: 0px 7px 0px 8px;
	margin: 0px;
	color: #343434;
}

#menu2 ul li a:hover {

	color: #676767;
}



/*menu2 - koniec*/


#portfolio{
	width: 800px;
	height: 500px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
}
#portfolio_lg{
	width: 350px;
	height: 140px;
	margin:0 auto;
	position: relative;
	float:left;
	border-right:1px dotted #676767;
	border-bottom:1px dotted #676767;
	}
#portfolio_pg{
	width: 350px;
	height: 140px;
	margin:0 auto;
	position: relative;
	float:left;
	margin-left:10px;
	border-left:1px dotted #676767;
	border-bottom:1px dotted #676767;
}
#portfolio_ld{
	width: 350px;
	height: 140px;
	margin:0 auto;
	position: relative;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-right:1px dotted #676767;
	border-top:1px dotted #676767;
}
#portfolio_pd{
	width: 350px;
	height: 140px;
	margin:0 auto;
	position: relative;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-left:1px dotted #676767;
	border-top:1px dotted #676767;
}
#portfolio_gora{
padding-top:30px;
	width: 720px;
	height: 330px;
	margin:0 auto;
	position: relative;
	border-bottom:1px solid #676767;
	}
#portfolio_dol{
left:35px;
text-align:justify;
	width: 400px;
	height: 100px;
	margin:0 auto;
	position: relative;
	float:left;
}
#portfolio_dol p{
	border-right:1px dotted #676767;
	padding:5px;
}
#portfolio_logowanie{
left:80px;
	width: 200px;
	height: 100px;
	margin:0 auto;
	position: relative;
	float:left;
}
#formularz{
	top:25px;
	width: 200px;
	height: 40px;
	margin:0 auto;
	position: relative;
	text-align:left;
}
.id{
padding-left:25px;
}
input#tresc_l{
	padding : 3px;
	border : 1px solid #cccccc;
	background : #fff;
	color : #676767;
	font-size: 12px;
}

input#wyslij_l {
	padding : 2px;
	border : 1px solid #cccccc;
	background : #fff;
	color : #676767;
	cursor : pointer;
	font-size: 12px;
}
input#wyslij_l:hover, input#wyczysc:hover {
	color : #000;
	border : 1px solid #676767;
}

h1{
	font-family: 'Verdana', Arial, sans-serif;
	font-size: 12pt;
	font-weight : 400;
	color: #ff7200;
	text-align: right;
	padding-right: 5px;
	line-height: 10px;
}
h2{
	font-family: 'Verdana', Arial, sans-serif;
	font-size: 10pt;
	font-weight : 400;
	color: #ff7200;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}
h3{
	font-family: 'Verdana', Arial, sans-serif;
	font-size: 10pt;
	font-weight : 400;
	color: #000;
	text-align: left;
	padding-top: 5px;
}
a img { border: none;
}



/*kontakt*/

input#imie, #email, #tresc, #data, #miejscowosc {
	padding : 2px;
	border : 1px solid #cccccc;
	background : #fff;
	color : #676767;
	font-size: 12px;
}

input#wyslij {
	width:146px;
	padding : 2px;
	border : 1px solid #cccccc;
	background : #fff;
	color : #676767;
	cursor : pointer;
	font-size: 12px;
}
input#wyslij:hover, input#wyczysc:hover {
	color : #000;
	border : 1px solid #cccccc;
}
textarea {
	border : 1px solid #1e1e1e;
	padding : 2px;
	font-size : 12px;
	color: #313131;
}
.alert{
	text-align:center;
	color: #ff0000;
	font-size: 12px;
}

#kontakt{
	width: 830px;
	height: 500px;
	margin:0 auto;
	position: relative;
}
#kontakt_l {
	width: 250px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	float:left;
}

#kontakt_p {
	width: 300px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	float:left;
}
.komunikat{
	color: #676767;
	font-weight:bold;
	text-align:center;
	font-size: 12px;
  font-family: 'Verdana', Helvetica, Arial, sans-serif;
	padding-left:5px;
	padding-bottom:2px;
}
.kontakt{
	width: 700px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	text-align:left;
	border-bottom:1px dotted #676767;
}
.kontakt_box{
	width: 600px;
	height: 230px;
	margin: 0 auto;
	position: relative;
	text-align:left;
}
/*koniec kontakt*/

.login{
background:#2e2e2e;
	width: 800px;
	height: 500px;
	margin:0 auto;
	position: relative;
}

a:link, a:visited{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #fff;
	text-decoration : none;
}
a:hover{
	color : #ff7200;
	text-decoration : none;
}

/*koniec strona główna*/




/*stopka*/

#stopka {
	width: 830px;
	height: 20px;
	margin: 0 auto;
	position: relative;
text-align:right;
	}
.stopka {
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 7pt;
	font-weight : normal;
	color : #676767;
	line-height:22px;
}
.stopka a{
	font-style: inherit;
	font-family : 'Verdana', Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #676767;
	line-height:22px;
}
.stopka a:hover{
	color : #ff7200;
}
/*koniec stopka*/

#alert{
background:#000;
top:100px;
	width: 700px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	border:1px double #ff0000;
	}
	
#galeria_par{
	background:#2e2e2e;
	width: 100%;
	height: 500px;
	margin: 0 auto;
	position: relative;
	white-space:nowrap;
	overflow:auto;
	}
/*galeria*/
#srodek_g {
background:#2e2e2e;
	width: 800px;
	height: 512px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
.gallery a.th_a, a.th_a:hover, a.th_a:active
{
	border:0px;
	padding:2px 2px 2px 2px;
}

.gallery img.th_img
{
	border:0px;
}
.gallery img.main_img
{
	padding:10px 0px 10px 0px; 
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span{width:400px} /* MSIE bug */

.demo{position:relative;margin:1em;float:center; background:url(../images/loading.gif) no-repeat center;}
.gallery_demo{width:800px;margin:0 auto; float:center;}
.gallery_demo li{width:70px;height:50px;border:1px solid #fff;margin:0 2px;background:#000;float:left;}

	
#main_image{margin:0 auto 5px auto;height:430px;}
#main_image img{margin-bottom:5px;border:1px solid #fff;}
#gal{
	width: 710px;
	height: 50px;
	margin: 0 auto;
	position: relative;
	float:left;
	padding:0;
}
.nav_wstecz{width:20px;height: 50px;float:left;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;position:relative;}
.nav_dalej{width:20px;height: 50px;float:right;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;position:relative;}
.nawigacja{width:800px; height:52px;margin:0 auto; position:relative;background:#383838;}
/*koniec galeria*/
#menu3{
background:#2e2e2e;
	width: 800px;
	height: 20px;
	margin: 0 auto;
	position: relative;
text-align:right;

}
#badlogin{
	background: #2e2e2e;
	width: 800px;
	height: 532px;
	margin:0 auto;
	position: relative;
}
.foto{
float:left;
padding:10px;
}

.ffs{
float:left;
padding-top:40px;
padding-left:43px;
}