/* ------------------------------------------ */
/*           BASIC PORTAL DESIGN              */
/* ------------------------------------------ */

/* MAIN SITE CONTAINER */
body
{
    min-width: 1000px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #222;
}
#site
{
    min-width: 1000px;
    width: 100%;
    margin: 0px;
}

/* HEADER area */
#site-header
{
    position: fixed; 
    width: 100%;
    min-width: 1000px;
    vertical-align: middle;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    z-index: 60;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-logo
{
    float: left;
    padding: 10px 20px;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-logo img
{
    height: auto;
    max-height: 40px;
    border-width: 0px;
    vertical-align: bottom;
}
#site-title
{
    float: left;
    /*background: #09afc1;*/
    background: #159ba7;
}
#site-title h1
{
    color: #FFFFFF;
    font-weight: normal;
    font-size: 20px;
    font-weight: 600;
    padding: 0 15px 0 0;
    margin: 0px;
    line-height: 60px;
}

/* TOPMENU structure */
#site-topmenu
{
    position: relative;
    border-right: none;
}
#site-topmenu ul
{
    position: static;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}
#site-topmenu li
{
    float: left;
    line-height: normal;
    padding: 0;
    margin: 0; 
}
#site-topmenu a 
{
    background: transparent;
    margin: 0;
    padding: 0px 15px;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 300;
    font-size: 20px; 
    display: block;
}
#site-topmenu ul ul
{
    position: absolute;
    width: 232px;    /* 192 */
    left: -999em;
    margin-left: -1px;
    border-top: 1px solid #aaa;
}
#site-topmenu ul ul a
{
    width: 200px;    /* 160 */
    padding: 5px 15px;
    margin: 0;
    height: auto;
    line-height: normal;
    background: #EFEFEF;
    color: #3F3F3F;
    font-size: 14px;
    font-weight: 400;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 1px 1px 1px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-clients ul {
    max-height: 300px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.menu-screens ul {
    max-height: 300px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

#site-topmenu ul ul ul
{
    margin: -1px 0 0 231px;   /* 191 */
    border-top: 1px solid #ccc;
}
#site-topmenu li:hover > a, #site-topmenu li:hover > * > a
{
    background-color: #CFCFCF;
    color: #3F3F3F;
    text-decoration: none;
    background-image: none;
}
#site-topmenu li li:hover > a, #site-topmenu li li:hover > * > a
{
    background: #CFCFCF;
    color: #3F3F3F;
}
#site-topmenu li:hover > ul
{
    left: auto;
}

/* CONTENT container */
#site-container
{
    position: static;
    padding: 80px 20px 25px;
    vertical-align: top;
    background-color: #FFFFFF;
}
#site-content
{
    padding: 20px;
}

/* FOOTER area */
#site-footer
{
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    color: #888;
    text-align: center;
}


/* NAV ICONS */

#site-topmenu > span > ul > li > a {
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    padding-left: 45px;
}

#site-topmenu > span > ul > li.menu-creditcard {
    float: right;
    padding: 0;
}

#site-topmenu > span > ul > li.menu-creditcard > a {
    padding: 0 7px;
}

#site-topmenu > span > ul > li.menu-creditcard > a:hover {
    background: none;
}

#site-topmenu > span > ul > li.menu-creditcard > a > img {
    padding-top: 20px;
    height: 20px;
}

#site-topmenu > span > ul > li.lang {
    float: right;
    width: 44px;
    padding-left: 0px;
}

#site-topmenu > span > ul > li.lang > a {
    padding: 0 7px;
}
#site-topmenu > span > ul > li.lang:hover, #site-topmenu > span > ul > li.lang > a:hover {
    background: none;
}
#site-topmenu > span > ul > li.lang > a > img {    
    width: 30px; 
    height: 20px;
    margin-top: 20px;
}

#site-topmenu .menu-no-text > a {
    padding-left: 35px;
}

#site-topmenu .menu-right {
    float: right;
}
#site-topmenu .menu-right ul {
    left:auto;
    right:-999em;
}
#site-topmenu .menu-right:hover ul {
    right:0;
}

