html body {
  padding: 0;
  margin:0;
  color: #33312F;
  font-family: Arial,Verdana,  Tahoma;
  font-size: 11px;
  text-align: left;
  background-image: url(top-row.jpg);
  background-repeat: repeat-x;
  background-color:#FFFDFD;
  color:#58584F;/* 121212 */
  height:100%;
}



a                 {text-decoration: underline;}
a img             {border: none;}
a:link, a:visited {color: #1871A3; }


h1,h2,h3,h4 {
	margin-bottom: 2px;
}

a h1 {
  margin:10px 0px 0px 0px;
  color:white;
  font-size:28px;
  border:1px solid red;
}

p { margin: 0.5em 0; padding:5px 5px 5px 0px;  }


table {
font-size:11px;
background-color:#C0C0C0;
width:90%;
}
table td {
padding:2px 3px 2px 3px;
background-color:#F4F5ED;
}

table th {
background-color:white;
padding:2px 3px 2px 3px;
}

textarea  {
font-family :  Verdana, Arial CE, Helvetica CE, Arial, Helvetica;
font-size:11px;
background-color:#F7F7F7;
} 

/****************************************************/
/*             Hlavni identifikatory                */
/****************************************************/

#page {
margin-top:16px;
background: url(header_bg.jpg) top center no-repeat;
}

#in {
background-image: url(body_fade.jpg);
background-repeat: repeat-x;
height:100%;
padding-bottom:100px;

}

#container {
text-align:center;
padding:0px 5px 0px 5px;
width: 920px;
background-image: url(contbgx.gif);
background-repeat: repeat;
line-height:150%;
margin-left:auto;
margin-right:auto;
}

#header {
background-image: url(header_bgx.jpg);
background-repeat: no-repeat;
background-position:top left;
height:185px;
text-align:left;
}

#header .left {
width:300px;
float:left;
margin:0px 0 0 20px;
line-height:180%;
padding:0px 5px 0px 5px;
}

#header .left span{
visibility:hidden;
}

#header a#home {
margin:55px 0 0 0;
display:block;
width:290px;
height:69px;
background-image: url(zs-logo.gif);
background-repeat: no-repeat;
}

#header a#home h1{
visibility:hidden;
margin:0;
padding:0;
}

#header .right{
width:164px;
float:right;
padding:0;
height:126px;
padding:10px;
font-weight: heavy;
}

#welcomebox {
height: 272px;
background:#7CD728;
background-image: url(welcome-box-bg.jpg);
background-repeat: repeat-x;
}

#welcomebox .wcol {
height:257px;
width:305px;
float:left;
text-align:left;
line-height:125%;
color:white;
}

#welcomebox .wcol .in{
padding:8px 15px 15px 30px;
}

#welcomebox .wcol a{
color:white;
}

#welcomebox .wbox1 {
background-image: url(welcome-box2-bg.jpg);
background-repeat: repeat-x;
border-right:1px solid white;
}

#welcomebox .wbox2 {
background-image: url(welcome-box1-bg.jpg);
background-repeat: repeat-x;
border-right:1px solid white;
}

#welcomebox .wcol .list-box{
height:170px;
overflow:hidden;
}

#welcomebox .wcol h2 {
font-size:1.5em;
margin:20px 0px 10px 0px;
color:white;
}

#welcomebox .wcol h3 {
font-size:1em;
margin-top:15px;
}

.wcol .more {
text-align:right;
margin:12px 0 0 0;
}

img.illu {
margin-top:10px;
border:5px solid #F6F5F2;
}

#main {
margin:0px 0px 0px 0px;
background-image: url(main-bg.jpg);
background-repeat: repeat-y;
background-color:white;
}

#lang {
padding:0px 12px;
text-align:center;
margin:0;
}

#lang img { border:none;}
/******** MAIN MENU  ***********************/
#mainmenu ul {
clear:both;
margin:0px 0px 0px 20px; 
padding:0;
text-align: left;
font-size: 12px;
font-weight:bold;
line-height:100%;
text-align:center;
list-style:none;
height:32px;
overflow:hidden;
font-size:12px;
}

