/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: arial, helvetica, sans-serif;
font-weight: 500;
width: 100%;
margin: 0 0 0 1px;
position: relative;
z-index: 0;

}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding: 0; 
margin: 0;
list-style-type: none;
list-style-image: none;

}


/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float: left; 
position: relative;


}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul a, .menu ul a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width: 111px; 
color:#454c59; 
border:1px solid #b0b0b0;
border-width: 0 0 0 0;
background-image: url(images/menu_bg.gif);
background-repeat: repeat-x;
height:40px; 
line-height:38px; 
font-size:15px;

}

/*tule je za podmenu koda*/

.menu li a, .menu li a:visited {
_display:block;
_height:25px; 
_line-height:40px; 
}

.sub li a, .sub li a:visited {
_display:block;
_height:25px; 
_line-height:24px; 
}


/* konc */



.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background-image: url(images/menu_bg_ro.gif);
background-repeat: repeat-x;

}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute;
top:39px; 
left: -16px; 

}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
width:120px;
background: #b00027;
color:#fff;
height:24px;
font-family: arial, sans-serif;
text-align:left;
padding-left:6px;
font-size:12px;
line-height:23px; 
border:1px solid #fff;
border-width: 0 1px 1px 1px;


}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#fff; 
color:#454c59;
display:block;

}

/*.last.hide {
display:block; 
text-align:center; 
text-decoration:none; 
width: 114px; 
height:40px; 
color:#fff; 
border:1px solid #b0b0b0;
border-width: 0 0 0 0;
background-image: url(images/menu_bg_red.gif);
background-repeat: repeat-x;
line-height:35px; 
font-size:16px;
} !important*/

.menu ul li.last.hide a, .menu ul li.last.hide a:visited {
display:block;
width: 114px; 
_width: 111px;
color:#454c59;
background-image: url(images/menu_bg_red.gif);
background-repeat: repeat;
} 

.menu ul li.last.hide a:hover  {
display:block;
width: 114px;
color:#fff; 
background-image: url(images/menu_bg_ro.gif);
_color: #fff;
_background: #fff;
_background-color:#fff;
background-repeat: repeat-x;
}