/* COMMON */

div.divForum {background: #c1bdae; padding: .3em; margin: .3em 0;}
div.divForum h3 {margin: .3em; color: #70090a;}
div.divForum {color: #000;}
div.divForum a {color: #70090a;}
form.formNew {background: #c1bdae; padding: .3em; color: #000;}
form.formNew h3 {color: #70090a; margin: .3em .2em;}
form.formNew th {font-weight: normal!important;}
div.divSubForum, form.formSubForum {margin-left: 1em;}
div.divSubForum h3, form.formSubForum h3 {font-size: 90%;}
form.formSubForum table, form.formNew table {width: 100%;}
form.formSubForum input.input, form.formNew input.input {font-size: 90%; width: 95%;}
form.formSubForum input.inputNarrow, form.formNew input.inputNarrow {font-size: 90%; width: 3em;}
form.formSubForum textarea.input, form.formNew textarea.input {font-size: 90%; width: 95%; height: 6em;}
input.input, textarea.input {font-family: Verdana, sans-serif!important;}
.rfloat {float: right;}
.small {font-size: 80%;}
.calign {text-align: center;}
.lalign {text-align: left;}

p.smallblock {font-size: 80%!important; line-height: 1.1!important; padding: 0!important; margin: 0;}

ul.ulBig {margin: 0 0 0 2em; list-style: disc; color: #70090a;}
ul.ulBig li {font-size: 150%; padding: .1em;}
ul.ulBig li a {color: #70090a;}

table.tblLogos {margin: 0 auto;}
table.tblLogos h2 {margin: 0;}
table.fixedHeight tr {height: 100px;}
table.tblLogos td {padding-left: 10px;}

body {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 12px;
	margin: 0; 
  padding: 0;
	color: #fff;
	line-height: 1.4;
	background: #72644c url('../images/bg-main.gif') repeat-x;
}

p, li {font-family: Verdana, "Trebuchet MS", "Geneva CE", lucida, sans-serif;} 

a {

	color: #0f0f0f;

	text-decoration: none;

	}

a:hover { text-decoration: underline; }



h1 {

	font-size: 140%;

	margin-top: 0;

	}

.fotogalerie h1 {

	margin-bottom: 0;

	}



h2 {

	font-size: 120%;

	margin: 1em 0 0 0; padding: 0 0 0 0px;

	}


ul {

	list-style: none;

	margin: 0; padding: 0;

	}

ul.full {

	list-style: disc;

	margin: 0 0 0 2em; padding: 0;

	}


a img { border: none; }



input, textarea {

	font-family: Arial, sans-serif;

	border: 1px solid #70090a;

	/*border: none;*/

	color: #70090a;

	background: #c1bdae;

	}



hr {

	line-height: 1;

	font-size: 1px;

	margin: 0; padding: 0;

	}



/* LAYOUT */

#menu-pos {

	width: 706px; height: 0px;

	margin: 0 auto; padding: 0;

	position: relative;

	z-index: 1;

	}

	#back-menu {

		position: absolute;

		width: 513px; height: 476px;

		top: 0; left: -151px;

		background: url('../images/back-menu.jpg') no-repeat top left;

		z-index: 1;

		}



#menu {

	width: 706px; height: 177px;

	margin: 0 auto; padding: 0;

	background-color: #70090a;

	position: relative;

	z-index: 10;

	}

	#menu a {

		color: #ede0e0;

		}

  #menu a:hover {

    color: #fff;

    text-decoration: underline;

	}



#menuin { /* box pro menicka*/

	margin: 0 auto; padding: 0;

	position: relative;

	}



#menuin ul {

	margin: 0; padding: 0;

	position: absolute; bottom: 40px;

	}





#menuin li {

	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;

	font-size: 12px;

	line-height: 1.7;

	color: #fff;

	list-style: none;

	margin: 0; padding: 0;

	}



#menuitem1, #menuitem2, #menuitem3, #menuitem4 {

	float: left;

	position: relative;

	width: 143px; height: 177px;

	margin:0; padding: 0;

	}

  #menuitem1 {

    padding-left: 10px;

	}

  #menuitem2, #menuitem3 {

    width: 200px;

	}



