body {
	padding: 7px 0 0 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	line-height:1.6em;
	text-align:center;
	color: #333;
	background-color: #6699CC;
	background-attachment: fixed;
	background-image: url(graphics/BODYpozadi.png);
	background-repeat: repeat-x;
	background-position: left top;
}

div#main {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(graphics/pozadi_salmon.png);
	background-repeat: repeat-y;
	position:relative;
	}

div#hlavicka-null {
	width: 100%;
	padding: 0;
	border: 0;
	}
div#hlavicka {
	padding: 0px;
	background: url(graphics/Banner.gif) no-repeat;
	height: 94px;
	width:750px;
	}
div#hlavicka a {
	display:block;
	height: 80px;
	width: 240px;
}
/*Styly pravy pruh----------------------------------------------------------------------------------*/


div#vpravo-null {
     width:230px;
	 position:absolute;
	 top: 125px;
	 right:0;
     
}

div#vpravo {
     padding: 35px 15px 0 0;
     
}
div#pravypruh{
	height: 20px;
	width:215px;
	background-image: url(graphics/pravypruhHlavicka.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#pravypruh span {
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-transform: lowercase;
}

ul#sidemenu {
	margin-left: 10px;
	padding:0;
 	list-style: none;
}

ul#sidemenu li {
	padding-left:25px;
	padding-top: 2px;
	padding-right:5px;
	line-height: 16px;
	margin-top:10px;
	text-indent:0;
	background-image: url(graphics/odrazkarucickacervena.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

ul#sidemenu li a {
	margin:0;
	padding:0;
	color: #006699;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #006699;
	text-decoration: none;
	}
	
ul#sidemenu li a:hover {
	padding-left: 0px;
	text-decoration: none;
	border:none;
	color: #99CCFF;
	
	}
	
	
/* STYLY lEVY PRUH ----------------------------------------------------------------------------------*/
div#vlevo-null {
		width: 520px;
		margin-right: 220px;}
div#vlevo {
     	padding: 35px 20px 0 50px;
		}
#homepage div#vlevo {
     	padding: 35px 20px 0 70px;
		}

div#vlevo ul {
	margin: 0 0 3em 0;
	padding:0;
	list-style-type: none;
	line-height: 1.5em;
}
div#vlevo ul.lessbottom {
	margin: 0 0 2em 0;
	padding:0;
	list-style-type: none;
	line-height: 1.5em;
}


div#vlevo ul li {
	margin:0 0 0.9em 0;
	padding-left:25px;
	text-indent: 0;
	text-align: justify;
	background-image: url(graphics/odrazkasipka.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.48em;
	}
div#vlevo ul li.newsletter {
	margin:0 0 0.5em 0;
	padding-left:27px;
	text-indent: 0;
	text-align: justify;
	background-image: url(graphics/pdfsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
div#vlevo ul li a {
	margin:0;
	padding:0;
	color: #006699;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #006699;
	text-decoration: none;
}
	
div#vlevo ul li a:hover {
	padding-left: 0px;
	text-decoration: none;
	border:none;
	color: #99CCFF;
	
	}
	
div#vlevo ul li.last {
	padding-left:0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 5px 0.58em;}

div#paticka-null {
     width: 100%;
     padding: 0;
     border: 0;     
}
div#paticka {
	padding: 0;
	background: url(graphics/paticka.png) no-repeat;
	height: 30px;
}
.noscreen { 
     display: none
}

/*HORNI MENU*/
#menu {
	display: block;
	font-size:10px;
}
	
#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	width: 107px;
	display: block;
	float: left;
	position: relative;
	line-height: 24px;
	}

#menu a {
	display: block;
	text-transform:lowercase;}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	padding-bottom:8px;
	left:5px;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu {
	color: #000;
	border: 0px;
	height: 24px;
	background-image: url(graphics/menu2.png);
	background-repeat: no-repeat;
	}

#menu li:hover {
	color:#FFCC66;}

#menu a {
	text-decoration: none;
	text-align: center;
	color: white;
	padding: 0px;
}

#menu li a:hover {
	color: #FFCC99;
}

#menu li ul li a:hover {
	color: #006699;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006699;
	border-left-color: #006699;
	padding-left: 3px;
	padding-right:3px;
} /*pouze pro Internet Explorer*/

#menu li ul {
	color: #333333;
	width: 195px;
	background-image: url(graphics/menu/pozadi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menu li ul a {
	color:#333333;
	text-align: left;
	padding: 0 4px 0 4px;}

#menu li li.submenu {
	
}
#menu li ul li {
	border-bottom: 1px solid white;
	
}



/* KONKRÉTNí STYLY------------------------------------------------------------------------------------- */

