@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #013a57;
	font: normal 12px verdana;
	color: #fff;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

#top {
	width: 760px;
	height: 270px;
	margin: 0px auto;
	border: 1px solid;
	border-color:#333;
}

#menu {
	background-image:url(images/bgmenu.jpg);
	width: 760px;
	height: 45px;
	margin: 0px auto;
	line-height: 45px;
	border: 1px solid;
	border-top: 0px;
	border-bottom: 0px;
	border-color:#333;
}

		#menu a {
			font: bold 16px Trebuchet MS;
			text-decoration: none;
			color:#FFF;
			margin: 0px 16px;
		}
		
		#menu a:hover {
			font: bold 16px Trebuchet MS;
			text-decoration: none;
			color:#06F;
			margin: 0px 16px;
		}

#content {
	background:#FFF;
	color: #555;
	padding: 20px;
	width: 720px;
	overflow: hidden;
	height: 320px;
	margin: 0px auto;
	border: 1px solid;
	border-top: 0px;
	border-bottom: 0px;
	border-color:#333;
}

		#content h1 {
			margin: 30px 0px 20px 80px;
			text-align: left;
			font: bold 18px Trebuchet MS;
			color: #222;
		}
		
		#content p {
			text-align: justify;
			text-indent: 20px;
		}
		
		#content li {
			text-align: left;
			margin: 15px 0px 15px 60px;
		}
		
		#content h3 {
			font: bold 18px Trebuchet MS;
		}
		
		#content h4 {
			font: bold 14px Trebuchet MS;
		}
		
		#content a {
			font-weight: bold;
			text-decoration: none;
			color:#333;
		}
		
		#content a:hover {
			font-weight: bold;
			text-decoration: none;
			color:#000;
		}

#home {
	width: 30%;
	height: 240px;
	float: left;
	padding: 10px;
	margin: 0px auto;
}

		#home img {
			padding: 2px;
			border: 1px #CCC solid;
			display: block;
			margin: 9px auto;
		}

#bottom {
	padding-top: 50px;
	font: normal 14px Trebuchet MS;
	color: #555;
	background-image:url(images/bgbottom.jpg);
	width: 760px;
	height: 30px;
	margin: 0px auto;
	border: 1px solid;
	border-top: 0px;
	border-color:#333;
}

		#bottom a {
			color: #555;
			font-weight: bold;
			text-decoration: none;
		}
		
		#bottom a:hover {
			color: #000;
			text-decoration: none;
		}

.ajato {
	font: normal 11px Trebuchet MS;
	color: #CCC;
	padding-bottom: 15px;
}

		.ajato a {
			font: bold 11px Trebuchet MS;
			color: #003;
			text-decoration: none;
		}

		.ajato a:hover {
			font: bold 11px Trebuchet MS;
			color: #ccc;
			text-decoration: none;
		}