/* CSS Document */

body {
	color: #c3c4c6;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #23262a url(../images/bg.jpg) no-repeat center 70px;
}
a {
	color: #c8922b;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {color:#e9ae3e; font-weight:normal; margin: 0; padding: 4px 0 15px 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#e9ae3e; text-decoration:underline;}
h1 {
	background: url(../images/bg-menu-hover.gif) no-repeat 0 0;
	padding: 4px 0 15px 33px;
	position:relative;
	left: -25px;
	font-size:20px;
	line-height:18px;
}
h2{
	font-size:16px;
	line-height:16px;
}
h3{
	font-size:16px;
	line-height:15px;
}
h4{
	font-size:15px;
	line-height:15px;
}
h5{
	font-size:14px;
	line-height:15px;
}
h6{
	font-size:13px;
	line-height:15px;
}

ul  {
margin : 0 15px 0 0;
padding : 5px 0 0 0;
}
ol {
margin : 0 15px 0 25px;
padding : 5px 0 0 0;
}
ul li {
margin : 0 0 0 2px;
padding : 0 0 8px 15px;
position : relative;
list-style : none;
background : url(../images/odrazka.gif) no-repeat 0 4px;
}
ul li ul, ol li ol {
margin : 2px 0 15px 15px;
padding : 0;
}
ol li {
list-style : decimal;
margin : 0 0 5px 0;
padding : 0 0 5px 0;
list-style-position : inside;
line-height : 17px;
}

/*************************************
	container
*************************************/
.container  {
position : relative;
width : 770px;
margin : 0 auto 20px auto;
padding : 0;
text-align : justify;
} 

/*************************************
	sloupec levy
*************************************/
.sloupecLevy  {
	float : left;
	text-align:center;
	position : relative;
	left : -530px; /* 260-219=41 510+41=551 */
	top : 0;
	width : 219px;
	padding : 0;
	margin: 0 0 20px 0;
	height : auto;
}
.sloupecLevy a { color: #990000;}
.sloupecLevy a:hover {color: #cc0000;}

.sloupecLevy .box {
	margin: 0 0 25px 0;
	text-align:left;
}
.sloupecLevy  .nadpis {
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	color: #1c1303;
	background: #bc651a url(../images/nadpis-levy-bg.gif) no-repeat top left;
	padding: 8px 0 7px 0;
}
.sloupecLevy .inside {
	margin: 0 auto;
	padding: 5px 15px 0 15px;
	width:177px;
	color: #000000;
	background: #f3d090 url(../images/levy-inside-bg.gif) repeat-y top left;
}
.sloupecLevy .inside p{ padding: 15px 0 0 0;}

.sloupecLevy .bottom {
	margin: 0 auto;
	width:207px;
	height: 22px;
	background: #f3d090 url(../images/levy-bottom-bg.gif) repeat-y top left;
}
.hneda {color: #990000;}
.copyright {
	font-size: 11px;
	color: #666;
}
.copyright a{
	font-weight:bold;
	color: #666;
	text-decoration:none;
}
.copyright a:hover{text-decoration:underline;}
	
/*************************************
	sloupec hlavni
*************************************/
.sloupecHlavni  {
width : 530px;
padding : 0;
height : 100%;
margin : 0 0 10px 0;
float : left;
position : relative;
left : 250px;
top : 0;
}
/*************************************
	telo
*************************************/
.telo  {
width : 770px;
margin : 0 auto;
padding : 370px 0 0 0;
height : auto;
position : relative;
} 

.hlavicka  {
position : absolute;
width : 100%;
margin : 0 auto;
height : 255px;
text-align : center;
padding: 0;
left: 0;
top : 80px;
z-index : 0;
clear : both;
}
.hlavicka .ramecek {
	position: absolute;
	top: 10px;
	right: 45px;
	width:425px;
	height:233px;
}
.hlavicka .ramecek .fotkyCycle {
	position: absolute;
	top: 0px;
	right: 0px;
	width:425px;
	height:233px;
	overflow:hidden;
	z-index: 2;
	background: #23262a;
}
.hlavicka .ramecek .ram{
	position: absolute;
	top: -18px;
	left: -24px;
	width:486px;
	height:276px;
	z-index: 5;
}
.hlavicka .ikony {
	position:absolute;
	left:5px;
	bottom:-28px;
}

.logo {
	position:absolute;
	top: 0;
	left: 0;
}
.clear  {
clear : both;
width : 100%;
height : 0;
line-height : 0;
background : inherit;
overflow : hidden;
font-size : 0;
} 
#header {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	width: 808px;
	height: 150px;
	background: #CCCCCC url(../images/bg_header.jpg) no-repeat center center;
	margin: 0px auto 0px auto;
	text-align: center;
	border-left: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
}

.menu {
	position:absolute;
	top: 0;
	left: 0;
	height:75px;
	width:100%;
	text-align:center;
	background: url(../images/bg-menu.gif) repeat-x left top;
}
.menu ul{
	width: 770px;
	margin: 0 auto;
	padding:0;
}
.menu ul li{
	list-style:none;
	display:block;
	float:left;
	margin:0;
	padding:0;
	background : none;
}
.menu ul li a{
	display:block;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 29px 11px 36px 11px;
	text-decoration:none;
}
.menu ul li a:hover{
	color: #e9ae3e;
	text-decoration:none;
	background: url(../images/bg-menu-hover.gif) no-repeat bottom center;
}
	
#menu {
	height: auto;
	margin: 0px auto 0px auto;
	background-color: #AC6918;
	width: 808px;
	height:24px;
	border: 10px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}
#menu li {
	display: block;float:left;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	padding: 0px 0px 10px 0px;
}
#menu li a {
	color: #000000;
	text-decoration: none;
	padding: 0px 10px 10px 10px;
	background: #AC6918 url(../images/bg_menu_link.png) no-repeat center bottom;
}
#menu li a:hover, li.activ {
	color: #FFCC00;
	text-decoration: none;
	background: #935716 url(../images/bg_menu_hover.png) no-repeat center bottom;
	padding: 0px 10px 10px 10px;
}

