body {
  margin:0 0 0 0;
  padding:0 0 0 0;
  background:#019600;
  font:70% arial,verdana, tahoma;
  color:#015700;
  _text-align /**/:center;
}

h1 {
  color:#015700;
  font-size:155%;
  text-transform:uppercase;
  margin:3px 0 3px 0;
}

h2 {
  color:#015700;
  font-size:145%;
  text-transform:uppercase;
  margin:8px 0 5px 0;
}

h3 {
  margin-bottom:0.3em;
}

td, th {
  vertical-align:top;
}

th {
  text-align:left;
}

a, a:visited {
  color:#ff0000;
  font-weight:bold;
}

a:hover {
  text-decoration:none;
}

a.uvod {
  display:block;
  position:absolute;
  top:20px;
  left:50%;
  margin:0 0 0 -350px;
  width:200px;
  height:145px;
}

div#head {
  position:absolute;
  top:0;
  background:url("../img/head.jpg") no-repeat;
  width:734px;
  height:167px;
}

#head .banner {
  width:468px;
  height:60px;
  border:1px solid #ff0000;
  float:right;
  position:relative;
  top:15px;
  right:30px;
  text-align:center;
}

.dotted-line {
  height:3px;
  background:url("../img/dotted-line.gif") repeat-x;
  font-size:1px;
}

.hidden {
  display:none;
}

.left {
  float:left;
}

.right {
  float:right;
}

p {
  xmargin:0;
  xpadding:0;
}

.justify {
  text-align:justify;
  margin:0.5em 0 0.5em 0!important;
}

.clear {
  clear:both;
  height:1px;
  line-height:1px;
  font-size:1px;
}

div#screen {
  width:734px;
  margin:0 auto 0 auto;
  background:url("../img/bg.gif") repeat-y;
}


div#main {
  xheight:1000px;
  margin:164px 0 0 0;
}

.banner img {
  border:none;
  margin:0;
  padding:0;
}

.no-margin p{
  margin:0.2em 0 0.2em 0;
}

.spacertop10 {
  height:10px;
}

/*** menu ***/

div.menu {
  width:506px;
	height:47px;
  float:right;
  position:relative;
  right:10px;
  top:38px;
}

div.menu ul {
  margin:0;
  padding:0;
}

div.menu ul li {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  color:white;
  font-size:100%;
  font-weight:bold;
 	position:relative;
  z-index:0;
}

div.menu ul li a {
  display:block;
  padding:6px 0 5px 22px!important;
  text-align:left;
  color:white!important;
  text-decoration:none!important;
}

div.menu ul li.active a:hover {
}

div.menu ul li.onadaci {
  color:white;
  width:102px;
  height:25px;
  display:block;
}

div.menu ul li.projekty {
  color:white;
  width:103px;
  height:25px;
  display:block;
    margin:0 0 0 -13px;
}

div.menu ul li.partneri {
  color:white;
  width:110px;
  height:25px;
  display:block;
  margin:0 0 0 -13px;
}

div.menu ul li.hra {
  color:white;
  width:95px;
  height:25px;
  display:block;
  margin:0 0 0 -14px;
}

div.menu ul li.hra a {
  margin-left:10px;
}

div.menu ul li.kontakt {
  color:white;
  width:149px;
  height:25px;
  display:block;
  margin:0 0 0 -14px;
}

div.menu ul li#menu-onadaci.active{
  background:url("../img/hover-1.gif") 0px 0 no-repeat;
}

div.menu ul li#menu-projekty.active{
  background:url("../img/hover-2.gif") 0px 0 no-repeat;
  position:relative;
}

div.menu ul li#menu-partneri.active{
  background:url("../img/hover-3.gif") 0px 0 no-repeat;
  position:relative;
}

div.menu ul li#menu-hra.active{
  background:url("../img/hover-4.gif") 0px 0 no-repeat;
  position:relative;
}

div.menu ul li#menu-kontakt.active{
  background:url("../img/hover-5.gif") 0px 0 no-repeat;
  position:relative;
}

div.menu ul.submenu {
  margin:3px 0 0 32px;
  _margin /**/:2px 0 0 32px;
}

div.menu ul.submenu li {
  margin: 0 20px 0 0;
}

div.menu ul.submenu li a {
  color:#015700!important;
  padding:0!important;
}

div.menu ul.submenu li a:hover {
  color:#ff0000!important;
  text-decoration:none;
}

div.menu ul.submenu li.sub-active {
  color:#ff0000;
}

/*** paticka **/
div#pata {
  background:url("../img/pata.jpg") no-repeat;
  width:734px;
  height:30px;
  text-align:center;
}

div#pata div.pata-in {
  color:white;
  font-weight:bold;
  padding:7px 0 0 0;
}

div#pata div.pata-in a, div#pata div.pata-in a:visited {
  color:white;
}

div#pata div.pata-in a:hover {
  text-decoration:none;
}

/*** novinky ***/
div.novinky {
  float:left;
  width:154px;
  text-align:left;
}

