@charset "utf-8";
/* CSS Document */

body {
background-color:#ffffff;
color:#878787;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background:url(../gfx/background.jpg) no-repeat top center #ffffff;
}

#container {
width: 938px;
margin:auto;
}

#header {
height: 134px;
width: 938px;
}

#logo {
width: 207px;
height:86px;
float:left;
margin: 28px 0px 0px 20px;
}

#header_right {
width: 260px; 
height: 40px;
float:right;
margin-top: 28px;
}

#header_right a{
margin: 0px 5px 0px 5px
}
#header_right img{
margin: 0px 5px 0px 5px
}

#page {
width: 938px;
}

#menu_top {
width: 936px;
margin:auto;
height: 53px;
text-align:center;
}

.gorna_kreska_ie7 {
position: relative; top: 46px; left: 0px; margin-bottom:-6px;
}

.menu_top_element {
width: 123px;
height: 53px;
text-align:center;
float:left;
}

.menu_top_separator {
width: 1px;
height: 23px;
background-image:url(../gfx/menu_top_separator.png);
float:left;
}

.menu_top_element a {
color: #828282;
}

.menu_top_element a:active {
color: #000000;
}

.menu_top_element a:hover {
color: #515151;
text-decoration:underline;
}

#content {
width: 998px;
margin-top: 265px;
min-height: 100px;
}

#left_menu {
width: 220px;
float:left;
}

#left_menu ul {
margin: 0px;
padding: 0px;
}

#left_menu li {
display: block;
width:175px;
height: 45px;
background-image:url(../gfx/menu_item_bg.png);
overflow: hidden;
padding-top: 5px;
padding-left:45px;
}

#left_menu li a {
color: #878787;
text-decoration:none;
}

#left_menu li a:active {
color: #000000;
text-decoration:none;
}

#left_menu li a:hover {
color: #464646;
text-decoration:underline;
}

#right_content {
width: 578px;
float:left;
}

#bottom_links {
width: 978px;
height:35px;
float:none;
clear:both;
font-size: 10px;
color:#64706c;
padding-left: 20px;
padding-top:10px;
}

#bottom_container {
width: 978px;
height: 28px;
line-height: 28px;
padding-left: 20px;
font-size: 10px;
color:#64706c;
float:left;
background: url(../gfx/stopka_background.jpg) center top;
}

#footer {
width: 950px;
height: 50px;
padding-left: 25px;
padding-right:25px;
}

#footer_left {
width: 450px;
float:left;
height: 30px;
line-height: 30px;
font-size: 10px;
color:#64706c;
}

#footer_right {
width: 450px;
float:right;
height: 30px;
line-height: 30px;
font-size: 10px;
color:#64706c;
text-align:right;
}

a {
color: #878787;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

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

.cleaner {
float: none;
clear:both;
}

.message-good, .message-bad, .message-info  {
	padding: 10px 10px 10px 40px;
	margin-bottom: 10px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.message-good {
	border: 1px solid #cae49c;
	color: #516f1b;
	background-color: #f3ffd0;
	background-image: url(../gfx/accept-big.png)
}

.message-good a {
	color: #516f1b;
}

.message-bad {
	border: 1px solid #ffdede;
	color: #ce0000;
	background-color: #fff1f1;
	background-image:  url(../gfx/exclamation-big.png);
}

.message-bad a {
	color: #ce0000;
}

.message-info {
	border: 1px solid #ededb3;
	background-color: #ffffcc;
	background-image:  url(../gfx/information-big.png);
}

#menu{
  overflow: hidden;
  padding: 2px 15px;
}

ul#menu li{
  list-style-type: none;
  float: left;
  text-align:center;
}

ul#menu li a{
  display: block;
  padding: 8px;
  text-decoration: none;
}

ul#menu li li a{
  width: 180px;
  padding: 6px 12px;
  text-align:left;
}

ul#menu li li:hover{
  background: #CCCCCC;
}

ul#menu li ul{
  overflow: hidden;
  display:none;
}

ul#menu li:hover ul{
  position: absolute;
  background: #EEEEEE;
  padding:0;
  display: block;
  width: 180px;
}