@charset "utf-8";
@import url("styles_obrazky.css");
@import url("styles_titulnistrana.css");

body {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	overflow:scroll;
}
#page {
	width: 1024px;
	margin: 0 auto;
	padding: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	background:#FFFFFF none repeat scroll 0;
}
/* spolecne pro vsechny stranky*/
/*začátek záhlaví stránky*/
#zahlavi { /*poloha celého záhlaví*/
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:90px;
	padding: 0 0px;
	border-bottom:solid RGB(80,173,220) 1px;
	/*border-left: solid RGB(80,173,220) 1px;*/
}
#logo { /*logo skoly v zahlavi*/
	width:80px;
	height:80px;
	float:left;
	background-image:url(../images/logo1.gif);
	background-position:top;
	margin:-5px 0 0 15px;
}
#nazev_skoly { 
	width:500px;
	height:80px;
	position:relative;
	left:40px;
	top:10px;
	font-weight:bold;
	font-size:24px;
	padding-top:0px;
	float:left;
	color:#154088;
}
#motto {
	width:500px;
	height:80px;
	font-style:italic;
	font-size:22px;
	text-align:right;
	color:RGB(80,173,220);
	float:right;
	position:relative;
	right:35px;
	top:-70px
}
/*konec zahlavi stranky*/

/*začátek zápatí webu*/
div#zapati {
	background: #154088;
	border-top:solid RGB(80,173,220) 1px;
	font-size:0.6em;
	color:white;
	height:30px;
	margin-top:-17px
}
div#zapati1, div#zapati2 {
	width:40%;
}
div#zapati1 {
	padding-left:8px;
	padding-top:7px
}
div#zapati2 {
	float:right;
	text-align:right;
	padding-right:8px;
	margin-top:-11px;
}
/*konec zápatí webu*/

#banner {      /*ulov si spolužáka*/
	width:179px;
	height:149px;
	background:url(../images/banner.jpg);
}
.clearfloat { /* Tato třída musí být umístěna u elementu div nebo break a musí být posledním elementem před uzavřením kontejneru, který musí plovoucí prvek zcela obsahovat. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* hlavni menu */
#hlavni_menu {
	float: left;
	width: 214px; /* Jelikož se jedná o plovoucí element, je nutné zadat šířku. */
	padding:0px 0 0 20px;
}
DIV.menu {
	FONT-SIZE: 70%;
	margin:10px 0px 0px 0px;
	color:#154088;
}
DIV.menuhlavni a {
	font-size:100%;
	font-weight:bold;
	padding:0;
	color: #154088;
}
DIV.submenu {
	font-weight:bold;
	color:#4faddc;
	margin-left:8px;
}
div.submenu a.sub {
	font-weight: bold;
	color:#4faddc;
}
div.submenu a.sub:visited {
	color: #4faddc;
	font-style: normal;
	font-weight:bold;
}
div.submenu a.sub:hover {
	color: #4faddc;
	font-style: normal;
	font-weight:bold;
}
div.submenu a.sub:link {
	color: #4faddc;
	font-style: normal;
	font-weight:bold;
}
/* konec hlavního menu */
#vlastni_obsah {
	margin: 0px 0px 0px 226px; /* Pravý okraj lze zadat v procentech nebo obrazových bodech. Dojde k vytvoření mezery podél pravé strany stránky. */
	min-height:515px;
	padding-left:0px;
	padding-top:0px;
	font-size:80%;
	border-left:solid RGB(80,173,220) 1px;
}
/* lista s vyhledáváním */
#lista {
	width: 787px;
	height: 34px;
	background: #154088;
	border-bottom:solid RGB(80,173,220) 1px;
	text-align:right;
	font-size:11px;
	color:white;
	padding:0px 10px 0 0;
	margin-top:-17px
}
#lista a {
	color:white
}
#lista a.kontakt {
	color:#4faddc
}
/* vyhledání v liště s vyhledáváním */
.vyhl {
	margin:-10px 0 0px 18px;
	padding:0;
	width:30%;
}
input.hledej {
	font-size:100%;
	color:#154088;
	width:150px;
	height:16px;

}
input.tl {
	position:relative;
	top:8px;
}
/* konec vyhledání v listě vyhledávání*/		

div.vyhl_odkazy {
	width:50%;
	text-align:right;
	float:right;
	margin:-60px 10px 0 0
}
/* konec listy s vyhledáváním */
P {
	margin:0 23px 5px 23px;
	text-align:justify;
}
div {
	text-align:left
}
a {
	font-weight:normal;
	text-decoration:underline;
	color:#36C
}
h1 {
	font-size: 1.4em;
	color: #154088;
	margin:0 23px 5px 23px;
}
mezera {
	margin:23px 15px 5px 23px;
}
h2 {
	font-size: 1.1em;
	color: #154088;
	margin:15px 20px 5px 23px;
}
h3 {
	font-size: 0.9em;
	color: #154088;
	margin:15px 20px 5px 23px;
}
h1 + h2 {
	margin:-5px 20px 5px 23px;
}
h2 + h3 {
	margin:-5px 20px 5px 23px;
}
p + h1 {
	margin:18px 20px 5px 23px;
}
UL {
	margin-top:0px;
	margin-bottom:10px;
	padding-left:50px;
}
OL {
	margin-top:0px;
	margin-bottom:10px;
	padding-left:70px;
}
ol {
	list-style-type: decimal;
}
ol.pismeno {
	list-style-type:lower-alpha;
	margin-left:5px;
}
ol ol li {
	list-style-type:lower-alpha;
}
TD {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px
}