@import "reset.css";

body 	{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:75%;
	background:#A20413 url(bg3.jpg) repeat-x;
	color:#505050;
	line-height:1.5;
	behavior: url(hover.htc);
	}
p {
	margin:15px 0;
	font-size:1.1em;
	}
.fotka p {
	margin:3px 0 15px 0;
	font-size:1.1em;
	}
hr {
	display:none;
	}	
table tr td hr {
	visibility:visible;
	display: block;
	border: none;
	border-top: #CCCCCC solid 1px;
	border-collapse:collapse;
	}	
a {
	color:#51841a;
	text-decoration:underline;
	font-weight:bold;
	}
a:hover{
	color:#51841a;
	text-decoration:none;
	}

/* TOP H1, H2 REPLACE
------------------------------*/
#top h1 {
	padding:15px 0 0 252px;
	font-family:"Times New Roman", Times, serif;
	font-size:2.0em;
	font-weight:normal;
	margin:0;
	}
#top h2 {
	display:block;
	width:184px;
	height:218px;
	top:0;
	left:32px;
	position:absolute;
	text-align:center;
	text-indent:-9999px;
	z-index:100;
	font-size:2.5em;
	background:transparent url(logo3.gif) 0 0 no-repeat;
	}
#top h2 span {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0; 
	z-index:100;
	background:transparent url(logo3.gif) 0 0 no-repeat;
	cursor:pointer;
	}
#souteze {
	display:block;
	width:184px;
	height:162px;
	top:56px;
	left:750px;
	position:absolute;
	text-align:center;
	text-indent:-9999px;
	font-size:2.5em;
	background:transparent url(../design/loga-souteze.gif) 0 0 no-repeat;
	}
.ima {
	display:block;
	width:184px;
	height:80px;
	top:20px;
	left:0px;
	position:relative;
	}

.msks {
	display:block;
	width:184px;
	height:70px;
	top:2px;
	left:0px;
	position:relative;
	}
/* LAYOUT
------------------------------*/
#all {
	width:965px;
	margin:0 auto;
	}
#top {
	position:relative;
	width:100%;
	height:218px;
	background-color:#fff;
	}
#administrace {
	position:absolute;
	top:58px;
	left: 4px;
	width:22px;
	height:197px;
	}
#container {
	width:100%;
	top:0;
	background:#fff url(../design/content.gif) 650px bottom no-repeat;
	}
#sidebar {
	float:left; 
	width:210px; 
	overflow:hidden;
	padding:0 0 0 30px;
	}
#rightbar {
	float:right; 
	width:210px; 
	overflow:hidden;
	padding:0 5px 0 0;
	}
#content { 
	width:470px;
	float:right;
	overflow:hidden;
	padding:0 34px 0 0;
	}
.clean {
	clear:both;
	height:0;
	width:100%;
	font-size:0;
	}
.mezera {
	height:20px;
	width:760px;
	margin:0 auto;
	}

/* TOPMENU
------------------------------*/
ul#topmenu {
	position:absolute;
	width:934px;
	_width:965px;
	&width:965px;
	padding:0 31px 0 0;
	left:00px;
	height:54px;
	background:#FA9824 url(bg3.jpg) repeat-x;
	list-style:none;
	z-index:90;
	}
ul#topmenu li {
	float:right;
	height:54px;
	line-height:54px;
	background:url(../design/topmenu-li.gif) 0 50% no-repeat;
	}
ul#topmenu li a {
	color:#FFFFFF;
	text-decoration:none;
	display:inline-table;
	padding:0 10px;
	text-align:center;
	}
ul#topmenu li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
.nobg {
	background:none !important;
	}

/* MENU
------------------------------*/
ul#menu {
	position:absolute;
	height:58px;
	width:476px;
	left:250px;
	top:58px;
	list-style:none;
	background:#51831a url(../design/menu.png)  0 -15px no-repeat;
	margin:0;
	padding:0;
	}
ul#menu li{
	position:relative;
	height:58px;
	width:95px;
	list-style:none;
	float:left;
	display:block;
	}
ul#menu li a {
	height:46px;
	width:83px;
	display:block;
	margin:0;
	padding:0;
	font-size:0.8em;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	padding:6px;
	}
ul#menu li a:hover {
	color:#fff;
	text-decoration:underline;
	}
ul#menu li a span{
	height:58px;
	width:94px;
	display:block;
	background:url(../design/menu.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	}