#mainmenu ul li {
background-image: url(mm-li-left.gif);
background-repeat: no-repeat;
float:left;
height:32px;
margin:0px 5px 0px 2px;
font-size:11px;
}

#mainmenu ul li a span{
background-image: url(mm-li-middle.gif);
background-repeat: repeat;
margin:0px 7px;
padding: 10px 3px 0 3px;
height:32px;
display:block;
_width:50px;
_white-space:nowrap;
/* background-image: url(mm-li-middle-hover.gif);
height:52px;
border:1px solid red; */
}

#mainmenu ul li a{
background-image: url(mm-li-right.gif);
background-position: right top;
background-repeat: no-repeat;
color:white;
display:block;
text-decoration:none;
cursor:hand;
}

#mainmenu ul a:hover { text-decoration: underline; }
#mainmenu ul a.selected { text-decoration: underline; color: black; }

#mainmenu ul a.selected span{
background-image: url(mm-li-middle-hover.gif);
}


#mainmenu ul li.active a{
color:black;
text-decoration: underlined;
}

#mainmenu ul li ul {
display:none;
visibility:hidden;
}

/******** LEFTCOL  ***********************/

#leftcol {
  width: 305px; /* 191px */
	float: left;
	text-align:left;
  /* border-top:2px solid white; */ 
  background-image:url(leftcol_bgx.jpg);
  background-repeat:no-repeat;
  background-position:top right;
  
}

#leftcol .important{
/* background:#E5E7D9; */
margin-right:1px;
padding:3.5em 3em 0em 1.5em;
}

#leftcol .bubble{
/* background:#E5E7D9; */
  background-image:url(left-bubble.gif);
  width: 268px;
  height:118px;
  background-repeat:no-repeat;
  margin-top:40px;
}

#leftcol .bubble h2{
  color:white;
  font-size:18px;
}

#leftcol .bubble a{
  color:white;
}

#leftcol .loga a img{
  margin:20px 0 20px 2px;
  padding:0;
  border:1px solid #f4f4f2;
}

#leftcol .loga-list{
  margin:30px 0 20px 2px;
}

#leftcol .loga-list{
background-color:white;padding:0em 1em 2em;text-align:center;
}

#leftcol .loga-list img{
  border:1px solid white;
  padding:10px 0px;
}

#leftcol a img{
  border:1px solid white;
  padding:0px 0px;
}

#leftcol h2 {
  font-size:12px;
  color:black;
  margin-top:10px;
}
#leftcol h3 {
  font-size:11px;
}

#leftcol img {
  border:1px solid #e6ead1;
}

#leftcol a {
font-weight:bold;
text-decoration:none;
}

#leftcol p.link {
padding:0px 1px 0px 0px;
}

#leftcol a.thumb {
background-image:url(img_bg_small.jpg);
background-repeat:no-repeat;
display:block;
float:left;
padding:5px;
width:94px;
height:68px;
margin:0px 3px 5px 0px;
}

#leftcol ul {
list-style:none;
margin:0;
padding:0;
}

#leftcol ul li {
padding:2px;
margin:2px;
border-bottom:1px dashed gray;
}

#leftcol ul li.active {
background-image:url(subm-selected.gif);
background-repeat:no-repeat;
background-position:right top;
}

img.ico_out {
padding-top:2px;
}

#leftcol .in {
padding:1.5em 0.5em 3em 1.5em;
}
ul.content {
/* list-style:url(li-content-small.gif); */
margin:10px 0px 5px 0;
}

ul.content2 {
list-style:none;
margin:10px;
margin-left:20px;
}

ul.content2 li {
line-height:15px;
padding-top:2px;
margin-left:20px;
}

#leftcol .box1 {
margin-top:25px;
}

#leftcol .box1 .in {
padding:10px 15px 15px 25px;
}

/******** rightcol ***********************/

#rightcol {
padding:0;
margin:0;
width:600px;
float:right;
text-align:justify;
font-size:110%;
}

#rightcol .bread-crumbs {
margin:10px 0px 10px 0px;
}

