/* fonts */
.dropdowns {
    font-family: 'Open sans', sans-serif,Helvetica, Arial;
    float:right;
    padding:5px 0px 0px 0px;
    font-size:18px;
    font-weight:normal;
}

/* colors */
/* ------ */
/* togle menu button for narrow screens */
.toggleMenu {
    color: white;
    line-height:51px;
    font-size:2em;
}

.menuhamb {
  width:20px;
  height:20px;
  display:block;
  background-image: url("/images/menu.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 97% 50%; 
  
}

.active.menuhamb {
  background-image: url("/images/menua.png");
}


/* general navigation background colors */
.nav {
}

/* general navigation link font color */
.nav a {
    color:white;
}

/* first level items borders */
.nav > li {
	line-height:61px;
	margin-left:12px;
}

/* navigation hover colors */
.nav a:hover {
    text-decoration:underline;
	/*background-color: #fff;*/
}

/* second level navigation colors */
.nav li li a {
    background: #efefef;
    border-bottom: 1px solid black;
    color:black;
}
.nav li li a:hover {
    background: #cfcfcf;
    color: black;
}

/* third level navigation colors */
.nav li li li a {
    background: #efefef;
    border-bottom: 1px solid #c0c0c0;;
    border-left: 1px solid #c0c0c0;;
    color:black;
}
.nav li li li a:hover {
    background: #cccccc;
}


/* ---------------- */
/*      layout      */
/* -----------------*/

/* main div */
.dropdowns {
	width:auto;
}

/* small screens menu button */

a.toggleMenu {
	padding: 10px 0px 10px 0px;
	margin:0px;
        width:30%;
        min-height:10px;
	text-align: center;
	float:right;
	text-align:right;
	font-size:1.5em;
	line-height:10px;
}

/* second and third level menus */
.nav ul {
	width:9em;
}

/* general paddings and other stuff */
.nav a {
	padding: 5px 10px;
}

/* parents that have submenus */

.nav > li > .parent {
	padding-right: 20px;
	background-position: 95% 50%;
}

/* small screen adjustments*/
@media screen and (max-width: 1160px) {
        .dropdowns {
    	    float:none;
    	    padding-right:0px;
    	    padding-top:0px;
    	    background-color:#efefef;
	}
	.nav ul {
		width: 100%;
	}
	.nav > li {
	        line-height:30px;
	        background-color:white;
	        color:black;
	        margin-left:0px;
	}
	.nav li a {
		color:black;
		background-color:#efefef;

	}
	.nav li li a {
		padding-left:20px;
		background-color: #cfcfcf;
		border:0px solid black;
		color:black;
	}
	.nav li li li a {
		padding-left:40px;
	}

}