/* DEFAULT */

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
}

hr.cleaner {
   clear: both;
   height: 1px;
   margin: -1em 0 0 0;
   visibility: hidden;
   border: none; 
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

table.table_border {
	border-collapse: collapse;
}

	table.table_border tr:hover {
		background-color: #4396bf;
	}

		table.table_border thead tr td {
			background-color: #10638d;
			border: 1px solid #20719C;
		}
	
		table.table_border tr td {
			border: 1px solid #10608b;
			padding: 3px 10px;
		}

::selection {
	background: #A4CAEF;
	}
::-moz-selection {
	background: #A4CAEF;
}

/* DEFAULT */


/* OBSAH */

#obsah-text {
	margin-top: 310px;
	font-size: 12px;
	font-family: "Trebuchet MS";
	color: #fff;
	text-align: left;
	float: left;
	width: 680px;
}

	#obsah-text ul, #obsah-text ol {
		list-style-position: inside;
		margin-bottom: 10px;
	}
	
		#obsah-text ul ul, #obsah-text ol ol {
			margin-left: 20px;
			margin-bottom: 0;
		}
	
	#obsah-text a {
		color: #fff;
		text-decoration: underline;
	}
	
	#obsah-text a img {
	    border: 1px solid #fff;
	}

	#obsah-text a:hover {
		text-decoration: none;
	}
	
	#obsah-text h1, #obsah-text h2, #obsah-text h3, #obsah-text h4, #obsah-text h5, #obsah-text h6, #obsah-text p {
		margin-bottom: 10px;
		text-align: justify;
	}   
	
	#obsah-text h1 {
		border-left: 10px solid #48aee7;
		padding-left: 10px;
		font-size: 24px;
	}
	
	#obsah-text h2 {
	    font-size: 20px;
	    margin-top: 25px;
	}
	
	#obsah-text h3 {
	    font-size: 18px;
	    margin-top: 25px;
	}
	
	.mceContentBody {
		text-align: left;
		font-size: 12px;
		background-color: #2788BB;
		color: #fff;
	}
	
		.mceContentBody table tr td {
			color: inherit;
		}
	
		.mceContentBody ul, .mceContentBody ol {
			list-style-position: inside;
			margin-bottom: 10px;
		} 
		
			.mceContentBody ul ul, .mceContentBody ol ol {
				margin-left: 20px;
			}
	
		.mceContentBody a {
			color: #fff !important;
			text-decoration: underline;
		}
		
		.mceContentBody a:hover {
			text-decoration: none;
		}
		
		.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p {
			margin-bottom: 10px;
			text-align: justify;
		}
	

	
/* OBSAH */

/* FORM */

form fieldset {
	margin-top: 80px;
	width: auto;
	border: 0;
}

	form fieldset table tr th  {
		white-space: nowrap;
		padding-right: 10px;
		text-align: left;
	}

	form fieldset legend {
		font-size: 14px;
		font-weight: bold;
	}
	
	form fieldset textarea {
		width: 300px;
		overflow: auto;
	}

/* FORM */



/* LAYOUT */      
body {
	width: 100%;
	text-align: center;
	background-color: #2788BB;
}   
 
#page {
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

