/*\*//*/
  @import "Menu4IE5Mac.css";
/**/

#menu {
	/*
	width: ?;
	YOU MUST specify some width, otherwise menu would span whole page.
	Since this depends on design, do it in make-up section.
	*/
	display: block;
	width:174px;
	padding:35px;
	background-color: #EEF7FA; 
	border: 1px solid #3CAAC8;
    text-transform: uppercase;
    
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	display: block;
     


	

}
#menu li:hover {

	
}
#menu a,#menu span {

	text-decoration: none;
	color: #000;
	padding-right:20px;
    font-size: 10px; 
    

}
#menu span {
	font-weight: bold;
    color: #E51837;	
}

#menu a:hover {
    font-size: 10px; 
    color: #E51837;  
          
}
#menu li {
	width:200px;
	padding-top:5px;
	background-image: url(../img/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li ul {
	top: 0;
	left: 0;

	

}
#menu li ul li{


	padding:0px;
	margin:0px;
    padding-left: 15px;
    padding-top:5px;
    background-image: none; 
	
}
#menu li ul li:hover{
	background-image: none;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu li ul li a{
	margin: 0px;
	color: #000000;  
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal; 
	font-size: 9px; 


	
}

#menu li ul li ul li a{
	margin: 0px;
	color: #000;  
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
    font-size: 9px;  
	


	
}

#menu li ul li a:hover{
	margin: 0px;
	color: #CC0000;
    font-size: 9px;
	
}


#menu li ul li span{

	margin: 0px;
	color: #000;  
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
    font-size: 9px;  
	

}


/* ...and then place it where it should be when shown */
#menu li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {

}

/* display them on hover */
#menu li:hover>ul {

}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {

}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*        ------    Basic style    ------        */

#menu_admin {
    display: block;
    
  
     margin: 0px;
     padding: 0px; 
    
  
    font-family: Arial, Helvetica, sans-serif;
    
     
     

 
 

    
}

#menu_admin ul {

    
       
    list-style-type: none;
  
    
    
     margin: 0px;
     padding: 0px; 
    vertical-align: top;
 


    
    
}

#menu_admin li {
    margin: 0;
    
    display: block;
    

    float:left;
    
   
 
    color: #000;
    
    

}

#menu_admin a, #menu_admin span {
    display: block;
    padding: 10px;
    border-right: 1px solid #CCC;
    text-decoration: none;
    color: #666;
    text-decoration: none;
    background-color: #eaeaea; 
    font-weight: bold;
   
}
#menu_admin a:hover{
        text-decoration: none;
         background-color: #dfdfdf;  
         color: #000;  
    
}
#menu_admin span {
    color: #E51837;
}
#menu_admin li li {
    width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu_admin li li ul {
    top: 0;
    left: 0;
}

/* ...and then place it where it should be when shown */
#menu_admin li li:hover ul {
    left: 100%;
}

/* initialy hide all sub menus */
#menu_admin li ul {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #FFFAF5;
    
}
#menu_admin li ul li a,#menu_admin li ul li span{
    color: #660000;    
    width: 100px;
    padding-top:5px;
    padding-bottom:5px;
    
}

#menu_admin li ul li a:hover{
    color: #FFFFFF;
    background-color: #660000;    
    
}
/* display them on hover */
#menu_admin li:hover>ul {
    display: block;
}

/* this is needed if you want to style #menu_admin div - force containment of floated LIs inside of main UL */
#menu_adminList:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu_admin a {
    float: left;
}

#menu_adminList {
    display: inline-block;
}
/*  */

/* 
 *	Horizontal, top-2-bottom
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/
   
#menu_horiz {
	display: block;
	

	
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif;
    
    
    
   
    text-align: center;

    vertical-align: middle;
 
    height: 34px;
    margin-left: auto;
    margin-right: 115px;;

	
}

#menu_horiz ul {

    
       
    list-style-type: none;
    float: right;
    margin: 0px;
    vertical-align: top;
    padding-top: 4px;
    line-height: 22px;
    
    
}

#menu_horiz li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	
	position: relative;  
     float: left;    
    
  
    font-family: Arial;
    font-size: .7em;
    text-transform: uppercase;
    color: #FFFFFF;
    
    

}

#menu_horiz a, #menu_horiz span {
	display: block;
	padding-left:5px;
	padding-right:10px;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;    
}
#menu_horiz a:hover{
	    text-decoration: underline;  
	
}
#menu_horiz span {
	color: #E51837;
}
#menu_horiz li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu_horiz li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu_horiz li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu_horiz li ul {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #FFFAF5;
	
}
#menu_horiz li ul li a,#menu_horiz li ul li span{
	color: #660000;	
	width: 100px;
	padding-top:5px;
	padding-bottom:5px;
	
}

#menu_horiz li ul li a:hover{
	color: #FFFFFF;
	background-color: #660000;	
	
}
/* display them on hover */
#menu_horiz li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu_horiz div - force containment of floated LIs inside of main UL */
#menu_horizList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu_horiz a {
	float: left;
}

#menu_horizList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

/* main menu */
/*.mainMenu {
   
}

.mainMenu ul {
    text-align: right;
    list-style-type: none;
    padding-right: 130px;
    margin: 0px;
    vertical-align: top;
    padding-top: 4px;
    line-height: 22px;
}

.mainMenu li {
    display: inline;
    font-family: Arial;
    font-size: .7em;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 12px;
}

.mainMenu li a {
    color: #CCCCCC;
    text-decoration: none;
}

.mainMenu li a:hover {
    width: 928px;
    height: 32px;
    text-align: center;
    background-image: url(/tpl/img/mainMenu.jpg);
    background-repeat: no-repeat;
    text-decoration: underline;
}*/