body {
margin: 0 0 20px 0;
padding: 0;
font-size: 70%;
text-align: center;
background: #8599A6 url(../img/bg.gif);
color: #5A5A5A;
}

#outer {
margin: auto;
margin-top: 30px;
padding: 13px;
padding-bottom: 0;
text-align: left;
width: 754px;
border-top: 1px solid #ADB8C0;
background: #5B6D79 url(../img/sitebg.gif);
position: relative;
}

#inner {
border: 1px solid white;
border-bottom: 0;
width: 752px;
background: white;
}

*{
font-family: arial ce, arial, sans-serif;
font-size: 100%;
}

hr.test{
height: 1px;
border: none;
border-bottom: 1px dashed black;
clear: both;
}

table {
clear: both;
margin: 0 20px 10px 0;
border-collapse: collapse;
display: inline-block;
}
	
th, td {
padding: 2px 5px;
vertical-align: top;
text-align: left;
border: none;
}
	
.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{clear: both;}

img {
border: none;
}

img.leva {
float: left;
margin-right: 10px;
}

img.prava {
float: right;
margin-left: 10px;
}

img.floatleft {
float: left;
margin-right: 10px;
}

img.floatright {
float: right;
margin-left: 10px;
}

/****************************************************************/

#menu1 {
min-height: 25px;
height: expression(25 +"px");
background: url(../img/menubg.jpg) 0 0 no-repeat;
}

#menusub {
min-height: 25px;
height: expression(25 +"px");
/*background: url(../img/menubg2.jpg) 0 0 no-repeat;*/

}

#menusub a.act {color: #FFF;}

#menu1 ul, #menusub ul {
padding: 0;
margin: 0 0 0 176px;
list-style: none;
background: #FFF;
overflow: hidden;
border-left: 1px solid #FFF;
_display: inline-block;
}

#menu1 ul li, #menusub ul li {
padding: 0;
margin: 0;
display: inline;
}

#menu1 ul li a, #menu1 ul li a:visited, #menusub ul li a, #menusub ul li a:visited {
position: relative;
display: block;
float: left;
padding: 6px 9px 5px 8px;
text-decoration: none;
text-transform: uppercase;
color: #5A5A5A;
}

#menu1 ul li a img, #menusub ul li a img {
position: absolute;
top: 0;
right: -1px;
visibility: hidden;
}

#menu1 ul li a:active img, #menu1 ul li a:hover img, #menu1 ul li a.act img, #menusub ul li a:active img, #menusub ul li a:hover img, #menusub ul li a.act img {
visibility: visible;
}

#menu1 ul li a:active, #menu1 ul li a:hover, #menu1 ul li a.act, #menusub ul li a:active, #menusub ul li a:hover, #menusub ul li a.act {
background: transparent url(../img/hover.gif) 0 0 no-repeat;
color: white;
}

#flash {
clear: both;
position: relative;
margin-bottom: 1px;
}

#flashsub {
clear: both;
height: 174px;
/*background: url(../img/flash2.jpg) no-repeat;*/
position: relative;
margin-bottom: 1px;
}

#flash img.abs, #flashsub img.abs {
position: absolute;
left: -11px;
top: -26px;
}

#flashsub img.logo {
position: absolute;
left: 25px;
behavior: url(http://svnvip.dev.cz/riversideschool/_dataPublic/iepngfix.htc)
}

#content {
position: relative;
top: -3px;
_top: 0;
width: 752px;
background: url(../img/mainbg.gif) 446px 40px no-repeat;
}

#main {
width: 460px;
float: left;
}

#main h1 {
background: #B5C818 url(../img/h1bg.gif) 0 0 no-repeat; 
color: white;
font-size: 160%;
height: 22px;
padding: 10px 20px 8px 40px;
margin: 0;
font-weight: normal;
}

#main h2, #mains h2 {
background: url(../img/odr_bg.gif) 0 12px no-repeat; 
font-size: 120%;
padding: 10px 0 0 20px;
margin: 0;
color: #96A806;
position: relative;
}

