/* Obsah:
/* Rozložení stránky
   hlavička, menu, tělo, patička ... včetně subDIVů
/* Obecné tagy
   h1-h3, ul li, a, table tr th td, ...

*/
/************************************************************/
/************************************** rozložení stranky ***/
/************************************************************/
body {
	margin: 0 0 10px 0;
	padding: 0;
	background: #E1E6F5;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #282828;
	/* text-align: center; */
	/* background-image: url(../img/bg-out.png);
	background-position: top;
	background-repeat: repeat-x; */
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-highlight-color: #969696;
	scrollbar-face-color: #969696;
	scrollbar-arrow-color: #E6E6E6;
	scrollbar-shadow-color: #969696;
	scrollbar-darkshadow-color: #414141;
	scrollbar-track-color: #E6E6E6;
	scrollbar-base-color: #969696;
}
#plocha {
	float: center;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	width: 960px;
}
/****************************************/
/*************************** hlavička ***/
/****************************************/
#hlavicka {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 123px;
	width: 960px;
	padding: 0;
/*	background: #009240 url(../img/bg-green.gif) bottom repeat-x; */
	background-image: url("../img/bg-top.png");
	background-position: left;
	background-repeat: no-repeat;
}
#hlavicka a.mirais-logo { /* prazdny div, aby bylo mozne kliknout na horni logo */
	display: block;
	height: 73px;
	width: 139px;
	position: absolute;
	top: 25px;
	left: 20px;
	background-image: none;
	background-color: transparent;
}
#hlavicka a.mirais-logo img{ /*normalne je na strance logo jako soucast pozadi hlavicky, takze ho nezobrazuji */
	border: 0px;
	display: none;
}
/****************************************/
/******************************* menu ***/
/****************************************/
#menu {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 65px;
	width: 960px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px;
	background-color: #395396;
	background-image: url("../img/bg-menu.png");
	background-position: left top;
}
#menu #levy_okr {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 65px;
	width: 20px;
	border: 0px;
	background-color: #FFFFFF;
	background-image: url("../img/bg-menu-le.png");
	background-position: left top;
}
#menu #pravy_okr {
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
	height: 65px;
	width: 31px;
	border: 0px;
	background-color: #FFFFFF;
	background-image: url("../img/bg-menu-pr.png");
	background-position: right top;
}
#menu .item_intro {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 65px;
	width: 102px;
	background-image: url("../img/bg-menu-intro.png");
	background-position: left top;
	background-repeat: no-repeat;
}
#menu .item_intro.select_i {
	background-color: #233A7A;
	background-image: url("../img/bg-menu-intro-sel.png");
	background-position: left top;
	background-repeat: repeat-x;
}
#menu .item_intro a {
	float: left;
	top: 0px;
	height: 32px;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #FFFFFF;
  }
#menu .item_intro a:hover {
	background-color: #233A7A;
	background-image: url("../img/bg-menu-intro-sel.png");
	background-position: left top;
	background-repeat: repeat-x;
}
#menu .item {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 65px;
}
#menu .item.select {
	background-color: #233A7A;
	background-image: url("../img/bg-menu-sel.png");
	background-position: center top;
	background-repeat: no-repeat;
}
#menu .item a {
	float: left;
	top: 0px;
	height: 32px;
	padding: 18px 10px 0px 10px;
	text-decoration: none;
	color: #FFFFFF;
  }
