body
{
background: #eeeeee url(image/pozadi-stranky.png) repeat-x top;
font-family: "verdana", "trebuchet ms", "helvetica", "sans-serif";
font-size: 14px;
margin: 55px auto 0 auto;
padding: 0;
color: #5e5e5e;
}

h2
{
position: relative;
padding: 25px 0 5px 0;
margin: 0 0 0 20px;
color: #ff6600;
font-size: 18px;
}

#zahlavi
{
position: relative;
margin: 0 auto;
padding: 0;
background: url(image/header.jpg) no-repeat top;
height: 254px;
width: 866px;
}

#zapati
{
position: relative;
margin: 0px auto 10px;
background: url(image/paticka.png) no-repeat;
width: 866px;
height: 124px;
font-size: 13px;
color: #ffffff;
font-family: "helvetica", "trebuchet ms", "sans-serif", "verdana";
font-weight: bold;
}

#zapati a
{
color: #dedede;
}

#zapati p
{
position: relative;
font-size: 12px;
padding: 30px 0 0 0;
margin: 0;
line-height: 18px;
}

#zapati a
{
font-weight: bold;
color: #ffffff;
}

#zapati a:hover
{
text-decoration: none;
}

#lukada
{
position: absolute;
left: 710px;
top: 25px;
border: none;
}

.noramecek
{
border: none;
}

#zapati .obsah
{
position: relative;
margin: 0 auto;
width: 800px;
}

#stranka
{
position: relative;
width: 866px;
margin: 0px auto;
padding: 0px;
background: url(image/pozadi.png) repeat-y top;
overflow: hidden;
}

#sloupecmenu
{
position: relative;
left: 6px;
float: left;
width: 270px;
margin: 0;
padding: 0;
overflow: visible;
}

.nadpis-sloupec
{
position: relative;
width: 267px;
height: 45px;
margin: 0;
padding: 0;
color: #ffffff;
font-weight: bold;
text-align: center;
font-size: 16px;
background: url(image/sloupec-nadpis.png) repeat-x bottom;
}

.nadpis-sloupec span
{
position: relative;
top: 13px;
}

#obsah
{
position: relative;
margin: 0;
padding: 0 0 20px 0;
overflow: hidden;
}

#obsah p
{
position: relative;
margin: 0 0 0 20px;
padding: 5px 0;
width: 544px;
line-height: 22px;
}

#obsah p a
{
color: #ff6600;
}

h1
{
position: relative;
width: 587px;
height: 32px;
margin: 0;
padding: 0;
text-align: center;
background: #eeeeee url(image/svatek-sipka.png) no-repeat left center;
padding: 13px 0 0 0;
margin: 0 0 0 3px;
font-size: 16px;
color: #7e7e7e;
font-weight: bold;
}

#zahlavi p
{
position: relative;
background: #00a0cf;
padding: 20px;
width: 960px;
line-height: 20px;
}

#doporucuji
{
position: relative;
line-height: 35px;
}

#doporucuji a
{
font-weight: normal;
text-decoration: none;
color: #ffffff;
}

#doporucuji a:hover
{
text-decoration: underline;
}

#hlavni_logo, #hlavni_logo a
{
position: relative;
border: none;
margin-top: 20px;
}

/*  Hlavní menu
*/

#hlavnimenucelek
{
position:relative;
background: url(image/hllogo-vrch.png) no-repeat 24px bottom;
padding: 0;
margin: 0 auto;
height:32px;
color: #5fa0bb;
width: 866px;
font-family:Arial,Helvetica,Verdana,sans-serif;
}

#hlavnimenu
{
position:relative;
margin: 0 0 0 263px;
height:32px;
width:604px;
font-size:12px;
font-weight:bold;
padding: 0;
}

#hlavnimenu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#hlavnimenu ul li
{
display:block;
float:left;
margin:0;
padding: 0;
}

#hlavnimenu ul li a
{
background: url(image/hlmenu-pas.png) no-repeat top;
display:block;
float:left;
color: #868686;
text-decoration:none;
padding:0px;
width: 120px;
height:32px;
}

#hlavnimenu ul li a span
{
padding: 12px 0 0 0;
text-align: center;
height:18px;
width: 120px;
float:left;
}

#hlavnimenu ul li a:hover
{
color: #5e5e5e;
background: url(image/hlmenu-akt.png) no-repeat top;
}

#hlavnimenu ul li a:hover span
{
display:block;
width: 120px;
cursor:pointer;
}

#hlavnimenu ul li a.aktivni span,
#hlavnimenu ul li a.aktivni:hover
{
color: #5e5e5e;
background: url(image/hlmenu-akt.png) no-repeat top;
}
/*  KONEC: hlavní menu
*/

/*  Podmenu
*/


.podmenu
{
position: relative;
background: #dedede;
width: 267px;
margin: 0;
padding: 0;
}

