@import "reset.css";

body 	{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:75%;
	background:#86878B url(bg3.jpg) repeat-x;
	color:#505050;
	margin:0;
	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:#B75393;
	color:#8ad4e2;
	font-weight:bold;
	text-decoration:underline;
	}
a:hover{
	color:#8ad4e2;
	text-decoration:none;
	}

/* TOP H1, H2 REPLACE
------------------------------*/
#top h1 {
	padding:0px 0 0 255px;
	font-family:"Times New Roman", Times, serif;
	font-size:2.0em;
	font-weight:normal;
	height: 87px;
	color: #000;
	margin:0px 0 0 0;
	vertical-align: bottom;
	}
#top h2 {
	display:block;
	width:264px;
	height:218px;
	top:0;
	left:0px;
	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:185px; height:162px; top:0px;  left:0px; position:relative; 
	text-align:center; text-indent:-9999px; font-size:2.5em;  background:transparent url(aktivity.gif) 0 0 no-repeat;
	}
#konzervator {
	display:block; width:241px; height:173px;top:55px;  right:25px; position:absolute; 
	text-align:center; text-indent:-9999px; font-size:2.5em;  background:transparent url(logo-konzervator-DH.gif) right 0px no-repeat;
	}
.ima { display:block; width:184px; height:70px; top:00px; left:0px; position:relative; }
.msks {display:block; width:184px; height:75px; top:-45px; left:0px; position:relative; }
.konzervatorLink {display:block; width:184px; height:130px; top:35px; left:60px; position:relative; }
/* LAYOUT
------------------------------*/
#all {
	width:965px;
	margin:0 auto;
	}
#top {
	position:relative;
	width:100%;
	height:218px;
	background-color:#f26722;
	}
#administrace {
	position:absolute;
	top:5px;
	left: 25px;
	width:60px;
	height:25px;
	display: block;
	z-index: 1000;
	}
#container {
	width:100%;
	top:0;
	background: #f26722/* url(../design/content.gif) 650px bottom no-repeat*/;
	}
#sidebar {
	float:left; 
	width:208px; 
	overflow:hidden;
	padding:0 0 0 27px;
	}
#rightbar {
	float:right; 
	width:204px; 
	overflow:hidden;
	margin-top: 15px;
	padding:0 5px 0 6px;
	}
#content { 
	width:458px;
	float:right;
	overflow:hidden;
	color: #000;
	padding: 160px 34px 0 15px;
	background:#f26722 url(top-sal.jpg)  0 -128px no-repeat;	
	}
.clean {
	clear:both;
	height:0;
	width:100%;
	font-size:0;
	}
.mezera {
	height:20px;
	width:760px;
	margin:0 auto;
	}
	
/* galerie */
.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:transparent; border:1px solid #e2e2e2; z-index:1; clear:left; }

.boximg {padding:4px; background-color: transparent; border:1px solid #e2e2e2; z-index:1; clear:right;}
.boxImgDiv { width:210px; margin:6px 20px 10px 0; padding:0 0px; text-align:center; float:left; font-size:0.9em; }
.boxTitl {padding:0px; background-color:#fff; border:2px solid #36ff00; z-index:1; clear:right; width: 162px; height: 165px; float: left;z-index: 40;}
.boxTitl .topText {width: 158px; height: 38px!important; _height: 44px!important; display: block; overflow:hidden; font-size: 14px; font-weight: bold; text-align: center;
					margin: 0; padding: 2px; _padding: 0px; top: 0px!important; left: 0; position: relative; z-index: 2;}
.boxTitl img.bottomImg {width: 162px; height:121px; margin: 0; padding: 0; bottom: -2px; _bottom: 0px!important; left: 0; position: relative; z-index: 20;}
.boxTitl .bottomText {width: 162px; height:115px; overflow:hidden; margin: 0; margin-bottom: 5px; padding: 2px 2px 5px 2px; _padding: 0; 
					  bottom: 3px; _bottom: 3px!important; left: 0; position: relative; z-index: 20;}


/* TOPMENU
------------------------------*/
ul#topmenu {
	position:absolute;
	width:934px;
	_width:965px;
	&width:965px;
	padding:0 31px 0 0;
	left:00px;
	top:0;
	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:128px;
	width:485px;
	left:243px;
	top:90px;
	list-style:none;
	background:transparent url(top-sal.jpg)  0 0px no-repeat;
	margin:0;
	padding:0;
	}
ul#menu li{
	position:relative;
	height:75px;
	width:97px;
	list-style:none;
	float:left;
	display:block;
	}
ul#menu li a {
	height:66px;
	width:85px;
	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:75px; 
	width:97px;
	display:block;
	background:url(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:-97px 0px !important;}
.m03 a span {background-position:-194px 0px !important;}
.m04 a span {background-position:-291px 0px !important;}
.m05 a span {background-position:-388px 0px !important;}

.m01 a:hover span, .m01 a.active span, .m01:hover a span {background-position:-0 -75px !important;}
.m02 a:hover span, .m02 a.active span, .m02:hover a span  {background-position:-97px -75px !important;}
.m03 a:hover span, .m03 a.active span, .m03:hover a span  {background-position:-194px -75px !important;}
.m04 a:hover span, .m04 a.active span, .m04:hover a span  {background-position:-291px -75px !important;}
.m05 a:hover span, .m05 a.active span, .m05:hover a span  {background-position:-388px -75px !important;}
.schov{ display: none!important; }

