/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html, body {
	height: 100%;
}
body {
	font-family: Tahoma, Verdana, Arial, lucida, sans-serif; 
	background: #fff;
	color: #000;
	font-size: x-small;
	text-align: center;
	min-width: 760px;
	line-height: 160%;
	_line-height: 150%;
	margin: 0px;
	padding: 0px;
}
html>body {
	font-size: x-small;
}
p {
	margin: 0px;
	padding: 0px;
	margin: 0px 10px 10px 10px;
}
/******* hyperlink and anchor tag styles *******/
a, a:link, a:visited{
	color: #993300;
	text-decoration: none;
}
a:hover {
	color: #CC6600;
}
/***********************************************/
/* Layout styles                               */
/***********************************************/
#base, #base1 {
	margin: 0 auto;
	width: 760px;
	position: relative;
	font-size: 110%;
	display: table;
}
#outbox, #outbox1 {
	margin: 0 auto;
	width: 760px;
	position: relative;
	}
	
 body>#outbox, body>#outbox1 {
 	height: auto;
}
#base1, #outbox1 {
	background-image: none;
	width: 100%;
}
/********************* header ************************/
#header {
	padding: 0px;
	margin-bottom: 0;
	height: 84px;
	font-size: 11px;
	background: url("../obr/header_bg.gif") repeat-x;
}
#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 309px;
	height: 56px;
	background-image: url(../obr/logo.gif);
}
#topMenuLeft {
	position: absolute;
	top: 56px;
	left: 0;
	width: 7px;
	height: 28px;
	background-image: url(../obr/top_menu_left.gif);
}
#topRight {
	position: absolute;
	right: 0;
	top: 35px;
	width: 193px;
	height: 13px;
	background-image: url(../obr/top_right.gif);
	background-repeat: no-repeat;
}
#flashSlogany {
	position: absolute;
	right: 0;
	top: 56px;
	width: 358px;
	height: 28px;
	background-image: url(../obr/top_right_kontakt.gif);
}

/************************ content *********************/
#content {
	padding: 0px;
	margin-left: 178px;
	margin-right: 0px;
	text-align: left;
}
#float {
	float: left;
	width: 100%;
}
#content1 {
	padding-bottom: 10px;
	text-align: left;
}
p#odskok {
	margin-bottom: 40px;
}
#page {
	display: block;
	width: 582px;
	height: 147px;
	background-image: url(../obr/page_bg.gif);
	background-repeat: repeat-x;
	_margin-top: 1px;
	}
#pageLeft {
	float: left;
	width: 6px;
	height: 147px;
	background-image: url(../obr/page_left.gif);
	background-repeat: no-repeat;
}
#pageRight {
	float: right;
	width: 6px;
	height: 147px;
	background-image: url(../obr/page_right.gif);
	background-repeat: no-repeat;
}
#pageContent {
	margin-left: 6px;
	margin-right: 271px;
	text-align: left;
	padding: 10px 6px 10px 6px;
}
#obrazy {
	float: right;
	width: 265px;
	height: 130px;
}
/*********************** mapa *******************/
#mapa {
	display: block;
	width: 580px;
	height: 313px;
}
/*********************** left *******************/
#left {
	float: left;
	width: 178px;
	\width: 188px;
	w\idth: 178px;
	margin: 0;
	padding: 0px;
	font-size: 11px;
	background: url("../obr/left_menu_bg.gif") repeat-y;
}
/**************************** loga **************************/
#loga {
	background: url("../obr/left_logo_bg.gif") repeat-y;
}
#lhead {
	width: 178px;
	height: 22px;
	background: url("../obr/left_logo_top_bg.gif") repeat-x;
}
#lheadLeft {
	float: left;
	width: 7px;
	height: 22px;
	background-image: url(../obr/left_logo_top_left.gif);
}
#lheadContent {
	margin: 0 10px 0 10px;
	text-align: left;
}
#lheadRight {
	float: right;
	width: 12px;
	height: 22px;
	background-image: url(../obr/left_logo_top_right.gif);
}
#lfoot {
	width: 178px;
	height: 29px;
	background: url("../obr/left_logo_bottom_bg.gif") repeat-x;
	margin-top: -2px;
}
#lfootLeft {
	float: left;
	width: 7px;
	height: 29px;
	background-image: url(../obr/left_logo_bottom_left.gif);
}
#lfootContent {
	margin: 0 7px 0 7px;
	text-align: center;
}
#lfootRight {
	float: right;
	width: 12px;
	height: 29px;
	background-image: url(../obr/left_logo_bottom_right.gif);
}
#logaContent {
	padding: 5px 0px 9px 7px;
	text-align: left;
}
/************************* menu ************************/
#menu {
	background-image: url(../obr/menu_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#menuContent {
	font-size: 11px;
	text-align: left;
	background-image: url(../obr/menu_bg_tl.gif);
	width: 170px;
}
#menuContent div{
	background-image: url(../obr/menu_tl_roll.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 24px;
}
#head {
	width: 178px;
	height: 22px;
	background: url("../obr/left_menu_top_bg.gif") repeat-x;
}
#headLeft {
	float: left;
	width: 7px;
	height: 22px;
	background-image: url(../obr/left_menu_top_left.gif);
}
#headContent {
	margin: 0 10px 0 10px;
	text-align: left;
}
#headRight {
	float: right;
	width: 12px;
	height: 22px;
	background-image: url(../obr/left_menu_top_right.gif);
}
#foot {
	width: 178px;
	height: 29px;
	background: url("../obr/left_menu_bottom_bg.gif") repeat-x;
	margin-top: 1px;
	_margin-top: 0px;
}
#footLeft {
	float: left;
	width: 7px;
	height: 29px;
	background-image: url(../obr/left_menu_bottom_left.gif);
}
#footContent {
	margin: 0 7px 0 7px;
	text-align: center;
}
#footRight {
	float: right;
	width: 12px;
	height: 29px;
	background-image: url(../obr/left_menu_bottom_right.gif);
}
/******************** odkazy *******************/
#menuContent A, #menuContent A:ACTIVE, #menuContent A:LINK, #menuContent A:VISITED {
	display: block;
	height: 24px;
	background-image: url(../obr/menu_tl.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	color: #20599E;
	line-height: 20px;
	padding-left: 25px;
}
#menuContent A:HOVER {
	background-image: none;
	color: #626262;
}
#menuContent div#active A, #menuContent div#active A:ACTIVE, #menuContent div#active A:LINK, #menuContent div#active A:VISITED {
	display: block;
	height: 24px;
	background-image: url(../obr/menu_tl_active.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
	padding-left: 25px;
}

/*********************** footer ***********************/
#footer {
	clear: both;
	margin-top: 0px;
	width: 100%;
	height: 25px;
	font-size: 9px;
	overflow: hidden;
	position: relative;
	left: 0px;
	text-align: right;
	color: #999999;
	
}
a.created, a.created:link, a.created:active, a.created:visited{
	color: #666666;
	text-decoration: none;
}
a.created:hover {
	color: #006699;
	text-decoration: underline
}