BODY {
	FONT-FAMILY:  "Helvetica CE", Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	margin : 0px;
	padding: 0px;
	background-position : 50% 20%;
}
.column {
	width: 750px;
	height: auto;
	margin: 10px auto;
	padding-left: 0px;
	padding-right: 0px;
	background : #FFFFE1 url(pictures/pozadi_2.jpg) repeat-y;
}
.top {
	width: 750px;
	height: 100px;
	background-color: white;
	margin: 0px auto 0px auto;
	border-bottom: 2px solid #FFA702;
}
.hlavni{
	float: left;
	width: 649px;
	height: 100px;
	background-image: url(pictures/baner4.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: white;
}
.logo{
	FLOAT: right;
	WIDTH: 101px;
	HEIGHT: 100px;
	margin : 0px;
	background-image: url(pictures/Logo.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.left-column {
	FLOAT: left;
	WIDTH: 150px;
	HEIGHT: auto;
	BACKGROUND-COLOR: transparent;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top : 10px;
	padding-bottom : 10px;
	margin : 0px auto 0px auto;
	text-align : center;
}

.okraj{
	width:140px;
	height: 20px;
	margin: 0px auto;
	padding : 0px;
	background : url(pictures/horni.gif) no-repeat 50% 100%;
}
.okrajd{
	width: 140px;
	height: 20px;
	margin: 0px auto 20px auto;
	background : url(pictures/dolni.gif) no-repeat;
}
.right-column {
	FLOAT: right;
	WIDTH: 582px;
	HEIGHT: auto;
	BACKGROUND-COLOR: transparent;
	padding-bottom: 10px;
	margin-right : 5px;	
}
.bottom {
	CLEAR: both;
	WIDTH: 750px;
	HEIGHT: 75px;
	BACKGROUND-COLOR: #FFFFA4;
	margin: 0px auto 0px auto;
	border-top : 2px solid #FFA702;
}
/* -----------------------nadpisy --------------- */
h1    {
	color: #F6A100;
	font-style: normal;
	font-family: "Copperplate Gothic Bold", "Handel Gothic AT",  sans-serif;
	font-size: 1.4em;
	margin: 20px 0px 5px 0px;
	text-transform: uppercase;
	font-variant: small-caps;
	letter-spacing: 0.2em;
}
h2.menu {
	color: black;
	font-style: normal;
	font-family: "Copperplate Gothic Bold", "Handel Gothic AT", sans-serif;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFA4;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-variant: small-caps;
	text-indent: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 0px;
	border-bottom: 0px;
	background-image: none;
	letter-spacing: 2px;
	text-align: center;
}
h2    {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 30px 5px 20px 0px;
	text-align: left;
	background-color: #FFFFB7;
	text-indent: 17px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left : 25px;
	border-bottom : 1px solid #EFF000;
	background-image : url(pictures/ukazatel.jpg);
	background-repeat : no-repeat;
	background-position : 10px 50%;
	letter-spacing : 2px;
}
h3    {
	color: #DB8F00;
	font-style: oblique;
	font-family: "Times New Roman", sans;
	font-size: 1.2em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 10px;
	margin: 4px 0px 2px 0px;
	text-align: center;
	letter-spacing: 1px;
}

/* ---------------------- odkazy ------------------ */
a {
	text-decoration: underline;
	color: #F4770F;
}
a:link    {
	color: #FF9831;
	text-decoration: underline;
}
a:visited {
	color: #FF7C4A;
	text-decoration: underline;
}
a:active  {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: #A3500B;
	text-decoration: none;
}
#main{
	text-align : right;
	margin : 20px 10px;
	font-weight : bold;
}
.nahoru{
	text-align : right;
	margin : 20px 10px;
	font-weight : bold;
}
.nahoru a{
	background : url(pictures/nahoru.jpg) no-repeat 0px 50%;
	padding-left : 25px;
	text-decoration : none;
}

p    {
	color: black;
	font-family:/* Verdana, */Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin: 10px 20px 20px 0px;
	text-align: justify;
	padding-left : 10px;
	/*text-indent : 1.5em;
	*/
	line-height : 1.5em;
} 
p.pronajem{
	text-indent: 0px;
	text-align: center;
}
.drop{
	float: left;
	font-size : 350%;
	line-height : 0.9em;
	margin : 4px 10px 10px 0;
	padding : 4px 10px;
	border : 2px solid #F6A100;
	background : #FEFF80;
}
#left{
	text-align : right;
}

img{
	margin: 5px 10px;
	border: 1px double #F6A100;
}
.obr_pravy{
	width : auto;
	height : auto;
	float: right;
}
.obr_levy{
	width : auto;
	height : auto;
	float:left;
}
#document{
	margin : 100px 0;
}
span#cas{
	color: black;
	font: normal normal normal 0.7em "Trebuchet MS", cursive;
	margin: 0px 2px 0px 370px;
	border-bottom: 1px solid #FEFF39;
}
/* ----------------------Seznam ---------------- */
ul{
	list-style : none;
	margin : 5px 10px 10px 0px; 
}
li{
	text-align : justify;
	margin : 5px 10px 5px 0px;
	font-size : 0.9em;
	font-family : "Microsoft Sans Serif",sans-serif;
	line-height : 1.5em;
}
ul li{
	background-image : url(pictures/sipka.jpg);
	background-position : 0px 2px;
	background-repeat : no-repeat;
	padding-left: 25px;
}
ul ul{
	margin : 5px 10px 5px 15px;
}
ul ul li{
	background-image : url(pictures/sipka2.jpg);
	background-position : 0px 2px;
	background-repeat : no-repeat;
	padding-left: 25px;
	margin :  5px 10px 5px 0px;
}

