* { margin: 0; padding: 0; }


body {
	background-color:#CEDBE3;
	border: 0;
	color: #444444;
	font-family:  Tahoma;
	font-size: 80%;
	text-align: center;
}
a { color: #044C74; }
a:hover {  text-decoration: none;}
p{margin-bottom:1.33em;}


#outer{
  width: 996px;
  background: url(../graphics/bg.jpg) repeat-y;
  margin: 0 auto;
  position: relative;
  text-align: left;
  text-align: center;
}
#head{
  width: 960px;
  background: url(../graphics/bg-head.jpg) no-repeat 220px 0 ;
  height: 200px;
  position: relative ;
  margin: 0 18px;
  text-align: left;

}

h1 { left: 0px; position: relative; top: 0px;height: 200px;
	width: 220px; 	background: url(../graphics/logo.jpg) top left no-repeat;}

h1 a { overflow: hidden; position: relative; z-index: 1; }

h1 a span { left: 0px; position: absolute; top: 0; z-index: 2; }

h1 a, h1 a span {
	background: url(../graphics/logo.jpg) top left no-repeat;
	display: block;
	height: 200px;
	width: 220px;
     cursor: pointer;
}
 ul#menu-top{
     list-style: none;
     position: absolute;
     left: 250px;
     top: 6px;
     font-size: 13px;
     font-weight: normal;
     display: block;
     color: #044C74;
 }

  ul#menu-top li{
     display: block;
     float:left;
     color: #044C74;
     margin-right: .5em;
 }
   ul#menu-top li a{
     color: #044C74;
     text-decoration: none;
 }
   ul#menu-top li a:hover{
     text-decoration: underline;
 }
/* ----------------------------------- */
 #left{
    width:220px;float:left;display:inline;margin:0 0px 0px 18px;
    background: url(../graphics/bg-left-top.jpg) no-repeat top;
    background-color: #E7DACA;

  }
   #left-box{
    width:220px;
    padding: 20px 0;
    background:  url(../graphics/bg.box-top.jpg) no-repeat top;
    background-color: #EBEBEB;

  }
    #left-box h3{
    margin:0 20px;
    color:#444444;
	 font-size: 14px;

  }
   #left-box a{
    color:#044C74;

  }
    #left-box .article-text,  #left-box .article-perex{
    margin:10px 20px !important;

  }

 #center{
    width:538px;float:left;display:inline;margin:0 0 10px 30px;
    background: url(../graphics/bg-center-top.jpg) no-repeat top;
    padding-top: 30px;

  }

   #right{
    width:104px;
    margin:0 ;
    top:-175px;
    right: 36px;
    position: relative;
    float: right;
    margin-bottom:-175px;
  }

#footer{
    clear: both;

    background: url(../graphics/bg-footer.jpg) no-repeat;
    width: 960px;
    height: 40px;
     margin: 0 18px;

}
#footer p{
     margin: 10px 20px;
     display: inline;

}
#footer a, #footer a:hover{
    font-size: 100%;
    color: #444444;
    text-decoration: none;
}
#footer-top{
    clear: both;
    width: 960px;
    height: 80px;
     margin: 0 18px;
    background-color: #00477A;
}
#footer-top, #footer-top a, #footer-top a:hover{
    color: white;
    text-decoration: none;
    font-size: 120%;
}

#left, #center, #right, #footer, #footer-top{
  text-align: left;
}




p.fotleft {
margin:18px;
  width: 280px;
    display: inline;
}
p.fotcenter {
 margin:18px;
  width: 280px;
    display: inline;
}
p.fotright {
  margin:18px;
  width: 280px;
    display: inline;
}



/*--------------------------------------------*/

  #left ul{
     margin:20px;
       list-style: none;
     font-size: 12pt;
  }
   #left ul li{
   background: url(../graphics/list-left.jpg) 0px 4px no-repeat;
   padding-left: 20px;
	margin: 2px 0;
  }
   #left ul li ul{
     margin:0px ;
	   font-size: 11pt;
		list-style: circle;
		margin-left:12px;
  }
    #left ul li ul li{
    background:  none;
   padding-left: 0px;
	margin:  0;
  }
   #left ul li a, #left ul li ul li a{
     text-decoration: none;
  }
    #left ul li a:hover, #left ul li ul li a:hover{
     color: #73B773;
  }
  /*--------------------------------------------*/
  h2{
    font-size: 100%;
    text-align: right;
    color: #73B773;
  }
   h3{
    font-size: 1.3em;
    margin:1em 0 .5em 0;
    padding: 0;
	 color:#00658d;
	 font-weight: normal;
  }
   h3 a{
     text-decoration: none;
     color:#00658d;
  }
  .clnr{border:0;clear:both;font-size:0;height:0;width:100%;}
  #center .clnr{border:0;clear:both;font-size:0em;height:0em;width:100%;}
.hr{border-bottom:1px dotted #00658D;margin:20px 0 ;}
.fl{float:left;}
.fr{float:right;}
.ir{margin:.5em 0 .7em 2em;}
.il{margin:.5em 2em  .7em 0;}
.noborder{border:0;}
.red{color:#D22B23;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.ilog{
  margin-bottom: 10px;
}
.ibox{
  margin: 10px 20px 0 20px;
}

a.more{
  display: inline;
  background: url(../graphics/more.jpg) no-repeat right;
  padding-right: 20px;
  text-decoration: none;
  color:#444444;
  float: right;
}
#left-box a.more{
  display: inline;
  background: url(../graphics/left-more.jpg) no-repeat right;
  padding-right: 20px;
  text-decoration: none;
  color:#444444;
  float: right;
}

p.date{
  color:#898989;
  margin:-.5em 0 .5em 0;
}
/*---------------------------------------------- */
.galerie {padding:2em 0 2em 0;  clear: both;}
.galerie .nahled {float:left;margin:8px; display: inline;}
.galerie .nahled p{font-size:.8em;margin-top:5px; width:90px; text-align: center;}
.nahled img{border:0;}

/*-------------------------------------------------- */

  #center ul{
    margin:10px 20px;
  }
 /* -------------------------------------------- */
 #center .article-text, #center .article-perex{
  margin: .5em 0 1.5em 0;
}
#left .article-text, #left .article-perex{
  margin: .8em 0;
}
td, th{
  font-size: 9pt;
}

table#formular{
  margin:  0 auto;
  border: 0;
  }
  form{
     background: url(../graphics/bg-form.jpg) no-repeat center;
    margin: 2em 1em;
    padding:2em 1em ;
  }


   table#formular th{
      color:#484848;
     text-align: right;
     padding:3px 10px 3px 0;
     width: 35%;
}
    table#formular td{
     height: 25px;
   }
    table#formular textarea{
     width: 260px;
     height: 150px;
     overflow: auto;
   }
   input.delsi{
    width: 260px;
   }
   .povinne {
     background-color: #FFEAEA;
   }
	table.obsah{
		width: 500px;
	}
	table.obsah td{
		width: 60%;
		vertical-align: top;
	}
	.line{
		border-bottom: 1px dotted #cedbe3;
		width: 100%;
		clear: both;
		margin:.5em 0;
	}