span.paticka{
	font-size: 10px;
	line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 30px;
	color: #CCCCCC}
span.underline{
	font-style: italic;
	color: #666666;
	font-size: 75%;
	text-transform: none;
	border: none #666666;
	line-height: 20%;
	font-variant: normal;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
		}
table.tramon{margin-bottom:5px;
	}

a.top {
	margin:0;
	padding:0;
	display:block;
	background:#FFFFFF url(graphics/TOP.gif) no-repeat center top;
	height: 23px;
	width: 20px;
	clear:both;}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
h2 {
	padding:0;
	margin:0em 0 0.30em;
	font-size: 190%;
	color:#003366;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h3 {
	padding:0;
	margin:0 0 1em;
	font-size:140%;
	color:#006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	}
h3.homepage {
	padding:0;
	margin-top:-20px;
	margin-bottom:0.3em;
	font-size:170%;
	color:#006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}
	
h4.podnadpis {
	padding:0;
	margin:0 0 0.30em;
	font-size:105%;
	color:#990000;
	font-weight: bold;
		}
.contactusnadpis {
	padding:0;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:140%;
	color:#006699;
	}	
p{
	line-height: 1.66;
	font-size:100%;
	text-align: justify;
	padding:0;
	}
p.text {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3.8em;
	margin-left: 0px;
	clear: both;
	}
p.contactus {
	line-height: 1.4;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3.8em;
	margin-left: 0px;
	clear: both;
	}
	
p.text:hover {
	color:#006699;
	}
p.shortbottom {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.3em;
	margin-left: 0px;
	clear: both;
	line-height: 1.55}
p.shortbottom:hover {
	color:#006699;
	}
p.shortbottom em {font-size:95%;
				color:#666666;}
p.text em {font-size:95%;
			color:#666666;}

p.quote em {font-size:95%;
			color:#666666;}
p.quote {
	font-size:100%;
	text-align: justify;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
	clear: both;
		}
p.quotemorespace {
	line-height: 1.5;
	font-size:100%;
	text-align: justify;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3em;
	margin-left: 0px;
	clear: both;
		}
p.teamfoto {
	font-size: 70%;
	line-height: 1.66;
	font-size:100%;
	text-align: left;
	margin-bottom: 3em;
	clear: both;}

p.teamfotoright {
	font-size: 70%;
	line-height: 1.66;
	font-size:100%;
	text-align: right;
	margin-bottom: 3.5em;
	clear: both;}
p.teamfotobottom{
	line-height: 1.66;
	font-size:100%;
	text-align: right;
	margin-bottom: 1.5em;
	clear: both;}

p.teamfoto strong, p.teamfotoright strong {font-size: 112%;}	

#welcome {
      margin-top: 0; padding:0;
      position:relative;
      width:325px; height:32px;
      overflow:hidden;
      }
#welcome span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:325px; height:32px;
      margin-top: 0px; padding:0;
      background:url(graphics/welcometext.png) no-repeat left top;
      }

 
#ourmission {
	margin-top: 0;
	padding:0;
	position:relative;
	width:138px;
	height:35px;
	overflow:hidden;
	font-size: 100%;
}
#ourmission span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:138px; height:35px;
      margin-top: 0px; padding:0;
      background:url(graphics/ourmission.gif) no-repeat left top;
}

/*Styly pro fotografie---------------------------------------------------------------------*/
div#homepagefoto-null {
		width:750px;
		margin:0}
div#homepagefoto {
		padding: 2em 0 0 70px;
		margin:0
	}

.foto{
	padding:3px;
	background: lightblue;
	margin: 1.1em 1.1em 1.1em 0em;
	border: 1px solid #99CCFF;
	float:left;
}
.fotomontessori{
	padding:3px;
	background: lightblue;
	margin: 1.1em 0.1em 1.1em 0em;
	border: 1px solid #99CCFF;
	float:left;
}
.fotoflash{
	padding:3px;
	background: lightblue;
	margin: 1.1em 1.1em 1.1em 0em;
	border: 1px solid #99CCFF;
	float:left;
	height: 150px;
	width: 200px;
	display:block;/*jinak firefox dela jinou velikost nez explorer*/
	}
.fotoflashAMS {
	margin: 1.1em 0.1em 1.1em 0em;
	float:left;
	height: 150px;
	width: 100px;
	display:block;/*jinak firefox dela jinou velikost nez explorer*/}

.fotoAMS{
	padding:0;
	background: silver;
	margin: 17px 17px 17px 0em;
	border: 1px solid #99CCFF;
	float:left;
}
.fotoleft{
	padding:3px;
	background: lightblue;
	margin: 17px 0em 17px 17px;
	border: 1px solid #99CCFF;
	float:right;
}
.fotoleftlonger{
	padding:3px;
	background: lightblue;
	margin: 17px 0em 30px 17px;
	border: 1px solid #99CCFF;
	float:right;
}
hr {
	visibility: hidden;
	height: 1%;
}

span.sipkadoleva {
				t
	text-align: left;
margin:0;padding:0;}

div#contback {
	background-color:#FFEAD5;
	padding: 5px;
	margin-top: 10px;
	background-image: url(graphics/contactbackground.png);
	background-repeat: repeat-y;
	background-position: left;
}