#menu .item a:hover {
	background-color: #233A7A;
	background-image: url("../img/bg-menu-sel.png");
	background-position: top;
	background-repeat: repeat-x;
}
#menu img {
	float: left;
	vertical-align: top;
	height: 65px;
	width: 1px;
}
/****************************************/
/***************************** hledat ***/
/****************************************/
#hledat {
	float: left;
	position: relative;
	top: 14px;
	left: 150px;
	height: 65px;
}
#hledat form input {
	color: #000000;
	border: 1px solid #233A7A;
	padding: 1px 3px;
	height: 16px;
	width: 160px;
}
#hledat form input.send {
	margin: 0px;
	height: 20px;
	width: 18px;
	border: 0 none;
	background: #395396 url(../img/bt-find.gif) top center no-repeat;
	cursor: pointer;	
	_cursor: hand;	
}
form.edit input:hover.send {
	color: #F8C400;
}
div.g {
	width: 920px;
	padding: 7px 0;
}
div:hover.g {
	background-color: #E1E6F5;
}
h2.r {
	background-image: none;
	padding: 0;
	margin: 0;
}
#telo h2.r a {
	text-decoration: none;
}
em {
	font-weight: bold;
	font-style: normal;	
}
/****************************************/
/******************************* info ***/
/****************************************/
#info {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 29px;
	width: 960px;
	border: 0px;
	font-size: 11px;
	background-color: #FFFFFF;
}
#info #box {
	float: left;
	position: relative;
	top: 5px;
	left: 20px;
	height: 23px;
	width: 920px;
	background: #FFFFFF;
	border-bottom: 1px solid #E1E6F5;
}
#info #box #pos {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 23px;
}
#info #box #tool {
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	height: 23px;	
	*line-height: 16px;
	_line-height: ;	
}
#info #box #tool a#mapweb {
	text-decoration: none;
	background-image: url(../img/li-mw.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin: 0px;
	padding: 0 0 5px 19px;
}
#info #box #tool a#tisk {
	text-decoration: none;
	background-image: url(../img/li-t.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin: 0px;
	padding: 0 0 5px 19px;	
}
#info #box #tool a span {
	display: blok;
	font-size: 17px;
	height: 18px;
	width: 1px;
}
/****************************************/
/*************** střední část stránky ***/
/****************************************/
#telo {
	float: left;
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	/* font-size: 11px; */
	background: #FFFFFF;
	clear: both;
}
#telo div {   /* obecná buňka */
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}
#telo .bott_line {
	height: 20px;
	border-bottom: 1px solid #E1E6F5;
}
#telo .blok_cely {
	float: left;
	position: relative;
	width: 920px;
	top: 0px;
	left: 20px;
	background: #FFFFFF;
}
#telo .blok {
	float: left;
	position: relative;
	width: 610px;
	top: 0px;
	left: 20px;
	background: #FFFFFF;
}
#telo .blok_levy {
	float: left;
	position: relative;
	width: 295px;
	top: 0px;
	left: 20px;
	background: #FFFFFF;
}
#telo .blok_stred {
	float: left;
	position: relative;
	width: 295px;
	top: 0px;
	left: 40px;
	background: #FFFFFF;
}
#telo .blok_pravy {
	float: right;
	position: relative;
	width: 290px;
	top: 0px;
	left: -20px;
	background: #FFFFFF;
}
#telo .blok920 {
	float: left;
	position: relative;
	width: 920px;
	top: 0px;
	left: 0px;
}
/*** Tabulka na stránce - tvořená z DIVů ***/
#telo .tabulka {
	float: left;
	position: relative;
	border-top: 1px solid #E1E6F5;
}
#telo .tabulka .head {
	float: left;
	position: relative;
	padding: 5px;
	color: #FFFFFF;
	background: #233A7A;
	border-bottom: 1px solid #E1E6F5;
}
#telo .tabulka .white {
	float: left;
	position: relative;
	padding: 5px;
	background: #FFFFFF;
	border-bottom: 1px solid #E1E6F5;
}
#telo .tabulka .dark {
	float: left;
	position: relative;
	padding: 5px;
	background: #F5F5FF;
	border-bottom: 1px solid #E1E6F5;
}
#telo .tabulka .noborder {
	border: none;
}
#telo .tabulka div {   /* obecná buňka tabulky */
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
#telo .tabulka div.white p span { color: #A8ADB8 } /* datum */
#telo .tabulka div.dark p span { color: #A0A5B8 } /* datum */

