html, body {height: 100%;}

body {padding: 0px;	margin: 0px; background: rgb(250,250,250) url('../pic/back-page.png') repeat-x; background: #ccd3e0 url('../pic/bg-page.gif') repeat-x; }

.nobackground {background-color: white; background-image: none;}

body {font-family: Arial, Helvetica !important; font-weight: normal; font-size: 12px; color: #3F3C38; }


/* global positioning system */
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}

/* Clanek */
.cl_datum, .cl_autor  {font-size: 12px; color: gray;}
.cl_autor {display: block; margin-bottom: 10px}



/* Oblastni rada */
.or_datum {width: 100px; color: rgb(100,100,100); font-size: 11px; vertical-align: top}

.or_sekce {font-size: 13px; font-weight: bold; margin-bottom: 0px; margin-top: 0px}
.or_ul {margin: 10px 0 10px 5px; list-style-type: none;}
.or_table {width: 70%;  margin-top: 15px}

/* usneseni oblastni rady*/
.uor_table td {padding: 6px 5px 6px 6px;}
.hlavni-text-full {position: relative; background: url('../pic/bg-detail-full.gif') no-repeat; margin-top: -2px; padding: 12px 15px; text-align: justify;}
.udatum {color: gray;}
.hlavni-text-full span.udatum {display: block; font-size: 0.9em; margin-top: 20px; margin-bottom: 3px; width: 100%;
								border-bottom: 1px dotted #ddd;	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;}



/* Verejne akce */
.va_table {width: 100%; border-collapse: separate;}
.va_table td {border-bottom: 1px solid #E3E5E7; line-height: 20px; padding-left: 5px}
.va_table td p {margin:1px 0 5px; padding:0;}
.va_datum {background: #F0F2F6; width: 90px; line-height: 20px; text-align: center; vertical-align: top; padding-top: 3px; padding-bottom: 3px;}
.va_cas {background: #E5E8EF;  width: 90px; text-align: center; vertical-align: top; padding-top: 3px; padding-bottom: 3px;}
.va_mesto {font-weight: bold; font-size: 14px}
.va_h3 {font-weight: bold; font-size: 16px; color: #253657; margin-top: 30px;}
.va_h4 {margin-top: 0px; background: #314979; height: 20px; color: #E6E9EE; padding-left: 5px}
.va_kde {font-weight: bold; color: #314979; margin: 5px 0 -7px;}

/* Zastupci kraje */
.zk_ul li {margin: 20px 0px 15px}

/* Historie*/
.ul_historie {list-style-type: none; margin-left: 0px}

/* left-col ------------------------------------------------------- */
#left-col {	position: relative;	width: 160px;	float: left;	margin-right: 15px; }
#left-col .menu {position: relative; width: 100%; padding: 8px 0px; margin: 0px 0px 10px 0px; font-weight: bold; }
#left-col #menu-1 {background-color: rgb(40,61,109); padding: 0px;}
#left-col #menu-2 {background-color: rgb(32,95,157); padding: 0px;}


#left-col ul {margin: 0px; padding: 0px; list-style-type: none;}
#left-col li { display: block; position: relative; width: 100%; padding: 0px; margin: 0px; }
#left-col ul a {display: block; position: relative; padding: 4px 0px 2px 8px; color: white; font-size: 1em;}
#left-col ul a:hover { background: url('../pic/link-hover.gif') no-repeat left 4px; color: rgb(255,102,0); }

#menu-1-top, #menu-1-bottom, #menu-2-top, #menu-2-bottom  {height: 5px;  background-repeat: no-repeat; line-height: 4px; font-size: 4px}
#menu-1-top {background-image: url('/pic/main_menu_top.png');}
#menu-1-bottom {background-image: url('/pic/main_menu_bottom.png');}
#menu-2-top {background-image: url('/pic/sec_menu_top.png');}
#menu-2-bottom {background-image: url('/pic/sec_menu_bottom.png');}

/* odkazy */
.odkazy_main {font-weight: bold}
.top20 {margin-top: 20px}


.panylek { position: relative; width: 100%; background: rgb(238,238,238) url('../pic/bg-panylek.gif') repeat-x;	padding: 8px 0px 15px 0px;	margin-bottom: 10px;  font-size:11px;}
.panylek .text-obal {margin: 0px 10px;}
.panylek h1 { position: relative; height: 15px; padding: 0px; margin: 0px 0px 7px 0px;}
h1.hledani {background: url('../pic/h1-hledani.gif') no-repeat;}
h1.newsletter {background: url('../pic/h1-newsletter.gif') no-repeat;}
h1.rss {background: url('../pic/h1-rss.gif') no-repeat;}
h1.pda {background: url('../pic/h1-pda.gif') no-repeat;}

.input {border: 1px solid white; width: 110px; height: 16px; background: #e3e3e3 url('../pic/bg-input.gif') no-repeat; padding: 2px 0px 0px 5px; margin: 1px 0px 0px 0px;}
.submit {border: none; width: 23px; height: 23px; background: #e3e3e3; padding: 0px; cursor: hand; cursor: pointer; }
.btnewsletter {background: url('../pic/bg-btnewsletter.gif') no-repeat;}




/* hlavn? oblast pod hlavi?kou ------------------------------------------------------- */
#obsah {padding: 35px 0px 0px 10px;	background: url('../pic/bg-srafy.gif') repeat-x; }

#mid-col-2sl { position: relative; width: 756px; float: left; display: inline; margin-right: 15px;}

#mid-col-3sl {position: relative; width: 510px; float: left; margin-right: 15px;}
#mid-col-full {position: relative; width: 745px; float: left; margin-right: 15px;}

.hlavni-text-2sl { position: relative; background: url('../pic/bg-vypis.gif') no-repeat; margin-top: -2px; padding: 12px 15px; text-align: justify;}

.hlavni-text-3sl {position: relative; background: url('../pic/bg-detail.gif') no-repeat; margin-top: -2px; padding: 12px 15px; text-align: justify;}
.hlavni-text-3sl font {font-size: 1em !important}


#zakonceni-strany-2sl {position: relative; width: 990px; height: 10px; margin: 0px auto 0px auto; background: url('../pic/zakonceni-2sl.gif') no-repeat;}

#zakonceni-strany-3sl { position: relative; width: 990px; height: 25px;	margin: 0px auto 0px auto; background: url('../pic/zakonceni-3sl.gif') no-repeat;}

#zapati {position: relative; width: 970px; margin: 0px auto; padding: 10px 0px; color: #555;  font-size:11px;}
#zapati a {color: #555;}
#zapati a:hover {color: #555;}



.bthledej {background: url('../pic/bg-bthledej.gif') no-repeat;}


/* right-col ------------------------------------------------------- */
#right-col {position: relative; padding:0px; width: 240px; float: left; margin-top: -2px;}
#right-col div{font-size: 11px;}
#right-col .datum{font-size: 10px;}

#usneseni-rady {margin: 0px; background: rgb(238,238,238) url('../pic/bg-usneseni-rady.gif') repeat-x; padding: 12px 0 0 7px;}
#usneseni-rady h2 {text-indent: 9px; background: transparent url('../pic/usneseni-rady-h2.gif') no-repeat scroll 0%; color: #FF6600; margin-bottom: 12px; padding-bottom: 5px; font-size: 14px; height: 10px}
#usneseni-rady h2 span {background-image: url('../pic/urh2_text_bg.png'); display: inline; word-spacing: 1px; font-size: 14px;}
#usneseni-rady-bottom {margin-top: -3px; background: transparent url('../pic/usneseni-rady-bottom.png') no-repeat scroll 0%; height: 5px; line-height: 5px; font-size: 3px;}
#usneseni-rady font {font-size: 1em !important}


.index h1{ position: relative;  height: 15px;  padding: 0px;  margin: 0px 0px 9px 6px;}
h2.odstyle {color: #FF6600; font-size: 1.2em; font-weight: bold; margin-top: 15px}




/* headline ------------------------------------------------------- */
.headline {position: relative;	width: 100%; background: #325082 url('../pic/bg-headline.gif') repeat-x; color: white; padding: 10px 0px;}
.headline h1 {position: relative; height: 15px; padding: 0px; margin: 0px 0px 7px 15px;  background: url('../pic/h1-headline.gif') no-repeat;}
.headline h2 {font-size: 16px; font-weight:bold; margin: 0px 0px 2px 0px;}
.headline h2 a {color: rgb(255, 102, 0);}
.headline a {color: white;}
.headline a:hover {text-decoration: underline;}
.headline .text-obal {position: relative; margin: 0px 15px; font-size: 0.9em; color: white}





/* icons */

.clanky_ico, .foto_ico, .onas_ico, .zpet_ico {height: 11px; display: block; margin: 0 5px 0 5px; position: relative}

.clanky_ico {width: 47px;  background-image: url('/pic/clanky_ico2.png'); font-size: 0px; text-indent: -2000px; float: right}
.clanky_ico:hover {background-image: url('/pic/clanky_ico.png');}



.foto_ico {width: 35px;  background-image: url('/pic/foto_ico2.png'); font-size: 0px; text-indent: -2000px; float: right}
.foto_ico:hover {background-image: url('/pic/foto_ico.png');}




.onas_ico {width: 38px; background-image: url('/pic/onas_ico2.png'); font-size: 0px; text-indent: -2000px; float: right}
.onas_ico:hover {background-image: url('/pic/onas_ico.png');}



.zpet_ico {width: 41px;  background-image: url('/pic/bt-zpet.gif'); font-size: 0px; text-indent: -2000px; float: right}
.zpet_ico:hover {background-image: url('/pic/bt-zpet-on.gif');}













/* galerie */
.galleryTable {margin-top: 15px}
.galleryTable td {text-align: center; padding: 7px}
.galleryTable td img {border: 5px solid rgb(204,211,224)}


td {
	font-weight: normal;
	font-size: 1em;
	color: #3F3C38;
}

input, select {
	font-weight: normal;
	font-size: 1em;
	color: #3F3C38;
}

img {border: none;}

a {
	color: #23487c;
	text-decoration: none;
}

a:hover {
	color: rgb(255,102,0);
	text-decoration: none;
}

h1 {
	font-size: 14px;
	font-weight:normal;
	color: rgb(255,102,0);
	padding: 0px;
	margin: 0px 0px 10px 0px;
  letter-spacing: -1px;
}

h1 span {display: none;}

h2 {
	font-size: 19px;
	font-weight:normal;
	color: black;
	padding: 0px;
	margin: 0px 0px 5px 0px;
  text-align:left;
}

h3 {font-size: 14px; font-weight: bold; color: rgb(255,102,0);	padding: 15px 0px 10px 0px;	margin: 20px 0 0 0; letter-spacing: -1px;}

h4 {
	font-size: 14px;
	font-weight:bold;
	color: rgb(255,102,0);
	padding: 0px;
	margin: 30px 0px 5px 0px;
  text-transform:lowercase;
  letter-spacing: -1px;
}

h4 a{
	color: rgb(255,102,0);
}

ul {
	padding: 0px;
	margin: 0px 0px 0px 17px;
	list-style-type: square;
}

ol {
	padding: 0px;
	margin: 0px 0px 10px 25px;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

form {padding: 0px; margin: 0px;}

hr {
	padding:0px;
	margin:0px;
	color: rgb(230,230,230);
	background-color: rgb(230,230,230);
	height:2px;
  border:none;
	}

.bold {font-weight: bold;}
.italic {font-style: italic; width:98%;}
.normal {font-size: 12px;}
.small, .small * {font-size: 11px;}
.smaller, .smaller * {font-size: 10px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.obr {border: 1px solid rgb(10,10,10);}
.r {float: right;}
.l {float: left;}
.obr-r {float: right;	border: 1px solid rgb(10,10,10); margin: 0px 0px 5px 20px;}
.obr-l {float: left;	border: 1px solid rgb(10,10,10); margin: 0px 20px 5px 0px;}
.obj-r {float: right; margin: 0px 0px 5px 10px;}
.obj-l {float: left; margin: 0px 10px 5px 0px;}
.obj-xr {float: right; margin: 0px 0px 15px 25px;}
.obj-xxr {float: right; margin: 0px 0px 15px 70px;}
.clear {clear: both;}
.clear-r {clear: right;	background-color:transparent;}
.clear-l {clear: left; background-color:transparent;}
.blok {width:100%;display:table;}
.matrjoska {width:100%;}

/* tabulky ------------------------------------------------------- */
tabulka td{	padding: 1px 5px;	}
td.tabulka, .tabulka td {	background-color: rgb(245,245,245);}
td.tabulka2, .tabulka2 td {	background-color: rgb(225,225,225);}
td.tabulka-zahlavi, .tabulka-zahlavi td {color: rgb(255,255,255);	background-color: rgb(152,152,152);	font-weight: bold;}
td.tabulka-polozka, .tabulka-polozka td {font-weight: bold;	text-align: right;}

.sloupec1-2 {
	float:left;
	width:48%;
	}

.sloupec2-2 {
	float:right;
	width:48%;
	}

.seznam li {
	margin-top: 0px;
	margin-bottom: 12px;
	}

ol.abcd, ul.abcd{
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

.abcd li{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}


div.silver {
	border: 1px solid rgb(240,240,240);
	background-color: rgb(250,250,250);
	padding:10px;
	}

.podpis {
	font-size: 11px;
	font-style: italic;
	text-align:center;
	margin: 40px 0px 0px 60%;
	}

.oddel-clanky {
  position: relative;
  padding: 10px 0px 5px 0px;
  background: url('../pic/dotted-shadow.gif') repeat-x left bottom;
  text-align: left;
  display: table;
  width:100%;
}
br.cistic {clear: both;}
img.blank {width: 1px; height: 1px; border: none !important; float: none !important;}


/* ------------------------------------------------------- */
div.play-audio{
  width:34px;
  height:31px;
  position:absolute;
	background: url('../pic/audio.png') no-repeat;
}

div.play-video{
  width:34px;
  height:31px;
  position:absolute;
	background: url('../pic/video_low.png') no-repeat;
}

/* ------------------------------------------------------- */
div.obrazek {
  float: right;
  margin: 0px 0px 10px 15px;
  position: relative;
  display:inline;
}

div.obrazek img {
  border: 1px solid rgb(100,100,100);
}

div.obrazek div.play-audio, div.obrazek div.play-video{
  top:0;
  right:0;
}

/* tohle se uplat?uje jenom na indexu ------------------- */
div.ikona{
	float: left;
	margin: 3px 15px 5px 0px;
  position:relative;
  display:inline;
}

div.ikona img {
	border: 1px solid white;
}

div.ikona div.play-audio, div.ikona div.play-video{
  bottom:5px;
  right:5px;
}

/* ------------------------------------------------------- */
div.ikona_multimedia{
	margin: 0px 0px 0px 0px;
  background: url('../pic/videokamera.jpg') no-repeat center center;
  width:210px;
  height:140px;
  border: 1px solid rgb(100,100,100);
}

div.ikona_multimedia a{
  background: url('../pic/play_bw.png') no-repeat center center;
  display: block;
  width:210px;
  height:140px;
  position:relative;
}

div.ikona_multimedia a:hover{
  background: url('../pic/play.png') no-repeat center center;
}



.fotka-obal {
	display: block;
	padding: 2px;
	background-color: #eee;
	font-size: 9px;
	text-align: center;
	margin-top: 5px;
}

table.sdruzeni {width: 480px;}
table.sdruzeni td { padding: 4px 0px 5px 10px; border-bottom: 1px dotted #ddd;	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;}
table.sdruzeni tr:hover {background-color: #F5F5F5;}
.sdatum {color: gray; width: 60px; padding-left: 10px; font-size: 0.9em}

.datum {color: gray; font-size: 11px;}



.datum a:hover{
  text-decoration:underline;
}

/* kulate rozky */
div.r1 {position: absolute; left: 0px; top: 0px; width: 5px; height: 5px; background: url('../pic/r1.png') no-repeat; font-size: 0em;}
div.r2 {position: absolute; right: 0px; top: 0px; width: 5px; height: 5px; background: url('../pic/r2.png') no-repeat; font-size: 0em;}
div.r3 {position: absolute; left: 0px; bottom: 0px; width: 5px; height: 5px; background: url('../pic/r3.png') no-repeat; font-size: 0em;}
div.r4 {position: absolute; right: 0px; bottom: 0px; width: 5px; height: 5px; background: url('../pic/r4.png') no-repeat; font-size: 0em;}
div.mr3 {position: absolute; left: 0px; bottom: 0px; width: 5px; height: 5px; background: url('../pic/mr3.png') no-repeat; font-size: 0em;}
div.mr4 {position: absolute; right: 0px; bottom: 0px; width: 5px; height: 5px; background: url('../pic/mr4.png') no-repeat; font-size: 0em;}

a.vice, a.cela-rubrika { display: block; position: absolute; height: 11px; top: 14px; right: 9px;}
a.vice {background: url('../pic/bt-vice.gif') no-repeat; width: 35px;}
a.vice:hover {background: url('../pic/bt-vice-on.gif') no-repeat;}
a.cela-rubrika {background: url('../pic/bt-cela-rubrika.gif') no-repeat; width: 79px;}
a.cela-rubrika:hover {background: url('../pic/bt-cela-rubrika-on.gif') no-repeat;}

a.zpet {
  display: block;
  position: absolute;
  width: 40px;
  height: 11px;
  top: 14px;
  right: 15px;
  background: url('../pic/bt-zpet.gif') no-repeat;
}
a.zpet:hover {background: url('../pic/bt-zpet-on.gif') no-repeat;}


















a.od-autora {
  display: block;
  position: absolute;
  width: 86px;
  height: 11px;
  top: 14px;
  right: 60px;
  background: url('../pic/bt-dalsi-autor.gif') no-repeat;
}
a.od-autora:hover {background: url('../pic/bt-dalsi-autor-on.gif') no-repeat;}

a.o-autorovi {
  display: block;
  position: absolute;
  width: 86px;
  height: 11px;
  top: 14px;
  right: 151px;
  background: url('../pic/bt-vice-autor.gif') no-repeat;
}
a.o-autorovi:hover {background: url('../pic/bt-vice-autor-on.gif') no-repeat;}

a.vice span, a.cela-rubrika span, a.zpet span, a.o-autorovi span, a.od-autora span {display: none;}

#container-2sl {
	position: relative;
	width: 960px;
	margin: 20px auto 0px auto;
	padding: 0px 30px 0px 0px;
	background: white url('../pic/bg-container-2sl.gif') repeat-y;
}
#container-3sl {
	position: relative;
	width: 960px;
	margin: 20px auto 0px auto;
	padding: 0px 30px 0px 0px;
	background: white url('../pic/bg-container-3sl.gif') repeat-y;
}



#rlista {position: absolute; right: 0px; top: 20px;}
#rlista a span {display: none;}
#rlista a {display: block; position: relative; width: 30px; }

#rlista a#rl-ods {height: 85px; background: url('../pic/rl-ods.gif');}
#rlista a#rl-ods:hover {background: url('../pic/rl-ods-on.gif');}
#rlista a#rl-zpravy {height: 91px; background: url('../pic/rl-zpravy.gif');}
#rlista a#rl-zpravy:hover {background: url('../pic/rl-zpravy-on.gif');}
#rlista a#rl-eu-ods {height: 72px; background: url('../pic/rl-eu-ods.gif');}
#rlista a#rl-eu-ods:hover {background: url('../pic/rl-eu-ods-on.gif');}
#rlista a#rl-necas {height: 88px; background: url('../pic/rl-necas.gif');}
#rlista a#rl-necas:hover {background: url('../pic/rl-necas-on.gif');}
#rlista a#rl-volby {height: 88px; background: url('../pic/rl-volby2008.gif');}
#rlista a#rl-volby:hover {background: url('../pic/rl-volby2008-on.gif');}


/* mistni sdruzeni --------------------- */
ul.sdruzeni {margin: 0px 15px 0px 0px !important; list-style-type: none;}
ul.sdruzeni li a{display: block; width: 90%; padding: 4px 0px 5px 10px; border-bottom: 1px dotted #ddd;	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;}
ul.sdruzeni li.sdruzeni:hover{background-color: #f5f5f5;}

ul.clanky {margin: 0px 15px 0px 0px !important; list-style-type: none;}
ul.clanky li {display: block; width: 90%; padding: 4px 0px 5px 10px; border-bottom: 1px dotted #ddd;	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;}
ul.clanky li a {margin-left: 20px}
ul.clanky li.sdruzeni:hover{background-color: #f5f5f5;}





/* hlavicka ------------------------------------------------------- */
#hlavicka {position: relative;	height: 120px; background: url('../pic/header_bg.png') repeat-x; }


img.logo-zpravy { position: absolute; left: 30px; top: 47px; }

/* upoutavky  - 3 ikony naho?e ------------------------------------------------------- */
#upoutavky { position: absolute;  right: 10px; top: 35px; }

#upoutavky td {  padding: 5px 25px 5px 10px;  font-size: 11px; }

#upoutavky img { padding: 0px 15px 0px 0px;  float: left; }



/* zpravodajstvi-titul ------------------------------------------------------- */
.zpravodajstvi {margin-top: -3px; position: relative; width: 510px; padding-top: 12px; background: url('../pic/bg-zpravodajstvi-titul.gif') no-repeat; margin-bottom: 20px; }
.zpravodajstvi a {font-size: 0.9em}
.zpravodajstvi h1 {text-indent: 13px; background: url('../pic/clanky_komentare-h1.gif') no-repeat; margin-left: 10px; width: 450px;}
.zpravodajstvi h1 span {background-image: url('../pic/h1_text_bg.png'); display: inline; word-spacing: 1px; letter-spacing: 0px; font-size: 14px}
.zpravodajstvi ul {margin: 0px 15px; list-style-type: none;}
.zpravodajstvi li {display: block; position: relative; width: 415px; padding: 4px 0px 5px 65px; border-bottom: 1px dotted #ddd;	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;}
.zpravodajstvi li:hover{background-color: #f5f5f5;}
.zpravodajstvi .datum {display: block; position: absolute; left: 0px; font-size: 0.8em;}



/* rubriky ------------------------------------------------------- */
.rubriky {
	position: relative;
	width: 245px;
	padding-top: 12px;
	float: left;
	background: url('../pic/bg-rubrika-titul.gif') no-repeat;
}
.rmargin {
  margin-right: 20px;
}
.rubriky h1 {
  background: url('../pic/h1-clanky-a-komentare.gif') no-repeat;
}
.rubriky h2 {
  font-size:12px;
  font-weight:bold;
	margin: 0px 0px 1px 0px;
}
.rubriky div.obrazek {
	margin: 0px 0px 5px 5px;
}
.rubriky .datum{
	font-size: 10px;
}
.rubriky .text-obal {
	margin: 0px 10px 0px 15px;
}
.rubriky ul{
	padding: 0px;
	margin: 0px 10px;
	list-style-type: none;
}
.rubriky li {
	padding: 5px;
	/*border-top: 1px dotted #23487c;*/
	background: url('../pic/dotted-blue.gif') repeat-x left top;
}
.rubriky li:hover {
  background-color: #f8f8f8;
}



/* dalsi-headlines ------------------------------------------------------- */
.dalsi-headlines h1 {background: url('../pic/h1-dalsi-headlines.gif') no-repeat; }
.dalsi-headlines ul {padding: 0px 0px 1px 0px; margin: 0px 15px; list-style-type: none;}
.dalsi-headlines li {padding: 5px 0px; /*border-bottom: 1px dotted #23487c;*/ background: url('../pic/dotted-blue.gif') repeat-x left bottom; display:table; width:100%;}
.dalsi-headlines li img { float: left;  border: 1px solid white;  margin: 0px 10px 0px 0px;}



/* video-aktuality ------------------------------------------------------- */
.video-aktuality h1 {
  background: url('../pic/h1-video-aktuality.gif') no-repeat;
}

.video-aktuality div.ikona_multimedia a{
  background: none;
}

.video-aktuality div.ikona_multimedia img{
  position:absolute;
  top:50%;
  left:50%;
  margin:-35px 0 0 -35px;
}

.video-aktuality object{
  margin-bottom: 5px;
}


/* anonce-akci ------------------------------------------------------- */
.anonce-akci h1 {
  background: url('../pic/h1-anonce-akci.gif') no-repeat;
}
.anonce-akci ul {
	padding: 0px 0px 1px 0px;
	margin: 0px 15px;
	list-style-type: none;
}
.anonce-akci li {
	padding: 5px 0px;
	/*border-bottom: 1px dotted #23487c;*/
	background: url('../pic/dotted-blue.gif') repeat-x left bottom;
  display:table;
  width:100%;
}
.anonce-akci li img {
  float: right;
	border: 1px solid rgb(100,100,100);
  margin: 0px 0px 0px 10px;
}



/* foto-aktuality ------------------------------------------------------- */
.foto-aktuality h1 {
  background: url('../pic/h1-foto-aktuality.gif') no-repeat;
}
.foto-aktuality img{
	border: 1px solid rgb(100,100,100);
	margin-bottom: 5px;
}



/* graf-mesice ------------------------------------------------------- */
.graf-mesice h1 {
  background: url('../pic/h1-graf-mesice.gif') no-repeat;
}
.graf-mesice div {
  text-align:center;
}
.graf-mesice img {
	margin-bottom: 5px;
}



/* glosa ------------------------------------------------------- */
.glosa h1 {
  background: url('../pic/h1-glosa.gif') no-repeat;
}



/* nejnovejsi-prispevky ------------------------------------------------------- */
.nejnovejsi-prispevky h1 {
  background: url('../pic/h1-nejnovejsi-prispevky.gif') no-repeat;
}
.nejnovejsi-prispevky h3 {
  background: url('../pic/h1-nejnovejsi-prispevky-v-rubrice.gif') no-repeat;
  position: relative;
  height: 15px;
  padding: 0px;
  margin: 0px 0px 9px 6px;
}
.nejnovejsi-prispevky h3 span{
  display: none;
}
.nejnovejsi-prispevky ul {
	padding: 0px 0px 1px 0px;
	margin: 0px 15px;
	list-style-type: none;
}
.nejnovejsi-prispevky li {
	padding: 5px 0px;
	/*border-bottom: 1px dotted #23487c;*/
	background: url('../pic/dotted-blue.gif') repeat-x left bottom;
  display:table;
  width:100%;
}
.nejnovejsi-prispevky li img {
  float: right;
	border: 1px solid rgb(100,100,100);
  margin: 0px 0px 0px 10px;
}



/* nejnovejsi-aktuality ------------------------------------------------------- */
.nejnovejsi-aktuality h3 {
  background: url('../pic/h1-nejnovejsi-prispevky-v-rubrice.gif') no-repeat;
  position: relative;
  height: 15px;
  padding: 0px;
  margin: 0px 0px 9px 6px;
}
.nejnovejsi-aktuality h3 span{
  display: none;
}
.nejnovejsi-aktuality h3.newsletter {background: url('../pic/h1-newsletter-right.gif') no-repeat;}
.nejnovejsi-aktuality h3.hledani {background: url('../pic/h1-hledani-right.gif') no-repeat;}

.nejnovejsi-aktuality ul {
	padding: 0px 0px 1px 0px;
	margin: 0px 15px;
	list-style-type: none;
}
.nejnovejsi-aktuality li {
	display: block;
	position: relative;
	padding: 5px 0px;
	/*border-bottom: 1px dotted #23487c;*/
	background: url('../pic/dotted-blue.gif') repeat-x left bottom;
}
li.ted-aktivni {
  background-color: #f5f5f5;
  color:rgb(100,100,100);
}



/* graf-fotka ------------------------------------------------------- */
.graf-fotka h2{
  font-size: 16px;
}
.graf-fotka img{
  border: none;
  margin: 35px 0px 20px 0px;
}



/* multimedium ------------------------------------------------------- */
.multimedium h2{
  font-size: 16px;
}

.obal-player {
	position: relative;
	padding: 10px;
	background-color: rgb(48,58,93);
  color:white;
  font-size:11px;
  margin-top:35px;
  text-align:left;
}

.obal-player a{
  color:rgb(220,220,255);
}

.notes {
	position: relative;
  margin: 15px 0 0 0;
	overflow: hidden;

}

.note {
	display: block;
	width: 55px;
	height: 31px;
	padding: 4px 0px 0px 39px;
	text-align: left;
	color: rgb(0,0,102);
	font-size: 10px;
	font-weight: bold;
	float: left;
	display: inline;
}

a.note:hover {color: #ff6a03;}

.note-rychle {background: url('../pic/video_high.png') no-repeat;}
.note-pomalu {background: url('../pic/video_low.png') no-repeat;}
.note-audio {background: url('../pic/audio.png') no-repeat;}
.note-zvetsit {background: url('../pic/zvetsit.png') no-repeat;}
.note-fotopopup {background: url('../pic/fotopopup.png') no-repeat;}
.note-new-window {
	display: block;
	height: 31px;
	padding: 4px 0px 0px 39px;
	text-align: left;
	color: rgb(0,0,102);
	font-size: 10px;
	font-weight: bold;
	float: right;
	display: inline;
  background: url('../pic/new-window.png') no-repeat;
  }



/* pozvanka ------------------------------------------------------- */
.pozvanka h2{
  font-size: 16px;
}



/* rubrika ------------------------------------------------------- */
.rubrika h1{
	font-size: 19px;
	margin: 0px 0px 45px 0px;
}
.rubrika h2{
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 1px 0px;
}

.rubrika div.obrazek {
  float: left;
  margin: 0px 15px 10px 0px;
}

/* vypis ------------------------------------------------------- */
.vypis {
	position: relative;

}

.vypis h1{
	font-size: 19px;
	margin: 0px 0px 45px 0px;
}
.vypis ul {
	margin: 0px 15px;
	list-style-type: none;
}
.vypis li {
	display: block;
	position: relative;
	padding: 4px 0px 5px 85px;
	/*border-bottom: 1px dotted #ddd;*/
	background: url('../pic/dotted-shadow.gif') repeat-x left bottom;
  width: 600px;

}

.vypis li:hover{
  background-color: #f5f5f5;
}
.vypis .datum {
	display: block;
	position: absolute;
	left: 0px;
	font-size: 1em;
}



/* grafy ------------------------------------------------------- */
.grafy h1{
	font-size: 19px;
	margin: 0px 0px 45px 0px;
}
.grafy div.graf-obal {
	display: block;
	padding: 1px 1px 5px 1px;
	background-color: rgb(238,238,238);
	font-size: 11px;
	text-align: center;
  float: left;
  width: 212px;
}
.grafy div.text{
	font-size: 11px;
	margin-left: 300px;
}

.graf-obal img {margin-bottom: 5px;}



/* pozvanky ------------------------------------------------------- */
.pozvanky table {
	width: 100%;
	border-top: 1px solid rgb(238,238,238);
}
.pozvanky tr {vertical-align: baseline;}
.pozvanky tr:hover {background-color: #f5f5f5;}
.pozvanky td {
	padding: 5px 0;
	border-bottom: 1px solid rgb(238,238,238);
}
.pozvanky td.datum {
	font-weight:bold;
  padding-right:30px;
}

.pozvanky td.ikona{
  padding-left:20px;
}

.pozvanky td.ikona img{
	float:right;
	border: 1px solid rgb(100,100,100);
}

/* foto-video ------------------------------------------------------- */
.foto-video h1{
	font-size: 19px;
	margin: 0px 0px 45px 0px;
}

.foto-video h2{
	font-size: 12px;
	font-weight:bold;
	margin: 0px 0px 1px 0px;
}

.foto-video .popis {
	padding: 10px;
	border: 1px solid rgb(230,230,230);
  vertical-align:top ;
}

.foto-video .legenda {
	padding: 10px 0 0 0;
	background-color: rgb(245,245,245);
	border: 1px solid rgb(230,230,230);
  width:210px;
  font-size:10px;
  vertical-align:top ;
}

.foto-video .legenda p{
	margin: 0 10px;
}

.foto-video div.ikona_multimedia, .foto-video div.ikona{
	float: right;
	margin: 0px 0px 15px 30px;
}

.foto-video div.ikona img {
  border: 1px solid rgb(100,100,100);
}



/* fotopopup ------------------------------------------------------- */
#popuppage {
	text-align:left;
  position:relative;
	background: white url('../pic/logo-zpravy_s.gif') no-repeat right top;
	}

#popuppage #okraj{
	margin:0px 15px;
	}

#popuppage #copyright {
  position:absolute;
  bottom:5px;
  left: 15px;
	color: #555;
  font-size:11px;
}

#popuppage h2 {
	font-size: 14px;
  margin: 50px 0 15px 0;
	}

#popuppage iframe {
	width:460px;
	height:340px;
	}




#popupiframe {
	text-align: left;
	}

#popupiframe #image {
	margin-bottom:5px;
	height:270px;
	text-align:center;
	}

#popupiframe #image img{
	border: 1px solid rgb(10,10,10);
}

#popupiframe h3{
	font-size: 10px;
	color: rgb(102,102,102);
	font-weight: normal;
  }

#popupiframe #popisek {
	height:35px;
	}

#popupiframe div.strankovani {
	margin: 0px;
	padding: 3px 0px;
	}









.razeni {
  position: absolute;
  top: 14px;
  right: 15px;
  text-align:right;
}
.popis-razeni {
  margin-top: 5px;
  color: rgb(100,100,100);
  font-size: 11px;
}
.strankovani {
	position: relative;
	text-align: center;
	padding: 7px 0px;
	margin: 35px 0 0 0;
	border: 1px solid #eee;
	background-color: #f7f7f7;
  font-size:11px;
}
.strankovani a.strankovani {
	background-color: #ddd;
	padding: 0px 2px;
	margin: 0px 1px;
	text-align: center;
}
.strankovani span.strankovani {
	background-color: rgb(40,61,109);
	font-weight: bold;
	color: white;
	padding: 0px 2px;
	margin: 0px 1px;
	text-align: center;

}
.strankovani a.prev-next {
	padding: 0px 3px 0px 6px;
	margin: 0px 1px;
	text-align: center;
}
.strankovani span.prev-next {
	padding: 0px 3px 0px 6px;
	color: #ccc;
	margin: 0px 1px;
	text-align: center;
}
.novinky-emailem {
	position: relative;
	width: 250px;
	padding: 15px 20px;
	background-color: rgb(238,238,238);
	margin-top: 30px;
}
.notop {
	margin-top: 0px;
}

/* tablo */

.tablo {
padding-top: 15px;
padding-bottom: 15px;
}
.tablo h3 {
margin: 0px;
margin-bottom: 5px;
border: 0px;
padding: 0px;
}

img.sen {
border: 1px solid #CCCCCC;
margin-right: 30px;
margin-bottom: 20px;
}
.tablo-ul {
margin: 0px;
margin-left: 15px;
border: 0px;
padding: 0px;
}
.tablo-ul li {
list-style-type: square;
color: #666666;
}
.clear {
clear: both;
}
.sen-color {
color: #23487c;
}
p.tablo {
color: #666666;
margin-top: 2px;
}




.ml-10 {margin-top: 10px !important}
.ml-20 {margin-left: 20px !important}

.w-100 {width: 100px !important}
.w-150 {width: 150px !important}
.w-200 {width: 200px !important}
.w-300 {width: 300px !important}