#site-topmenu .menu-partner > a {
    background-image:url('../icons/?f=download&c=primary');
}
#site-topmenu .menu-clients > a { 
    background-image:url('../icons/?f=home&c=primary'); 
}
#site-topmenu .menu-clients-new > a { 
    background-image:url('../icons/?f=home&c=primary'); 
}
#site-topmenu .menu-screens > a {
    background-image:url('../icons/?f=screen&c=primary');
}
#site-topmenu .menu-resources > a { 
    background-image:url('../icons/?f=calendar&c=primary'); 
}
#site-topmenu .menu-settings > a { 
    background-image:url('../icons/?f=setting&c=primary'); 
}
#site-topmenu .menu-report > a {
    background-image:url('../icons/?f=report&c=primary');
}
#site-topmenu .menu-help > a { 
    background-image:url('../icons/?f=help&c=primary'); 
}
#site-topmenu .menu-shop > a { 
    background-image:url('../icons/?f=cart&c=primary'); 
}
#site-topmenu .menu-user > a { 
    background-image:url('../icons/?f=user&c=primary'); 
}
#site-topmenu .menu-login > a { 
    background-image:url('../icons/?f=login&c=primary'); 
}
#site-topmenu .menu-room-planner > a { 
    background-image:url('../icons/?f=room-planner&c=primary'); 
}
#site-topmenu .menu-clients:hover > a { 
    background-image:url('../icons/?f=home&c=3f3f3f'); 
}
#site-topmenu .menu-clients-new:hover > a { 
    background-image:url('../icons/?f=home&c=3f3f3f'); 
}
#site-topmenu .menu-resources:hover > a { 
    background-image:url('../icons/?f=calendar&c=3f3f3f'); 
}
#site-topmenu .menu-settings:hover > a { 
    background-image:url('../icons/?f=setting&c=3f3f3f'); 
}
#site-topmenu .menu-help:hover > a { 
    background-image:url('../icons/?f=help&c=3f3f3f'); 
}
#site-topmenu .menu-shop:hover > a { 
    background-image:url('../icons/?f=cart&c=3f3f3f'); 
}
#site-topmenu .menu-user:hover > a { 
    background-image:url('../icons/?f=user&c=3f3f3f'); 
}
#site-topmenu .menu-login:hover > a { 
    background-image:url('../icons/?f=login&c=3f3f3f'); 
}

/*#site-topmenu .menu-clients > a { 
    background-image:url('../icons/icon/home.png'); 
}
#site-topmenu .menu-resources > a { 
    background-image:url('../icons/icon/calendar.png'); 
}
#site-topmenu .menu-settings > a { 
    background-image:url('../icons/icon/settings.png'); 
}
#site-topmenu .menu-help > a { 
    background-image:url('../icons/icon/help.png'); 
}
#site-topmenu .menu-shop > a { 
    background-image:url('../icons/icon/shop.png'); 
}
#site-topmenu .menu-user > a { 
    background-image:url('../icons/icon/user.png'); 
}
#site-topmenu .menu-login > a { 
    background-image:url('../icons/icon/login.png'); 
}

#site-topmenu .menu-clients:hover > a { 
    background-image:url('../icons/icon/home-active.png'); 
}
#site-topmenu .menu-resources:hover > a { 
    background-image:url('../icons/icon/calendar-active.png'); 
}
#site-topmenu .menu-settings:hover > a { 
    background-image:url('../icons/icon/settings-active.png'); 
}
#site-topmenu .menu-help:hover > a { 
    background-image:url('../icons/icon/help-active.png'); 
}
#site-topmenu .menu-shop:hover > a { 
    background-image:url('../icons/icon/shop-active.png'); 
}
#site-topmenu .menu-user:hover > a { 
    background-image:url('../icons/icon/user-active.png'); 
}
#site-topmenu .menu-login:hover > a { 
    background-image:url('../icons/icon/login-active.png'); 
}*/

/* END NAV ICONS */