/*#telo .side {   /* vnitřní okraje - boční * /
	padding-left: 5px;
	padding-right: 5px;
} */
#telo .w910 { width: 910px; } /* max šířka řádku tabulky */
#telo .w570 { width: 570px; } /* šířka řádku tabulky */
#telo .w350 { width: 350px; } /* šířka buňky */
#telo .w285 { width: 285px; } /* mapa webu */
#telo .w280 { width: 280px; } /* mapa webu */
#telo .w235 { width: 235px; } /* reference */
#telo .w230 { width: 230px; } /* reference */
#telo .w225 { width: 225px; } /* intro */
#telo .w220 { width: 220px; } /* intro */
#telo .w200 { width: 200px; }
#telo .w120 { width: 120px; }
#telo .w105 { width: 105px; }
#telo .h600 { height: 600px; }

/*** Menu v pravé části těla stránky ***/
#telo #submenu {
	float: right;
	position: relative;
	width: 304px;
	top: 18px;
	left: -16px;
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url("../img/bg-submenu.png");
	background-position: left top;
	background-repeat: repeat-y;
	border: 0 none;
}
#telo #submenu div {
	float: left;
	position: relative;
	height: 33px;
	width: 304px;
	color: #233A7A;
	background: transparent;
	z-index: 2;
}
#telo #submenu div.left {
	width: 12px;
}
#telo #submenu div.top {
	float: left;
	height: 6px;
	top: 0px;
	background-color: #FFFFFF;
	background-image: url("../img/bg-submenu-top.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	z-index: 0;
}
#telo #submenu div.bottom {
	float: left;
	height: 10px;
	bottom: 0px;
	background-color: #FFFFFF;
	background-image: url("../img/bg-submenu-bot.png");
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 1;
}
#telo #submenu div.select {
	color: #FFFFFF;
	background-color: transparent;
	background-image: url("../img/bg-submenu-sel.png");
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 3;
}
#telo #submenu div a {
	float: left;
	top: 0px;
	height: 17px;
	width: 272px;
	margin: 3px 0px;
	padding: 5px 4px 5px 10px;
	font-weight: bold;
	text-decoration: none;
}
#telo #submenu div a:hover {
	height: 17px;
	margin: 0px;
	padding: 8px 10px 8px 10px;
	background-color: transparent;
	background-image: url("../img/bg-submenu-hov.png");
	background-position: left top;
	background-repeat: no-repeat;
	color: #233A7A;
}
#telo #submenu div a.select {
	color: #FFFFFF;
}
#telo #submenu div a.select:hover {
	color: #FFFFFF;
	background: none;
}
#telo #fg_show img { vertical-align: middle; }