dl{
	margin : 10px 100px;
}
dt{
	color: #F6A100;
	font-style: oblique;
	font-family: "Times New Roman", serif;
	font-size: 1.1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 15px 0px 2px 0px;
	font-weight: bold;
}
dd{
	color: black;
	text-indent: 50px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top : 0px;
	line-height : 1.5em;
}
dl#skasd{
	margin : 5px 120px;
		list-style: decimal inside none;
}
#skasd dt{
	color: #F6A100;
	font-style: oblique;
	font-family: Century, sans-serif;
	font-size: 1.2em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 15px 0px 2px 0px;
}
#skasd dd{
	text-align: justify;
	font-family: Helvetica, serif;
	font-size: 0.8em;
	text-indent: -1em;
	background-image: url(pictures/sipka3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 30px;
}


dl#school {
margin : 5px 150px;
}

#school dd	{
	font-family: "Times New Roman", Times, serif;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding-top : 0px;
	text-indent : 30px;
}
dl.radskoly{
	margin: 10px 20px;
	text-align: left;
}
.radskoly dd{
	text-align: justify;
	font-family:/* Verdana, */Geneva, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}
#vyrocni{
	list-style : none;
}
#vyrocni li{
	background-image : none;
}
.radsd{
	margin : 10px 20px;
}
.radsd dt{
 	margin-bottom:-24px;
}
.radsd dd{
		font-family: Geneva, Arial, Helvetica, sans-serif;
		text-align : justify;
		text-indent: 40px;
}
.radsd p{
	margin : 10px;
	text-align: left;
}
.dokumenty{
	list-style : none;
	margin : 20px auto;
}
.dokumenty li{
	font-family : "Franklin Gothic Medium";
	font-size : 1.2em;
}
.dokumenty li a{
	text-decoration : none;
}
ol{
	list-style : none;	
}
ol li{
	padding: 5px 30px;
}
#one{
	background : url(pictures/numbers/jedna.gif) no-repeat 0px 50%;
}
#two{
	background : url(pictures/numbers/dva.gif) no-repeat 0px 50%;
}
#three{
	background : url(pictures/numbers/tri.gif) no-repeat 0px 50%;
}
#four{
	background : url(pictures/numbers/ctyri.gif) no-repeat 0px 50%;
}
#five{
	background : url(pictures/numbers/pet.gif) no-repeat 0px 50%;
}
/* ----------------------Tabulka ---------------- */
table {
	border-top : 1px solid #F6A100;
	border-left : 1px solid #F6A100;
	border-collapse: collapse;
	margin : 10px auto 20px auto;
}
caption{
	font-family: "Microsoft Sans Serif", sans-serif;
	font-size: 1.1em;
	font-style: normal;
	text-align: center;
	margin: 15px auto 10px auto;
	padding-bottom: 5px;
	color: black;
}
th,td {
	border-right: 1px solid #F6A100;
	border-bottom: 1px solid #F6A100;
/*	padding : 10px 25px;*/
	padding : 8px 17px;
}
th {
	font-family : Verdana;
	font-size : 0.8em;

	background-color : #FFFFA4;
}
#kontakt {
	border : 0px;
	margin : 0px 30px;
}
#kontakt td {
	border : 0px;
	margin : 0px;
	padding : 2px 5px;
	text-align : left;
	text-indent : 0px;
}
.cena {
	text-align : right;
}
#provoz th,td{
	text-align : center;
}
.zamestnanci{
	border: 0px;
	}
.zamestnanci th,  .zamestnanci td{
	border-right: 0px;
	border-bottom: 0px;
	background-color : transparent;
	padding: 5px;
}
.zamestnanci td{
	text-align: left;
}
.zamestnanci th{
	text-align: right;
	padding: 10px 15px;
}
.titul{
	text-align : right;
}

.teachers td{
	text-align: left;
 	padding-left : 5px;
}
.teachers .titul{
	border-right: 0px;
	padding-right : 2px;
	 padding-left : 25px;
}
.zaci th, .zaci td{
	padding : 4px 12px;
}
.zaci th{
 font-size : 70%;
}
.zaci td{
 font-size : 80%;
}
.trida{
	background-color : #FFE5B5;
}
.spodek{
	background-color : #FEFF2F;
}
#prospech td{
	background-color : #FFFFA4;
}
#prospech th{
	background-color : white;
}
#galerie{
	background: transparent;
	height: auto;
	width: auto;
	padding-bottom: 0px;
}
#galerie td{
	height: 115px;
	width: 145px;
	padding: 5px 0px;
}
#galerie td:hover{
	background-color: #FFB52B;
}
/* ----------------------- autor ---------------- */
address {
	text-align: center;
	font: normal small-caps normal 12px "Century Gothic", Georgia, serif;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-top: 20px;
	margin: 0px;
	vertical-align: bottom;
	color: black;
	background-image: url(pictures/kruh4.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
a#webmaster{
	font-size: 10px;
	color: black;
	font-family: "Trebuchet MS", sans-serif;
	margin: 1px;
	text-align: right;
	float: right;
	padding: 0px 20px 10px 0px;
}

/* ------------------- menu -------------------- */
DIV.navigation {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	WIDTH: 140px;
	COLOR: #fff;
	PADDING-TOP: 0px;
	BACKGROUND-COLOR: #FFFFA4;
	text-align: center;
	margin: 0px auto 0px auto;
	voice-family: "\"}\""; voice-family: inherit;
	WIDTH: 140px;	
	
}
DIV.navigation UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	width : 140px;
	list-style : none;
}
DIV.navigation LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	background-image: url(pictures/ukazatel_menu.jpg);
	background-position: left;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 1em;
	line-height: 1em;
	width: 135px;
	border-bottom: 1px dotted #FFCE93;
}
DIV.navigation A {
	PADDING-TOP: 1px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 2px;
	FONT-SIZE: 0.80em;
	WIDTH: 135px;
	COLOR: black;
	DISPLAY: block;
	text-decoration: none;
	voice-family: inherit;
	font-weight : normal;
	font-family : "MS Sans Serif", Geneva, sans-serif;
}
DIV.navigation A:visited {
	COLOR: black;
	width : 135px;
	text-decoration: none;
}
DIV.navigation A:hover {
	font-style: normal;
	font-weight: bold;
	width: 135px;
	text-decoration: none;
	color: #E19300;
}
DIV.navigation ul li  A:active, #selected {
	text-decoration: none;
	font-weight: bold;
	color: #414141;
}
.navigation br{
	margin: 1px;
}