@media screen,projection{

/*ZAKLADNI FORMATOVANI*/
 html, body { font-family:Arial, Verdana, sans-serif; font-size: 100%; margin: 0; padding: 0; text-align:center;}

	* { margin:0; padding:0;}
	p { margin: 0.5em 0.2em;}

#main { width:95%; min-width:752px; max-width: 62em; margin: 10px auto 2% auto; font-size: 90%; background: #5dc3db; padding: 0; color: #000; }
#main-in {width:100%; margin: 0; margin-bottom:5px;}

#pajdulaci { clear: both; background: transparent url(../img/layout/pajdulaci.png) center bottom no-repeat;margin-bottom:5px; width:100%; height: 90px;}

	h1, h2, h3 { margin: 1em 0 0.5em 0;}
	h1 { color: #a11925; margin-top: 0.1em; font-size: 160%; }
	h2 { color: #0d0163; font-size: 125%;}
	h3 { color: #0d0163; font-size: 125%;}
	strong { color: #0d0163;}
	a { color: #0d0163;}
	a:hover { text-decoration: none;}

.img-thumb { cursor: pointer;}

/* zakladni zen-wsw formatovani */
span.zen-nbsp {
   white-space: nowrap;
}

body.wsw span.zen-nbsp {
   background-color: yellow;
}

/*BOXY*/
/*hlavni box*/
.box		{ width:100%; background: #ffffff url(../img/layout/left-center.gif) 0 0 repeat-y;}
.box .in	{ background: url(../img/layout/right-center.gif) top right repeat-y;}
.box .intc	{ background: url(../img/layout/top-center.gif) 0 0 repeat-x;}
.box .intl	{ background: url(../img/layout/top-left.gif) 0 0 no-repeat;}
.box .intr	{ background: url(../img/layout/top-right.gif) right top no-repeat;}
.box .inbc	{ background: url(../img/layout/bottom-center.gif) left bottom repeat-x;}
.box .inbl	{ background: url(../img/layout/bottom-left.gif) left bottom no-repeat; width:100%;}
.box .inbr	{ background: url(../img/layout/bottom-right.gif) right bottom no-repeat; padding: 5px 25px 25px 20px;}
.box .obal, .box p { margin:0.5em 0 0 0 ;}

/*bocni boxy*/
.box-a { max-width: 300px; color: #0d0163;}
.box-a-1 { background: transparent url(../img/layout/box-a-top.gif) right top no-repeat; }
.box-a-2 { background: transparent url(../img/layout/box-a-bottom.gif) right bottom no-repeat; padding: 15px 0 1px 0; }
.box-a .obal { border-right: 2px solid  #ffffff; padding: 0 10px; text-align: left;}
.box-a .obal .loga { text-align: center;}

/*bocni box jinak barevny*/
.box-a.barva { background: white; color:#0d0163; font-weight: 600; }
.box-a.barva p { padding: 0 0 0 7px; margin:0 0 6px 0;  text-align: left; }
.barva .obal { padding-bottom: -10px;}
.barva .box-a-1 { background: transparent url(../img/layout/box-a-top-b.gif) right top no-repeat;}
.barva .box-a-2 { background: transparent url(../img/layout/box-a-bottom-b.gif) right bottom no-repeat; padding-bottom: 6px;}

/*box-a loga*/
img { border: none;}
.loga { margin: 0 0 12px 0; }
.loga p { text-align: center;}
.loga a { margin-left: 10px;margin-right:10px;}
.loga-nahr2 { margin-bottom: 12px;}

#box-text, .box-text { text-align: center;}
.toplist-skript { margin: 0 0 10px 0;}

/*header*/
#header			{ position: relative; background: #5dc3db url(../img/layout/head2.png) top right no-repeat; height: 167px; text-align: center;margin-right:0;}
#header h2		{ margin: 0; position: absolute; left:0; top:0; height: 167px; width: 421px; background-image: url(../img/layout/head-logo.png) top left no-repeat; border:none;}
#h-pict, #homelink	{ position: absolute; left:0; top:0; height: 167px; width:100%; background: transparent url(../img/layout/head-logo.png) top left no-repeat; text-decoration: none;}
#text-head-1		{ display: block; margin: 0; padding: 50px 2em 1em 15em; color: #ffffff; font-size:140%; line-height: 140%; letter-spacing: 0.1em;}
#homelink		{ cursor: pointer;}

	#odkazy { position: relative; margin: 3px 5px 7px 0; padding:0; text-align: right; color: #ffffff; height:1px;} /*vyska pro Operu a IE*/
	#odkazy a { color: #0d0163; font-size: 100%; text-transform: uppercase; text-decoration: none; margin:0; padding: 0 4px 0 7px; border-right: 3px solid #f8cd11; font-weight: bold;}
	#odkazy a.last { border-right: none;}
	#odkazy .uvnitr p { padding: 0 0 2px 0; width:100%; position: absolute; bottom: 0; left:0; line-height:150%;}

/*menu*/
#menu h2 { display: none;}
ul li  { margin-left:1em; list-style: none;}
#menu li.aktivni, .sub-aktivni, .error { color: #a11925;}

#menu li { border-bottom: 2px solid #ffffff; margin-left: -5px; margin-right: -5px; padding:0 5px 0 20px;}
#menu li.aktivni { padding: 7px 5px 7px 20px;}
#menu .submenu li { border-bottom: none; margin-left: 0; padding-left: 0;}
	.submenu { margin: 0.5em 0 0.5em 1em;}
	.submenu li, #menu .submenu li.aktivni, .submenu .m-i {margin-left: 0;padding: 7px 5px 7px 0;}

#menu, #novinky { margin: 10px 5px 30px 5px; padding: 0;}

#menu a { text-decoration: none; color: #0d0163; font-weight: 900; font-size: 95%; width:100%; display: block; padding:7px 5px; margin-top:0; margin-bottom:0; margin-left: -5px; }
#menu a:hover { background: #0d0163; color: white; width: 100%; margin-left: -20px; padding-left:20px;}
#menu .submenu a:hover { margin-left: -32px; padding-left:32px;}
#menu .submenu .submenu a:hover { margin-left: -48px; padding-left:48px;}

#menu strong { color: #a11925; font-weight: 900; font-size: 95%;}
	#menu .sub-aktivni { color: #a11925;}
	#menu .submenu .m-i a { color: #0d0163; }

/*panely*/
div.head { height: auto; margin:0; padding:0; }
#page {width:100%; text-align:left; margin:0 auto; padding: 0; background: transparent;}

#panel-left { float: left; width: 25%;}
#right-panel {width:72%; float: right;}

#content, #sitemap, .under-bar { background: #ffffff;min-height: 620px; margin-top: 20px; padding-left: 1em;}
#content .text { max-width:800px; }

#content li { padding: 0.5em; list-style-type: square; color: #0d0163; margin-left: 1.33em;}
#content li.typ1 { list-style-type: square; color: #a11925;}
#content li.typ2 { list-style-type: none;}
#content li span { color: #000;}

#content p {margin:0.5em 0;}


/* footer */
#footer { clear:both; background: #5dc3db url(../img/layout/spodni-right.gif)  bottom right no-repeat;  margin: 0; padding: 0;}
#footer-inner { background: url(../img/layout/spodni.gif)  bottom left no-repeat; text-align: center; margin: 0; padding: 0;}
.infooter { border-bottom: 4px solid #ffffff; padding-bottom: 0.1em; margin: 0 0 -1.5em 0; height:1em; font-size:1em;}

/*OSTATNI*/
/*odkaz s logem*/
.skola { margin: 2em 0 ;}
.logo-skoly { background: white;  padding: 0;}
#content .logo-skoly img {  margin: 0; padding:5px; border: 2px solid #5dc3db;  }


/*formular*/
#contactFRM fieldset { padding:0.5em; width:90%; }

fieldset { border:solid 1px #0d0163; padding: 0.5em; margin: 0;}
textarea { width:400px; height: 170px;} /*sirka kvuli prohlizeci Opera*/
legend {font-size:120%; font-weight:600; color:#a11925;}
fieldset th {text-align:left;}
input { width: 50%;}
input.odeslat { width: 150px;}

#sitemap input { width: 1em;}

.common input {
	width: 90%;
}

.common .submit {
	width: auto;
	margin-top: 5px;
	padding:3px 8px;
	color: #a11925;
	font-weight: bold;
	/*float: right;*/
}

/*tabulky*/
table {font-size:100%;border:none; margin: 1em 0;}
td, th {vertical-align:top;}

table.with 				{ border-collapse: collapse; border:1px solid #a11925; margin-left: 0.5em;}
table.with td, table.with th	{ border-bottom: solid #a11925 1px; margin: 0; padding: 0.1em 0.2em;}
table.with th			{ text-align: center; background: #5dc3db; color: #a11925;}
table.with tr:hover, table.with td:hover { background: #fff7aa;}

/*tabulky - bez hover*/
.kontakt table {border-top: 1px solid #0d0163; padding:5px;}
.kontakt .address table { border-top: none;}
.kontakt th {background:transparent; color: #0d0163;} /*kvůli IE 5.0*//**/
thead {font-style:italic;text-align: left;}

/*sitemap*/
#ul-sitemap { padding-top: 1em;}
#sitemap li { padding: 0; list-style-type: square; color: #a11925; margin-left: 1.33em;}
#sitemap .submenu li { color: #0d0163;}
#sitemap .submenu li a { color: #0d0163;}
.description { color: #000;}

/* articles */
ul.articles li { margin: 0; list-style: none;}
.article-heading { display: inline; margin: 0;color:#0d0163; }
.article-header { margin-top:10pt; }
.article-date { float:right; vertical-align: text-bottom; color: #0d0163!important;}
#news-box .article-date, #news-news .article-date {float:right;}
.article-more { margin-top: 10pt;margin-bottom:20px; text-align: right; }
.articles p {color: black; }
.wsw { clear: both;color:black;  }
.wsw p { margin: 0;}
.article-author {float: right;}

#news-box .articles li, #news-news .articles li {clear:both;}


#discussion-roll .title {background: #e9e9e9;margin-top: 10px;}
#discussion li, #discussion ul {margin-top: 5px;}
.post-list {background: #e5e5e5; }
.post-list ul {background: #F2F2F2; }
.post-list ul ul {background: #e5e5e5;}

.post-list ul ul ul {background: #F2F2F2;}
.post-list ul ul ul ul{background: #e5e5e5;}

/*nezarazene*/
	body.wsw .zen-frg-flash { min-height: 100px; height : 100px; border: 1px dashed red; }
	#navigace { text-transform: lowercase; padding-bottom: 1.0em; }
	.border { border-top: 2px solid white;}
	.noborder {border:none;text-decoration:none;}
	.cistic {clear:both; margin:0; padding:0;}
	.invisible, .hide {display:none; clear:both;}
	#page-url { visibility:hidden;}
	.page-url {display: none; }
	.hide-descriptions .description {display: none;}
	.normal { font-weight: normal; }

table.photoGallery { width: 100%; }
.photoGallery tbody tr td a img { max-width: 165px;}

table#activities {
	width: 100%;
	border-collapse: collapse;
}

table#activities tr.row td {
	padding: 5px 0px 5px 0px;
}

table#activities .header th {
	font-weight: bold;
	color: #0d0163;
}

table#activities .header th a {
	font-weight: bold;
	color: #0d0163;
}

table#activities tr.header th {
	border-bottom: 1px solid #0d0163;
	padding-bottom: 5px;
}

#quotation {
	color: #0d0163;
}

#quotation cite {
	float: right;
	margin-top: 0.5em;
}

}



@media print {
	.head, #navigace, #panel-left, #footer { display: none; }
}