* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html, body {
  width: 100%;
  margin: 0; 
  padding: 0;
}

body {
	font: normal normal normal 15px/1.5 Verdana, Tahoma, Arial, sans-serif;
	color: #333;
	background-color: #e6e6e6;
	padding: 0;
  margin: 0px auto;
  width: 1020px;
}

#sirkaStranky {
  background-color: #fff; padding: 0px 20px 0px 20px;
}

#header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 150px;
  background: url('../images/header1.png') top center no-repeat;
  padding: 0;
  margin: 0;
}

#menu {
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 33px; line-height: 33px;
  background: url('../images/menu1.png') top center no-repeat;
  padding: 0;
  margin: 0;
  cursor: pointer; _cursor: hand;
}
#menu a { text-decoration: none; display: inline; width: 80px; }
#menu span { position: relative;  width: 80px; }
#menu .search { padding: 3px 0px 0px 0px; }
#menu input { border: 1px solid; } 

#banner {
  position: relative;
  top: 20px;
  left: 0px;
  width: 980px;
  height: 190px;
  background1: url('../images/banner.png') top center no-repeat;
  padding: 00px 0px 00px 0px;
  margin: 0;
}

.blocek {
  width: 230px;
  border-top: 1px solid #99cc33;
}
.blocek h5 { padding: 5px 0px 5px 0px; margin: 0; }
.blocek h6 { padding: 5px 0px 5px 0px; margin: 0; }
.blocek p { font-size: 80%; padding: 5px 0px 5px 0px; margin: 0; }
.blocek table { width: 100%; font-size: 80%; padding: 5px 0px 5px 0px; margin: 0; }
.blocek input { border: 1px solid #ccc; }

.tip {
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #99cc33;
	border: 1px solid #99cc33;
	height: 125px;
}
.tip h5 { font-size: 12px; margin: 0; padding:3px 0px 2px 0px; line-height: 125%; }
.tip h6 { font-size: 11px; margin: 0px 0px 5px 0px; padding:0; line-height: 100%; font-weight:normal; }
.tip p  { font-size: 12px; line-height: 125%; }
.tip_text { font-size: 12px; width: 137px; height: 80px; overflow: hidden; margin-top: -5px; margin-left: 5px; }
.tip_text a { color: #007329; }

.aktualita {
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color1: #99cc33;
	border: 1px solid #99cc33;
	height: 125px;
}
.aktualita h5 { font-size: 12px; margin: 0; padding:3px 0px 2px 0px; line-height: 125%; }
.aktualita h6 { font-size: 11px; margin: 0px 0px 5px 0px; padding:0; line-height: 100%; font-weight:normal; }
.aktualita p  { font-size: 12px; line-height: 125%; }
.aktualita_text { font-size: 12px; width: 385px; height: 80px; overflow: hidden; margin-top: -10px; margin-left: 5px; }

.vice { font-size: 10px; padding:0; margin: -2px 0px 0px 0px; }

.video {
  width: 480px;
  border-top: 1px solid #99cc33;
}
.video-img { width: 480px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.cZelena { color: #99cc33; } .cWhite { color: #fff; }
.bcZelena { background-color: #99cc33; }

.obsah { width: 730px; margin-right: 20px; 1font-size: 90%; }
.paticka { border-top: 1px solid #99cc33; font-size: 11px; padding: 5px 0px 15px 0px; }

.noPaddMarg { padding: 0; margin:0 }
.margR20 { margin-right: 20px; }
.margT20 { margin-top: 20px; }

.error li { color: red; font-weight: bold; }
.w150 { width: 150px; margin: 5px 5px 5px 5px; }
.okraj { border: 1px solid #B2B2AB; }
.padd { padding: 5px 0px 5px 0px; }
.padd5 { padding: 5px 5px 5px 5px; }
.padd10 { padding: 10px 10px 10px 10px; }
.padd15 { padding: 15px 15px 15px 15px; }
.lpadd { padding-left: 15px; }
.rpadd { padding-right: 15px; }
.marg { margin: 5px 0px 5px 0px; }
.marg5 { margin: 5px 5px 5px 5px; }
.marg10 { margin: 10px 10px 10px 10px; }
.marg15 { margin: 15px 15px 15px 15px; }
.bold { font-weight: bold; }
.c1 { color: #FFF; } .c2 { color: #333; } .c3 { color: #5E696F; } .c4 { color: #999; } .c5 { color: #CCC; } .c6 { color: #666; }
.c7 { color: #3F3F3F; }
.c { color: #B2B2AB; } .co { color: #B8286C; } .cc { color: #00919F; } .cm { color: #BBCC00; } .cb { color: #FF7F00; }
.bc { background-color: #B2B2AB; } .bco { background-color: #B8286C; } .bcc { background-color: #00919F; } .bcm { background-color: #BBCC00; } .bcb { background-color: #FF7F00; }
.bcF { background-color: #FFF; } .bc1 { background-color: #3F3F3F; }
.pozadi1 { color: #FFF; background: #B73819 url("../img/pozadi2.png") left top repeat-x scroll; width:605px; }
.pozadi2 { color: #FFF; background-color: #504C4B; width:605px; }
.pozadi3 { color: #262626; background-color: #F7F9D1; border: #DFDCBD 1px solid; width: 580px; _width: 590px; }
.hand { cursor: pointer; _cursor: hand; }
.fll { float:left; }
.flr { float:right; }
.cl {clear:both; }
.cll {clear:left;}
.clr {clear:right;}
.vpravo { text-align: right; }
.vlevo { text-align: left; }
.center { text-align: center; }
.blok { text-align: justify; }
.r1 { line-height: 200%; }
.wrong {text-decoration: line-through;}
.button { line-height: 200%; width: 130px; font-weight: bold; height: 28px; }

hr { border-top: 1px solid; border-bottom: 0px; }
img { border:0px; }
h1 {
  padding: 0px 0px 5px 0px; margin: 0;
	font-size: 105%;
	color: #99cc33;
	border-top: 1px solid #99cc33;
	font-family: "ronnia-condensed-1", "ronnia-condensed-2", Ronnia, Verdana, Tahoma, Arial, sans-serif;
}

h2 {
  padding: 0px 0px 5px 0px; margin: 0;
	font-size: 105%;
	color: #99cc33;
	font-family: "ronnia-condensed-1", "ronnia-condensed-2", Ronnia, Verdana, Tahoma, Arial, sans-serif;
}

h3 {
  padding: 5px 0px 5px 0px; margin: 0;
	font-size: 100%;
	color: #99cc33;
}

h4 {
  padding: 0px 0px 0px 0px; margin: 10px 0px 20px 0px;
	font-size: 75%; color: #999;
	font-style: italic;
}

.obsah p,ul { font-size: 12px; line-height:135%; }
.obsah table { 1width: 80%; border: 0px solid #99cc33; border-spacing: 5px; }
.obsah th { background-color1: #e6e6e6; vertical-align: middle; text-align: right; }
.obsah td { padding: 2px 5px 2px 5px; }
.obsah input { border: 1px solid #99cc33; }

.program { font-size: 11px; border-top: 1px solid; margin: 10px 0px 10px 0px; padding: 5px 0px 0px 0px; }

#grid table { font-size: 13px; border: 1px solid #8AB6CC; text-align: center; background-color: #F0F8FC; padding: 0px 0px 0px 0px; margin:0; border-collapse: collapse; line-height: 175%; }
#grid thead th { border-top: 2px solid #8AB6CC; border-bottom: 2px solid #8AB6CC; border-right: 1px solid #8AB6CC; text-align: left; padding: 0px 10px 0px 10px; margin:0; background-color: #E0F0F9; }
#grid tbody td { border: 1px solid #8AB6CC; text-align: left; padding: 0px 10px 0px 10px; margin:0; }
#grid tfoot td { border-top: 1px solid #8AB6CC; border-bottom: 1px solid #8AB6CC; border-right: 1px solid #8AB6CC; text-align: center; padding: 0px 10px 0px 10px; margin:0; background-color: #FFF; }

#content {
	width: 770px;
	margin: 0 5px;
	border: 1px dotted gray;
}

#path { }

#module {
	background: #fee7bc;
	padding: 3px 3px;
	=padding: 3px;
	font-weight: bold;
}

#presenter {
	background: #afcbe3;
	padding: 3px 3px 3px 0;
	=padding: 3px 3px 3px 0;
}

#view {
	background: #c4e8c4;
	padding: 3px 3px 3px 0;
	font-weight: normal;
}

fieldset {
	margin: 1em;
	padding: 1em;
	border: 1px dotted;
}

th, label { font-size: 10pt; text-align: left; background1: #fff; }

/**
 * místo modré pro odkazy bych dal 009033, navštívené odkazy, drobečkovou
 * navigaci 007329. Odkazy na homepage v zelených rámečcích prosím asi
 * 007329 nebo černě.
 */
a:link { color: #009033; }
a:visited, a:active { color: #007329; }

/**
 *  Paginator
 */ 
.paginator {
	margin: 1em 0;
	font-size: 90%;
}

.paginator a, .paginator span {
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
	color: #999999;
}

.paginator a {
	border: 1px solid #99cc33;
	text-decoration: none;
	color: #99cc33;
}

.paginator span.button {
	border: 1px solid #DDDDDD;
}

.paginator .current {
	background: #99cc33;
	border: 1px solid #99cc33;
	color: white;
	font-weight: bold;
}
/*************************/