/* --- dodefinice stylu pro vkladane stranky --- */
.red {
  color: red;
}

.blue {
	color:#0050af;
}

.vyrazny {
	color: #990000;
	font-size: larger;
	letter-spacing: .125ex;
}

/* hlavni sada*/
body {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	/*font-size:0.8em;*/
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background: white;
	text-align: center;
}

h1, h2, h3 {	font-family: Arial, Helvetica, sans-serif; } /*color:#00709F; }*/
h1 {	margin: 1ex 0ex 2ex 0ex; font-size: 1.6em; }
h2 {	font-size: 1.2em; }
h3 {	font-size: 1em; }
h4 {	font-size: .89em; }
h5 {	font-size: .6em; }
h6 {	font-size: .5em; }

pre {  font-size: 1.2em; }

a {
	color:#00709f;
	text-decoration: none;
	font-weight: bold;
}
a:active, a:hover {
	color:#00709f;
	text-decoration: underline;
	font-weight: bold;
}
hr {	border: 1px inset; }
div {	margin: 0px; padding: 0px; border: 0px none black; }
img {	border: 0px; text-decoration: none; }

#stranka {
	position: relative;
	top:0;
	width:800px;
	background: #f6f6f6 url('../images/bg.gif') repeat-y left;
	margin: auto;
	text-align: left;
}
#vnitrek {
	position: relative;
	width:780px;
	left: 20px;
	border-right: 1px solid #afd9f5;
	border-left: 1px solid #afd9f5;
}
#motiv {
	position: relative;
	width:100%;
	height: 80px;
	background: url('../images/toplogok.jpg') no-repeat center;
}
#motiv h1{ display: none; }

#imgskola {
  width: 560px;
  height: 220px;
  background: url(/images/budova.jpg) no-repeat center top;
  margin: 0px;
  padding: 0px;
}

#hlavnimenu {
	position: relative;
	width: 100%;
	height: 45px;
	background: url('../images/toplogob.jpg') no-repeat top center;	
}

#zahlavistr, #zapatistr {
	position: relative;
	width: 100%;
	height: 1.8em;
	background: #9e9e9e;
	color:#E4E4E4;
	font-size:0.85em;
	font-weight: normal;
}

#zapatistr {
/*	background: transparent;*/
 clear: both;
 text-align: right;}
#zapatistr a { color:#e4e4e4; text-decoration: none; font-weight: normal; }
#zapatistr a:active, #zapatistr a:hover { color:#ffffff; text-decoration: underline; font-weight: normal; }
 

#podmenu { position: relative; margin: 10px 10px 10px 0; z-index: 68;}
#podmenu h2:first-letter {text-transform : uppercase;}
#podmenu li { list-style : none;}
#podmenu li a { color:#000080; text-transform:none; text-decoration: none;}
#podmenu li a:hover {color:#fff; background-color:#000080; border-color:#000}

#telo { position: relative; margin: 10px; z-index: 64;}
#telo p {
  margin-bottom: .5ex;
  margin-top: .5ex;
}

/* leva, stredni, prava polozka zahlavi (sedy prouzek na zacatku stranky) */
.levemenu, .pravemenu, .stredmenu { padding: 3px 10px 0 10px;}
.levemenu { text-align: left; float: left;}
.pravemenu { text-align: right; float: right;}
.stredmenu { text-align: center;}
.stredmenu a, .pravemenu a, .levemenu a{ color:#e4e4e4; text-decoration: none; font-weight: normal; }
.pravemenu a:active, .pravemenu a:hover, .levemenu a:active, .levemenu a:hover { color:#ffffff; text-decoration: underline; font-weight: normal; }


/* styl pro _ucplany.php a _homepage.php */
#telo .homecoll { float: left; padding: 0 0 1em .5em;}
#telo .uplan { display: inline;}
#telo .homecoll a { color:#00709f; text-decoration: none; font-weight: normal;}
#telo .homecoll a:active, #telo .uplan a:hover { color:#00709f; text-decoration: underline; font-weight: normal;}

/* ------------------------------------------------ hlavni index stranka -----------------------------------------------*/

#levysloupec {
	position: relative;
	width: 570px;
	float: left;
	border-right: 1px dashed #afd9f5;
  z-index: 66;
}
#pravysloupec { position: relative; width: 180px; float: right;  z-index: 66;}

#clanky { width: 555px;  z-index: 70;}
#clanky h2 { font-size:14px; font-weight: bold; margin-left: 0px; margin-bottom: 5px; }

.clanek {
  margin: 0 1em 0 0;
  list-style: outside url('../images/odrazka.gif');
}
/* tridy pro definici "odrazky" */
.icobin {  list-style: outside url(../images/_bin.gif);}
.icodoc {  list-style: outside url(../images/_doc.gif);}
.icogif {  list-style: outside url(../images/_gif.gif);}
.icohtm {  list-style: outside url(../images/_htm.gif);}
.icojpg {  list-style: outside url(../images/_jpg.gif);}
.icopdf {  list-style: outside url(../images/_pdf.gif);}
.icoxls {  list-style: outside url(../images/_xls.gif);}
.icozip {  list-style: outside url(../images/_zip.gif);}

.clanek h4 {
  font-size: 1.0em;
  font-weight: bold;
  margin: 5px 0 1px 0;
  display: inline; /*  padding: 0 0 0 15px;*/
}
.clanek h4 a { font-weight: bold; }
.clanek #clanky p { font-size:0.9em; text-align: left; margin: 0px; padding: 5px 0 0 0; }

#vyhledavani h2 { font-weight: bold; margin-left: 0px; margin-bottom: 5px; }
#vyhledavani p { text-align: left; margin: 0px 0 0 28px; }
#vyhledavani form { margin: 0px; padding: 0px; }
#vyhledavani #hltext { font-weight: normal; text-align: left; margin-top: 10px; margin-bottom: 5px; margin-left: 28px; width: 130px; border-style:solid; border-color: #9E9E9E; border-width:1px; }
#vyhledavani #hltlac { margin-left: 28px; width: 134px; border-style:none; border-color: #111; border-width:2px; }

#fastmenu {
  border: 1px solid #afd9f5;
  margin: 1em;
  padding: 0;
}
#fastmenu h2 { display: none;}
#fastmenu ul { margin: 0; padding: 0;}
#fastmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	line-break: strict;
	overflow: hidden;
	white-space: nowrap;
}