.m01 a span {background-position:0 0px !important;}
.m02 a span {background-position:-95px 0px !important;}
.m03 a span {background-position:-190px 0px !important;}
.m04 a span {background-position:-285px 0px !important;}
.m05 a span {background-position:-380px 0px !important;}

.m01 a:hover span, .m01 a.active span, .m01:hover a span {background-position:0 -58px !important;}
.m02 a:hover span, .m02 a.active span, .m02:hover a span  {background-position:-95px -58px !important;}
.m03 a:hover span, .m03 a.active span, .m03:hover a span  {background-position:-190px -58px !important;}
.m04 a:hover span, .m04 a.active span, .m04:hover a span  {background-position:-285px -58px !important;}
.m05 a:hover span, .m05 a.active span, .m05:hover a span  {background-position:-380px -58px !important;}

ul#menu ul {
	visibility:hidden;
	}
ul#menu li:hover ul {
	visibility:visible;
	}
ul#menu ul {
	width:152px;
	height:auto !important;
	position:absolute;
	top:58px;
	left:0;
	background-color:#57aa00;
	}
ul#menu ul li {
	width:152px;
	height:auto !important;
	float:none;
	border-top:1px solid #4ca200;
	}
ul#menu ul li a {
	color:#fff;
	font-weight:normal;
	height:auto !important;
	padding:2px 10px;
	width:132px;
	text-decoration:none;
	text-transform:none;
	display:block;
	text-align:left;
	overflow:hidden;
	font-size:1em;
	line-height:1.5;
	}
ul#menu ul li a:hover,
ul#menu ul li.active a{
	color:#FFF;
	text-decoration:none;
	background:#447714 !important;
	}

	
/* DROBKY */
#drobkybox {
	/*padding:141px 0 0 287px;*/
	padding-top: 115px;
	padding-left: 257px;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	font-weight:normal;
	margin:0;
	}
	
#drobky, #drobky a {
	color: #D1D1D1;
}
#drobky
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#drobky li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#drobky li:before 
{ 
content: "> "; 
}
#drobky li:first-child:before
 { 
 content: ""; 
 }

/* css pro IE */

* html #drobky li
{
	background-image: url("gt.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;
}

* html #drobky 
{ 
height: 1%; 
}

* html #drobky li
{
display: block;
float: left;
}

* html #drobky li:first-child 
{ 
background-image: none; 
}
	

/* BOX
------------------------------*/
.box, .rightbox {
	background:#e6e6e6 url(../design/box-bg.gif) repeat-y;
	width:184px;
	margin-top:6px;
	}
.box h3, .rightbox h3, .rightbox h3 a {
	padding:10px 0;
	width:144px;
	margin:0 auto;
	font-family:"Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:normal;
	border-bottom:2px dashed #d4d4d4;
	line-height:1.2;
	}
.rightbox h3 a { text-decoration:none; color:#BEBEBE; cursor: hand;font-size:1em; border-bottom:none;	}
.box h4, .rightbox h4 {
	padding:6px 0;
	width:144px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding:6px 0 0 0;
	}
.box h4 a, .rightbox h4 a {
	text-decoration:underline;
	color:#51841a;
	}
.box h4 a:hover, .rightbox h4 a:hover {
	text-decoration:none;
	color:#51841a;
	}
.box div, .box p, .rightbox p {
	width:144px;
	margin:0 auto;
	padding:4px 0 10px 0;
	font-size:0.8em;
	}
.box div p {font-size: 1em!important;} 
.rightbox p {
	width:144px;
	margin:0 auto;
	padding:2px 0 0px 0;
	font-size:0.8em;
	}
	
.box ul, .rightbox ul {
	list-style:none;
	font-size:0.8em;
	width:144px;
	padding:8px 0;
	margin:0 auto;
	}
.box ul li, .rightbox ul li {
	list-style:none;
	width:144px;
	padding:4px 0;
	border-bottom:1px dashed #d4d4d4;
	font-weight:bold;
	}
.box ul li a, .rightbox ul li a {
	width:144px;
	display:block;
	text-decoration:none;
	color:#505050;
	}
.box ul li a:hover, .rightbox ul li a:hover {
	text-decoration:underline !important;
	color:#51841a;
	}
.box ul li.active a, .rightbox ul li.active a {
	text-decoration:none;
	color:#51841a;
	}
.box ul ul, .rightbox ul ul {
	padding:7px 0 0 0;
	font-size:1em;
	}
/*
doeit odrky
.box .in ul li {
	width:154px;
	padding-left:3px;
	padding-top: 0;
	margin-top: 0;
	border-bottom:0;
	background: none;
	}
	*/	
.box ul ul li, .rightbox ul ul li {
	width:124px;
	padding-left:20px;
	border-bottom:0;
	background:url(../design/box-li.gif) 4% 12px no-repeat;
	}
.box ul ul li a, .rightbox ul ul li a{
	width:124px;
	}
.box span, .rightbox span {
	font-size:0;
	display:block;
	height:5px;
	width:184px;
	background:url(../design/box-bottom.gif) no-repeat;
	}
.box img { text-align: center;	}
.vice {
	width:154px;
	margin:0 auto;
	font-size:0.9em;
	padding:5px 0 10px 0;
	color:#505050;
	line-height:1.7;
	}
.vice a {
	color:#505050;
	text-decoration:underline;
	font-weight:normal;
	}
.vice a:hover {
	color:#505050;
	text-decoration:none;
	}

/* FOOTER
------------------------------*/
#footer {
	width:100%;
	height:50px;
	background:#fff url(../design/content-bg.gif) no-repeat;
	overflow:hidden;
	position:relative;
	}
#footer p {
	color:#505050;
	margin:0;
	padding:0 32px 0 40px;
	line-height:50px;
	float:right;
	font-size:0.9em;
	}
