body{
background: black url("img/bg.jpg") no-repeat top center;
color: white;
font-size: 12px;
}

h1{
font-family: Trebuchet MS;
font-size: 20px;
padding: 0;
margin: 3px;
margin-left: 3px;
}

h2{
font-size: 16px;
text-transform: uppercase;
margin-top: 16px;
margin: 0;
text-decoration: underline;
}

h3{
font-size: 12px;
margin: 0;
padding:0;
}

p{
padding: 0;
margin: 0;
}

/* links */

a:link {color: white;text-decoration: none;}
a:visited {color: white;text-decoration: none;}
a:hover {color: #B60003;text-decoration: none;}

#table{
border: 0px;
width: 100%;
}

header{
margin: 0 auto;
height: 218px;
width: 666px;
background: url("img/header.png") no-repeat;
display: block;
}

ul, ol, li { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

nav{
padding-left: 110px;
margin: -10px auto;
height: 29px;
width: 556px;
background: url("img/menu.png") no-repeat;
display: block;
}

nav li {
display: inline;
text-align: center;
}

nav a {
height: 25px;
width: 50px;
display: block;
float: left;
padding: 8px 20px 0px 20px;
text-decoration: none;
text-align: center;
font-size: 10px;
font-style: italic;
color: #FFFFFF;
}

nav a:hover {
background: url("./img/highlight.png") no-repeat center;
color: #FFFFFF;
}

nav a.active {
background: url("./img/active.png") no-repeat center;
color: #FFFFFF;
}


#center{
padding-top: 15px;
min-height: 270px;
margin: 10px auto;
width: 666px;
background: url("img/center.png") repeat-y;
}

aside{
padding-left: 10px;
min-height: 270px;
background: url("img/line.png") no-repeat;
margin-right: 20px;
float: right;
width: 180px;
}

section{
min-height: 270px;
margin-left: 20px;
float: left;
width: 400px;
}

footer{
text-align: center;
font-size: 10px;
padding-top: 30px;
margin: -10px auto;
margin-bottom: 20px;
padding-right: 15px;
padding-left: 15px;
width: 636px;
height: 53px;
background: url("img/footer.png") no-repeat;
display: block;
}

/* ikony */
#facebookIcon{
display:block;
position:absolute;
background: url("img/facebook.png") no-repeat left top;
width:46px;
height:12px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#facebookIcon:hover, #facebookIcon:focus{
background: url("img/facebook.png") no-repeat left -12px;
}

#twitterIcon{
display:block;
position:absolute;
background: url("img/twitter.png") no-repeat left top;
width:32px;
height:12px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#twitterIcon:hover, #twitterIcon:focus{
background: url("img/twitter.png") no-repeat left -12px;
}

#gplusIcon{
display:block;
position:absolute;
background: url("img/googleplus.png") no-repeat left top;
width:40px;
height:11px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#gplusIcon:hover, #gplusIcon:focus{
background: url("img/googleplus.png") no-repeat left -11px;
}

#youtubeIcon{
display:block;
position:absolute;
background: url("img/youtube.png") no-repeat left top;
width:44px;
height:12px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#youtubeIcon:hover, #youtubeIcon:focus{
background: url("img/youtube.png") no-repeat left -12px;
}

#panoramioIcon{
display:block;
position:absolute;
background: url("img/panoramio.png") no-repeat left top;
width:52px;
height:11px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#panoramioIcon:hover, #panoramioIcon:focus{
background: url("img/panoramio.png") no-repeat left -11px;
}

#ustreamIcon{
display:block;
position:absolute;
background: url("img/ustream.png") no-repeat left top;
width:52px;
height:12px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#ustreamIcon:hover, #ustreamIcon:focus{
background: url("img/ustream.png") no-repeat left -12px;
}

#geocachingIcon{
display:block;
position:absolute;
background: url("img/geocaching.png") no-repeat left top;
width:57px;
height:14px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#geocachingIcon:hover, #geocachingIcon:focus{
background: url("img/geocaching.png") no-repeat left -14px;
}

#myminicityIcon{
display:block;
position:absolute;
background: url("img/myminicity.png") no-repeat left top;
width:53px;
height:14px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#myminicityIcon:hover, #myminicityIcon:focus{
background: url("img/myminicity.png") no-repeat left -14px;
}

#olderIcon{
display:block;
position:absolute;
background: url("img/older.png") no-repeat left top;
width:33px;
height:12px;
overflow:hidden;
text-indent:-999em;
line-height:999em;
}
#olderIcon:hover, #olderIcon:focus{
background: url("img/older.png") no-repeat left -12px;
}

/* roh */
#roh {
position:absolute;
top:5px;
left:5px;
font-weight: bold;
}

/* seznam */
.navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.navlist li
{
padding-left: 10px;
background: url("img/arrow.png") no-repeat 0 4px;
color:#bc1111;
}