html {
		margin: 0;
		padding: 0;		
		overflow-x: hidden;
	}
	body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		background-color:#FFFFFF;
		text-align: center;
	}
	img {
		border: 0;
	}
	a.leftmenu {
		color: #FFFFFF;
		text-decoration: none;
		line-height: 1.5em;
	}
	a.leftmenu:hover {
		color: #D0D0D0;
		text-decoration: none;
	}
	a.leftmenu:active {
		color: #D0D0D0;
		text-decoration: underline;
	}
	a.leftmenu:visited {
		color: #FFFFFF;
		text-decoration: none;
	}

	a {
		color: #C1131D;
		text-decoration: none;
	}
	a:hover {
		color: #C1131D;
		text-decoration: underline;
	}
	a:active {
		color: #C1131D;
		text-decoration: underline;
	}
	a:visited {
		color: #C1131D;
		text-decoration: none;
	}
	
	#main {
		width: 888px;
		min-height: 768px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		background: #FFFFFF;
		background-image: url('../images/background.jpg');
		background-repeat: no-repeat;
	}	
	#logo {
		width:204px;
		float: left;
		height:83px;
		background-image: url('../images/sentia-logo.png');
		background-repeat: no-repeat;
		margin: 0;
	}
	#topbar {
		width:684px;
		float: left;
		height:64px;
		background-image: url('../images/sentia-jazykova-skola.png');
		background-repeat: no-repeat;
		margin: 0;
	}
	#topmenubox {
		width:684px;
		float: left;
		height:20px;
		margin: 0;
	}
	#topmenuleft {
		width:44px;
		float: left;
		height:20px;
		background-image: url('../images/top-menu-red-stripe-left.png');
		background-repeat: no-repeat;
		margin: 0;
	}
	#topmenu {
		width: 79px;
		float: left;
		height:20px;
		margin-right: 1px;
		background-image: url('../images/top-menu-red-bkg.png');
		background-repeat: repeat-x;
	}
	
	#topmenuitem {
		width:99px;
		float: left;
		height:20px;
		margin-right: 1px;
		padding-top: 2px;
		background-image: url('../images/top-menu-red-bkg.png');
		background-repeat: repeat-x;
	}
	
	#topmenuitems {
		float: left;
		width: 540px;
		height:20px;
		background-image: url('../images/top-menu-red-bkg.png');
		background-repeat: repeat-x;
	}
	
	a.mainmenu,a.mainmenu:visited {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	a.mainmenu:hover, a.mainmenu:active {
		color: #D0D0D0;
		text-decoration: none;
	}
	ul.mainmenu  {
		display: inline;
		list-style: none;
	}
	li.mainmenu {
		float: left;
		margin-left: 20px;
	}
	
	ul.leftmenu {
		text-align: left;
		list-style: none;
		margin: 0;
		background-color: Yellow;
	}
	li.leftmenu {
		color: #FFFFFF;
		background-color: Grey;
	}
	
	#leftmenutop {
		width:180px;
		height:14px;
		background-image: url('../images/left-menu-top.png');
		background-repeat: no-repeat;
	}
	#leftmenubottom {
		width:180px;
		height:14px;
		background-image: url('../images/left-menu-bottom.png');
		background-repeat: no-repeat;
	}
	#leftmenu {
		width:180px;
		height: 600px;
		background-color:#C1131D;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1em;
		font-color: #FFFFFF;
		text-align: justify;
	}
	#leftmenubox {
		float: left;
		width: 180px;
		margin-left: 5px;
	}
	
	#contentbox {
		float: left;
		width: 690px;
		margin-left: 10px;
	}
	#contentboxtop {
		width:690px;
		height:14px;
		background-image: url('../images/content-box-top.png');
		background-repeat: no-repeat;
		margin: 0;
	}
	#contentboxbottom {
		width:690px;
		height:14px;
		background-image: url('../images/content-box-bottom.png');
		background-repeat: no-repeat;
		margin: 0;
	}
	#content {
		width:690px;
		min-height:660px;
		background-color: #F0F0F0;
		text-align: justify;
		padding-left: 0px; 
		padding-right: 0px; 
		text-align: justify;
		
		line-height: 1.5em;
	}
	
	#leftmenupluscontent {
		float: left;
		width:890px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 1em;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow:hidden;
	}	
	
	img.contentimg {
		border: 5px solid #D0D0D0;
		margin: 10px;
	}
	
	table {
		border-collapse:collapse;
		font-size: 1em;
		margin: 10px;
	}
	td,tr,th {
		border: 1px solid #D0D0D0;
		padding: 4px;
	}
	thead {
		font-weight: bold;
		background-color: #D0D0D0;
	}
	
	input, select, textarea, button {
		border: 1px solid #D0D0D0;
		font-size: 1em;
		font-weight: normal;
		margin: 0.2em;
	}
	
	input:focus, select:focus, textarea:focus, button:focus, input:hover, textarea:hover, select:hover, button:hover {
		border: 1px solid #D0D0D0;
		background-color: #F0F0F0;
	}
	form {
		margin: 10px;
	}
	
	h1 {
		font-size: 1.5em;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.2em;
	}
	h2 {
		font-size: 1.2em;
		margin-top: 1em;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;		
	}
	h3 {
		font-size: 1em;
		font-weight: bold;
	}
	
	ul {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	input[type="file"], input.file {
		border: 1px solid #C1131D;
	} 
	
	input, select, textarea, button {
		border: 1px solid #C1131D;
	}
	input:focus, select:focus, textarea:focus, button:focus, input:hover, textarea:hover, select:hover, button:hover {
		border: 1px solid #C1131D;
		
	}
	input.submit {
		border: 1px solid #C1131D;
		background-color: #C1131D;
		color: #FFFFFF;
	}
	label {
		float: left;
		width: 7em;
	}
	fieldset {
		border: 0;
	}
	
	.okanswer {
		color: #CACACA;
		background-color: #C1131D;
	}


div.galerie                             {width: 100%;text-align: center;}
ul.galerie li                           {display: block;vertical-align: top;margin: 0 0 0 0;text-align: center;float: left;}
ul.galerie li                       {display: table;width: 145px;}
ul.galerie li .wrimg                    {display: block;font-size: 1px;}
ul.galerie>li .wrimg                    {display: table-cell;vertical-align: middle;width: 145px;height: 145px;}
ul.galerie .wrimg span                  {display: none;}
ul.galerie a                            {display: block;text-decoration: none;color: #AAAAAA;cursor: pointer;}
ul.galerie img                          {border: 0px none; vertical-align: middle;}
ul.galerie a:hover .wrimg               {background: #CCCCCC;}