/* HTML tagy */
/* { border: 1px solid red !important; }*/

body 
{
	margin: 0; padding: 0; top: 0;
	text-align: center;
	font: 14px 'Georgia CE', 'Times New CE', 'New York CE', 'Times CE', Georgia, times, serif;
	background: #376DA3 url('img/body-bg2.jpg') repeat-y center top;
} 

#banner {
  height: 155px;
	border-left: solid #c8c3bf 1px;
  border-right: solid #c8c3bf 1px;
}

#page-stin {	    
  height: 18px;
  background: transparent url(img/page-stin.jpg) no-repeat center top;
	border-left: solid #c8c3bf 1px;
 	border-right: solid #c8c3bf 1px;
}


#stranka 
{
	width: 770px;	
	margin: 0em auto;
	text-align: left;
	background: url(img/page-bg.jpg) repeat-y center whitesmoke;
	height: auto;
} 

#stranka-kontejner {
	padding: 0 9px 0 9px;
}

#paticka 
{
	height: 60px;
	line-height: 60px;
	width: 750px;
	border: solid #c8c3bf 1px;
	background-color: #E2E2E2;
	text-align: center;
	font-size: 0.8em;
	color: #696969;
	clear: both;
	float: none;
} 

#h-menu
{
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #F5F5F5 url('img/pruh-bg.jpg');
	border: solid #c8c3bf 1px;	
}

ul, li {
	margin: 0; padding: 0;
}

ul.hor-menu li {
	list-style-type: none; 
	float: left; 
	height: 34px; 
	margin: 0px;
	display: inline;
} 

ul.hor-menu li a {
	display: block;
	height: 34px;	
	text-align: center;
	background: #F5F5F5 url('img/pruh-bg.jpg') repeat-x;
	color: #333;
	border-right: solid #c8c3bf 1px;	
	text-decoration: none;
	text-transform: uppercase;	
	font: bold 12px/34px 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	padding: 0 16px 0 16px;
} 

ul.hor-menu li a:link, ul.hor-menu li a:visited {
  color: #333;
	text-decoration: none;
}

ul.hor-menu li a:hover
{
	background: crimson url('img/pruh-red-bg.jpg ') repeat-x;
	color: white;
}


#sloupec
{
	float: left;
	width: 170px;
	font-size: 16px;
	color: #9A9088;
}

#sloupec-kontejner { padding: 0em 0.5em 0em 0.5em}

#page {
  float: none;
	margin: 0em 0em 0em 172px;
	color: black;
	height: auto;
	width: auto;
	min-height: 600px;
}

#page-kontejner { padding: 0.1em 1em 2em 1em;	}

hr.cleaner { clear: both; display: none; }

hr { border: 0; border-top: 1px solid #c8c3bf; height: 1px; }

div.loga {
	width: 115px;
	margin-left: 20px;
}

div.loga img {	
	margin-top: 10px;
}

#page img.icon {
	margin: 0; padding: 0;
	border: solid #c8c3bf 1px;	
	float: right;
	margin-left: 20px;
	background-color: white;
}

#page img.eadr {
	margin: 0; padding: 0;
	border: 0;	
	float: right;
	margin: 0em 0em 0em 0em;
	background-color: white;
	height : 11;
	width : 130;
	text-align : left;
}


h1, h2, h3, h4 {
	font-size: 175%;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.3em 0 0 0;
	color: #71561e;
	font-weight: normal;
}

h1 {
	margin: 5px 0px 15px 0px;
	font-size: 30px;
	padding: 0 0 0.1em 0;
	border-bottom: solid #c8c3bf 1px;
	letter-spacing: 3px;
	color: #0E3964;
}

h3 { font-size:130%; }
h4 { font-size:100%; }


img {
	border: 0; margin: 0;	padding: 0px;
	background-color: transparent;
}

#page img {
	border: 1px solid #c8c3bf;
	margin: 5px;
	padding: 5px;
	background-color: white;
}