#fastmenu li a {
	display: block;
	font-size: 13px;
	_width: 127px;
	padding: .25ex .5em;
	margin: 0px;
	text-decoration: none;
}

#fastmenu li a:hover {
  /*color: #f6f6f6;*/
  background: #afd9f5 none repeat fixed center;
  text-decoration: underline;
}

/*
#fastmenu li a:hover {
  color: #f6f6f6;
  background: #00709f none repeat fixed center;
}
*/

.oddeleni hr { display:none; }
.oddeleni {	display:block; width:100%; height: 5px; margin-top: 5px; border-top: 1px solid #add8e6;}
.datum { color:#9e9e9e; }
.podpis { font-size:0.85em; font-style: italic; text-align: right; }
.tlacitko { height: 20px; margin-left: 28px; text-align: right; }

*.schovat {	display: none;	position: absolute;}

/* Menu */
#menu ul, #menu ol, #menu li {margin:0; padding:0; }
#menu {
	position:absolute;
	clear: both;
	top:80px;
	left:1px;
	width:780px;
	height:45px;
	z-index:100;
}
#menu h2 {display:none; }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:focus, #menu a:active {text-decoration:none; }
#menu ul li {display:block; float:left; height:100%; list-style-type:none; text-align:center; padding:0; margin:0; }
#menu li a {font-size:10px; font-weight:bold; color:#000080; text-transform: none;}
#menu li a span {display:block; border: none; padding:4px 3px 0 3px; }
#menu li a:hover span {color:#000080; border:3px solid #000000;padding:1px 3px 0 3px; }
#menu-l1-1 {width:87px; }
#menu-l1-2 {width:87px; }
#menu-l1-3 {width:86px; }
#menu-l1-4 {width:86px; }
#menu-l1-5 {width:86px; }
#menu-l1-6 {width:87px; }
#menu-l1-7 {width:87px; }
#menu-l1-8 {width:87px; }
#menu-l1-9 {width:86px; }
#menu-1 {left:-1px; }
#menu-2 {left:87px; }
#menu-3 {left:174px; }
#menu-4 {left:260px; }
#menu-5 {left:346px; }
#menu-6 {left:432px; }
#menu-7 {left:519px; }
#menu-8 {left:606px; }
#menu-9 {right:1px; }
#menu ul div { display: none; position: absolute; width: 173px; top: 45px; z-index: 200; border-bottom: 2px solid #00709f;
 background: url('../images/podmenu.gif') repeat; /*#ecf5ff*/
 /*filter: alpha(opacity=90);*/}
#menu ul ul {position:static; padding:0 2px; margin:0 0px; } /*background-color:#F6F6F6; */
#menu li li {display:block; position:static; float:none; height:1%; margin:0px; padding:0px; font-size:8px; white-space:normal; text-align:left; }
#menu li li a {display:block; padding:1px 2px; margin:0 0px; font-weight:bold; color:#000080; vertical-align:middle; text-transform:none; border-bottom: 1px dotted #add8e6;}
#menu li li a:hover {color:#fff; background-color:#000080; border-color:#000}
#menu li li .skryt {display: none;}
/*#menu li li a:hover {color:#000; background-color:#e8bd97; border-color:#000}*/