html, body { 
	margin:0; 
	padding:0; 
	text-align:center;
	background: #fff;
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em; } 

#pagewidth { 
	width:950px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; } 
 
/* Header complex */
#header {
	position:relative; 
	height:186px; 
	width:100%; } 

#header .top {
	background: #fff url("images/index_02.jpg") no-repeat;
	color: #fff;
	width: 950px; height: 25px;
	padding-left: 78%; }

#header .logo { margin-top: 6px; }

#header .head_left, #header .menu, #header .menu_right {
	float: left; }

#header img {
	border: none; margin: 0; }

/* Left Column */ 
#leftcol {
	width:186px; 
	float:left; 
	position:relative;
	min-height: 600px; 
	background: #fff url("images/left_menu.jpg") no-repeat; }

#leftcol .leftcol_in { margin-top: 2em; }
/* Main Content */
#maincol {
	background: #fff url("images/content.gif") no-repeat;
	float: right; 
	display:inline; 
	position: relative; 
	width:764px;
	min-height: 600px; }

#maincol .main_in {
	margin:-.25em 2em 2em 2em;
	text-align: justify; }

#l_home {
	width: 500px;
	float: left;
	margin-right: 50px; }

#r_home {
	font-family: tahoma, sans-serif;
	font-size: .85em;
	text-align: center; }

/* Footer */
#footer {
	background-color:#1d4600;
	clear:both;
	font-size: .80em; color: #ccc;
	padding: 0;
	text-align: center; }

/* General */

#header .logo h1 {
        margin: 0; }
        
h1, h2 {
	font-size: 1.5em;
	text-align: center;
	color: #374840;
	font-family: helvetica, serif; }

h3, h4 {
	text-align: left; color: #336633; font-family: arial, sans-serif; }

.note {					/* poznamky */
	font-style: italic; padding: 0 5em; }

.context {
	text-align: center; color: #000080; font-size: .80em; }	/* Context menu odkazy */

img {					/* obrazky */
	border: none;
	margin-right: 15px;
	margin-bottom: 7px; }

p.meniny { text-align: center; }

.marquee { font-family: tahoma, sans-serif; font-size: 20px; color: #64a25c; }

.podpora { margin-left: 1.2em; }
.podpora img { float: left; }

iframe { border: none; }
#flash { background: white; padding: 5px; }
#flash p { text-align: left; margin: 0; }

p.headnavig { font-family: tahoma, arial, sans-serif; color: #ff9933; font-weight: 600; }
.pocitadlo { margin-top: 3em; }

/* Linky */
a:link, a:visited { color: #666600; font-weight: bold; }	/* linky - zakladne */
a:hover { color: #64a25c; text-decoration: none; }

.top a:link, .top a:visited { color: #fff; font-size: .80em; }	/* linky - top&bottom */
.top a:hover { color: #fff; text-decoration: none; }

/* Sidemenu */
.glossymenu{
margin: 5px 1px;
padding: 0;
width: 178px; /*width of menu*/
border-bottom-width: 0; }

.glossymenu a.menuitem{
background: transparent;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #ccc;
color: #374840;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 6px 0;
padding-left: 10px;
text-decoration: none; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #374840; }

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none; }

.glossymenu a.menuitem:hover{
background: transparent url(images/menu.gif);
color: #ff9933; }

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white; }

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0; }

.glossymenu div.submenu ul li{
border-bottom: 1px dashed #397442; }

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px; }

.glossymenu div.submenu ul li a:hover{
background: #dfdccb; }			/* colorz: white; */

/* Kontakt */
img.kontakt {
	margin: 2px;
	float: none; }

#kontakt ul {
	width: 190px;
	float: left;
	list-style: none;
	text-align: left;
	line-height: 2em; }

#kontakt ul li {
	height: 95px; }

#kontakt ul.predmet, #zamest ul.pozicia {
	font-weight: bold; }

/* Mapa */
.mapa ul {
	padding-left: 80px; line-height: 1.75em; }
 
/* Kruzky */
table.kruzky {
	margin: 0 auto;
	border: none;
	width: 740px;
	text-align: left;
	font-size: 0.90em; }

table.kruzky td {
	font-family: tahoma, verdana, sans-serif;
	width: 246px;
	text-indent: 1.2em;
	color: #0000FF; }

/* Casopis */
ul.redakcia {
	text-align: center;
	list-style: none;
	font-style: italic; }

/* Uspechy nasej skoly */
#uspexy { width: 100%; margin: 0 auto; }
#monitor, #sutaze, #pytagoriada { width: 100%; float: left; border-bottom: 1px dashed #ccc; padding-bottom: 1em; }
.popis { width:60%; float:left; }
.predmet { float:left; width:20%; }
.olympiada { width:25%; float:left; }
#pytagoriada { margin-top:1em; }
.pytagoriada { width:50%; float:left; }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}