#obsah {
	width: 100%;
	z-index: 10;	
}

	#hlavicka-obal {
		display: block;
		height: 347px;
		width: 100%;
		background: url('/grafika/hlavicka-pozadi.jpg') #fff repeat-x top left;
		position: absolute;
		top: 0;
		left: 0;
	}

	#hlavicka {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
		#hlavicka #foto-budovy {
			float: right;
			list-style-type: none;
			width: 434px;
			height: 192px;
		}
				
		#logo {
			display: block;
			position: absolute;
			width: 540px;
			height: 69px;
			left: 0;
			top: 122px;
			background: url('/grafika/logo.jpg') no-repeat;
			text-align: left;
		}
		
		#logo a {
			display: block;
			width: 526px;
			height: 86px;
			z-index: 99999;
			position: absolute;
			top: 0;
			left: 0;
		}
		
			#hlavicka-obal strong a span {
				display: none;
			}	
				
	#panel {
		float: right;
		width: 275px;
		margin-top: 272px;
	}

		#online-klasifikace {
			display: block;
			width: 275px;
			height: 60px;
			background: url('/grafika/online-klasifikace-pozadi.png') no-repeat bottom left; 
		}

			#online-klasifikace a {
				text-decoration: none;
				font-weight: bold;
				color: #333;
				line-height: 40px;
				display: inline;
				position: relative;
				top: 7px;
				left: 50px;
				background: url('/grafika/online-klasifikace-napis.png') no-repeat bottom left;
				display: block;
				height: 34px;
				width: 171px;
			}
			
				#online-klasifikace a span {
					display: none;
				}
			
			#online-klasifikace form {
				display: none;
				color: #fff;
				text-align: left;
				margin-left: 40px;
				padding-top: 10px;
			}
			
				#online-klasifikace form input {
					margin-bottom: 7px;
					width: 180px;
				}
			
				#online-klasifikace form label {
					font-size: 15px;
				}
				
		#aktualne {
			margin-top: 40px;
			text-align: center;
			position: relative;
		}
		
			#aktualne strong {
				color: #fff;
				position: absolute;
				top: 0;
				right: 0;
				background: url('/grafika/aktualne-horni.png') no-repeat top left;
				width: 275px;
				height: 30px;
				line-height: 50px;
				margin-top: -25px;
			}
			
				#aktualne strong span {
					background: url('/grafika/novinky-ze-skoly-napis.png') no-repeat top left;
					display: block;
					width: 171px;
					height: 41px;
					margin: 25px 0 0 50px;
				}
				
					#aktualne strong span span {
						display: none;
					}
		
			#aktualne ul {
				list-style-type: none;
				background: url('/grafika/aktualne-pozadi.png') no-repeat bottom left;
				padding-bottom: 20px;
				padding-top: 30px;
			}
			
				#aktualne ul li {
					text-align: justify;
					font-size: 11px;
					margin: 0 20px 10px 10px;
					color: #fff;
					font-weight: bold;
				}		
				
				#aktualne ul li a {
					color: #fff;
				}
								
					#aktualne ul li span {
						color: #efefef;
						font-style: italic;
						font-size: 10px;
					}
					
#hlavnimenu {
	  list-style-type: none;
	  height: 29px;
	  line-height: 29px;
	  position: absolute;
	  top: 220px;
	  left: 0px;
	  z-index: 999;
	}
	
	  #hlavnimenu li {
	    float: left;
		height: 30px;
		line-height: 30px;
		margin-right: 10px;
		background: url('/grafika/menu-prave-zaobleni.gif') no-repeat top right;
		text-align: left;
	  }
	  	
	  #hlavnimenu>li:hover {		
		background: url('/grafika/menu-prave-zaobleni-hover.gif') no-repeat bottom right;
	  }
		  
	  #hlavnimenu li:hover>ul {
	  	display: block;
	  }
	  
	    #hlavnimenu li a {
	      color: #fff;
	      text-decoration: none;
	      font-weight: bold;
	      display: block;
	      padding: 0 15px;
	      font-size: 12px;
		  background: url('/grafika/menu-leve-zaobleni.gif') no-repeat top left;
	    }
		
	    #hlavnimenu>li:hover>a {
	    	background: url('/grafika/menu-leve-zaobleni-hover.gif') no-repeat bottom left;
	    }
				
		#hlavnimenu li ul {
			list-style-type: none;
			position: absolute;
			background: none #73AB00;
			display: none;
			margin: 0; padding: 0;
			text-indent: 0;
			box-shadow: 2px 2px 1px 0 #666;
			-moz-box-shadow: 2px 2px 1px 0 #666;
			-webkit-box-shadow: 2px 2px 1px 0 #666;
		}
		
			#hlavnimenu li ul li {
				float: none;
				text-align: left;
				background: none;
				width: 220px;
				padding: 0; margin: 0;
				position: relative;
				
			}
						
			#hlavnimenu li ul li:hover {
				background: none;
				background-color: #82ba0e;
			}
					
				#hlavnimenu li ul li a {
					display: block;
					background: none;
				}			
				
				/* sub2 */
					#hlavnimenu li ul li ul {
						top: 0;
						left: 220px;
						width: 250px;
					}	
					
						#hlavnimenu li ul li ul li, #hlavnimenu li ul li ul li a {
							width: 250px;
							white-space: nowrap;
						}
					