#footer p.lesyco {
	float:left;
	}
#footer p.lesyco a {
	color:#cccccc;
	text-decoration:none;
	}
#footer p.lesyco a:hover {
	color:#cccccc;
	text-decoration:underline;
	}
#footer a {
	color:#545454;
	}

/* CONTENT
------------------------------*/	
#content h1 {
	font-size:20px;
	font-weight:bold;
}
#content h2, .nazevKoncertu {
	font-size:15px;
	margin-top:10px;
	font-weight:bold;
}
#content h3 {
	font-size:13px;
	font-weight:bold;
}
#content ol {
	margin:0 0 0 35px;
	padding:0;
	}
ol .latin {
		list-style-type:lower-latin;
}
ol .num {
		list-style-type: decimal;
}

#content ol li{
	margin:0 0 7px 0;
	padding:0;
	font-size:1em;
	}

#content ul {
	margin:0 0 0 35px;
	padding:0;
	list-style:square;
	}
#content ul li{
	margin:0;
	padding:0;
	list-style:square;
	font-size:1.1em;
	}
#content ul ul li {
	margin:0;
	padding:0;
	list-style:square;
	font-size:1em;
	}

/* LEFT + RIGHT
------------------------------*/	
.left {
	float:left;
	margin:0 15px 15px 0;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #cce0e6;
	z-index:1;
	}
.right {
	float:right;
	margin:0 0 15px 15px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #cce0e6;
	z-index:1;
	clear:left;
	}
.fotovlevo {
	float:left;
	margin-right: 30px;
	}
	
.fotovpravo {
	width: 190px;
	}
/* FOTOGALERIE
-----------------*/
.fotka {
	float:left;
	width: 200px;
	text-align:center;
	}
	
.fotka a img {
	margin:5px 15px 0px 0;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #cce0e6;
	z-index:1;
	}

.fotka_predstavujeme {
	margin:5px auto 5px 17px;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #cce0e6;
	z-index:1;
	}
.ukonceniobtekani {
	clear:both;
	float:none;
	height:0px;
	width:100%;
	font-size:0;
	}
	
	
.duvodu13 h3 {
	padding:5px 0 0 0;
	margin:0 auto;
	line-height:1.2 !important;
	}
.duvodu13 h3 a {font-size :1em !important;}
.duvodu13 h3 a:hover {font-size :1em !important;color: #51841A!important; text-decoration: underline!important; }
.duvodu13 p a {font-size :1em !important; color: #505050; font-weight: normal;}
.duvodu13 p a:hover {font-size :1em !important; color: #51841A; font-weight: normal; text-decoration: underline!important;}
.pokracuj {font-weight: bold; text-decoration: underline!important;}
.duvodu13 h3 span {
	font-size:large;
	color: #505050;
	}
.duvodu13 h4 {
	padding:6px 0;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding:6px 0 0 0;
	}
.duvodu13 a {
	text-decoration:none !important;
	}
.duvodu13 h4 a:hover {
	text-decoration:none!important;
	color:#51841a;
	}
.duvodu13 p {
	margin:0 auto;
	padding:4px 0 10px 0;
	font-size:0.8em !important;
	font-weight:100 !important;
	color:#505050;
	}

.duvodu13 a:hover h3, .duvodu13 a:hover h4, .duvodu13 a:hover p {
  color:#51841A;
  text-decoration:underline!important;
}