* { margin: 0; padding: 0; color: #484848; font-size: 100%; }

body, html {
	font-family: 'Trebuchet MS', Tahoma, Verdana;
	background: white;
	margin-top: 5px;
}

a, sup { color: #09546B; }
a:hover { color: #119FCA; }

sup { font-size: small; }

div#container {
	width: 930px;
	min-height: 500px;
	margin: 0 auto;
}


/*
** HEADER
*/


h1#header {
	width: 930px;
	height: 135px;
	position: relative;
	float: left;
	font-size: 200%;
}

#header a {
	width: 930px;
	height: 135px;
	display: block;
	cursor: pointer;
	position: relative;
}

#header a span {
	width: 930px;
	height: 135px;
	position: absolute;
	background: url('images/header.png') top left no-repeat;
}


/*
** HEADER END
*/


/*
** MENU
*/


ul#menu {
	width: 930px;
	height: 88px;
	list-style: none;
	float: left;
}

#menu li { float: left; }
#menu li a { display: block; width: 115px; height: 88px; cursor: pointer; color: black; }
#menu li a.prvy, #menu li a.druhy { width: 120px; height: 88px; }

li#onas a span {
	width: 120px;
	height: 88px;
	background: url('images/onas.png') top left no-repeat;
	position: absolute;
}

li#motorservis a span {
	width: 115px;
	height: 88px;
	background: url('images/motorservis.png') top left no-repeat;
	position: absolute;
}

li#autoservis a span {
	width: 115px;
	height: 88px;
	background: url('images/autoservis.png') top left no-repeat;
	position: absolute;
}

li#pneuservis a span {
	width: 115px;
	height: 88px;
	background: url('images/pneuservis.png') top left no-repeat;
	position: absolute;
}

li#sportupravy a span {
	width: 115px;
	height: 88px;
	background: url('images/sportupravy.png') top left no-repeat;
	position: absolute;
}

li#predajnd a span {
	width: 115px;
	height: 88px;
	background: url('images/predajnd.png') top left no-repeat;
	position: absolute;
}

li#motorsport a span {
	width: 115px;
	height: 88px;
	background: url('images/motorsport.png') top left no-repeat;
	position: absolute;
}

li#kontakty a span {
	width: 120px;
	height: 88px;
	background: url('images/kontakty.png') top left no-repeat;
	position: absolute;
}

li#onas a span:hover { background: url('images/onas.png') 100% no-repeat; }
li#motorservis a span:hover { background: url('images/motorservis.png') 100% no-repeat; }
li#autoservis a span:hover { background: url('images/autoservis.png') 100% no-repeat; }
li#pneuservis a span:hover { background: url('images/pneuservis.png') 100% no-repeat; }
li#sportupravy a span:hover { background: url('images/sportupravy.png') 100% no-repeat; }
li#predajnd a span:hover { background: url('images/predajnd.png') 100% no-repeat; }
li#motorsport a span:hover { background: url('images/motorsport.png') 100% no-repeat; }
li#kontakty a span:hover { background: url('images/kontakty.png') 100% no-repeat; }

li#onas a span.active { background: url('images/onas.png') 100% no-repeat; }
li#motorservis a span.active { background: url('images/motorservis.png') 100% no-repeat; }
li#autoservis a span.active { background: url('images/autoservis.png') 100% no-repeat; }
li#pneuservis a span.active { background: url('images/pneuservis.png') 100% no-repeat; }
li#sportupravy a span.active { background: url('images/sportupravy.png') 100% no-repeat; }
li#predajnd a span.active { background: url('images/predajnd.png') 100% no-repeat; }
li#motorsport a span.active { background: url('images/motorsport.png') 100% no-repeat; }
li#kontakty a span.active { background: url('images/kontakty.png') 100% no-repeat; }

div#content {
	width: 928px;
	min-height: 500px;
	background: #C6D3D7;
	border: 1px solid #BAC7CC;
	border-top: none;
	float: left;
}

div#navleft {
	width: 235px;
	min-height: 400px;
	margin-top: 5px;
	float: left;
}

#navtop {
	height: 4px;
	width: 235px;
	/*margin-bottom: -18px;*/
	font-size: 0;
	background: url('images/navtop.png') top left no-repeat;
	float: left;
}

#navwrap {
	width: 235px;
	height: 400px;
	background: url('images/navwrap.png') top left repeat-y;
	float: left;
}

#navfooter {
	width: 235px;
	height: 9px;
	background: url('images/navfooter.png') top left no-repeat;
	float: left;
}

ul#navigation {
	width: 215px;
	min-height: 300px;
	list-style: none;
	margin: 10px 0px 0px 20px;
}

#navigation li a { color: black; }
#navigation li a:hover { color: #3D3D3D; }

#navigation li { margin-top: 3px; }

#navigation li ul {
	list-style: none;
	padding: 5px 0px 10px 10px;
}

#navigation li ul li a { color: #09546B; }
#navigation li ul li { margin: 0; }

div#rightcontent {
	width: 662px;
	min-height: 400px;
	padding: 15px;
	float: right;
}

#rightcontent h2 { font-size: 130%; color: #3a3a3a; margin-bottom: 10px; font-variant: small-caps }
#rightcontent h3 { font-size: 115%; color: #5B5B5B; margin-bottom: 5px; }
#rightcontent p { font-size: 100%; color: #484848; }
#rightcontent p#video { text-align: center; }
#rightcontent p#video embed { margin: 10px 0px 10px 0px; }

#rightcontent ul {
	margin-top: 15px;
	list-style: none;
}

#rightcontent ul li ul { margin: 0px 0px 0px 10px; }

#rightcontent ul#typy, ul#znacky {
	width: 250px;
	margin-top: 15px;
	list-style: none;
	float: left;
}

.mapa { width: 300px; height: 200px; float: right; margin-right: 20px; border: 3px double #09546B; }

div#footer {
	width: 930px;
	height: 30px;
	background: url('images/footer.png');
	text-align: center;
	margin: 3px 0px 0px 0px;
	padding-top: 10px;
	color: white;
	float: left;
}

.author { float: right; margin: 5px 5px 40px 0px; }
.toplist { float: right; margin: 5px 0px 40px 0px; }

div#images {
	width: auto;
	height: auto;
	float: left;
	margin: 20px 0px 20px 0px;
	text-align: center;
}

img { border: 0; }

.img {
	width: 120px;
	height: 90px;
	float: left;
	border: 1px solid gray;
	margin: 4px;
}

.img:hover { border: 1px solid #119FCA; }

.imgv {
	width: 75px;
	height: 100px;
	float: left;
	border: 1px solid gray;
	margin: 4px;
}

.imgv:hover { border: 1px solid #119FCA; }

.jazdec { float: left; }
.jazdecmilos { margin: 0px 15px 0px 0px; padding: 0; float: right; border: 3px double #09546B; }