#main p {
padding: 10px 20px 10px 0;
}

#main ul {
padding: 10px 20px 10px 22px;
margin: 0;
list-style: none;
}

#main ul li {
padding: 0 0 0 22px;
background: url(../img/odr_sg.gif) 3px 5px no-repeat;
}

#mains {
margin: 0 20px;
line-height: 1.4em;
}

#mains h1 {
background: #B5C818 url(../img/h1bg.gif) 0 0 no-repeat; 
color: white;
font-size: 160%;
height: 22px;
padding: 10px 20px 8px 43px;
margin: 0;
font-weight: normal;
}


#mains p {
margin: 0 0 15px 0;
}

#mains ul {
padding: 10px 20px 10px 15px;
margin: 0;
list-style: none;
}

#mains ul li {
padding: 0 0 0 22px;
background: url(../img/odr_sg.gif) 3px 3px no-repeat;
display: inline-block;
}

#mains ol {
padding: 10px 20px 10px 22px;
margin: 0;

}

#mains ol li {
position: relative;
padding: 0 0 0 0px;
left: 40px;
}

#mains td ul li{
padding: 0 0px 0 15px;
left: -24px;
background: url(../img/odr_sg.gif) 3px 50% no-repeat;
}

#mains td {
padding: 0 0px 0 0px;
position: relative;

}

#news {
width: 292px;
float: right;
}

#news h2 {
background: #B5C818 url(../img/odr_bw.gif) 5px 50% no-repeat; 
color: white;
height: 22px;
font-size: 160%;
padding: 10px 20px 8px 30px;
margin: 0;
font-weight: normal;
}

#news h3 {
color: #73860F;
background: url(../img/odr_sdg.gif) 12px 50% no-repeat;
padding: 5px 20px 5px 30px;
margin: 10px 0 0 0;
}

#news h3 a, #news h3 a:visited {
color: #73860F;
text-decoration: none;
}

#news h3 a:active, #news h3 a:hover {
text-decoration: underline;
}

#news p {
color: #73860F;
margin: 0;
padding: 0 20px 0 30px;
}


#ender {
position: relative;
top: -3px;
_top: 0;
clear: both;
color: white;
padding: 14px 20px 5px 20px;
text-align: center;
background: url(../img/bottombg.gif) 0 100% no-repeat;
margin: auto;
width: 740px;
}

#ender a {
color: white;
}

/****************************************podstranka*/

#contentsub {
width: 752px;
background: url(../img/mainbgsub.gif) 571px 66px no-repeat;
}

#mainsub {
position: relative;
width: 585px;
float: left;
}


#main a, #main a:visited, #mainsub a, #mainsub a:visited {
color: #204EAC;
}

#main a:active, #main a:hover, #mainsub a:active, #mainsub a:hover {
color: #E44C01;
}

#nadpis h1 {
background: #B5C818 url(../img/h1bg.gif) 0 0 no-repeat; 
color: white;
font-size: 160%;
height: 22px;
padding: 10px 20px 8px 40px;
margin: 0;
font-weight: normal;
}

#menu2 ul.menu2 {
position: relative;
width: 100%;
min-height: 26px;
height: expression(26 + "px");
background: #416CC4 url(../img/menu2bg.gif) 100% 0 no-repeat;;
padding: 0;
margin: 0;
list-style: none;
}

#menu2 ul.menu2 li {
padding: 0;
margin: 0;
display: inline;
}

#menu2  ul.menu2 li a, #menu2  ul.menu2 li a:visited {
display: block;
float: left;
padding: 6px 10px;
background: #416CC4;
text-decoration: none;
color: white;
}

#menu2  ul.menu2 li a:active, #menu2  ul.menu2 li a:hover, #menu2  ul.menu2 li a.act {
color: #416CC4 !important;
background: white url(../img/menu2a_bg.gif) 100% 0 no-repeat !important;
}

#mainsub h2 {
background: url(../img/odr_bb.gif) 0 50% no-repeat; 
font-size: 160%;
padding: 10px 20px 10px 30px;
margin: 10px 0 0 0;
color: #204EAC;
font-weight: normal;
position: relative;
}

