body{
	background-color: #000;	
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;		
	margin:0;
	padding:0;
	overflow-x: hidden;	
	}

	
h1,h2,h3,h4,h5{
	text-align: left;
	margin: 5px;
	padding: 0px;	
	}
		
	
img {
	border: none;
	}	

	
.clr{
	clear: both;
	margin: 0px;
	padding: 0px;
	}			
	
.all{
	margin: 0 auto;
	text-align: center;
	width: 900px;
	}

/*--Do góry strony-----------------------------------------------------------------------------*/



.up {	
	text-align: right;	
	padding:3px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 3px #000;
	color:#fff;
	text-decoration:none;
	}

.up a{
	text-align:right;	
	color:#fff;
	text-decoration:none;
	}

.up a:hover{
	text-align:right;	
	color:#ffcc00;
	text-decoration:none;
	}


/*--Do góry strony-----------------------------------------------------------------------------*/




	

/*--Menu top-----------------------------------------------------------------------------------*/


#menu_top{	
	float:left;
	width:720px;	
	background: #000;
	}
		


#menu_top ul{	
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: left;	
	font: 14px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #fff;
	}		

#menu_top li{
	list-style: none;
	display: inline;
	padding: 0 10px 0 5px;	
	margin: 0 10px 0 5px;
	}			

#menu_top li a{
	color: #00bfff;
	text-decoration: none;
	}		

#menu_top li a:hover{
	color: #fff;
	text-decoration: none;
	}		


/*--koniec-------------------------------------------------------------------------------------*/





/*--O mnie------------------------------------------------------------------------------------------------*/

#o_mnie{
	width:900px;
	height:546px;
	margin:60px 0 0 0;
	text-align:left;
	background-image: url(../images/ja_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

#o_mnie h1{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 48px;	
	color: #fcc011;	
	text-shadow: 1px 1px 3px #000;
	padding: 30px 0 10px 170px;
	}


#o_mnie p{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;	
	color: #f2f1f1;	
	text-shadow: 1px 1px 3px #000;
	padding: 0px 0 10px 190px;
	}



/*--Content www-------------------------------------------------------------------------------------*/

	
#content_www{
	margin-top: 20px;
	}

#content_www h1{
	margin:60px 0 20px 0;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;	
	color: #f4d20f;
	font-weight:normal;
	text-shadow: 1px 1px 3px #000;
	}

.color{color: #f4d20f;}




/*--Projektowanie stron www boxy----------------------------------------------------------------------------*/



.box_left{
	width:885px;
	height:341px;
	padding:10px;
	margin-bottom:15px;
	background: #040500;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	}

.big_foto_left{
	float:left;
	background: white;
	padding: 13px;
	}

.small_foto{
	background: white;
	padding: 8px;
	margin:0 0 4px 0;
	}




.box_right{
	width:885px;
	height:341px;
	padding:10px;
	margin-bottom:15px;
	background: #040500;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	}

.big_foto_right{
	float:right;
	background: white;
	padding: 13px;
	margin:0 10px 0 10px;
	}



/*--Koniec----------------------------------------------------------------------------*/




/*--opis + adres www w boksach----------------------------------------------------------------------------*/
.opisy_box1{
	margin:5px 0 0 0;
	padding-top:5px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 3px #000;
	color:#fff;
	text-decoration:none;	
	}

.opisy_box{
	margin:0;
	padding-top:5px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 3px #000;
	color:#fff;
	text-decoration:none;	
	}


.www{	
	width: 270px;
	float: right;
	color: #ccc;
	margin: 0;
	}

	
.online{		
	float: left;
	color: #ccc;
	margin: 0;
	text-decoration: none;
	}

.online a{	
	color: #ffcc00;	
	text-decoration: none;
	}	

.online a:hover{	
	color: #fff;	
	text-decoration: none;
	}		
	
	
	
/*--Koniec------------------------------------------------------------------------------*/
	


.box{
	background: white;
	padding: 15px;
	float: left;
	margin: 5px;	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}
	
a.box:hover{
	background: #fff;
	padding: 15px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	}	

.box_www{
	background: white;
	padding: 15px;
	float: right;
	margin: 5px 40px 0 15px;	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}
	
a.box_www:hover{
	background: #fff;
	padding: 15px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	}		



/*--Kontakt-----------------------------------------------------------------------------------------------*/

#content_kontakt{
	width:980px;
	margin: 0 auto;
	height:341px;
	padding:0;
	text-align:left;
	}
	

.form_box {
		
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;		
	}

.left_form{float:left; margin-right:30px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#fff;}

.form li {
	text-align:left;
	padding:0;
	margin:0px 0 3px 0;
	list-style-type:none;
}
.form label {	
	text-align:left;
	color:#666;
	text-shadow: 2px 3px 3px #000;
	padding:0;
	margin:0 0 0 5px;
	font-size:14px;
	}

.form input {
	tekst-align:right;
	background:url(../images/name.gif) no-repeat top;
	width:260px;
	height:50px;
	border:none;
	color:#ddd;
	font-size:16px;
	padding:0 0 0 5px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

.form textarea {
	background:url(../images/textarea_bg.gif) no-repeat top;
	width:350px;
	height:135px;
	border:none;
	color:#eee;
	font-size:14px;
	line-height:13px;
	padding:5px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

#tresc {padding:10px 10px 3px 10px;}


.send {
	width:55px;
	height:30px;
	background:url(../images/send.gif) top no-repeat;	
	border:none;
	margin-left:10px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	}

.send:hover {
	width:55px;
	height:30px;
	background:url(../images/send.gif) bottom no-repeat;
	tekst-align:right;
	border:none;	
	margin-left:10px;
	}

/*--Komunikaty formularza-------------------------------------------------------------*/



#sukces{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	}


#blad {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-align:left !important;
	list-style: none;
	}

#blad li {list-style: none;}



.red {color: #ff0000;}


/*--end-------------------------------------------------------------*/



#kontakt_ico{
	width:100px;
	float:left;		
	}

#kontakt_ico li a{
	color:#00bfff;	
	text-decoration:none;	
	}
#kontakt_ico li a:hover{
	color:#fff;	
	text-decoration:none;	
	}


#kontakt_ico li{
	color:#fff;	
	margin: 5px 0 5px 0;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	}


#kontakt_ico ul{
	list-style-type:none;
	}

.email{
	background:url(../images/email.gif) left no-repeat;
	padding:10px 0 5px 35px;
	text-shadow: 1px 1px 3px #000;
	}
.skype{
	background:url(../images/skype.gif) left no-repeat;
	padding:10px 0 5px 35px;
	text-shadow: 1px 1px 2px #000;
	}
.gg{
	background:url(../images/gg.gif) left no-repeat;
	padding:10px 0 5px 35px;
	text-shadow: 1px 1px 2px #000;
	}

/*--Koniec-----------------------------------------------------------------------------------------------*/



/*--Stopka-----------------------------------------------------------------------------------------------*/


#stopka{
	width:100%;
	margin 0: auto;	
	padding-bottom:70px;	
	background:#000;
	background-image: url(../images/bg2.jpg);
	background-repeat: repeat-x;	
	border-top: solid 1px #00bfff;	
	}

.copy{
	text-align:right;
	
	color:#666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	}