div.novinky div.novinky-top {
  background:url("../img/aktuality.gif") no-repeat;
  height:45px;
  width:154px;
  margin:50px 0 0 0;
}

div.novinky div.novinky-obsah {
  background:url("../img/novinky-bg.gif") repeat-y;
  width:154px;
}

div.novinky div.novinky-obsah-in {
  margin:0 10px 0 15px;
}

div.novinky div.novinky-obsah-in div.datum, div.datum {
  color:#FF0000;
  font-weight:bold;
}

div.novinky div.novinky-obsah-in p{
  margin:0 0 4px 0;
}

div.novinky div.novinky-obsah-in div.dotted-line {
  padding:0 0 10px 0;
}

div.novinky div.novinky-bottom {
  background:url("../img/aktuality-bottom.gif") no-repeat;
  height:43px;
  width:154px;
  margin:0 0 30px 0;
}

div.novinky div.novinky-bottom a {
  display:block;
  position:relative;
  top:22px;
  left:20px;
  color:white;
}

/***/
/*** text ***/

div.text {
  float:right;
  width:570px;
  xbackground:yellow;
  margin:20px 0 30px 0;
}

div.text div.text-in {
  margin:0 35px 0 10px;
  text-align /**/:left;
}

/*****form ****/

form {
  margin:1em 0 0 0;
  padding:0;
}

label {
  font-size:110%;
  _font-size /**/:75%;
  font-weight:bold;
  xtext-transform:uppercase;
}

legend {
  font-size:135%;
  font-weight:bold;
  xtext-transform:uppercase;
  color:#FF0000;
}

form input {
  border:1px solid #015700;
  background:white;
  width:250px;
  color:#015700;
}

form textarea {
  border:1px solid #015700;
  background:white;
  width:300px;
  height:150px;
}

span.submit input {
  font-size:110%;
  _font-size /**/:75%;
  text-transform:uppercase;
  font-weight:bold;
  width:auto;
}

fieldset {
  padding:1em;
  border:1px solid #FF0000;
}

/***fotogalerie ***/
div.fotogalerie {
  margin-right:-44px!important;
  _margin-right:-22px!important;
  xbackground:pink;
  position:relative;
  z-index:1;
}

div.foto {
	background:none;
	border:1px solid #015700;
	text-align:center;
	margin:0 5px 5px 0;
	float:left;
	xoverflow:auto;
}

div.alt {
	color:white;
	background:#015700;
	text-align:center;
}

div.foto div.fotka {
	width:170px;
	height:170px;
}

div.foto a img {
	border:0;
	margin:5px auto 5px auto;
}

/********************* projekty ************************/

div.zalozky {
  xbackground:pink;
  border-bottom:3px solid #ff0000;
  margin:1em 0 0 0;
}

div.zalozky a.zalozka {
  display:block;
  padding:3px 8px 3px 8px;
  margin:0 0.5em 0 0;
  float:left;
  border:1px solid #ff0000;
  border-bottom:none;
  text-decoration:none;
}

div.zalozky span.active a.zalozka {
  margin:0 0.5em 0 0;
  border:1px solid #ff0000;
  border-bottom:none;
  text-decoration:none;
  position:relative;
  top:2px;
  background:#ff0000;
  color:white;
}

div.clanek {
  background:#f5f5f5;
}

div.clanek h2 {

}

div.clanek h2 a {
  text-decoration:none!important;
  position:relative;
}

div.clanek img {
  border:1px solid #ff0000;
  float:left;
  margin:0 0.5em 0.5em 0 ;
  position:relative;
}

div.clanek p {
  margin:0 0 5px 0;
  position:relative;
}

/****error***/

div.error {
  color:#FF0000;
  border:2px solid #FF0000;
  margin:0.5em 0 0.5em 0;
  padding:0.5em;
  letter-spacing:0.3em;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

div.ok {
  color:#015700;
  border:2px solid #015700;
  margin:0.5em 0 0.5em 0;
  padding:0.5em;
  letter-spacing:0.3em;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

/**********strankovani ***************/

div.strankovani {
  margin:0 0 5px 0;
  padding:0.3em;
  border:1px solid #ff0000;
  width:517px;
  _width /**/:527px;
}

div.strankovani span {
  font-size:110%;
  font-weight:bold;
}

/**********archiv novinek ************/



div.novinky2 div.novinky2-in div.datum {
  color:#FF0000;
  font-weight:bold;
  position:relative;
}

div.novinky2 div.novinky2-in {
  background:#f5f5f5;
  margin:0.2em 0 0.2em 0;
}

div.novinky2 p{
  margin:0 0 4px 0;
  position:relative;
}

/*****************soutez *************************/

div.but-krizovatky {
  text-align:center;
  margin:1em 0 0 0;
}

div.but-krizovatky img{
  border:none;
}





div.loga-partneri {
	text-align:center;
}
div.loga-partneri table td a img {
	border:1px solid black;
}