#mainsub ul li h3 {
background: transparent;
padding: 0 20px 10px 5px;
}

#mainsub h3 {
background: url(../img/odr_mb.gif) 0 7px no-repeat; 
font-size: 110%;
padding: 5px 0 10px 20px;
position: relative;
margin: 0;
color: #204EAC;
}

#mainsub h4 {
font-size: 110%;
padding: 5px 20px 5px 0;
margin: 0;
color: #204EAC;
font-weight: normal;
}

#mainsub p {

text-align: justify;

}

#mainsub ul {
padding: 10px 20px 10px 22px;
margin: 0;
list-style: none;
}

#mainsub table, #mainsub table.subjects {
border: none;
margin: 0 0 10px 0;
}

#mainsub table.subjects th {
padding: 2px 5px 2px 15px;
text-align: left;
border: none;
}

#mainsub table.subjects td {
padding: 2px 5px 2px 15px;
/*border: none;*/
background: url(../img/odr_sb.gif) 0 50% no-repeat;
}

#mainsub table.subjects td.empty {
background: none;
}



#mainsub ul li {
position: relative;
padding: 0 0 0 15px;
background: url(../img/odr_sg.gif) 3px 4px no-repeat;
}

#pics {
width: 167px;
float: left;
}

#pics h2 {
color: white;
font-size: 160%;
padding: 10px 20px 0 12px;
margin: 0;
font-weight: normal;
text-align: left;
}

.imgbox1 {margin-top: 46px !important;}
.imgbox1, .imgbox2, .imgbox3 {
width: 104px;
padding: 8px;
margin: 20px 0 0 22px;
text-align: center;
background: #416CC4 url(../img/boxtop.gif) no-repeat;
}

.imgbox1 img, .imgbox2 img, .imgbox3 img {
border: 1px solid white;
}

.boxtxt {
width: 120px;
background: #416CC4 url(../img/boxbottom.gif) 0 100% no-repeat;
margin: 0 0 0 22px;
}

.boxtxt p {
color: white;
background: url(../img/odr_sw.gif) 10px 5px no-repeat;
padding: 0 8px 5px 25px;
margin: 0;
}

#endersub {
clear: both;
color: white;
padding: 14px 20px 5px 20px;
text-align: center;
background: url(../img/bottombgsub.gif) 0 100% no-repeat;
margin: auto;
width: 740px;
}

#endersub a {
color: white;
}


/*******************************************************************popup*/

#popup {
width: 500px;
margin: auto;
text-align: center;
}

#popup h1 {
background: #A6B90C url(../img/odr_bw.gif) 15px 50% no-repeat;
color: white;
display: block;
margin: 0;
font-size: 160%;
font-weight: normal;
text-align: left;
padding: 20px 20px 20px 40px;
}

.pager{
	height: 2.3em;
	line-height: 2.3em;
	text-align: center;
	font-size: 120%;
	}
.pager a.prev {
	padding-left: 40px;
	font-weight: bold;
	}
.pager a.next {
	padding-right: 40px;
	font-weight: bold;
	}

#navi {
position: relative;
background: #416CC4;
height: 2.3em;
line-height: 2.3em;
text-align: center;
color: white;
margin-bottom: 20px;
}

#navi a {
padding: 5px;
color: white;
font-size: 120%;
	}
	#navi a.active{
		font-weight: bold;
		text-decoration: none;
		}

#navi a.prev {
position: absolute;
top: -5px;
left: 0;
padding-left: 40px;
background: url(../img/odr_prev.gif) 15px 50% no-repeat;
font-weight: bold;
}

#navi a.next {
position: absolute;
top: -5px;
right: 0;
padding-right: 40px;
background: url(../img/odr_next.gif) 75% 50% no-repeat;
font-weight: bold;
}

#navi a.act, #navi a.next, #navi a.prev {
text-decoration: none;
}

#image {
clear: both;
text-align: center;
}

