*		{margin: 0; padding: 0;}
html, body{ margin:0; padding:0; width: 100%; height: 100%; background-color:#e2e2e2; /*background: #ffffff url(../images/main_bg.gif) 50% 0px repeat-x;*/ font-family:Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color: #686868;}



body img {
			border: none;
		}
.both						{height: 0px; clear: both; overflow: hidden;}


/*layout*/


#container
		{
			width: 960px;
			margin:0 auto; 
			text-align:center;
			
		}
#sub_container
		{
		text-align:left;
		}

#footer {
margin-top:25px;
border-top:1px solid #CCC;
text-align:center;
}

		

h3 {
display:block;
font-weight:bold;
font-size:22px;
color:#939393;
margin:0 0 1.0em;
}
div#header {height:58px; border-bottom:1px solid #c0c0c0; padding:25px 0px 30px 10px;}	
/* Logo Replacement */			
div#header h1 a{ padding: 0;  margin: 0;  width: 150px;  height: 57px;  background: transparent url(../images/logo_doode.gif) scroll top left no-repeat;  float: left; display:block; }
div#header h1 a span { display: none; }

div#header .descripton { padding: 0; margin-left:70px;  width: 130px;  height: 57px;  background: transparent url(../images/doode_description.gif) scroll top left no-repeat;  float: left; display:block; }
div#header .descripton span { display: none; }

div#header div#menu_cat {
height:58px;
width:80px;
float:left;
margin-left:70px;
}

div#header ul.menu {
height:58px;
width:80px;
list-style:none;
}

div#header ul.menu li a {
height:18px;
width:80px;
}
div#header ul.menu li a.print {
background: url(../images/print_menu.gif) scroll top left no-repeat;  float: left; display:block;
}
div#header ul.menu li a.logo {
background: url(../images/logo_menu.gif) scroll top left no-repeat;  float: left; display:block; margin-top:2px; 
}
div#header ul.menu li a.web {
background: url(../images/web_menu.gif) scroll top left no-repeat;  float: left; display:block; margin-top:2px;
}
div#header ul.menu li a span {display:none;}


div#header div#menu_top {
width:470px;
float:right;
margin-top:5px;
}

div#header div#menu_top a.print {
width: 80px;  height: 47px; background: url(../images/print_menu2.gif) scroll top left no-repeat;  float: left; display:block; margin-right:10px;
}
div#header div#menu_top a.logo {
width: 80px;  height: 47px; background: url(../images/logo_menu2.gif) scroll top left no-repeat;  float: left; display:block; margin-right:10px;
}
div#header div#menu_top a.web {
width: 80px;  height: 47px; background: url(../images/web_menu2.gif) scroll top left no-repeat;  float: left; display:block; margin-right:10px;
}

div#header div#menu_top a.about {
width: 80px;  height: 47px;  background: url(../images/about_menu.gif) scroll top left no-repeat;  float: left; display:block; margin-right:10px;
}
div#header div#menu_top a.contact {
width: 80px;  height: 47px;  background: url(../images/contact_menu.gif) scroll top left no-repeat;  float: left; display:block; 
}
div#header div#menu_top a.print span {display:none;}
div#header div#menu_top a.logo span {display:none;}
div#header div#menu_top a.web span {display:none;}
div#header div#menu_top a.about span {display:none;}
div#header div#menu_top a.contact span {display:none;}

div#content {
	padding-top:25px;
}

div#left {
float:left;
width:150px;
border-top:1px solid #a9a9a9;
}
div#right{
float:left;

}


ul {
	font-size:11px;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;


}
ul li {
	padding-left:10px;
	width:150px;
	display:block;
}
ul li:hover {
	background-color:#f2f2f2;
	display:block;
}
ul li a {	
	text-decoration:none;
	color:#686868;
	display:block;
}
ul li a:hover {
	background-color:#f2f2f2;
}
div.procject {
	padding-bottom:10px;
	margin-bottom:15px;
	height:inherit;
	display:block;
	width:960px;
	clear:both;
	margin-left:60px;
}

div.procject div.print {
width: 70px;  height: 65px; float:left; display:block;
background:url(../images/print_icon.gif) top left no-repeat;
}
div.procject div.id {
width: 70px;  height: 65px; float:left; display:block;
background:url(../images/id_icon.gif) top left no-repeat;
}
div.procject div.www {
width: 70px;  height: 65px; float:left; display:block;
background:url(../images/www_icon.gif) top left no-repeat;
}
div.project_img {
float:left;
	text-align:center;
	background-color:#FFF;

}
div.procject img {
	float:left;
	padding:10px;
	border:1px solid #cfcfcf;
	margin-bottom:10px;
	text-align:center;
		background-color:#FFF;

}
/*
div.procject div.descripton {
	background-color:#cfcfcf;
	padding:5px 10px 5px 15px;
	font-size:11px;
	float:left;
	vertical-align:bottom;
	bottom:0px;
	width:120px;
}
*/
div.procject div.descripton {
 background-color: #CFCFCF;
    bottom: 0;
    clear: both;
    float: left;
    font-size: 11px;
    margin: -10px 0 20px 70px;
    padding: 5px 10px 5px 15px;
    vertical-align: bottom;
    width: 715px;
	}
div.procject div.descripton div.category {
	padding-top:10px;
	font-style:italic;
}









#formularz
		{	
			padding:10px 25px 10px 5px;
			text-align:center;		
			width:190px;

			
		}
		/* ------------------- form ------------------------- */		
input, select, textarea
		{		
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: normal;
			color: #28567f;
			line-height: 13px;	
					
			margin:2px 0px;
			padding:2px;
			border: 1px solid #999;			
			background-color: #fbfbfb;										
		}
#submit
		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			color: #fff;
			line-height: 13px;
			
			background-color: #28567f;
			width: 100px;
			text-align: center;
			padding: 3px 0;
			border:none;				
		}