/* CSS Document */
/* BIOLOGIA - podrecznik graficzny*/
/* autor: Marek Kultys */
/* dyplom licencjacki na Wydziale Wzornictwa Przemyslowego Akademii Sztuk Pieknych w Warszawie, 03-07.2008 */
/* promotor: prof. Roman Duszek, konsultacja merytoryczna: dr Wlodzimierz Wojcik */
/* copyright 2008 by Marek Kultys, all rights reserved */


body {
  	margin: 30px 60px 40px 60px;
  	background: #FFFFFF;
	font-family: Verdana, sans-serif;}

img {
	border: 0px;}

td {
  	vertical-align: top;
  	padding: 0px;}

a {
 	background: #FFFFFF;
  	color: #333333;
  	text-decoration: none;}

a:hover {
	color: #FF0000;}

	#main {
		width: 1200px; 
		margin-left: auto;
		margin-right: auto;}
	
	#head {
		width: 800px;
		margin-left: 70px;}
		
		.title {
			color: #666666;
			font-weight: bold;
			font-size: 24px; 
			float:left;}
			
		.subtitle {
			color: #999999;
			font-size: 24px; 
			margin-left: 250px;}
		
		.adress {
			color: #999999;
			font-size: 12px; 
			float: left; 
			margin-top: 10px;
			margin-left: 250px;}
			
		.adress_col {
			color: #999999;}
		
	#bar {
		background: #CCCCCC;
		width: 1160px;
		height: 5px;
		float:left;
		margin-top: 10px;
		margin-bottom: 25px;}
		
	#column {
		width: 20px;
		float: left;
		height: 524px;
		margin-left: 13px;}
		
		.column_w {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_w.gif);}
		.column_m {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_m.gif);}
		.column_c {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_c.gif);}
		.column_b {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_b.gif);}
		.column_g {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_g.gif);}
		.column_y {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_y.gif);}
		.column_r {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_r.gif);}
		.column_k {
			height: 524px;
			margin-top: 4px;
			background-image: url(../grafika/column_k.gif);}
	
	#start {
		margin-left: 70px;
		margin-top: 50px;}
	
	#content {
		margin-left: 40px;
		width: 202px;
		float: left;}
		
		.content_txt {
			height: 58px; 
			padding-top: 4px;
			padding-left: 30px;
			font-size: 12px; 
			line-height: 17px;}
	
		.content_w {
			margin-top: 4px;
			background-image: url(../grafika/content_w4.gif);}
		.content_c {
			margin-top: 4px;
			background-image: url(../grafika/content_c4.gif);}
		.content_m {
			margin-top: 4px;
			background-image: url(../grafika/content_m4.gif);}
		.content_y {
			margin-top: 4px;
			background-image: url(../grafika/content_y4.gif);}
		.content_k {
			margin-top: 4px;
			background-image: url(../grafika/content_k4.gif);}
		.content_r {
			margin-top: 4px;
			background-image: url(../grafika/content_r4.gif);}
		.content_g {
			margin-top: 4px;
			background-image: url(../grafika/content_g4.gif);}
		.content_b {
			margin-top: 4px;
			background-image: url(../grafika/content_b4.gif);}

	#content_sub {
		width: 800px;
		height: 524px;
		margin-left: 28px;
		float: left;}
		
		.content_sub_txt {
			height: 522px;
			padding-top: 2px;
			padding-left: 50px;
			font-size: 12px; 
			line-height: 20px;}
	
		.content_sub_w {
			margin-top: 4px; 
			background-image: url(../grafika/content_sub_w.gif);}
		.content_sub_c {
			margin-top: 4px; 
			background-image: url(../grafika/content_sub_c.gif);}
		.content_sub_m {
			margin-top: 4px; 
			background-image: url(../grafika/content_sub_m.gif);}
		.content_sub_y {
			margin-top: 4px;
			background-image: url(../grafika/content_sub_y.gif);}
		.content_sub_k {
			margin-top: 4px;
			background-image: url(../grafika/content_sub_k.gif);}
		.content_sub_r {
			margin-top: 4px;
			background-image: url(../grafika/content_sub_r.gif);}
		.content_sub_g {
			margin-top: 4px;
			background-image: url(../grafika/content_sub_g.gif);}
		.content_sub_b {
			margin-top: 4px;
			background-image: url(../grafika/content_sub_b.gif);}

	#content_alpha {
		float: left;
		width: 700px;
		margin-top: 5px;
		margin-left: 280px;}
		
	#content_alpha_start{
		float: left;
		width: 700px;
		margin-top: 5px;
		margin-left: 78px;}
		
		.content_alpha_txt {
			color: #999999;
			font-weight: bold;
			font-size: 20px;}
			
		.content_alpha_txt1 {
			color: #000000;
			font-weight: bold;
			font-size: 20px;}
			
	#content_alpha_sub {
		width: 900px;
		float: left;
		margin-top: 20px;
		margin-left: 30px;
		margin-bottom: 25px;}
		
		.content_alpha_sub_txt {
			width: 300px; 
			font-size: 12px; 
			line-height: 17px;
			float: left;}

	#content_panel {
		margin-left: 70px;
		width: 202px;
		float: left;}
	
	#content_panel_sub {
		width: 800px;
		height: 106px;
		margin-left: 15px;
		margin-bottom: 25px;
		float: left;}
		
		.content_panel_txt { 
			font-size: 12px; 
			padding-top: 8px;
			line-height: 19px;}
			
		.content_panel_strong { 
			font-size: 12px; 
			padding-top: 8px;
			line-height: 19px;
			font-weight: bold;}
			
		.content_panel_mini { 
			font-size: 10px; 
			color: #999999;
			line-height: 15px;}
			
	#content_panel_alpha_sub {
		width: 800px;
		margin-left: 48px;
		float: left;}
		
		.content_panel_caption{ 
			font-size: 16px; 
			padding-top: 6px;
			line-height: 28px;
			font-weight: bold;
			color: #666666}
			
	#icon {
		float: left;
		margin-top: 7px;
		margin-left: 15px;
		width: 600px;}
		
		.icon_txt {
			width: 200px;
			float: left;
			font-size: 12px; 
			line-height: 19px;
			font-weight: bold;
			color: #666666;}	
			
		.icon_image {
			float: left;
			height: 92px;
			width: 110px;}
			
		.ikona {
			margin-top: 13px;}
			
	#logo {
		float: left;
		height: 310px;
		width: 428;
		margin-top: 112px;
		margin-left: 125px;}