div {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: none;
	border-color: Green;	/* jen pro orientaci, kdyby vyplul */
}


html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: Black;
	background-color: #483D8B;		/*okraje a spodek stránky*/
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

li {
	list-style-type: none;
}

div.centralizer {
	width: 130ex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;	
}

div.centralizer2 {
	text-align: left;
	width: 130ex;
	margin-top: 0px;
	margin-bottom: 0px;	
	background-color: #B7DDFF;
	margin-left: auto;
	margin-right: auto;
	float: left;
	/*
	background-image: url(../pics/strom.png);
	background-position: center center;
	background-repeat: no-repeat;
	*/
}


div.header {
	width: 130ex;
	border: 0px none Aqua;
	float: left;
	background-color: #BAFFB7;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}



div.topskola {
	float: left;
}

div.topskola img {
	height: 20ex;
	margin-left: 2.5ex;
	margin-right: 2.5ex;
	margin-bottom: 2.5ex;
	margin-top: 2.5ex;
	float: left;
}




div.toptext {
	float: left;
	margin-right: 6.5ex;
	margin-bottom: 0ex;
	margin-top: 2.5ex;
	width: 65ex;
}

div.topbox {
	margin-left: 2.5ex;
	float: left;
}

div.topbox img {
	width: 60ex;
	float: left;
}

span.header {
	font-size: 7ex;
}


div.topimg {
	float: left;
	clear: none;
}

div.topimg img {
	height:20ex;
	margin-right: 2.5ex;
	margin-bottom: 2.5ex;
	margin-top: 2.5ex;
	float: left;
	clear: none;
}



div.topbottom {
	clear: both;
	width: 100%;
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
	text-align: center;
	font-size: 2.5ex;
}

div.footer {
	width: 130ex;
	margin-right: 0px;
	padding-right: 0px;
	background-color: #BAFFB7;
	float: left;
}



/******************************  menu  *******************************/

div.menu {							/* pozor na bordery rámečků!!! */
	width: 25ex;
	padding-top: 2ex;
	background-color: transparent;
	float: left;
	overflow: hidden;
}

div.menu2 {
	width: 20ex;
	padding-top: 2ex;
	background-color:	transparent;
	float: left;
	overflow: hidden;
}

div.menu a, div.menu2 a {
	text-decoration: none;
}

div.menu ul, div.menu2 ul {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.menu li, div.menu2 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.menu div.active {
	background-color: #F0F8FF;
	border: 2px solid #40A6FF;
	width: 20ex;
	padding-top: 0.25ex;
	padding-bottom: 0.25ex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0ex;
	margin-bottom: 1.5ex;
	text-align: center;
	cursor: pointer;
}

div.menu2 div.active {
	font-size: 85%;
	background-color: #F0F8FF;
	border: 2px solid #40A6FF;
	width: 20ex;
	margin-left: 0ex;
	margin-right: auto;
	margin-top: 0ex;
	margin-bottom: 0.5ex;
	text-align: center;
	cursor: pointer;
}

div.menu div.pasive {
	background-color: #C8FFC6;
	border: 2px solid #40A6FF;
	width: 20ex;
	padding-top: 0.25ex;
	padding-bottom: 0.25ex;
	margin-top: 0ex;
	margin-bottom: 1.5ex;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	cursor: pointer;
}



div.menu  a:link, 
div.menu2 a:link,
div.menu a:visited,
div.menu2 a:visited {
	color: #40A6FF;
}


div.menu a:hover, div.menu2 a:hover {
	color: #09CE00;
}


div.menu2 div.pasive {
	font-size: 85%;
	background-color: #C8FFC6;
	border: 2px solid #40A6FF;
	width: 20ex;
	margin-top: 0ex;
	margin-bottom: 0.5ex;
	margin-left: 0ex;
	margin-right: auto;
	text-align: center;
	cursor: pointer;
}


div.menu2 div.empty {
	background-color: transparent;
	border: 2px solid blue;
	width: 1ex;  
	visibility: hidden;
	padding-top: 0.25ex;
	padding-bottom: 0.25ex;
	margin-top: 0ex;
	margin-bottom: 1.5ex;
	margin-left: auto;
	margin-right: auto;
}

/**************************** body obecne ***********************************/

div.bodyshort {
	width: 85ex;
	background-color: transparent;
	padding-bottom: 5ex;
	float: left;
}

div.bodywide  {
	width: 105ex;
	background-color: transparent;
	padding-bottom: 5ex;
	float: left;
}

span.invis {
	display: none;
	visibility: collapse;
}
	

h1 {
	color: #09CE00;
	font-size: 4ex;
	margin-bottom: 0.5ex;
	margin-top: 1ex;
	margin-left: 2ex;
}

h2 {
	color: Black;
	font-size: 3ex;
	margin-top: 1ex;
	margin-bottom: 1ex;
}


h3 {
	color: Black;
	font-size: 2.25ex;
	margin-top: 1ex;
	margin-bottom: 1ex;
}




em {
	color: #09CE00;
	text-decoration: none;
	font-style: normal;
}

em.big {
	font-size: 200%;
}

img.hr {
	width: 75%;
	height: 0.4ex;	
	margin: 0px 0px 0ex 0px;
	padding: 0px 0px 0ex 0px;
	border: 0px solid black;	
}



p {
	padding-right: 5ex;
	margin-left: 3ex;
	font-size: 2ex;
}

p.right {
	text-align: right;
}


/************* linky ******************/

a:link, a:visited {
	color: #40A6FF;
	text-decoration: none;
}

a:hover {
	color: #09CE00;
	text-decoration: underline;
}

/********************** index  ***************************/

div.txt {
	border: 2px solid #40A6FF;
	background-color: #F0F8FF;
	width: 25%;
	margin-top: 3ex;
	margin-left: 3ex;
	padding-bottom: 0.5ex;
	float: left;
}

div.txt em {
	margin-left: 1ex;
}

img.strom {
	width: 50ex;
	border: 2px solid #40A6FF;
	float: right;
	clear: none; 
	margin-right: 2.5ex;
}

/********************** zapis  ***************************/

ul.zapis li {
	list-style-type: disc;
	list-style-position: outside;
}


/********************** dokumenty  ***************************/

ul.doc li {
	list-style-type: disc;
	list-style-position: outside;
	padding-right: 2ex;	/* nedědí z tagu p!!! */
}


/************************ galerie  **********************************/

.galp {
	width: 100ex;
	overflow: auto;
}


.imgblock {
	float:left;
	width: 250px;
	height: 250px;
	overflow: hidden;
}

.imgblock a img {
	border: 3px solid #40A6FF;
}

.imgblock a:hover img {
	border: 3px solid #09CE00;
}


/*********   sipau a spol ***********************/

div.sipau {
	margin-left: 25px;
	height: 76px;
	width: 708px;
	background-image: url(../pics/logaga.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	
}