body, p, h1, h2, h3, h4, h5, h6, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

html {
	height: 100%;
}

.magnify {
	cursor: url(/page/images/sys/magnify.cur);
}

	* > .magnify {
		cursor: pointer;
		cursor: hand;
	}

body, td, th, input, textarea, select {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #141615;
	font-weight: normal;
}

body {
	background: #dfdfdf url(../images/bg.gif) repeat-x;
	height: 100%;
	padding: 0px;
}

/* === Links === */

a {
	color: #cc0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* === Main === */

#layout {
	width: 100%;
	height: 100%;
}

	#left {
		background: url(../images/bg-left.gif) repeat-y right top;
		width: 50%;
	}

	#middle {
		background: #dfdfdf;
		border-right: 5px solid #ffffff;
		border-left: 5px solid #ffffff;
	}

	#right {
		background: url(../images/bg-right.gif) repeat-y;
		width: 50%;
	}

	/* Lang */

	.lang a {
		display: block;
		background: url(../images/lang-bullet.gif) no-repeat;
		font-size: 10px;
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0px 22px 8px 24px;
	}

		.lang a.first {
			background: none;
		}

	.lang a:hover {
		color: #000000;
		text-decoration: underline;
	}

	.lang a.selected {
		color: #cc0000;
		text-decoration: none;
	}

	.lang a.selected:hover {
		color: #cc0000;
		text-decoration: underline;
	}

	/* Menu */

	.nav,
	.nav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

		.nav a {
			display: block;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			text-align: center;
			text-decoration: none;
			padding: 11px 10px;
			border-bottom: 1px solid #ffffff;
		}

		.nav a:hover {
			color: #000000;
			text-decoration: underline;
		}

		.nav a.selected {
			color: #cc0000;
			text-decoration: none;
		}

		.nav a.selected:hover {
			color: #cc0000;
			text-decoration: underline;
		}

	/* Sub menu */

	.sub-nav {
		margin-bottom: 15px;
	}

	.sub-nav td {
		width: 33%;
	}

		.sub-nav a {
			display: block;
			background: url(../images/sub-menu-bullet.gif) no-repeat;
			color: #666666;
			text-decoration: none;
			padding: 0px 14px 10px 12px;
		}

		.sub-nav a:hover {
			color: #666666;
			text-decoration: underline;
		}

		.sub-nav a.selected {
			background: url(../images/sub-menu-bullet-o.gif) no-repeat;
			color: #cc3333;
			text-decoration: none;
		}

		.sub-nav a.selected:hover {
			color: #cc3333;
			text-decoration: underline;
		}

	/* Icons */

	/* --- */

	#outlines {
		background: #dfdfdf;
		padding: 5px 5px 0px 0px;
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid #ffffff;
	}

	.left-col {
 		background: url(../images/bg-left-col.gif) repeat-y right top;
		width: 221px;
	}

		.padd {
	 		padding: 50px 0px 13px 0px;
		}

		#lang-bg {
			background: url(../images/top-gradient.gif) repeat-x left bottom;
		}

			#lang-box {
				background: url(../images/top-gradient-right.gif) no-repeat right bottom;
				height: 42px;
				padding-right: 7px;
			}

		#logo-box {
			height: 181px;
			padding: 0px 23px 0px 16px;
			margin-bottom: 4px;
		}

			#logo {
				padding-top: 51px;
				border-top: 4px solid #cc0000;
			}

		#top-gradient {
			background: url(../images/top-gradient.gif) repeat-x left bottom;
			text-align: right;
		}

		#bottom-gradient {
			background: url(../images/bottom-gradient.gif) repeat-x;
			text-align: right;
		}

	#bord4 {
		background: #ffffff;
		width: 4px;
	}

	.right-col {
		background: #f3f2f3 url(../images/globe.jpg) no-repeat;
		width: 515px;
		border-top: 5px solid #ffffff;
	}

		#sub-nav-box {
			padding: 0px 20px 0px 20px;
		}

		#content {
			padding: 0px 20px 12px 20px;
			height: 240px;
		}

		#created-right {
			background: url(../images/bg-created.gif) repeat-x;
			padding: 15px 20px 14px 20px;
		}

	#bord5 {
		background: #ffffff;
		width: 5px;
	}

	/* content images */

	.imgContainer {
		width: 100%;
	}

		.imgContainer table tr.image td {
			background: #ffffff;
			padding: 2px;
		}

		.imgContainer table tr.title {
			display: none;
		}

			.imgContainer table tr.title td {
				text-align: center;
			}

/* === Txt === */
h2.title {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	white-space: nowrap;
	padding: 0px 23px 11px 17px;
}

h3.title {
	font-size: 12px;
	font-weight: bold;
	color: #cc3333;
	padding: 0px 0px 16px 0px;
}

span.copyright {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #8A8A8A;
	cursor: default;
}

span.copyright a {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #8A8A8A;
	text-decoration: none;
}

span.copyright a:hover {
	color: #000000;
	text-decoration: none;
}

/* === Other === */

.w33 {
	width: 33%;
}

.w25 {
	width: 25%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.bg-ccc {
	background: #cccccc;
}

.bg-c00 {
	background: #cc0000;
}

/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */