@charset "utf-8";

/* Základní layout, odkazy a často používané styly */

body {

	font: 11px Tahoma, Verdana, Arial;

	color: #000000;

	background: #009600 url(./images/bg-body.png) repeat-x;

	margin: 40px auto 10px;

	padding: 0px;

	text-align: center;

}

div {

	margin: 0px;

	padding: 0px;

	text-align: left;

	position: static;

}

img {

	border-style: none;

}

ul {

	margin: 0px;

	padding: 10px 0px 0px 30px;

	line-height: 130%;

}

li {

	padding: 3px 0px 0px 10px;

}

p {

	margin: 0px;

	padding: 10px 0px 0px;

	line-height: 130%;

	text-align: justify;

}

h1 {

	font-size: 18px;

	margin: 0px;

	padding: 10px 0px;

	font-weight: normal;

}

h2 {

	font-size: 13px;

	font-weight: bold;

	margin: 0px;

	padding: 10px 0px 0px;

}

h3 {

	font-size: 11px;

	font-weight: bold;

	margin: 0px;

	padding: 10px 0px 0px;

}

form {

	margin: 0px;

	padding: 0px;

}

input, select {

	font: 11px Tahoma, Verdana, Arial;

}

table {

	margin: 10px 0px 0px;

	padding: 0px;

	font-size: 11px;

	border-style: none;

	text-align: left;

}

th {

	padding: 4px;

	background: #009600 url(./images/bg-thead.png) repeat-x;

	color: #FFFFFF;

	font-weight: normal;

}

address {

	line-height: 130%;

	font-style: normal;

	margin: 0px;

	padding: 10px 0px 0px;

}

a {

	font-weight: bold;

	color: #009600;

	text-decoration: underline;

}

a:Hover {

	font-weight: bold;

	color: #FF6600;

	text-decoration: underline;

}

a.menu {

	color: #000000;

	text-decoration: none;

}

a.menu:Hover {

	color: #FF6600;

	text-decoration: none;

}

a.validation {

	color: #666666;

	font-weight: normal;

}

a.validation:Hover {

	color: #000000;

	font-weight: normal;

}

a.teachers {

	font-weight: normal;

}

a.teachers:Hover {

	font-weight: normal;

}

a.copyright {

	font-weight: normal;

	color: #FFFFFF;

}

a.copyright:Hover {

	font-weight: normal;

	color: #000000;

}

div#main {

	width: 740px;

	background: #FFFFFF url(./images/bg-main.png);

	margin: 0px auto;

}

div#mainUp {

	background: url(./images/main-up.png) no-repeat;

	padding: 10px 10px 5px;

}

div#mainBorder {

	padding: 5px;

	border: 1px solid #CCCCCC;

}



div#header {

	border-bottom: 1px solid #CCCCCC;

	float: left;

	width: 708px;

}



object#header_flash {

	width: 708px;

	height: 168px;

}



div#podhlavickou{

	border-bottom: 1px solid #CCCCCC;

	float: left;

	width: 708px;

	height: 2px;

}



div#logo {

	padding: 0px 0px 0px 380px;

	height: 83px;

}

div#address {

	font-size: 10px;

	color: #666666;

	text-align: right;

	padding: 15px 4px 4px 0px;

}

div#pages {

	border-bottom: 1px solid #CCCCCC;

	background: url(./images/gray-dot.png) repeat-y 180px 0px;	

}

div#menu {

	float: left;

	width: 180px;

}

ul#menuList {

	list-style: none;

	padding-left: 0px;

	line-height: 110%;

}

li.menu {

	border-bottom: 1px solid #CCCCCC;

	padding: 5px 0px 5px 25px;

}

li#home {

	background: url(./images/icons/home_a.png) no-repeat 0px 2px;

}

li#home:Hover {

	background: url(./images/icons/home_b.png) no-repeat 0px 2px;

}

li#news {

	background: url(./images/icons/news_a.png) no-repeat 0px 2px;

}

li#news:Hover {

	background: url(./images/icons/news_b.png) no-repeat 0px 2px;

}

li#about {

	background: url(./images/icons/about_a.png) no-repeat 0px 2px;

}

li#about:Hover {

	background: url(./images/icons/about_b.png) no-repeat 0px 2px;

}

li#organisation {

	background: url(./images/icons/organisation_a.png) no-repeat 0px 2px;

}

li#organisation:Hover {

	background: url(./images/icons/organisation_b.png) no-repeat 0px 2px;

}

li#programs {

	background: url(./images/icons/programs_a.png) no-repeat 0px 2px;

}

li#programs:Hover {

	background: url(./images/icons/programs_b.png) no-repeat 0px 2px;

}

li#projects {

	background: url(./images/icons/projects_a.png) no-repeat 0px 2px;

}

li#projects:Hover {

	background: url(./images/icons/projects_b.png) no-repeat 0px 2px;

}

li#dys {

	background: url(./images/icons/dys_a.png) no-repeat 0px 2px;

}

li#dys:Hover {

	background: url(./images/icons/dys_b.png) no-repeat 0px 2px;

}

li#forpupils {

	background: url(./images/icons/forpupils_a.png) no-repeat 0px 2px;

}

li#forpupils:Hover {

	background: url(./images/icons/forpupils_b.png) no-repeat 0px 2px;

}

li#activities {

	background: url(./images/icons/activities_a.png) no-repeat 0px 2px;

}

li#activities:Hover {

	background: url(./images/icons/activities_b.png) no-repeat 0px 2px;

}

li#classes {

	background: url(./images/icons/classes_a.png) no-repeat 0px 2px;

}

li#classes:Hover {

	background: url(./images/icons/classes_b.png) no-repeat 0px 2px;

}

li#nursery {

	background: url(./images/icons/nursery_a.png) no-repeat 0px 2px;

}

li#nursery:Hover {

	background: url(./images/icons/nursery_b.png) no-repeat 0px 2px;

}

li#food {

	background: url(./images/icons/food_a.png) no-repeat 0px 2px;

}

li#food:Hover {

	background: url(./images/icons/food_b.png) no-repeat 0px 2px;

}

li#four {

	background: url(./images/icons/four_a.png) no-repeat 0px 2px;

}

li#four:Hover {

	background: url(./images/icons/four_b.png) no-repeat 0px 2px;

}

li#ict {

	background: url(./images/icons/ict_a.png) no-repeat 0px 2px;

}

li#ict:Hover {

	background: url(./images/icons/ict_b.png) no-repeat 0px 2px;

}

li#links {

	background: url(./images/icons/links_a.png) no-repeat 0px 2px;

}

li#links:Hover {

	background: url(./images/icons/links_b.png) no-repeat 0px 2px;

}

li#contacts {

	background: url(./images/icons/contacts_a.png) no-repeat 0px 2px;

}

li#contacts:Hover {

	background: url(./images/icons/contacts_b.png) no-repeat 0px 2px;

}

p#counter {

	font-size: 10px;

	color: #666666;

	text-align: center;

	margin-bottom: 5px;

}

div#content {

	float: right;

	width: 528px;

}

div#contentPadding {

	padding: 0px 5px 10px 10px;

}

div#footer {

	background: #009600 url(./images/bg-footer.png);

	border-top: 1px solid #FFFFFF;

	font-size: 10px;

	color: #FFFFFF;

	padding: 5px 4px 6px;

}

div#mainDown {

	font-size: 1px;

	background: url(./images/main-down.png);

	height: 5px;

}

ul.list {

	list-style: url(./images/list.png);

}

div.cleaner {

	font-size: 1px;

	clear: both;

	height: 1px;

}

div.formBorder {

	border: 1px solid #CCCCCC;

	background: #F4F4F4;

	padding: 8px;

	margin-top: 10px;

}

