/* CSS Document */
html, body {
	margin:0;
	padding:0;
}
body { background-color: #dfd6cb; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em}
#web {
	width: 824px;
	margin:0 auto;
}
#heading {
	background: url("../images/main-heading.jpg") 0 0 no-repeat;
	height: 254px;
	margin-left: 27px;
	margin-top: 30px;
}

#middle {
	background: url("../images/main-middle.jpg") 0 0 no-repeat;
	height: 217px;
}

/* boxes settings */
	#menu,  #varhany {color: #fff}
/* menu */
	/* main site */
	#menu { width:260px; padding-top: 10px; float:left;}
	#menu ul, #menu2 ul{margin:0; padding:0;}
	#menu li, #menu2 li{
		display: block;
		list-style: none;
		padding: 1px 10px 0 20px;
		font-weight: bold;
		margin: 1px 0 2px 0;
	}	
	#menu a:link    	{color: #fff; text-decoration:none;}
	#menu a:visited		{color: #fff; text-decoration:none;}
	#menu a:hover    	{color: #4D4820; text-decoration:none;}
	#menu a:active  	{color: #333; text-decoration:none;}
	
	/* next sites */
	#menu2 {
		float:left;
		width: 150px;
		padding: 10px;
	}
	
	#menu2 a:visited 	{color: #632121; text-decoration:none;}
	#menu2 a:link 	 	{color: #632121; text-decoration:none;}
	#menu2 a:hover	 	{color: #000; text-decoration:none;}
	#menu2 a:active 	{color: #333; text-decoration:none;}
/* menu - konec */


/* aktuality */
	#aktuality { color: #492814; width:230px; padding: 50px 20px 0 30px; float:left;}
	#aktuality span { display:block; font-weight:bold;}
/* aktuality - konec*/

/* varhany */
	#varhany { width:230px; padding: 75px 20px 0 30px; float:left;}
/* varhany - konec*/

/* content */
	#content {margin-left: 27px; width:774px; }
	#content-heading { background: url("../images/content-top.gif") 0 0 no-repeat; height:9px;}
	#content-text 	 {
		background: url("../images/content-middle.gif") 0 0 repeat-y;
		padding: 9px 5px 20px 10px;
	}
	#content-main-text 	 {
		background: url("../images/content-middle.gif") 0 0 repeat-y;
		padding: 9px 5px 20px 10px;
		height:250px;
	}
	#content-footer  { background: url("../images/content-bottom.gif") 0 0 no-repeat; height:9px}
	#footer { text-align:center; color: #ABA276; font-size:12px; }
	#footer a { color: #ABA276; font-weight:bold;}
	#about {
		float:left;
		background: url("../images/vitejte.gif") 0 0 no-repeat;
		width: 360px;
		padding: 40px 0 10px 10px;
		text-align:justify;
	}
	#about span { 
		display:block;
		float:left;
		margin: 0 10px 5px 0;
		width: 152px;
		height: 75px;
		background: url("../images/foto-skola.jpg") 0 0 no-repeat;
	}
	
	.oddelovac, .oddelovac-main {
		float:left;
		display:block;
		margin: 0 10px 0 20px;
		width: 1px;
		height: 200px;
		background-color:#bfaea9;}
	
	.oddelovac-main { height: 250px;}
		
	#obory {
		float:left;
		background: url("../images/vyukove-obory.gif") 0 0 no-repeat;
		width: 300px;
		padding: 40px 0 10px 10px;
		text-align:justify;
	}
	#obory span { 
		display:block;
		float:left;
		margin: 0 10px 5px 0;
		width: 104px;
		height: 79px;
		background: url("../images/foto-obory.jpg") 0 0 no-repeat;
	}
	.seznam { display:block; padding: 0 0 0 100px;}
/* content - konec*/

.cleaner{width:90%;clear:both;visibility:hidden;height:1px;padding:0;margin:10px 0;}

/* other sites */
#text{
	float:left;
	width: 500px;
	padding: 0 0 10px 30px;
	text-align:justify;
}

/* H1 headings */
.heading-o-nas {background: url("../images/heading-o-nas.gif") 0 0 no-repeat;}
.heading-absolventi {background: url("../images/heading-absolventi.gif") 0 0 no-repeat;}
.heading-cenik {background: url("../images/heading-cenik.gif") 0 0 no-repeat;}
.heading-historie {background: url("../images/heading-historie.gif") 0 0 no-repeat;}
.heading-koncerty {background: url("../images/heading-koncerty.gif") 0 0 no-repeat;}
.heading-kontakty {background: url("../images/heading-kontakty.gif") 0 0 no-repeat;}
.heading-pedagogicky-sbor {background: url("../images/heading-pedagogicky-sbor.gif") 0 0 no-repeat;}
.heading-prihlasky {background: url("../images/heading-prihlasky.gif") 0 0 no-repeat;}
.heading-soubory {background: url("../images/heading-soubory.gif") 0 0 no-repeat;}
.heading-vyukove-obory {background: url("../images/vyukove-obory.gif") 0 0 no-repeat;}

h1{
	position:relative;
	margin:0 0 10px 0;
	height:32px;
	width:200px;
	overflow:hidden;
	font-size:9px;
	left: 1px;
}
h1 span{position:absolute;top:0;left:0;width:100%;height:100%;}

/* headings */
h2 { font-size:14px; margin: 0 0 10px 0;} 

/* lists*/
li { list-style-type:square;}

/* text blocks */
.item 		{ padding: 0 0 20px 15px;}
.item p		{ margin:4px 0;}
.item span 	{ font-weight:bold; display:block; float:left;width: 60px;}
.heading-brown{ font-weight:bold; color:#CB6363;}

.cenik		{ padding: 0 0 5px 15px;}
.cenik p 	{ margin:0; padding:0; display:block; float:left; width: 300px; font-weight:bold; color:#333333;}
.cenik span  { margin:0; padding:0;}


.sbor		{ padding: 0 0 5px 15px;}
.sbor p 	{ margin:0; padding:0; display:block; float:left; width: 200px; font-weight:bold; color:#333333;}
.sbor span  { margin:0; padding:0;}

/* links */
 a:visited 	{color: #632121; text-decoration: underline;}
 a:link 	{color: #632121; text-decoration: underline;}
 a:hover	{color: #000; text-decoration: underline; font-weight:bold;}
 a:active 	{color: #333; text-decoration: underline;}
 
/* graduates table */
table td { text-align:center;}
table.absolventi img { padding: 6px; background:url(../images/image-background.gif); border: none; }
table.naboso img { margin: 6px;  border: 3px solid #fff;}
.no-background { background:none; border: 3px solid #fff; padding:0;}