@media screen, projection {
	/* IE hacking & bastling for fixed box layuot ------------------------------*/
	
	html, * html body, * html #all {
		height: 100%;
		margin: 0;
		padding: 0;		
	}
	
	* html body, * html #all {
		overflow: hidden;
	}
	
	* html #all {
		height: 100%;
		background: url("../img/design/bg_scrollbar_up.gif") no-repeat top right;
	}
	
	* html #container {
		height: 100%;
		padding: 146px 0 57px 0;
		overflow: auto;
		background: url("../img/design/bg_scrollbar_down.gif") no-repeat bottom right;
	}

	* html #header {
		background-position: 16px 0;
	}

	* html #footer {
		background-image: url("../img/design/bg_footer_ie.gif");
	}

	* html #footer, * html #header, * html #mainmenu {
		padding-left: 16px;
		left: -16px;
		bottom: -1px;
		position: absolute;
	}
	
	* html #header h1 {
		left: 177px;
	}
	
	/* General ------------------------------------------------------------------*/
	
	body {
		color: white;
		font: 80% Arial,"Geneva CE",lucida,sans-serif;
		margin: 0;
		padding: 0;
		background: #2E2EB2 url("../img/design/2/bg_all.gif") repeat-y top left;
		}
		
	img {
		border: none;
	}
	
	h3 {
		margin: 0 0 8px 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	a {
		color: white;
	}
	
	a:hover {
		color: #FFB200;
	}
	
	table {
		border-collapse: collapse;
		font-size: 100%;
		border: none;
	}
	
	td {
		padding: 0 5px;
	}
	
	caption {
		font-weight: bold;
	}
	
	/* Layout -------------------------------------------------------------------*/
	
	#all {
		min-width: 770px;
	}
	
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 96px;
		background: #FF8000 url("../img/design/bg_header.gif") no-repeat top left;
	}
	
	* html #content, * html #contentskola, * html #contenttridy, * html #contentdruzina, * html #contentjidelna, * html #contentkalendar, * html #contentfotogalerie, * html #contentfoto, * html #contentguestbook { /* IE hack */
		height: 100%;
		background: url("../img/design/bg_hp_ie.gif") no-repeat top right;
	}

	* html #contentskola { /* IE hack */
		background: url("../img/design/bg_skola_ie.gif") no-repeat top right;
	}

	* html #contenttridy { /* IE hack */
		background: url("../img/design/bg_tridy_ie.gif") no-repeat top right;
	}

	* html #contentjidelna { /* IE hack */
		background: url("../img/design/bg_jidelna_ie.gif") no-repeat top right;
	}

	* html #contentkalendar { /* IE hack */
		background: url("../img/design/bg_calendar_ie.gif") no-repeat top right;
	}

	* html #contentfotogalerie { /* IE hack */
		background: url("../img/design/bg_foto_ie.gif") no-repeat top right;
	}
	
	* html #contentguestbook { /* IE hack */
		background: url("../img/design/bg_guestbook_ie.gif") no-repeat top right;
	}

	[xmlns] #content, [xmlns] #contentskola, [xmlns] #contenttridy, [xmlns] #contentdruzina, [xmlns] #contentjidelna, [xmlns] #contentkalendar, [xmlns] #contentfotogalerie, [xmlns] #contentfoto, [xmlns] #contentguestbook { /* Mozilla & Opera hack */
		min-height: 392px;
		padding-top: 146px;
		padding-bottom: 57px;
		background: url("../img/design/bg_hp.gif") no-repeat top right;
	}

	[xmlns] #contentskola { /* Mozilla & Opera hack */
		background: url("../img/design/bg_skola.gif") no-repeat top right;
	}

	[xmlns] #contenttridy { /* Mozilla & Opera hack */
		background: url("../img/design/bg_tridy.gif") no-repeat top right;
	}

	[xmlns] #contentjidelna { /* Mozilla & Opera hack */
		background: url("../img/design/bg_jidelna.gif") no-repeat top right;
	}

	[xmlns] #contentkalendar { /* Mozilla & Opera hack */
		background: url("../img/design/bg_calendar.gif") no-repeat top right;
	}

	[xmlns] #contentfotogalerie { /* Mozilla & Opera hack */
		background: url("../img/design/bg_foto.gif") no-repeat top right;
	}

	[xmlns] #contentguestbook { /* Mozilla & Opera hack */
		background: url("../img/design/bg_guestbook.gif") no-repeat top right;
	}
	
	#footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 57px;
		background: #FF8000 url("../img/design/bg_footer.gif") no-repeat top right;
	}
	
	#leftbox {
		float: left;
		width: 142px;
	}
	
	#centerbox {
		float: left;
		width: 202px;
	}
	
	#rightbox {
		margin: 0 0 0 344px;
	}
	
	/* Header -------------------------------------------------------------------*/
	
	#header h1 {
		overflow: hidden;
	}
	
	#header h1, #zslogo {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 0;
		width: 422px;
		height: 96px;
		left: 161px;
		font-size: 10pt;
	}
	
	#zslogo {
		display: block;
		left: 0;
		background: url("../img/design/zs_logo.gif") no-repeat top left;
	}

	[xmlns] #zslogo { /* Opera 7.5, NN and Mozilla */
		position: fixed;
		left: 161px;
	}

	#hplink {
		text-decoration: none;
	}
	
	/* Footer -------------------------------------------------------------------*/
	
	#footer h2 {
		position: absolute;
		margin: 0;
		bottom: 5px;
		left: 15px;
		color: #FFA74F;
		font-size: 260%;
		z-index: 1;
	}
	
	#contentfooter {
		position: relative;
		width: 100%;
		height: 57px;
	}
	
	#school, #authors {
		position: absolute;
		margin: 0;
		top: 5px;
		right: 385px;
		overflow: hidden;
		font: 90% normal Arial,"Geneva CE",lucida,sans-serif;
		text-align: right;
		z-index: 2;
	}

	* html #school {
		right: 369px;
	}
	
	#authors {
		right: 0;
		width: 373px;
		color: #FBECCA;
		text-align: left;
	}

	* html #authors {
		width: 358px;
	}
	
	#authors a {
		color: #FBECCA;
	}

	#footer a:hover {
		color: #4F4FCF;
	}

	/* Main menu ---------------------------------------------------------------*/

	#mainmenu {
		position: fixed;
		left: 0;
		top: 96px;
		width: 100%;
		height: 30px;
		color: white;
		font-weight: bold;
		background: #0066B2;
		border-top: 2px solid #79A5C6;
		border-bottom: 2px solid #79A5C6;
	}
	
	#mainmenu ul {
		min-width: 740px;
		margin: 0 15px;
		padding: 0;
		list-style-type: none;
		line-height: 30px;
	}
	
	#mainmenu ul li {
		display: inline;
		vertical-align: middle;
		text-transform: uppercase;
		font-size: 110%;
	}
	
	#mainmenu ul li a {
		text-decoration: none;
		color: white;
		background: #0066B2;
		border: 1px solid #0066B2;
	}

	#mainmenu ul li a:hover {
		background: #024D86;
		border: 1px solid white;
	}
	
	[xmlns] #mainmenu ul li { /* Mozilla & Opera hack */
		padding-right: 15px;
	}
	
	#uvod_item {
		width: 8ex;
	}
	
	#oskole_item {
		width: 11ex;
	}
	
	#tridy_item {
		width: 8ex;
	}
	
	#druzina_item {
		width: 11ex;
	}
	
	#jidelna_item {
		width: 10ex;
	}
	
	#kalendar_item {
		width: 13ex;
	}
	
	#fotogalerie_item {
		width: 11ex;
	}
	
	#guestbook_item {
		width: 16ex;
	}

	/* Leftbox ---------------------------------------------------------------*/
	
	#leftbox h3 {
		padding: 0;
		color: #FFB200;
		font-size: 120%;
	}
	
	.menu {
		margin-top: 5px;
		font-style: italic;
	}
	
	.anketabox {
		margin: 0 0 20px 0;
	}
	
	#otazka {
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.odpoved {
		margin: 3px 0 2px 0;
		float: left;
		width: 90px;
	}
	
	.odpoved a {
		color: white;
	}

	.odpoved a:hover {
		color: #FFB200;
	}
	
	.hlasy {
		margin: 3px 0 2px 0;
		float: right;
		text-align: right;
		width: 22px;
	}
	
	.teplomer {
		clear: both;
		margin: 0;
		padding: 0;
		height: 5px;
		font-size: 5px;
		line-height: 5px;
		background: #D4D4D4;
	}
	
	.teplomer img {
		vertical-align: top;
	}
	
	#localmenu {
		margin: 0;
		padding: 0;
	}
	
	#localmenu li {
		margin: 2px auto;
		list-style-type: square;
	}
	
	#localmenu a:hover {
		color: #FFB200;
	}

	/* Centerbox --------------------------------------------------------------*/
	
	#centerbox h3 {
		padding: 3px 15px;
		color: white;
		font-size: 110%;
		background: #FF8000;
	}

	.calendardate {
		margin: 10px 0 0 0;
		font-size: 90%;
	}
	
	.calendarplace {
		font-style: italic;
	}

	/* Rightbox ---------------------------------------------------------------*/
	
	#rightbox h3 {
		padding: 3px 15px;
		color: white;
		font-size: 130%;
		background: #FF9C00;
	}

	/* Miscellanous ------------------------------------------------------------*/
	
	.contentmargin {
		padding: 0;
		margin: 0 15px;
	}
	
	.contentbox {
		padding: 0;
		margin: 0 210px 20px 0;
	}
	
	.contentbox p {
		margin: 0;
	}

	.contentbox p.bottommargin {
		margin-bottom: 15px;
	}

	.contentbox h4 {
		margin: 3px 0; 
		color: #FFB200;
		font-size: 110%;
		font-weight: bold;
	}
	
	.contentbox h4 a {
		color: #FFB200;
	}

	.contentbox h4 a:hover  {
		color: #FED169;
	}
	
	.contentbox h5 {
		margin: 3px 0; 
		color: white;
		font-size: 110%;
		font-style: italic;
	}
	
	.contentbox h5 a {
		color: white;
	}

	.contentbox h5 a:hover  {
		color: white;
	}
	
	.contentbox2 {
		margin: 0 0 20px 0;
		padding-left: 15px;
	}
	
	.contentbox2 h4 {
		display: list-item;
		margin: 3px 0; 
		font-size: 100%;
		font-weight: bold;
		list-style-type: square;
	}
	
	.contentbox2 p {
		margin: 5px 0 10px 0;
	}
	
	.more,.nextpage,.prevpage {
		width: 6ex;
		color: #FFB200;
		background: url("../img/design/bg_more.gif") no-repeat right center;
	}

	.nextpage, .prevpage, .back2list {
		margin-top: 15px;
		font-weight: bold;
	}
	
	.nextpage {
		width: 6ex;
		float: right;
		background: url("../img/design/bg_next.gif") no-repeat right center;
	}

	.prevpage {
		float: left;
		width: 11ex;
		text-align: right;
		background: url("../img/design/bg_prev.gif") no-repeat left center;
	}
			
	.more a, .nextpage a, .prevpage a, .back2list a {
		color: #FFB200;
	}
	
	.more a:hover, .nextpage a:hover, .prevpage a:hover, .back2list a:hover {
		color: #FED169;
	}
	
	.calendaritem {
		margin: 15px 0;
	}
	
	.calendaritem address {
		margin: 3px 0; 
	}

	/* Fotogalerie -----------------------------------------------------------*/
	
	#imagesbox {
		margin: 10px 0 20px 0;
		width: 100%;
	}
	
	.imagebox {
		float: left;
		width: 202px;
	}
	
	.imagemargin {
		margin: 10px 10px 0 0;
		padding: 10px;
		background: #4F4FCF;
		text-align: center;
		height: 250px;
		overflow: auto;
		border: 2px solid #2222BB;
	}
	
	* html .imagemargin { /* IE hack */
		height: 280px;
	}
	
	.imagemargin em {
		font-size: 85%;
	}
	
	.imagemargin p {
		margin: 5px 0;
	}

	/* Guestbook -------------------------------------------------------------*/
	
	#guestbookform {
		margin: 10px 0;
	}
	
	#guestbookform div {
		margin: 5px 0;
	}
	
	#guestbookform .text, #guestbookform textarea {
		width: 168px;
	}
	
	.titlepost {
		font-size: 110%;
	}
	
	p.bodypost {
		margin: 3px 0 10px 0;
	}
	
	/* Foto ------------------------------------------------------------------*/
	
	#foto {
		color: white;
		font: 80% Arial,"Geneva CE",lucida,sans-serif;
		margin: 0;
		padding: 20px;
		background: #2E2EB2;
		text-align: center;
	}
	
	* html #foto { /* IE hack */
		height: auto;
		overflow: visible;
	}
	
	#fotocontainer {
		margin: 0 auto;
		width: 600px;
	}

	.control {
		text-align: center;
		margin: 15px;
	}

	.control .nextpage, .control .prevpage, .control .back2list {
		float: none;
		margin: 0;
	}
	
	.control .back2list {
		margin: 0 25px;
	}
	
	.control .nextpage  {
		padding-right: 15px;
	}

	.control .prevpage  {
		padding-left: 15px;
	}

	.autorinfo {
		margin: 15px 0;
	}
	
	/* Tøídy -----------------------------------------------------------------*/
	
	.classcontent p, .classcontent div, .classcontent h, .classcontent ul, .classcontent ol {
		margin: 10px 0;
	}

	.classcontent ul {
		padding-left: 15px;
	}

	.classcontent ol {
		padding-left: 25px;
	}
	
	.rozvrh {
		margin: 10px 0;
		font-size: 100%;
		border-collapse: separate;
	}
	
	.rozvrh acronym {
		border-bottom: 1px dotted;
	}
	
	.rozvrh td, .rozvrh th {
		width: 5em;
		padding: 15px 0;
		text-align: center;
		background: #4F4FCF; 
	}
	
	.rozvrh th {
		font-weight: bold;
	}
	
	.mainimage, .mainimage2 {
		float: left;
		margin: 0 15px 10px 0;
		border: 2px solid #4F4FCF;
	}
	
	.mainimage2 {
		float: none;
	}
	
	.mainimagebox {
		min-height: 170px;
	}

	* html .mainimagebox { /* IE hack */
		height: 170px;
	}
}

@media screen {

	acronym {
		cursor: help;
	}

	#zslogo {
		cursor: pointer;
	}

}

@media print {

	/* General ------------------------------------------------------------------*/
	
	body {
		color: black;
		font: 100% Arial,"Geneva CE",lucida,sans-serif;
		margin: 2em;
		padding: 0;
		background: none;
		}
		
	img {
		border: none;
	}
	
	h3 {
		text-transform: uppercase;
		font-weight: bold;
	}
	
	a, acronym {
		color: black;
		text-decoration: none;
	}
	
	#mainmenu, #leftbox, #centerbox, .more, .nextpage, .prevpage, .control, #footer {
		display: none;
	}
	
	
}

/* Overall ---------------------------------------------------------------*/

.prvnivelke:first-letter {
	text-transform: uppercase;
}

.textcenter {
	text-align: center;
}

.topmargin15 {
	margin-top: 15px;
}
	
.rightimg {
	float: right;
	margin: 0 0 10px 10px; 
}
.videonahled {
	float: right;
	margin: 0 0 10px 10px; 
	border: 1px solid #0066B2;
}

.break {
	visibility: hidden;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}

.noshow {
	visibility: hidden;
}