*, body, html{
margin: 0;
padding 0;
/*font-family: "MuseoSlab-500"; */
font-family: "Open Sans","Helvetica Neue",Helvetica-,Arial,sans-serif;
overflow: hidden;
}

#website{
width: 100%;
height: 100%;
}

#top{
width: 100%;
height: 42px;
position:absolute;
top: 0;
background: black;
}

#top ul{
margin: 0px;
float:left;
padding:0;
height: 42px;
list-style-type:none;
}

#top li{
/*display: inline;*/
float: left;
line-height: 42px;
padding: 0px 7px 0px 7px;
}

#top span{
float: left;
color: #ffffff;
text-decoration: none;
height: 42px;
font-size: 15px;
}

.menuLink:hover, .menuLinkM:hover, .menuApp:hover{
background: #1F8DD6;
cursor: hand;
cursor: pointer;
}

.menuSpacer{
width: 30px;	
}

#topModule{
	display: flex;
	justify-content: flex-end;
	margin-right: 50px;
}


#menuLogo{
text-align: center;
width: 216px;
color: #31A5F3;
font-size: 24px;
display: block;
}

.menuLinkM1,.menuLinkM2{
display: none;
}


#top .menuSearch{
padding-left: 39px;
}

.linksEdit, .linksAdd{
background: url('../img/edit4.png') no-repeat;
width: 23px;
height: 22px;
float: right;
margin-right: 2px;
margin-top: -19px;
display: none;
cursor: hand;
cursor: pointer;
}

.linksAdd{
background: url('../img/add.png') no-repeat;
background-size: 75%;
margin-top: -24px;
}

@media screen and (max-width: 950px){

#menuLogo{
display: none;
}

#top_input{
width: 170px;
}

#top .menuSearch { 
padding-left: 10px;
}

.linksEdit{
display: block;
}

} 

#top span{
margin-left: 1px;
white-space: nowrap;
}


#bottom{
overflow: auto;
width: 100%;
height: 100%;
background: #000000;
}

#left {
    float: left;
    width: 230px;
    overflow: hidden;
    background: #161616;
    }
    
#right {
    overflow: hidden;
    min-height: 50px;
    height: 100%;
    background: #ffffff;
    z-index: 999;
}

#right2 {
margin-top: 42px;
overflow: hidden;
}

#category{
width: 260px;
margin-top: 42px;
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
}

#resCont{
height: 100%;
width: 100%;
display: inline-block;
/*text-align: justify;*/ 
overflow-x: hidden;
overflow-y: scroll;
}

.resDiv{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
display: inline-block;
min-width: 200px;
vertical-align: top;
}

.resDiv:hover{
background: #e3e3e3;
}