#rightcol .in {
padding-top:2empx;
background-image: url(rightcol_head.jpg);
background-repeat: no-repeat;
}

#rightcol h1,#rightcol h2 {
font-size:22px;
font-weight:normal;
padding:5px 10px 5px 0px;
margin:5px 0;
line-height:150%;
color:#CA2260;
clear:both;
}

#rightcol h3 {
color:#BB3B6B;
font-size:16px;
margin:10px 0 5px 0;
}

#rightcol .bg {
background-image: url(img_bg.jpg);
background-repeat: no-repeat;
padding:6px;
margin:10px 8px 10px 0px;
width:194px;
height:150px; 
float:left;
}

#rightcol p.indent{
padding:2px 5px 5px 5px;
}

#rightcol ul {
margin-left:20px;
padding:0;
}

#rightcol ol {
margin-left:20px;
}

#rightcol strong {
color:black;
}

#rightcol .gallery {
text-align:left;
}

#rightcol .gallery input {

}

#EmailForm {
border:none;
}

#EmailForm label{
clear:both;
display:block;
width:480px;
}

#EmailForm label span{
display:block;
float:left;
width:150px;
}

#EmailForm label input{
float:left;
display:block;
background:white;
}

#EmailForm label textarea{
float:left;
display:block;
height:100px;
width:300px;
background:white;
}

.gallery-list ipnut{
display:none;
visibility:hidden;
}

.thumbscontainer {
background:#E5EBD1;
padding:10px;
margin:15px 0px;
}

#rightcol ul.thumbs {
margin:10px 0;
padding:0;
}

ul.thumbs li {
float:left;
border:1px solid white;
padding:10px;
margin:0;
}

ul.thumbs li a {
display:block;
border:2px solid #DBE0C9;
}

div#illu {
margin:0;
margin-top:4px;
height:190px;
background-image: url(illu_img.jpg);
background-repeat: no-repeat;
background-position:0px 0px;;
}

table.content {
width:100%;
font-size:11px;
/* background:black; */
margin-left:auto;
margin-right:auto;
line-height:150%;
text-align:left;
color:black;
border-collapse:collapse;
}
table.content td{
vertical-align:top;
padding:2px 6px;
border:2px solid #33312F;
/* background:#FEB340; */
}
table.content th{
vertical-align:top;
padding:6px;
background:#D1E1F5;
}

table.content td{
vertical-align:top;
padding:2px 6px;
border:2px solid #33312F;
/* background:#FEB340; */
}

.omluvenky {
    width: 400px; 
}

.omluvenky input {
    float: right;
    display: inline;
    margin-top: 10px;
    width: 170px;
}

.omluvenky label {
    float: left;
    clear: both;
    display: inline;    
    margin-top: 10px;
}

.omluvenky textarea {
    margin-top: 10px;
    float: right;
    width: 170px;
}

/* *** GENERIC ***** */

.lbox {
  margin:20px 0px 10px 0px;
  clear:both;
}

a.skola-thumb {
  display:block;
  float:left;
}

.adresa {
  margin:0px 0px 0px 10px;
}

.adresa p {
  margin:0;
  padding:0 0 10px 10px;
  float:left;
}

.ditto_info {
font-size:10px;
color:#7B7B76;
}
/******** FOOTER  ***********************/

#footer {
	line-height: 180%;
	font-size: 11px;
	word-spacing: 3px;
	height:68px;
	background:#F5F4F2;
	background-image: url(foot-bg.jpg);
	background-repeat: repeat-x;
}

#footer .in {
width:880px;
padding:10px 25px 10px 10px;
margin:0 auto;
}

#footer a {
color:white;
}

.hid {
display:none;
}

.strong {
color:#302A2A;
}
.left {
float:left;
}
.right {
float:right;
}

.cleaner {
  padding:0;
  height:1px;
  margin:0;
  width:100%;
  clear: both;
  border: none;
  overflow:hidden;
}

.in {
padding:1.5em 1.2em 3em 1.5em;
}

.lang {
float:left;
text-decoration:none;
}
.lang img {
margin-right:5px;
}
/*** univerzalni classy ***/