#page .ram {
	background-color: white;
}

#page .ram a:hover {
	background-color: white !important;
}

#page .ram img{
	border: 1px solid #c8c3bf;
	margin: 5px;
	padding: 5px;
	background-color: white;
}

#page img.plav-vlevo { float: left;	margin: 5px 10px 7px 0; }
#page img.plav-vpravo { float: right;	margin: 5px 0 7px 10px; }

p {	margin:0; padding: 0.2em 0.5em 0.5em 0.2em; }

#paticka a, #paticka a:link, #paticka a:visited  {
	color: #696969;
	text-decoration: none;
}

#paticka a:hover {
	color: black;
	text-decoration: underline;
}

a, a:link, a:visited {
	color: Blue;	
	text-decoration: underline;
	overflow: hidden;	
}

a:hover {
	color: Blue;
	text-decoration: none;
	background-color: #ffd535;
}

a.xls, a.doc, a.pdf, a.http, a.zip, a.ppt, a.pptx, a.odp {
  padding-right: 22px;
  background-image: url(img/page_white_excel.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

a.doc { background-image: url(img/page_white_word.png);}
a.pdf { background-image: url(img/page_white_acrobat.png);}
a.http { background-image: url(img/page_white_world.png);}
a.ppt { background-image: url(img/page_white_powerpoint.png);}
a.pptx { background-image: url(img/page_white_powerpoint_x.png);}
a.odp { background-image: url(img/page_white_impress.png);}
a.zip { background-image: url(img/zip2.gif);}

#page ul, #page ol {
	margin: 0; padding: 0;
	margin-bottom: 1.5em;
  margin-top: 1.5em;
	margin-left: 1em;
	padding-left: 2.5em;
	list-style-position: outside;
	overflow: visible;
}

#page ul {
	list-style-type: square;
  list-style-image: url(img/0188_pin3.gif);
}

#page .promo { /* zakladni + modre tema, pouziti na UL, DIV, ... */
  width: 75%;
	text-align: justify;
	border: 1px solid #8686cf;
	background-color: #f4f4fa;
	padding: 1.5em 1.5em 1.5em 3em;
	margin-left: 2em;
}

#page ul.promo { /* bull - cervene hvezdy */
  list-style-image: url(img/0188_pin.gif);
}

#page .promo1 { /* oranzove tema */
	border: 1px solid #ff9933;
	border: 1px solid #ffb366;
	background-color: #fff5ea;
}

#page .promo2 { /* zelene tema */
	border: 1px solid #c4e43d;
	background-color: #fbfdf1;
}

#page ul ul { list-style-type: circle; }

#page li {
	margin: 0; padding: 0;	
	margin-bottom: 0.3em;
}

#page .url { list-style-image: url(img/bul_link.gif); }

#page ul.aktuality {
	margin-left: 0; padding: 0;
	width: auto;	
}

#page ul.aktuality li {
	list-style: none;
	display: block;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #F0F8FF;
}

#page ul.aktuality b {
	border: 1px solid gray;
	padding: 0.1em;
	margin-right: 0.3em;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	background-color: #F5F5F5;	
}

#sloupec, #sloupec-kontejner {
  float: left;
  min-height: 800px;
}

#sloupec-kontejner ul.novinky, #sloupec-kontejner ul.novinky li {
	font-size: 12px;
	color: #996633;
  margin-left: 0;
  margin-bottom: 0.5em;
  padding-left: 0;
  list-style: none;
}

.novinky-datum {
  font-weight: bold;
}

h4.novinky {
  color: #0E3964;
  padding: 0 0 0.1em 0;
  margin: 0;
  font-weight: bold;
	border-bottom: solid #c8c3bf 1px;
}

/* Obecne tridy */

.hidden { display:none; }

.left { display:block; text-align: left }
.right { display:block; text-align: right }
.center { display:block; text-align: center }
.zarovnat { text-align: justify; }

