/* === Clearing browser style === */

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

body {
	background: #cddfff;
	height: 100%;
	padding: 0px;
}

html {
	height: 100%;
}

/* === Links === */

a {
	color: #465fc8;
	text-decoration: none;
}

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

/* === Main === */

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

	#left {
		width: 50%;
	}
	
	#middle {
		background: url(../images/bg.gif) repeat-y 57px 0px;
		padding: 10px 0px;
	}
	
	#right {
		width: 50%;
	}
	
	/* Top Menu, Lang */
	
	.topnav a {
		display: block;
		background: url(../images/topmenu-bullet.gif) no-repeat;
		font-size: 12px;
		color: #142d5c;
		text-decoration: none;
		padding: 0px 14px 0px 15px;
	}
	
		.topnav a.first {
			background: none;
			padding-left: 0px;
		}
	
	.topnav a:hover {
		color: #142d5c;
		text-decoration: underline;
	}
	
	.topnav a.selected {
		color: #142d5c;
		text-decoration: underline;
	}
	
	.topnav a.selected:hover {
		color: #142d5c;
		text-decoration: underline;
	}
	
	/* Menu */
	
	.nav,
	.nav ul {
		list-style: none;
	}
	
		.nav a {
			display: block;
			background: url(../images/menu-bullet.gif) no-repeat;
			font-size: 12px;
			color: #ffffff;
			text-decoration: none;
			padding: 0px 0px 10px 28px;
		}
		
			.nav li li a {
				background: none;
				color: #000e29;
				padding: 0px 0px 10px 40px;
			}
			
			.nav li li a:hover,
			.nav li li a.selected,
			.nav li li a.selected:hover {
				color: #000e29;
				text-decoration: underline;
		}
		
		.nav a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
		
		.nav a.selected {
			color: #ffffff;
			text-decoration: underline;
		}
		
		.nav a.selected:hover {
			color: #ffffff;
			text-decoration: underline;
		}
	
	/* --- */
	
	.bLeftTop {
		background: url(../images/b-left-top.gif) no-repeat;
		width: 32px;
		height: 32px;
	}
	
	.bTop {
		background: url(../images/b-top.gif) repeat-x;
	}
	
	.leCol {
		width: 25px;
	}
	
	.leftCol {
		background: url(../images/b-top-left.gif) repeat-x;
		width: 203px;
	}
	
	.rightCol {
		width: 698px;
	}
	
	.bRightTop {
		background: url(../images/b-right-top.gif) no-repeat;
		width: 32px;
	}
	
	.bLeft {
		background: url(../images/b-left.gif) repeat-y;
	}
	
	.bRight {
		background: url(../images/b-right.gif) repeat-y;
	}
	
	.bLeftBottom {
		background: url(../images/b-left-bottom.gif) no-repeat;
		height: 32px;
	}
	
	.bBottom {
		background: url(../images/b-bottom.gif) repeat-x;
	}
	
	.leftColBottom {
		background: url(../images/b-bottom-left.gif) repeat-x;
	}
	
	.bRightBottom {
		background: url(../images/b-right-bottom.gif) no-repeat;
	}
	
	/* --- */
	
	#headerLeft {
		background: #6486be url(../images/bg-header-left.jpg) no-repeat;
	}
	
	#logo {
		background: #142d5c;
	}
	
	#header {
		background: #6486be url(../images/bg-header.jpg) no-repeat;
	}
	
	#leftBox {
		background: #ffffff;
		height: 49px;
	}
	
	#iconsBox {
		background: #99add3;
		padding-top: 13px;
	}
	
	#topnavBox {
		background: #ffffff;
		padding: 19px 34px 16px 61px;
	}
	
	#langBox {
		padding-left: 30px;
	}
	
	#navCol {
		background: #90a7d3;
		padding: 17px 18px 33px 18px;
	}
	
		#navBox {
			margin: 20px 8px 20px 8px;
		}
		
		#weatherTop {
			background: #142d5c url(../images/weather-top.gif) no-repeat;
			height: 33px;
		}
		
			#weatherTop span {
				font-size: 16px;
				color: #d7e8ff;
				font-weight: bold;
			}
		
		#weather {
			padding: 4px 0px 2px 0px;
			border-right: 1px solid #cddfff;
			border-left: 1px solid #cddfff;
		}
		
			#weather table,
			#weather table td {
				border: 1px solid #90a7d3;
			}
		
		#weatherBottom {
			background: url(../images/weather-bottom.gif) no-repeat;
			height: 10px;
		}
	
	#yellowLeft {
		background: #fdfae2 url(../images/a-left-bottom.gif) no-repeat left bottom;
	}
	
	#yellowRight {
		background: #fdfae2 url(../images/a-right-bottom.gif) no-repeat right bottom;
	}
	
		#infoTop {
			background: url(../images/a-right-top.gif) no-repeat right top;
			padding: 17px 46px 0px 58px;
		}
		
			#titleBox {
				background: #7492c8 url(../images/a-left-top-title.gif) no-repeat;
				width: 183px;
				height: 103px;
			}
			
			#imgBox {
				background: #b8c6d5;
				width: 411px;
			}
		
		#info {
			padding: 36px 46px 33px 61px;
		}
	
	#counter {
		padding: 10px 0px 0px 18px;
	}
	
	#createdBox {
		padding: 6px 46px 0px 61px;
	}

/* === Txt === */
h1.title {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	margin: 13px 17px;
}

span.copyright {
	font-family: tahoma, sans serif;
	font-size: 10px;
	color: #8398be;
	cursor: default;
}

span.copyright a {
	font-family: tahoma, sans serif;
	font-size: 10px;
	color: #8398be;
	text-decoration: none;
}

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

/* === Other === */

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}