#image img {
border: 1px solid #ADB8C0;
background: #5B6D79 url(../img/popupbg.gif);
padding: 12px 12px 9px 12px;
}

/***************************** galserka 
#pic {
padding: 5px 0 0 10px;
width: 200px;
}

#pic img {
clear: both;
}

#pic h2 {
text-align: center;
margin: 10px 0;
padding: 0;
font-size: 120%;
font-weight: bold;
}

#pic h3 {
text-align: center;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}

table.gal {
border-collapse: collapse;
border: none;
}


table.gal td {
padding: 2px;
vertical-align: middle;
text-align: center;
border: 2px solid #4B8ECB;
}

table.gal td.nobrd {
padding: 2px 15px 2px 2px;
vertical-align: top;
text-align: center;
border: none;
}

table.gal a, table.gal a:visited {
text-decoration: none;
}

table.gal a:active, table.gal a:hover {
background: none;
}
***************/
/******************* calendar **********/

table.calendar {
	width: auto;
	border-collapse: collapse;
	border: none;
	margin: 5px;
}

div.calendar {
	float: right;
	padding: 20px;
	padding-top: 40px;
	/*width: 100px;*/
	width: auto;
}

table.calendar td {
	border: 1px solid #4B8ECB;
}

table.calendar td a.akcni {
	width: 100%;
	height: 100%;
	background: red;
}

#calendar{
	width: 160px; 
	overflow: hidden; 
	text-align: center;
	color: #294261;
	font-weight: bold;
	margin-top: 15px;
	}
	#calendar .month {color: #294261;}
	form {margin: 0; padding: 0;}
	#calendar table{
		width: auto;
		text-align: center;
		margin: 3px 0 0 9px;
		}
		#calendar th {color: #294261; text-align: center; padding: 0;  border: 1px solid #6090E1;}
		#calendar td {padding: 2px 4px; text-align: center; background: #416CC4; border: 1px solid #6090E1; font-weight: normal;}
		#calendar a {
			color: #FFF;
			text-decoration: none;
			}
			#calendar td:hover {background: #B5C818;}
				#calendar td:hover a { color: #416CC4;}

#PhotoGallery{
	margin-top: 10px;
	text-align: center;
	}
	#PhotoGallery .Item{
		width: 260px;
		text-align: left;
		margin-bottom: 15px;
		float: left;
		margin-right: 10px;
		color: #FFF;
		background: url(../img/foto_tr.gif) no-repeat top right #6190E0;
		}
		#PhotoGallery .Item img {
			padding: 8px 8px 5px 12px;		
			}
			#PhotoGallery .Label {			
				text-align: left;
				padding: 0 8px 8px 12px;
				background: url(../img/foto_bl.gif) no-repeat bottom left;
				}
				
		#pics .Item {
			background-color: #416CC4;
			width: auto;
			float: none;
			margin-left: 5px;
			text-align: center;
			background-image: none;
			}
			#pics .Item img {
				padding: 6px 6px 3px 6px;
				
					}
			#pics .Label {
				background: none;
				padding: 0 6px 5px 6px;
				text-align: center;
				}
		
		
		#mains #PhotoGallery .Detail .Picture a img{
			width: 360px; 
			height: 240px;
			}
			
/* ******** SITE MAP ********** */

#SiteMap {
	padding-top:  25px;
	line-height: 1.5em;
	margin-left: 30px;
	}
	#SiteMap img {margin-right: 5px;}
	
	#SiteMap ul {padding: 0; font-weight: bold;}	
		#SiteMap ul ul {margin-left: 25px;}
			#SiteMap ul ul ul {font-weight: normal;}
		#SiteMap ul li {
			background: none;
			padding: 4px 0;
			margin: 0;
						
			}
	.SideMenuItem {padding: 0;}
		
/* teachers */	
#teacher-detail #bigfoto{
	float: right;
	width: 240px;
	}
#teacher-detail #description{
	float: left;
	text-align: justify;
	width: 290px;
	}
.no-img img{
	display: none;
	}
td.akce a { font-weight: bold !important; }