@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(Common.css);

.body {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color:#404040;
    background-color: #404040;
}

.forecolor0,.forecolor0:link,A.forecolor1:hover,.forecolor1 A:hover{color:#FFFFFF;}
.forecolor1,.forecolor1:link,A.forecolor2:hover,.forecolor2 A:hover{color:#ECECEC;}
.forecolor2,.forecolor2:link,A.forecolor3:hover,.forecolor3 A:hover,.forecolor0 A,A.forecolor0:hover{color:#D9D9D9;}
.forecolor3,.forecolor3:link,.forecolor1 A,A.forecolor4:hover,.forecolor4 A:hover{color:#C6C6C6;}
.forecolor4,.forecolor4:link,.forecolor2 A,.forecolor0 A:hover{color:#B2B2B2;}
.forecolor5,.forecolor5:link,.forecolor3 A,.forecolor9 A:hover{color:#9F9F9F;}
.forecolor6,.forecolor6:link,.forecolor4 A,.forecolor10 A:hover{color:#808080;}
.forecolor7,.forecolor7:link,.forecolor5 A,A.forecolor5:hover,.forecolor7 A:hover,A.forecolor9:hover,.forecolor9 A{color:#606060;}
.forecolor8,.forecolor8:link,.forecolor6 A,A.forecolor6:hover,.forecolor8 A:hover,A.forecolor10:hover,.forecolor10 A{color:#404040;}
.forecolor9,.forecolor9:link,.forecolor7 A,A.forecolor7:hover,.forecolor5 A:hover{color:#202020;}
.forecolor10,.forecolor10:link,.forecolor8 A,A.forecolor8:hover,.forecolor6 A:hover{color:#000000;}

.backcolor0{background-color:#FFFFFF;}
.backcolor1{background-color:#ECECEC;}
.backcolor2{background-color:#D9D9D9;}
.backcolor3{background-color:#C6C6C6;}
.backcolor4{background-color:#B2B2B2;}
.backcolor5{background-color:#9F9F9F;}
.backcolor6{background-color:#808080;}
.backcolor7{background-color:#606060;}
.backcolor8{background-color:#404040;}
.backcolor9{background-color:#202020;}
.backcolor10{background-color:#000000;}

.bordercolor0{border-color:#FFFFFF;}
.bordercolor1{border-color:#ECECEC;}
.bordercolor2{border-color:#D9D9D9;}
.bordercolor3{border-color:#C6C6C6;}
.bordercolor4{border-color:#B2B2B2;}
.bordercolor5{border-color:#9F9F9F;}
.bordercolor6{border-color:#808080;}
.bordercolor7{border-color:#606060;}
.bordercolor8{border-color:#404040;}
.bordercolor9{border-color:#202020;}
.bordercolor10{border-color:#000000;}

.fontstyle0{font-size: 12px;}
.fontstyle1{font-size: 13px;}
.fontstyle2{font-size: 13px; font-weight: bold;}
.fontstyle3{font-size: 14px;}
.fontstyle4{font-size: 14px; font-weight: bold;}
.fontstyle5{font-size: 16px; font-weight: bold;}
.fontstyle6{font-size: 18px; font-weight: bold; text-decoration:none;}
.fontstyle7{font-size: 20px; font-weight: bold; text-decoration:none;}
.fontstyle8{font-size: 22px; font-weight: bold; text-decoration:none;}
.fontstyle9{font-size: 24px; font-weight: bold; text-decoration:none;}
.fontstyle10{font-size: 26px; font-weight: bold; text-decoration:none;}

.fontstyle0,.fontstyle1,.fontstyle2,.fontstyle3,.fontstyle4,.fontstyle5,.fontstyle6,.fontstyle7,.fontstyle8,.fontstyle9,.fontstyle10 { font-family: 'Open Sans', sans-serif; }


input[type=text],
input[type=password],
input[type=tel]{
    font-size: 14px !important;
    line-height: 24px !important;
}
textarea{
    font-size: 14px !important;
}
select {
    font-size: 14px !important;
    height: 30px;
}
select[size]{
    height: initial;
}


/* main menu 1st level */
#Menu > ul > li > a {color: #404040;}
#Menu > ul > li.current > a {color: #9F9F9F;}
#Menu > ul > li > a:hover,
#Menu > ul > li.hover > a {background: #404040; color: #FFFFFF;}
#Menu ul li.submenu .menu-toggle{
    color: #FFFFFF;
}

/* main menu 2nd level */
#Menu > ul > li ul {background: #404040;}
#Menu > ul > li ul li a {color: #FFFFFF;}
#Menu > ul > li ul li a:hover,
#Menu > ul > li ul li.hover > a {background: #ECECEC;color: #404040;}
#Menu > ul > li ul li:hover.submenu .menu-toggle,
#Menu > ul > li ul li.hover.submenu .menu-toggle{
    color: #404040;
}

/* main menu 3rd level */
#Menu ul ul ul {background: #ECECEC;color: #404040;}
#Menu ul ul ul li a {color: #404040;}
#Menu ul ul ul li a:hover,
#Menu ul ul li ul li.hover > a {background: #808080; color: #FFFFFF;}
#Menu ul ul li ul li.submenu .menu-toggle{
    color: #FFFFFF;
}


/* Mobile menu */
@media only all and (max-width: 979px) {
    .responsive-menu-toggle { color: #404040; }
    .responsive-menu-toggle.active,
    .responsive-menu-toggle:hover { background-color:#404040; color: #FFFFFF}

    /* main menu 1st level */
    #Menu ul { background: #404040;}
    #Menu ul li a {color:#FFFFFF;}

    /* main menu 2nd level */
    #Menu > ul > li > ul {background: #606060;}
}