#paticka-obal {
	background: url('/grafika/paticka-pozadi.jpg') #04283E repeat-x;
}					
		
	#paticka {
		color: #dad9d9;
		font-size: 12px;
		width: 980px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

		#paticka div {
			margin-top: 30px;
			width: 240px;
			float: left;
		}
		
			#paticka div strong {
				text-align: left;
				padding: 0;
				display: block;
				font-size: 18px;
				color: #eee;
				margin-bottom: 20px;
			}

			#paticka div dl {
				width: 220px;
				text-align: left;
				font-size: 120%;
				overflow: hidden;
			}
			
				#paticka div dl dt {
					color: #fff;
					font-weight: bold;
				}
				
				#paticka div dl dd {
				    margin-bottom: 15px;
				}
			
				#paticka div dl dd a {
					color: #dad9d9;
					font-size: 80%;
					white-space: nowrap;
				}
				
				#paticka div dl dd a:hover {
					color: #fff;
					text-decoration: none;
				}

	#paticka-kontakt {
		text-align: right;
		font-size: 15px;
	}
	
		#paticka-kontakt p {
			margin-bottom: 5px;
		}
	
		#paticka #paticka-kontakt strong {
			display: block;
			text-align: right;
		}			
		
		#paticka-kontakt a {
			color: #dad9d9;
		}
		
		#paticka-kontakt a:hover {
			color: #fff;
			text-decoration: none;
		}


#copyright {
	display: block;
	width: 100%;
	height: 30px;
	background-color: #032030;
	color: #aaa;
	font-size: 12px;
	line-height: 30px;
}

	#copyright a {
		color: #aaa;
		line-height: 30px;
	}
	
	#copyright a:hover {
		text-decoration: none;
	}
	
/* LAYOUT */

#mapa {
	width: 700px;
	height: 300px;
	float: right;
	border: 1px solid #C24515;
}


#anketa {
		margin: 0;
		text-align: left;
		font-size: 12px;
	}
	
	#anketa strong {
		margin: 0 0 10px 0;
		display: block;
		font-size: 15px;
		color: #fff;
	}
	
	#anketa a {
		text-decoration: none;
		color: #fff;
		font-weight: bolder;
		display: block;
		margin-top: 6px;
		_margin-left: -15px;
	}
	
	#anketa a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	#anketa ul {
		list-style: none inside;
	}
	
	#anketa span {
		display: block;
		height: 10px;
		border: 0;
		margin: 5px 3px 0 0;
		text-align: right;
		position: relative;
	}
	
	#anketa span span {
		position: absolute;
		right: -60px;
		top: -9px;
		height: 10px;
		width: 60px;
	}
	
	#anketa span span em {
		font-size: 10px;
	}
	
		#anketa span.barva1 {background-color: #AF1515;}
		#anketa span.barva2 {background-color: #499F09;}
		#anketa span.barva3 {background-color: #094D9F;}
		#anketa span.barva4 {background-color: #EFE03B;}
		#anketa span.barva5 {background-color: #FF6347;}
		#anketa span.barva6 {background-color: #008B8B;}
		#anketa span.barva7 {background-color: #9400D3;}
		#anketa span.barva8 {background-color: #8B4513;}
		
input, textarea {
	background-color: #1D749F;
	border: 1px solid #29A3DF;
	color: #fff;
	text-size: 10px;
	padding: 2px;
} 

.diskuze-prispevky {
	width: 100%;
	border-collapse: collapse;
}

.diskuze-prispevky tr.diskuze-hlavicka {
	background-color: #2697CF;
	border-top: 1px solid #1D749F;
}

.diskuze-prispevky tr.diskuze-hlavicka td {
	border-top: 3px solid #1D749F;
}

.diskuze-prispevky tr.diskuze-obsah td {
	padding: 10px 10px 30px 10px;
}

.diskuze-prispevky tr.diskuze-obsah td:hover {
	background-color: #2697CF;
}

.diskuze-prispevky tr td.jmeno {
	font-weight: bold;
	padding: 5px;
}

.diskuze-prispevky tr td.datum {
	width: 150px;
	text-align: right;	
	padding: 5px;
}