/* Veletrh larpu - 3.a 4. dubna 2009 - Brno, Moravské náměstí
Moravian LARP, o.s.
design by: Mealtiner - http://mealtiner.net
Version: 1.0, Feb 8, 2009 */
/* standard elements */

body {
  background: #9C9D9D;
	color: #000000;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	margin: 0 auto;
	padding: 0;
}

h1 {font-size: 25px; font-weight: bold; color: #006ab5; }
h2 {font-size: 20px; font-weight: bold; color: #006ab5; }
h3 {font-size: 15px; font-weight: bold; color: #006ab5; }
a:link, a:visited, a:active{text-decoration: none; color: white; font-weight: bold;}
/* ---------------------------------------------------------------------------- */

/* Main layout and header */
#wrapper {
  position: relative;
  background: #9C9D9D;
	color: #000000;
	margin: 0 auto;
	padding: 0;
	width: 834px;
}

/* ---------------------------------------------------------------------------- */

#head{
position: relative;
background:url(../images/head.gif) no-repeat #9C9D9D;
width: 834px;
height: 118px;
}


#titulek{
position: absolute;
top: 15px;
left: 150px;
margin: 0 auto 0 auto;
padding: 0;
width: 530px;
height: 20px;
text-align: center;
font-size: 17px;
color: gold;
}

#titulek a:link, a:visited, a:active{text-decoration: none; color: white; font-weight: bold;}

/* ---------------------------------------------------------------------------- */

#menu{
position: relative;
background: url(../images/menu.gif) no-repeat #9C9D9D;
width: 834px;
height: 32px;
text-align: center;
}

.underlinemenu{
position: relative;
width: 100%;
}

.underlinemenu ul{
padding: 12px 0 0px 0;
margin: 0;
text-align: center; 
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #ffffff;
padding: 0px 0 0px 0;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
font-size: 12px;
font-weight: bold;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
font-weight: bold;
color: gold;
}

/* ---------------------------------------------------------------------------- */

#stred{
position: relative;
background: url(../images/stred.gif) repeat-y #ffffff;
width: 834px;
overflow: auto; 
}

.stred a, a:link, a:visited{text-decoration: none; color: #000000; }

#levy{
position: relative;
background: #ffffff;
float: left;
width: 350px;
margin: 10px 0 0px 20px;
overflow: hidden;
}

#pravy{
position: relative;
right: 0px;
background: #ffffff;
float: right;
width: 350px;
margin: 10px 20px 0px 0;
overflow: hidden;
}

#cely{
position: relative;
background: #ffffff;
width: 774px;
margin: 10px 30px 0px 30px;
overflow: hidden;
}

.vystavovatele{
width: 760px;
overflow: auto;
border: 1px dotted grey;
padding: 5px 5px 5px 5px;
margin:  0 10px 10px 0;
vertical-align: top;
text-align: justify;
}

.images{
border: 0px;
width: 300px;
float: left;
margin: 0 5px 5px 0;
}

.imagess{
border: 0px;
width: 200px;
float: left;
margin: 0 5px 5px 0;
}

/* ---------------------------------------------------------------------------- */

#paticka{
position: relative;
background: url(../images/down.gif) no-repeat #9C9D9D;
width: 834px;
height: 47px;
}

.copy{
position: relative;
top: 20px;
width: 320px;
font-size: 9px;
margin: 0 auto 0 auto;
padding: 4px 0 0 0;
color: #ffffff;
}
.paticka a, a:link, a:visited{text-decoration: none; color: #000000; }
/* ---------------------------------------------------------------------------- */

#clear{clear: both}