#menuin h1 {

	/*display: none;*/

  position: absolute; bottom: 5px;_bottom: 0;

  margin: 0; padding: 0;

	}

	#menuin h1 span {

		display: none;

		}

  #menuin h1 #onas {

		width: 71px; height: 23px;

		display: block;

		background: url('../images/menu-onas.gif') no-repeat center left;

	}

  #menuin h1 #koncerty {

		width: 125px; height: 23px;

		display: block;

		background: url('../images/menu-koncerty.gif') no-repeat center left;

	}

  #menuin h1 #multimedia {

		width: 139px; height: 23px;

		display: block;

		background: url('../images/menu-multimedia.gif') no-repeat center left;

	}

  #menuin h1 #kontakt {

		width: 105px; height: 23px;

		display: block;

		background: url('../images/menu-kontakt.gif') no-repeat center left;

	}

  #menuin h1 #about-us {

		width: 118px; height: 23px;

		display: block;

		background: url('../images/menu-about-us.gif') no-repeat center left;

	}

  #menuin h1 #concerts {

		width: 128px; height: 23px;

		display: block;

		background: url('../images/menu-concerts.gif') no-repeat center left;

	}

  #menuin h1 #contact {

		width: 124px; height: 23px;

		display: block;

		background: url('../images/menu-contact.gif') no-repeat center left;

	}

  #menuin h1 #uber-uns {

		width: 116px; height: 23px;

		display: block;

		background: url('../images/menu-uber-uns.gif') no-repeat center left;

	}

  #menuin h1 #konzerte {

		width: 121px; height: 23px;

		display: block;

		background: url('../images/menu-konzerte.gif') no-repeat center left;

	}

  #menuin h1 #medien {

		width: 85px; height: 23px;

		display: block;

		background: url('../images/menu-medien.gif') no-repeat center left;

	}





#logo {

	position: absolute;

	width: 62px; height: 43px;

	top: 0px; right: 0px;

	background: url('../images/ars-brunensis-logo.gif') no-repeat top right;

	}



#main {

	width: 706px;

	margin: 0 auto; padding: 0;

	position: relative; z-index: 11;

	/*background: red;*/

	}

	/*#main .colin { padding-left: 7px; }*/

	

.colin {

	margin: 0; padding: 0;

	}



.fotospace {

	/*width: 516px;*/ height: 192px;

	margin: 0; padding: 0 0 14px 0;

	}

	.fotospace img { margin: 0; padding: 0; display: inline; }



#left {

	float: left;

	margin: 0; padding: 0;

	width: 555px;

	min-height: 500px;

	_height: 500px;

	/*background: #ff0;*/

	}

	#left .colin { padding: 0 39px 0 0; margin: 0;}

	#left .colin p { padding-left: 10px; }





#right {
	line-height: 1.1;
	margin: 0; padding: 0;
	color: #70090a;
	/*text-align: justify;    */
  font-size: 11px;    
/* background: #cc0;*/

	}

#right .colin {	margin: 0 0 0 555px; padding: 0;}



#right div {

	padding: 0.2em;

/*	border-right: 2px solid #70090a;

	background-color: #EFEFEF;

	background-color: #a69d8e;*/

	}

#right .colin p { padding: 10px 0 0px 0; margin: 0px 0px 0px 0px; }

.newsBox {margin: 20px 0px 0 0;}

#footerbox0 {

	font-size: 85%;

	}



#footerbox0 a {

	color: #9F9F9F;

	padding: 0 2px;

	}

#footerbox {

	margin: 2em auto; padding: 0;

	width: 706px;

	color: #9d9d9d;

	}

#footerleft {

	float: left;

	width: 516px;

	margin: 0; padding: .4em 5px 0 0;

	border-top: 3px solid #70090a;

	}

#footerright {

	text-align: right;

	float: right;

	width: 151px;



	border-top: 3px solid #70090a;

	}

#footerright .colin { margin: 0; padding: .4em 5px 10px 0;}



/* VISUAL*/

#head-title h1 {

	display: none;  visibility: hidden;

	}



#right h2 {

	font-size: 24px;

	font-weight: normal;

	color: #70090a;

	}



.breadcrumb {

	font-size: 100%;

	color: #70090a;

	font-weight: bold;

	margin-bottom: 2em;

	}

.breadcrumb span {

	color: #fff;

	}



.langpanel {

	text-align: right;

	}

.langpanel .langin {

	width: 706px;

	float: right;

	position: absolute;

	}



.pic {

	float: right;

	padding: 1em 1em 0 1em;

	}

.clear{

	clear: both;

	line-height: 1;

	font-size: 1px;

	height: 1px;

	}

	

.nahledy {

	margin: 0 0 15px 0; padding: 0;

	width: 555px;

	}



.nahled {

	/*width: 200px; height: 150px

	background: blue;

	display: block;*/

	}

.nahled img {

	/*border: 20px solid #ccc;*/

	margin: 0px; padding: 0;

	}

.nahled img:hover {

	/*border: 10px solid #f4f4f4;*/

	}

.nahled a {

	width: 220px; height: 190px;

	margin: 0; padding: 0px;

	float: left;

	}

	.nahled a img{

		/*border: 5px solid #ccc;*/

		border-right: 15px solid #ccc;

		border-left: 15px solid #ccc;

		padding: 0px; margin: 5px 5px ;

		}

	.nahled .colin {

	padding: 0;

 }



.xnahled {

	width: 250px; height: 150px;

	margin: 0; padding: 0;

	text-align: center;

	float: left;

	/*background-color: #f4f4f4;*/

	}

.xnahled .colin { margin: 0; padding: 0; }

.xnahled img { margin: 0; padding: 0; border: none; }



.galerie {

	width: 510px; 

	}

