@charset "utf-8";

*{ padding:0px; margin:0px; }

body{ background:#eee; text-align:center}

a{ color:#C8DCE5; text-decoration: none;}
a:hover{ text-decoration: underline;}

a.dark { color: #3366CC;}
a.title { color: #000033; }
a.title:hover { color: #CC0033; text-decoration: none;}

h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
h4{ margin: 10px 10px 0 10px; color:#FFF; font:12pt "Lucida Grande", Arial, sans-serif; letter-spacing:-1px;  }

span.dark { color: #6699CC;}


#main{
	margin: 40px auto;
	margin-top: 20px;
	width: 750px;
	height: 610px;
}
#main2{
	margin: 40px auto;
	margin-top: 20px;
	width: 810px;
	height: 610px;
}

#title {
	text-align: center;
	font:22pt "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	letter-spacing:-2px; 
	color: #CC0033;
	margin-bottom: 16px;
}

#menu-left {
	float: left;
	width: 150px;
	position: relative; 
	top: 30px;
	left:0px;
	color: #CC0033;
	font:13pt "Lucida Grande", Arial, sans-serif;
	font-weight: bold; 
	letter-spacing:-1px;
	text-align:left;
	margin-right: 30px;
}
#menu-left a {
	color: #CC0033;
}
#menu-left a:hover {
	background-color: #CC0033;
	color: #FFFFFF;
}

#menu-right {
width: 100px;

}

.boxgrid{ 
	width: 325px; 
	height: 260px; 
	margin:10px; 
	float:left; 
	text-align: left;
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
		top: 220;
		left: 0;
	}
	
.biggrid{ 
	width: 500px; 
	height: 530px; 
	padding: 10px;
	text-align: left;
	border: solid 2px #8399AF; 
	overflow: hidden; 
	/*background-image: url(kamil.jpg);*/
	float: left; 
	font:14pt "Lucida Grande", Arial, sans-serif; 
}

.biggrid-box {
	width: 580px; 
	height: 530px; 
	margin:10px; 
	float:left; 
	text-align: left;
	background:#161613; 
	border: solid 2px #8399AF; 
	overflow: hidden; 
	position: relative; 
}
	.biggrid-box img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}