#menu ul {
	text-align: center;
	margin: 0px 0px 10px 0px;
	display: block;
}
#body {
	height: auto;
	margin: 10px auto 0px auto;
	background-color: #FFDF9D;
	width: 808px;
	border: 10px solid #FFFFFF;
	display: block;
	overflow: hidden;
}
div.foto{
	width:770px;
	margin: 0px auto 0px auto;
}
p.img img, p.img img :hover{border: 2px solid #000; text-align:center;}
p.img{border: 1px solid #AAA;background:#FFF; padding:10px; width:220px; height:160px;float:left;margin:7px; text-align:center;}
p.img :hover{border-color:#AD0037;text-align:center;}
#body iframe {
	background: #00CC99;
	overflow: hidden;
	height: auto;
}

.red {color:#CC0000;font-weight:bold;}

p {margin: 0; padding: 0 0 15px 0;}

/*************************************
	Fotogalerie
*************************************/
.fotogalerie { margin:0;}
.fotogalerie table {}
.fotogalerie table th {}
.fotogalerie table tr {}
.fotogalerie table tr td { text-align:center;}
.fotogalerie table tr td a:link, .fotogalerie table tr td a:visited {border:none; padding:2px;}
.fotogalerie table tr td a:link img, .fotogalerie table tr td a:visited img{border:3px solid #a56d03;}
.fotogalerie table tr td a:hover img{border:3px solid #c8922b;}

/* Fotogalerie skupiny */
.fotogalerie-skupina {background: #282c31; margin:0 0 10px 0; border:1px solid #1f2225;}
.fotogalerie-skupina:hover {background: #30353c;}
.fotogalerie-skupina-nadpis {float:left; font-size:14px; margin: 7px 0 0 5px;padding:0; width: 380px;}
.fotogalerie-skupina-nadpis a {color:#e9ae3e; text-decoration:none;}
.fotogalerie-skupina-nadpis a:hover { text-decoration:underline;}
.fotogalerie-skupina-popis {float:left; margin: 10px 0 0 5px;padding:0; width: 380px;}

a.fotogalerie-skupina-foto {display:block; float:left; margin:5px;width:120px; height:80px; overflow:hidden; border: 1px solid #a56d03;}
a.fotogalerie-skupina-foto img {border:none; width:125px; position:relative; top:-1px; left:-1px;}
a:hover.fotogalerie-skupina-foto {border: 1px solid #c8922b;}

/* nastaveni styly pisem z editoru */
.zvyrazneno {font-weight:bold;}
.citace {}
.monospace {}
.preskrtnuto {text-decoration: line-through}
.barva1 {color:#990000;}
.barva2 {color:#cc0000;}
.barva3 {color:#c3c4c6;}
.barva4 {}
.barva5 {}
.barva6 {}

hr {border:none; border-bottom:1px solid #282C31;}

.odkazMp3 {
	background: url(http://adm.jinsoft.cz/Design/Icons/FileType/filetype_mp3.gif) no-repeat 0 0px;
	padding: 1px 0 2px 20px;
}
.odkazPdf {
	background: url(http://adm.jinsoft.cz/Design/Icons/FileType/filetype_pdf.gif) no-repeat 0 0px;
	padding: 1px 0 2px 20px;
}
.aktuality hr {margin:15px 5px;}
.aktualita h2{}
.aktualita .anotace{margin-bottom:10px;}
.aktualita .vice{ text-align:right;}
.aktualita .vice a{}