.galerie td {

	text-align: center;
	vertical-align: top;
	background: #c1bdae url(../images/bg-pruh.png) repeat;

	}

.galerie img {

	padding: 10px 20px;

 	}

.smallgalerie td {padding: 0;}
.smallgalerie img {padding: 6px 6px 3px;}



.tisk h1 { margin-bottom: 0; padding-bottom: 0; }

.tisk h2 {

	margin: 0 0 1.2em 0; padding-top: 0;

	font-size: 100%;

	font-style: italic;

	font-weight: normal;

	}

.tisk {

	padding: 1em;	margin: 1em;

	color: #70090a;

	border-left: 5px solid #70090a;

/*	background-color: #71382c;*/

	}

.caraVlevo {
  border-left: 5px solid #70090a; margin: .8em; color: #70090a;
}

.caraVlevo h2 {
  margin: 1em;
}


.kontaktext {

	color: #70090a;

	font-weight: bold;

	margin: 0 0 1em 0; padding: .3em;

	}

.kontaktextw {

	color :#fff;

	margin: 2em 0;

	}

.kontaktextwb {

	color :#fff;

	font-weight: bold;

	}





.button {

	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;

	border: 1px solid #70090a;

	background-color: #70090a;

	color: #fff;

	}

	

.msg-ok {

	border: 1px solid #70090a;

	border-left: 5px solid #70090a;

	color: #70090a;

	padding: 1em; margin: 1em;

	}

.msg-err {

	border: 1px solid #fff;

	border-left: 5px solid #fff;

	background-color: #70090a;

	color: #fff;

	padding: 1em; margin: 1em;

	}

.msg-err a {color: #FFF;}


.radio {

	border: none;

	background: transparent; }

.divradio label { color: #70090a; }



.pole {

	font-size: 100%;

	padding: .2em;

	width: 400px; }



.sezona-box {

	margin: .7em; padding: 1em;

	background: #70090a;

	line-height: 1.5;

	}

	.sezona {

		width: 110px;

		margin-left: .5em;

		float: left;

		background: transparent;

		}

	.sezona-box a {

		color: #fff;

		}



.program {

	width: 95%;

	margin: 1em; padding: 1em .5em;

	background-color: #c1bdae;

	}

.program tr {	background: transparent	}



.program th {

	font-weight: normal;

	color: #eee;

	background: #702425;

	/*background-color: #6F5546;*/

	padding: .5em 2em; margin: 2em;

	}

.program .title {

	font-size: 140%;

	font-weight: bold;

	padding: 1em;

	color: #fff;

	background: #702425;

	}

.program .aktualni {

	font-size: 120%;

	font-weight: bold;

	padding: 1em;

	color: #70090a;

	background: transparent;

	}

.program td {

	padding: .3em 2em; margin: 2em;

	color: #70090a;

	}



h1.mark {

	font-size: 140%;

	margin: 1em; padding: 1em;

	color: #70090a;

	border-left: 5px solid #70090a;

}



.emailform {

	width: 90%;

	margin: 0; padding: 1em ;

	background: #c1bdae;

	}



.popis {

	padding: 1em; margin-bottom: 1em;

	background-color: #c1bdae;

	}

.cdText { background-color: #c1bdae; }



.hide {

	display: none;

	visibility: hidden;

	}

.sound-prev-mp3, .sound-prev-rm {margin: 0 0 2em .5em; }

.sound-prev-mp3 a {

	padding-left: 20px;

	background: url('../images/control_play_blue.gif') top left no-repeat;

	}

.sound-prev-rm a {

	padding-left: 20px;

	background: url('../images/control_play.gif') top left no-repeat;

	}



table.clen {

	border: none;

  border-collapse: separate;

	float: left;

	width: 50%;

	}

	/*.clen tr { behavior: url('./css/hover.htc'); } */

	/*.clen tr:hover, .clen tr.hover { background: #c1bdad;	}*/

	.clen td {

		padding: .3em 1em;

		}

	.clen th {

	  font-size: 120%;

	  padding: 10px;

		background-color: #70090a;

		}

	.clen td { background-color: #703c3d; }

	

.date {

  background-color: #c1bdae;

  margin: .5em .7em; padding: .5em;

	}

.highligtedDate {
  background-color: #703c3d;
  margin: .5em .7em; padding: .5em;
}

.highligtedDate a {
  color: #FFF;
}

.cleaner { clear: both }



.imgr { float: right; margin: 0 0 0 25px }



table.asistenti { margin: auto }

table.asistenti td { text-align: center }

img.asistent { padding: 5px; background: #c1bdae } 

.dirigent { padding: 5px; margin: 5px 10px; background: #702425 }



.brackets { color: #cccccc }

p.warning { color: #70090a; }



.foto-popis {

	/*background: #fff;*/

	color: #333;

	margin: 10px;

	}



.aktdate { font-size: 80%; }

.cti { float: right; margin: 0; padding: 0; font-weight: bold; }


