/* alexbp.cz / v2.0 / c) 2010 exogi:nos design (martin svoboda) - http://exogiinos.eu */

/* --- general styles --- */

body {
	background: url(../img/top-grad.png) repeat-x #72757b;
	font-family: Verdana, sans-serif; font-size: 12px; line-height: 14px; color: #353c4a;
}

.hidden { visibility: hidden; }

a img {	border: 0px; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

h3 { font-size: 14px; margin: 0 0 5px 90px; color: #1d222c; }
span.b { color: #1d222c; font-weight: bold; }
.mT25 { margin-top: 25px; }

/* --- colours --- */

a {
	color: #b63c0c;
}

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

.color {
	color: #ed1c24;
}

/* --- elements --- */

h1.index { font-size: 18px; }
h2.index { font-size: 14px; color: #9B0000; }
p.index, h1.index, h2.index {
		padding: 5px 80px 5px 90px;
		margin: 0px 0 10px 0;
	}


#container {
	width: 930px;
	margin: 0 auto;
}

#head {
	width: 930px; height: 110px;
	margin-top: 40px;
	background: url(../img/vystavy/top-bg.png) no-repeat left bottom;
}

	.logo {
		margin-left: 90px;
	}

	.logo-text {
  	margin-top: 10px; margin-left: 50px;
	}
	
	#langs { float: right; position: relative; right: 154px; top: 65px; }
		#langs img { margin-right: 4px; }

#menu {
	height: 260px; width: 930px;
	background: url(../img/vystavy/menu-bg.png) no-repeat;
}

	#menuitems {
		float: right;
		width: 240px;
	}

  .m-index-on, .m-vystavy-on, .m-prezentace-on, .m-grafika-on, .m-kongresy-on, .m-plotr-on, .m-navic-on, .m-interiery-on, .m-about-on {
		position: absolute;
	}
	.m-index-on { top: 133px; }
	.m-vystavy-on { top: 161px; }
	.m-prezentace-on { top: 189px; }
	.m-grafika-on { top: 217px; }
	.m-kongresy-on { top: 245px; }
	.m-plotr-on { top: 273px; }
	.m-navic-on { top: 301px; }
	.m-interiery-on { top: 329px; }
	.m-about-on { top: 357px; }

	.m-index, .m-vystavy, .m-prezentace, .m-grafika, .m-kongresy, .m-plotr, .m-navic, .m-interiery, .m-about {
		position: absolute;
	}
	.m-index { top: 143px; }
	.m-vystavy { top: 171px; }
	.m-prezentace { top: 199px; }
	.m-grafika { top: 227px; }
	.m-kongresy { top: 255px; }
	.m-plotr { top: 283px; }
	.m-navic { top: 311px; }
	.m-interiery { top: 339px; }
	.m-about { top: 367px; }

#navig {
	height: 68px; width: 850px;
	margin-left: 80px;
	background: url(../img/nav-bg.png) no-repeat;
}
	
	#submenu {
		float: right;
		display: block;
		margin-top: 32px; margin-right: 50px;
	}
	
	a.sub {
		color: #353c4a; text-decoration: none;
	}
	
	a.sub:hover {
		text-decoration: underline;
	}
	
#content {
	width: 800px;
	margin-left: 80px;
	padding: 20px 0;
	background: url(../img/body-bg.png) repeat-y #d0d5de;
}

	img.h2 { float: right; margin: 0 30px 15px 0; }

	p.content {
		padding: 5px 80px 5px 90px;
		margin: 0px 0 20px 0;
	}
	
	ul.content {
		list-style: square;
		margin-left: 100px;
		width: 570px;
	}
	
	img.thumb {
		float: left;
		margin: 4px -1px 4px 9px;
		border: 1px solid #b0b8c6;
	}
		
		img.thumb:hover {
			border: 1px solid #ed1c24;
		}
		
	.nav {
		margin: 10px 90px 10px 0;
		
	}
	
img#ediscovery { margin-right: 57px; border: 1px solid #c3c9d4; } /* margin-left: 15px; margin-bottom: 10px;*/
		img#ediscovery:hover { border: 1px solid #3b5a83; }
	
#footer {
	width: 710px; height: 28px;
	margin-left: 80px; padding: 35px; padding-right: 105px;
	background: url(../img/footer.png) no-repeat;
	font-size: 11px; color: #d0d5de;
}

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