@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: #ffef54; padding: 0; color: #000; }
#main-in {width:100%; margin: 0; background: transparent url(../img/layout/pajdulaci.png) 85% bottom no-repeat;margin-bottom:-4px;}

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

.img-thumb { cursor: pointer;}

/*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: #003981;}
.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; /*#134c95;*/ /*#a11925;*/ color:#a11925; 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: 1em 0; }
.loga p { text-align: center;}
.loga a { margin-left: 10px;}
.loga-nahr2 { margin-bottom: 12px;}
.loga-nahr {display:none;}
#box-text, .box-text { text-align: center;}
.toplist-skript { margin: 0 0 10px 0;}

/*header*/
#header			{ position: relative; background: #ffef54 url(../img/layout/head.png) top right no-repeat; height: 143px; text-align: center;}
#header h2		{ margin: 0; position: absolute; left:0; top:0; height: 143px; width: 385px; background-image: url(../img/layout/head-logo.gif); border:none;}
#h-pict, #homelink	{ position: absolute; left:0; top:0; height: 143px; width:100%; background: transparent url(../img/layout/head-logo.gif) 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: 0 5px 10px 0; padding:0; text-align: right; color: #ffffff; height:1px;} /*vyska pro Operu a IE*/
	#odkazy a { color: #ffffff; background: #a11925; font-size: 100%; text-transform: uppercase; text-decoration: none; margin:0; padding: 0 4px 0 7px; border-right: 1px solid #ffffff; 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: 2px 5px 2px 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;}

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

#menu a { text-decoration: none; color: #003981; 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 /*#menu li:hover,* / #menu li:hover a*/ { background: #a11925; 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 li:hover strong, #menu li ul li:hover { color: #003981 ;}*/

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

/*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; margin-bottom:256px;}

#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: #003981; 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;}


/*#pajdulaci {  clear:both;background: url(../img/layout/pajdulaci.png) 85% 0 no-repeat; width:100%; height: 265px;margin-bottom: -4px;}*/


/* footer */
#footer { clear:both; background: #ffef54 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 #ffef54;  }


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

fieldset { border:solid 1px #003981; 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: 50%;
	margin-top: 5px;
	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: #ffef54; color: #a11925;}
/*table.with tbody>tr:hover>td, table.with>tr:hover>th { background: #fc9;}*/
table.with tr:hover, table.with td:hover { background: #fff7aa;}

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

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

/* articles */
ul.articles li { margin: 0; list-style: none;}
.article-heading { display: inline; margin: 0;color:#003981; }
.article-header { margin-top:10pt; }
.article-date { float:right; vertical-align: text-bottom; color: #003981!important;}
#news-box .article-date, #news-news .article-date {float:right;}
.article-more { margin-top: 10pt; text-align: right; }
.articles p {color: black; }
.wsw { clear: both; }
.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; /*border: 1px solid #003981;*/}
.post-list ul {background: #F2F2F2; /*border: 1px solid #003981; border-right:0; border-bottom:0;*/}/*#FFF966;}*/
.post-list ul ul {background: #e5e5e5; /*border: 1px solid #003981;border-right:0; border-bottom:0;*/}

.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; }
	/*#content img { border: 1px solid #a11925; padding: 1px;}*/
	#navigace { text-transform: lowercase; padding-bottom: 1.0em; }
	.border { border-top: 4px solid white;}
	.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: #003981;
}

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

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

#quotation {
	color: #a11925;
}

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

.print {
	float: right;
}

}



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