/*************************** Formulář ***/
#telo form input {
	font: 12px Tahoma, Verdana, Arial;
	color: #233A7A;
	border: 1px solid #E1E6F5;
	background: #FFFFFF;
	padding: 3px;
}
#telo form input.max {
	width: 100%;
}
#telo form select {
	font: 12px Tahoma, Verdana, Arial;
	color: #233A7A;
	border: 1px solid #E1E6F5;
	background: #FFFFFF;
	padding: 2px 0;
}
#telo form input.send {
	height: 22px;
	width: 102px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
	padding: 0px 0px 4px;
	_padding: 0px 0px 2px;
	background: #233A7A url(../img/bt-send.gif) top repeat-x;
	cursor: pointer;	
	_cursor: hand;	
}
#telo form input:hover.send {
	color: #FFDF00;
}
#telo p.slogan {
	text-align: center;
	background : #233A7A;
	padding: 10px;
	font-weight: bold;
	color:#FFFFFF;
}
#telo p.warning {
	color: #FFDF00;
	background: #FF0000;
	padding: 5px;
	border: 2px solid;
	border-color: #FF7F7F #7F0000 #7F0000 #FF7F7F;
}
/****************************************/
/**************************** patička ***/
/****************************************/
#paticka {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	background: #E1E6F5;
	background-image: url("../img/bg-bottom.png");
	background-position: left, top;
	background-repeat: repeat-x;
	clear: both;
}
#paticka #leva {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 12px;
	width: 12px;
	background: #E1E6F5;
	background-image: url("../img/bg-bottom-le.png");
	background-repeat: no-repeat;
}
#paticka #prava {
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	height: 12px;
	width: 12px;
	background: #E1E6F5;
	background-image: url("../img/bg-bottom-pr.png");
	background-repeat: no-repeat;
}
#paticka #text {
	float: left;
	position: relative;
	top: 32px;
	left: 0px;
	width: 936px;
}
#paticka #text #vlevo {
	float: left;
	position: relative;
	top: 0px;
	left: 8px;
}
#paticka #text #vpravo {
	float: right;
	position: relative;
	top: 0px;
	right: 8px;
}
#paticka #text span { /* oddělovač */
	color: #B9BED7;
}
#paticka #text a {
	text-decoration: underline;
	color: #233A7A;
}
/************************************************************/
/****************************** obecné tagy a formátování ***/
/************************************************************/
h1 {
	font-size: 18px;
	font-weight: normal;
	color: #282828;
	text-align: left;
	background-image: url(../img/li-1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 23px;
	margin: 12px 0 6px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #282828;
	background-image: url(../img/li-2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 23px;
	margin: 12px 0 6px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #282828;
	background-image: url(../img/li-3.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 18px;
	margin: 12px 0 6px;
}
p {
	text-align: justify;
	padding: 0px;
	margin: 6px 0px;
	line-height: 130%;
}
p.center {
	text-align: center;
}
p img.vlevo {
	float: left;
	padding: 5px 10px 5px 0px;
}
p img.vpravo {
	float: right;
	padding: 5px 0px 5px 10px;
}
p.mini {
	line-height: 50%;
}
ol, ul {
	left: 0;
	margin: 0px;
	padding: 0 0 0 17px;
	_padding: 0px;
	_margin: 0 0 0 16px;
}
ol li {
 	left: 0;
	font-size: 12px;
	font-weight: normal;
	color: #231F20;
	margin: 5px 0px;
}
ul li {
 	left: 0;
	font-size: 12px;
	font-weight: normal;
	color: #231F20;
	list-style-image: url(../img/li.gif);
	list-style-position: outside;
	margin: 5px 0px;
}
ul.sub li {
 	left: 0;
	font-size: 12px;
	font-weight: normal;
	color: #231F20;
	list-style-image: url(../img/lis.gif);
	list-style-position: outside;
	margin: 2px 0px 2px 17px;
	padding: 0px;
}
a {
	text-decoration: underline;
	color: #233A7A;
}
a:visited {
	text-decoration: underline;
	color: #233A7A;
}
a:hover {
	text-decoration: none;
	color: #4672F4;
}
a img {
	border: 0;
}
a.url {
	text-decoration: none;
	color: #233A7A;
	padding: 0px 0px 3px 20px;
	width: auto;
	border: 0 none;
	background-color: #FFFFFF;
	background-image: url(../img/li-url.gif);
	background-repeat: no-repeat;
	background-position: left;
}
a.urlex {
	text-decoration: none;
	color: #233A7A;
	padding: 0px 0px 3px 20px;
	width: auto;
	border: 0 none;
	background-color: #FFFFFF;
	background-image: url(../img/li-urlex.gif);
	background-repeat: no-repeat;
	background-position: left;
}
a.h2 {
	font-size: 14px;
	font-weight: bold;
	color: #282828;
	background-image: url(../img/li-2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 23px;
	margin: 12px 0 6px;
}
li a {
	text-decoration: none;
}
li a:visited {
	text-decoration: none;
	color: #233A7A;
}
li a:hover {
	text-decoration: none;
	color: #4672F4;
}
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.taj { text-align: justify; }