div.thumbOut {

	background: #CCCCCC;

	margin: 12px 12px 0px 0px;

	float: left;

	width: 93px;

}

div.thumbOut:Hover {

	background: #FF6600;

	margin: 12px 12px 0px 0px;

	float: left;



	width: 93px;

}

div.thumbIn {

	padding: 1px;

}

div.fifth {

	margin-right: 0px;

}

div.fifth:Hover {

	margin-right: 0px;

}

table.form {

	margin-top: 0px;

}

.width40 {

	width: 40px;

}

.width50 {

	width: 50px;

}

.width60 {

	width: 60px;

}

.width65 {

	width: 65px;

}

.width70 {

	width: 70px;

}

.width80 {

	width: 80px;

}

.width130 {

	width: 130px;

}

.width150 {

	width: 150px;

}

.floatLeft {

	float: left;

}

.right {

	text-align: right;

}

.center {

	text-align: center;

}

.top {

	vertical-align: top;

}

/* Hlavní stránka */

div#photoHome {

	float: left;

	padding: 14px 8px 0px 0px;

}

div#photoHome2 {

	float: left;

	padding: 14px 8px 0px 0px;

}

/* Aktuality */

li.news {

	padding-bottom: 10px;

}

span.news {

	color: #666666;

}

/* Učitelský sbor */

table.teachers {

	width: 513px;

}

tr.teachersA {

	background: #F2FAF2;

}

tr.teachersB {

	background: #E5F4E5;

}

td.teachers {

	border-bottom: 1px solid #FFFFFF;

	padding: 4px;

}

/* Jídelníček */

div.foodName {

	float: left;

	width: 80px;

	line-height: 130%;

}

div.foodDesc {

	margin-left: 80px;

	line-height: 130%;

}

/* Kontakty */

div#contactsA {

	float: left;

	width: 215px;

}

div#contactsB {

	margin-left: 215px;

}

div#map {

	margin-top: 10px;

}



div#kontaktni-formular-div {

	float: left;

	margin-top: 20px;

	width: 500px;

}



div#kontaktni-formular-div table {

	width: 500px;

}



div#kontaktni-formular-div table tbody td input, textarea{

	border: 1px solid black;

	width: 390px;

	background: url(./images/bg1px_input.jpg) repeat-x;

}



div#kontaktni-formular-div table tbody td textarea{

	height: 130px;

}



div#kontaktni-formular-div table tbody td input.btn{

	border: 1px solid black;

	width: 100px;

	background: none;

}



td.colA {

 	width: 100px;

 	font-weight: bold;	

 }

 

 div#error-div {

 	font-weight: bold;

 	color: red;

 }

 

 div#trida_galerie_item {

 	

 }

 

 div#trida_galerie_back {

 	clear: both;

 	float: left;

 	width: 500px;

 	margin-top: 30px;

 	text-align: right;

 }
 
 
 div#proc_my {
 	float: left;
 }
 
 object#proc_my_flash {
 	width: 510px;
 	height: 600px;
 }
 
 div.iskola{
 	float: left;	
 	width: 175px;
 	margin: 10px 0px 20px 0px;	
 	font: 11px Tahoma, Verdana, Arial;
 	text-align: right;
 }
 
 div.iskola h2 {
 	margin: 3px 0px 5px 6px;	
 	text-align: left;
 }
 
 div.iskola .iskola_input	 {
 	border: 1px solid black;
	width: 135px;
	background: url(./images/bg1px_input.jpg) repeat-x;
	margin: 3px 0px 0px 0px;	
 }
 
 div.iskola .iskola_button	 {
 	border: 1px solid black;
	width: 40px;
	background: url(./images/bg1px_input.jpg) repeat-x;
	margin: 3px 1px 0px 0px;	
 }
 
 .iskola_label {
 	display: block;
 	float: left;
 	width: 35px;
 }