ul#menu ul { visibility:hidden;	}
ul#menu li:hover ul { visibility:visible; }
ul#menu ul { width:152px; height:auto !important; position:absolute; top:72px; left:0; background:transparent url(menu-polozka.png); }
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:transparent url(menu-polozka-on.png)!important; }

	
/* DROBKY */
#drobkybox {
	/*padding:141px 0 0 287px;*/
	position: absolute;
	top:54px;
	right: 23px;
	width: 600px;
	height: 14px;
	text-align: right;
	font-size:0.75em;
	font-weight:normal;
	margin:0;
	z-index: 800;
	}
	
#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(box-bg.jpg) repeat-y;
	width:188px;
	margin-top:6px;
	}
.box h3, .rightbox h3, .rightbox h3 a {
	padding:10px 0;
	width:148px;
	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:148px;
	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, .leveMenu ul, .rightbox ul {
	list-style:none;
	font-size:0.8em;
	width:148px;
	padding:8px 0;
	margin:0 auto;
	}          
.leveMenu ul {width:178px; margin: 0; padding: 0;} 
.box ul li, .leveMenu ul li, .rightbox ul li {
	list-style:none;
	width:148px;
	padding:4px 0;
	border-bottom:1px dashed #d4d4d4;
	font-weight:bold;
	}   
.leveMenu ul li {width:178px;}
.box ul li a, .leveMenu ul li a, .rightbox ul li a {
	width:148px;
	display:block;
	text-decoration:none;
	color:#505050;
	}
.leveMenu ul li a {
	width:178px; font-size: 13px;
	}
.box ul li a:hover, .leveMenu ul li a:hover, .rightbox ul li a:hover {
	text-decoration:underline !important;
	color:#51841a;
	}
.box ul li.active a, .leveMenu ul li.active a, .rightbox ul li.active a {
	text-decoration:none;
	color:#51841a;
	}
.box ul ul, .leveMenu 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:128px;
	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:188px;
	background:url(box-bottom.jpg) 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:#f26722 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 {
	margin:-30px 0 25px 0;
	font-size:20px;
	font-weight:bold;
}
#content h2, .nazevKoncertu {
	font-size:15px;
	margin:-20px 0 15px 0;
	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:#f26722;
	border:1px solid #cce0e6;
	z-index:1;
	}
.right {
	float:right;
	margin:0 0 15px 15px;
	padding:4px;
	background-color:#f26722;
	border:1px solid #cce0e6;
	z-index:1;
	clear:left;
	}
.fotovlevo {
	float:left;
	margin-right: 30px;
	}
	
.fotovpravo {
	width: 190px;
	}
	
/* ESHOP
-----------------*/
#prepocitani h3 { font-size: 12px; font-weight: bold; margin: 0px 0 3px 0;}
.podtitul {font-size: 10px; font-weight: normal; margin: 0px 0 0px 0;}
.autorTitulu {font-size: 11px; font-weight: normal; margin: 6px 0 0px 0;}
.popisTitulu {font-size: 10px; font-style: italic; margin: 0px 0 3px 0;}
#prepocitani fieldset { border: none!important;}
.suplierForm th {width: 100px!important; text-align: left; font-weight: normal;}
.required { font-weight: bold;}
/* FOTOGALERIE
-----------------*/
.fotka {
	float:left;
	width: 200px;
	}
	
.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;
	}
	
h2.aktualniKoncert, h2.aktualniKoncert a{ color: #333; background-color:#609AB2; }
#vypisKoncertu h2 { margin: 10px 0 3px 0;}
.abonents {width: 20px; height: 20px; float: right; background: transparent url(abonents-sm.gif) top right no-repeat;}
.historie { width:380px; float: right;}
.zverejneno { margin: -15px 0px 0 0px ; text-align: right; font-size: smaller; font-style: italic;}
	
.duvodu13 h3 {
	padding:5px 0 0 0;
	margin:0 auto;
	line-height:1.2 !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:#5E9AB2;
	}
.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:#5E9AB2;  text-decoration:underline!important;  } 
.obrL { float:left; }
.obrR { float:right; }
.obrL, .obrR { margin:5px 15px 0px 0; background-color:transparent; /*padding:4px;  border:1px solid #c3c3c3;*/  z-index:1; }
.obrR { margin:5px 0px 0px 15px!important; 	}
/* ostatní */
.platno { margin:10px auto 15px auto; display:block; width: 148px; height: 260px; }


/* CLEARFIX
------------------------------*/
.clearfix { display:inline-block; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.imgHide {display: none;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
.klubRodiceDeti {background-color:#FF0;}
.krouzekDeti {background-color:#0F0;}
.hlidaniZdarma {background-color:#FFF; border:#0F0 solid 1px; border-top: none;}
.clearGallery{ display:block; clear:both; line-height:0; height:0; }
.clear{ float: none; clear:both; }

/* paginator */
.paginator {display: block; width: 480px; height: auto;}
p.list { font-size:1.0em; float:  right;}
p.list a { border:none; padding: 16px 0 2px 0; width: 42px!important; height: 24px!important; display: block; float:  left;
			text-decoration:none; text-align: center; vertical-align: middle;  color:#000; background:transparent url(paginator.gif) -2px -3px no-repeat; }
p.list a:hover,
p.list a.selected { border:none; text-decoration:none; color:#03a0de; background:transparent url(paginator.gif) -49px -2px no-repeat; }