﻿/* CSS Document
צבעים
#515153 אפור כהה
#ABABAD אפור 
#D5D5D5 אפור בהיר
#0FA3EA תכלת
#24BFFB תכלת בהיר
#F3A102 כתום
 */

#menu {
width: 776px;
height:14px;
float: right;

}

#menu002 {
width: 322px;
height:14px;
float: left;

}
/*צבע תת תפריט */
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 86px;
float: right;
cursor:pointer;
font-size:12px;
color: #fff;
background:#f1f1f1;
}

#menu002 ul {
list-style: none;
margin: 0;
padding: 0;
width: 80px;
float: left;
cursor:pointer;
font-size:12px;
color: #fff;
background:#0FA3EA;
height:14px;
vertical-align:top;
}

#menu #menu002 a.menu h2{
color: #ffffff;
background: #515153;
}

#menu #menu002 a.menu, h2:hover {
color: #fff;
background: #0FA3EA;
}


#menu a, #menu h2,a.menu {
display: block;
margin: 0;
padding: 0px 6px;
}
/*צבע תפריט ראשי ללא תפריט משנה*/
#menu a.menu,h2{
font-size:12px;
color:#ffffff;
background:#515153; 
border-width: 1px;
border-style: solid;
border-color:  #fff;
text-align:center;
}
/* תת-תפריט---צבע טקסט */
#menu a {
color: #000;
background:#11;
text-decoration: none;
margin: 0;
border-width: 1px;
border-style: solid;
border-color:  #cfcfcf;
}
/*צבע תת תפריט לחוץ*/
#menu a:hover{
color: #515153;
background:#e0e0e0;
}

/* צבע תא תפריט ראשי שיש לו תת תפריט במאוסאובר*/
#menu h2:hover{
color: #000000;
background: #f1f1f1;
}

#menu002 h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background:#0FA3EA; 
border-width: 1px;
border-style: solid;
border-color:  #fff;
text-align:center;
height:14px;
}

#menu002 a {
color: #515153;
background:#fefefe;
text-decoration: none;
margin: 0;
border-width: 1px;
border-style: solid;
border-color:  #dfdfdf;
}

#menu002 a:hover{
color: #fff;
background:#24BFFB;
}

#menu002 h2:hover{
color: #ffffff;
background: #0FA3EA;
}

#menu002 li {
height:14px;
}


#menu li, #menu002 li {position: relative;}

#menu ul ul, #menu002 ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul, #menu002 ul ul ul{
top: 0;
right: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu002 ul ul,
div#menu002 ul li:hover ul ul,
div#menu002 ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu002 ul li:hover ul,
div#menu002 ul ul li:hover ul,
div#menu002 ul ul ul li:hover ul
{display: block;}


#menu a.sec
{
    color: black;
background-color:Transparent ;
}


****

#Div1 {
width: 776px;
height:14px;
float: right;

}



#Div1 ul {
list-style: none;
margin: 0;
padding: 0;
width: 86px;
float: right;
cursor:pointer;
font-size:12px;
color: #fff;
background:#515153;
}



#Div1  a.Div1 h2{
color: #ffffff;
background: #515153;
}

#Div1  a.Div1, h2:hover {
color: #fff;
background: #0FA3EA;
}


#Div1 a, #Div1 h2,a.Div1 {
display: block;
margin: 0;
padding: 0px 6px;
}

#Div1 a.Div1,h2{
font-size:12px;
color:#ffffff;
background:#515153; 
border-width: 1px;
border-style: solid;
border-color:  #fff;
text-align:center;
}

#Div1 a {
color: #515153;
background:#f1f1f1;
text-decoration: none;
margin: 0;
border-width: 1px;
border-style: solid;
border-color:  #cfcfcf;
}

#Div1 a:hover{
color: #fff;
background:#24BFFB;
}

#Div1 h2:hover{
color: #ffffff;
background: #0FA3EA;
}




#Div1 li, li {position: relative;}

#Div1 ul ul {
position: absolute;
z-index: 500;
}


#Div1 ul ul ul{
top: 0;
right: 100%;
}

div#Div1 ul ul,
div#Div1 ul li:hover ul ul,
div#Div1 ul ul li:hover ul ul,
{display: none;}

div#Div1  ul li:hover ul,
div#Div1  ul ul li:hover ul,
div#Div1  ul ul ul li:hover ul,

{display: block;}