.mini { font-size:65% }
.male { font-size:80% }
.velke { font-size:120% }
.velke b { font-size:120% }
.tluste { font-weight:bold; }
.kurziva { font-style:italic; }
.welcome { 
	font-size:80px;
	font-style: bold;
	line-height: 210px;
	letter-spacing: -2px;
	color: #6A4CC4;
	color: yellowgreen
}

.red { color:#AA0004; }
.orange { color:#ff8c00; }
.violet { color:#660099; }
.blue { color:#6a5acd }
.green { color:#006400; }
.blue_FT { color: #2576C8; }
.orange_FT { color: #FF9123; }

.err { font-size: 0.8em; color:#AA0004; font-weight: bold; }

.pure { margin: 0; padding: 0; border: 0; }

ol.roman li { list-style-type: lower-roman; }
ol.greek li { list-style-type: lower-greek; }
ol.abc li { list-style-type: latin; }
ol.dec li { list-style-type: lower-greek; }


/* HEADLINE REPLACE */

.replace{
	position:relative;
	margin:0px; padding:0px;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

.replace span{
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1; /*for Opera 5 and 6*/
}

#myh1, #myh1 span{
  height: 155px;
  width: 750px;
	background-image: url(img/banner4.jpg);
	background-position:  center top;
	background-repeat: no-repeat;
  font-variant: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 40px;
  border: 0;
}

#page ul.kalendar, #page ul.kalendar li, #page ul.kalendar3, #page ul.kalendar3 li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#page ul.kalendar li, #page ul.kalendar3 li {
	min-height: 65px;
	margin-bottom: 10px;
	border: 1px solid #efefef;
	background-color: #fafafc;
	padding: 5px;
}

ul.kalendar .novinky-datum , ul.kalendar3 .novinky-datum {
  display: block;
  border: 1px solid #bdbdbd;
  border-top: 10px solid #0099ff;
  width: 70px;
  height: 50px;
  margin: 0 10px 0 0;
  text-align: center;
  float: left;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
}

ul.kalendar3 .novinky-datum {
  border-top-color: red;
}

#page ul.kalendar2 {
	clear: right;
	margin: 0;
  padding: 0;
  list-style: none;
	padding-top: 20px;
}

#page ul.kalendar2 li {
	min-height: 75px;
	margin-bottom: 10px;
	display: block;
	float: left;
  border: 1px solid #bdbdbd;
  border-top: 10px solid red;
  width: 158px;
  height: 150px;
  margin: 7px;
  float: left;
  font-size: 12px;
  font-weight: normal;
  background-color: white;
	padding: 5px;
	overflow: auto;
}

ul.kalendar2 .datum, ul.kalendar2 .novinky-datum {
  display: block;
  border: 1px solid #bdbdbd;
  width: 70px;
  height: 50px;
  margin: 0 10px 0 0;
  text-align: center;
  float: left;
  font-size: 12px;
  font-weight: bold;
  background-color: white;
}

#dropmenudiv{
	position:absolute;
	border:0px solid white;
	border-bottom-width: 0;
	z-index:100;
	text-align: left;
	padding: 0;
	overflow: hidden;
}

#dropmenudiv a, #dropmenudiv div{
	display: block;
	border-bottom: 2px solid white;
	text-decoration: none;
	color: #333;
	font:normal 12px Verdana;
	line-height:18px;
	padding: 2px 10px;
}

#dropmenudiv .oddel {
	height: 5px;
	padding: 0;
	background-color: #565656;
	background-color: #989898;
	margin: 0;
}

#dropmenudiv .nad {
  color: white;
  background-color: #565656;
  background-color: #989898;
  font-weight: bold;
}

#dropmenudiv a:hover, #dropmenudiv a:active{ /*hover background color*/
	color: white;
	background-color: #ce3a36;
	text-decoration: none;
}