.podmenu ul
{
padding: 0;
margin:0;
list-style-type:none;
width: 267px;
}

.podmenu ul li
{
display:block;
margin:0;
padding: 0;
}

.podmenu ul li a
{
display:block;
color: #7e7e7e;
background: url(image/podmenu-pas.png) no-repeat left top;
text-decoration:none;
padding:18px 0 0 20px;
width: 247px;
height:36px;
font-weight: bold;
}

.podmenu ul li a span
{
padding: 15px 0 0 0;
text-align: center;
height:39px;
width: 267px;
}

.podmenu ul li a:hover
{
background: url(image/podmenu-akt.png) no-repeat left top;
display:block;
width: 247px;
cursor:pointer;
}

.podmenu ul li a.aktivni,
.podmenu ul li a.aktivni:hover
{
background: url(image/podmenu-akt.png) no-repeat left top;
}

/*  KONEC: podmenu
*/




.box{
position: relative;
background: #677075 url(image/box.png) repeat-x top;
width: 227px;
margin: 0;
padding: 20px 20px;
text-align: center;
line-height: 22px;
color: #fefefe;
}

.ramecek
{
position: relative;
float: left;
background: url(image/ramecek.png) no-repeat top;
width: 169px;
height: 133px;
margin: 10px 0 0 22px;
}

.ramecek a
{
position: relative;
float: left;
background: url(image/ramecek.png) no-repeat top;
width: 169px;
height: 133px;
text-decoration: none;
}

.ramecek a:hover
{
position: relative;
float: left;
background: url(image/ramecek-hover.png) no-repeat top;
width: 169px;
height: 133px;
}

.nahled-ramecek
{
margin: 10px 0 0 10px;
border: none;
}

.popisek
{
position: absolute;
top: 92px;
left: 10px;
height: 30px;
width: 149px;
background: #ffffff;
text-align: center;
filter: alpha(opacity=80);
opacity: .80; 
-moz-opacity: .80;
cursor: pointer;
}

.popisek span
{
position: relative;
color: #2e2e2e;
text-decoration: none;
font-weight: bold;
top: 5px;
}

#mezera
{
	position:relative;
	height:20px;
}

#strankovanicelek
{
	position:relative;
	height:20px;
	width: 540px;
	left: 18px;
	margin-top: 20px;
	padding-bottom: 10px;
	color:#000000;
}

#strankovani
{
	position:relative;
	width: 348px;
	height:20px;
	font-size:11px;
	margin: 0 auto;
}

#strankovani ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
	
}

#strankovani ul li
{
	display:block;
	float:left;
	margin:0 2px;
}

#strankovani ul li a
{
	display:block;
	float:left;
	color:#000000;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	text-decoration:none;
	padding:0 0 0 7px;
	height:20px;
}

#strankovani ul li a span
{
  float:left;
	padding:4px 7px 0 0;
	height:20px;
}

#strankovani ul li a:hover
{
	color:#ffffff;
	background: #febf4d;
	border: 1px solid #fcb042;
}

#strankovani ul li a:hover span
{
	display:block;
	width:auto;
	cursor:pointer;
}

#strankovani ul li a.aktivni,
#strankovani ul li a.aktivni:hover
{
	color:#ffffff;
	background: #febf4d;
	border: 1px solid #fcb042;
}

.foto-clanek
{
position: relative;
float: left;
width: 149px;
height: 112px;
margin: 3px 7px 2px 0;
padding: 10px;
background: url(image/ramecek-hover.png) no-repeat left top;
}

.nahodne-foto
{
position: relative;
border: 8px solid #dedede;
}

#mapa
{
position: relative;
width: 528px;
height: 350px;
left: 20px;
margin: 0px;
padding: 0px;
border: 8px solid #bebebe;
}

.morseovka
{
	position: relative;
	left: 18px;
	width: 546px;
	border: 4px solid #e1e1e1;
}
.morspismeno
{
	font-weight: bold;
  font-size: 14px;
	text-align: center;
	width: 40px;
	border: none;
}
.morsslovo
{
  font-size: 14px;
	text-align: left;
	padding-left: 5px;
	width: 120px;
	border: none;
}
.morskod
{
  font-size: 14px;
	text-align: left;
	padding-left: 5px;
	width: 113px;
	border: none;
	height: 20px;
}
.morslichy
{
	background: #eaeaea;
	border: none;
}
.morssudy
{
	background: #f2f2f2;
	border: none;
}
.morsodsun
{
  padding-left: 20px;
  font-size: 16px;
}

#hlavnilogo
{
position: absolute;
left: 25px;
top: -30px;
width: 228px;
height: 150px;
z-index: 10;
border: none;
}

#pokec
{
	position: relative;
	width: 488px;
	margin: 0 0 0 20px;
}