/*
Theme Name: Motivo Network Theme
Theme URI: 
Description: Iceland
Version: 1.0
Author: Bordin Marco, Andrea Piscitello
Author URI: 
Tags: 
*/


.menu a:hover{
	text-decoration:none;
}

@media only screen and ( min-width: 768px ) {
.openMenu{
	display:none;
}

.containerMenu{
	display:block !important;
}

nav.menu{
	font-size:14px;
	text-align:center;
    
	    	background-color:#fff;
        
        
         
    
}

nav.menu .cf:before, nav.menu .cf:after {
    content:"";
    display:table;
}

nav.menu .cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
nav.menu .cf {
    zoom:1;
}


.menu ul{
	z-index:200;
	list-style:none;
	margin:0;
	padding:0;
}

.menu ul, .menu li, .menu a{
	display:inline-block;
}

.menu li{
	position:relative;
}

.menu li:hover a{
	    	background-color:#000;
        /*
    		-webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
	   */ 
    color:#fff;
}

.menu a{
	color:#fff;
	display:block;
	text-decoration:none;
    font-weight:bold;
	
	height:35px;
	line-height:35px;
	margin:3px 3px 0 3px;
	padding:0 5px;
    background-color:#bfa76f;;
    
            -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
	    
}

.menu .children{
	display:none;
	background-color:#bfa76f;
	position: absolute;
	margin-left: -3px;	
    top: 30px;
	
	-moz-box-shadow: 0 5px 5px -5px #000;
   	-webkit-box-shadow: 0 5px 5px -5px #000;
   	box-shadow: 0 5px 5px -5px #000;
}

.menu li:hover .children{
	display:block;
}

.menu li:hover .children li .children{
	display:none;
}

.menu li .children li:hover .children{
	display:block;
	position: absolute;
	margin-left: 200px;
    top: 0px;
}

.menu li:hover .children li .children li .children{
	display:none;
}

.menu li .children li .children li:hover .children{
	display:block;
	position: absolute;
	margin-left: 200px;
    top: 0px;
}
      
.menu .children li,.menu .children li a{
	float: none;
}
.menu .children li{
	border-right: none;
}

.menu .children li a {
	height: 30px;
	line-height: 30px;
	margin: 3px;
	color:#fff; !important;
	padding:0 3px;
	
	background: none;
	text-align:left;
    font-weight:normal;
	padding: 0 5px;
	width:200px;
    
    border:0px;
            -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
	 
    /*
    		-webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
	 */
}
.menu .children li a:hover {
	background: #000;
	color:#fff; !important;
}

.current_page_item a{
	    	background-color:#000;
        
            -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
	    color:#fff; 
}

}

@media only screen and ( max-width: 767px ) {
	.openMenu{
		width:458px;
		display: block;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: lighter;
		padding: 12px 5px;
		font-family: 'Open Sans', sans-serif !important;
		cursor:pointer;
        
        color: #676761;
		background: #FFFEFE;
		background: -moz-linear-gradient(top, #FFFEFE 0%, #F6F6EE 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFEFE), color-stop(100%,#F6F6EE));
		background: -webkit-linear-gradient(top, #FFFEFE 0%,#F6F6EE 100%);
		background: -o-linear-gradient(top, #FFFEFE 0%,#F6F6EE 100%);
		background: -ms-linear-gradient(top, #FFFEFE 0%,#F6F6EE 100%);
		background: linear-gradient(top, #FFFEFE 0%,#F6F6EE 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#f6f6ee',GradientType=0 );
		border:1px solid #DFDFCE;
	}
	
	.containerMenu{
		padding:0;
		margin-top:0px !important;
		height:auto;
		width:470px;
		text-transform:uppercase;
		position: relative;
		display: none;
		background:none !important;
	}
	
	nav.menu{
		width:470px;
		height:auto;
		padding:0;
		margin:-12px auto 0 auto;
	}
	
	.menu ul{
		text-align:center;		
		width:468px;
		z-index: 100;
		position: absolute;
		top: 0px;
		left: 0px;
		padding:0;
        margin:0;
		
		list-style:none;	
		
		background-color:#EFEFE3;
		border:1px solid #DFDFCE;	
		
		-moz-box-shadow: 0px 1px 5px #DFDFCE;
		-webkit-box-shadow: 0px 1px 5px #DFDFCE;
		box-shadow: 0px 1px 5px #DFDFCE;
			
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.menu ul li{
		padding:0px;
		margin: 9px 0;
	}
	.menu ul li a {
		text-decoration: none;
		padding:5px 0 0 0;
		font-weight:lighter;
		
		color:#676761;
	}
	
	.menu ul li a:hover{
		color:#111;
	}
	
	.menu ul li ul {
		position: relative;		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		border:0px;
		background-color:#fff;
	}
	.menu ul li ul a { color:#999; }
	
	.menu ul li ul li ul {
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		background-color:#fff;
	}
	.menu ul li ul li ul a { color:#999; }
	
	.menu ul li ul li ul li ul {
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		background-color:#fff;
	}
	.menu ul li ul li ul li ul a { color:#999; }
}

@media only screen and ( max-width: 479px ) {
	.openMenu{
		width:268px;
	}
	.containerMenu {
		width:280px;
	}
	.primaryMenu ul{
		width:280px;
	}
    nav.menu{
		width:280px;
    }
    .menu ul{
		width:278px;
    }
}





/*
Savana menu
======================*/
	
@media only screen and ( min-width: 768px ) {
.openMenu{
	display:none;
}

.containerMenu{
	display:block !important;
}

.primaryMenu{
	width:auto;
	height:41px;	
	font-size: 16px;
    font-family: 'Fjalla One', sans-serif;
    text-transform:uppercase;
	background-color: #D49624;
}

.primaryMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
	text-align:center;
	z-index:1000;
}

.primaryMenu ul li {
    position: relative;
    display:inline;
    width:auto;
	padding:10px 0 10px 0;
}

.primaryMenu ul li a { 
    display: inline-block;
    text-decoration: none;
	padding:10px 10px 6px 10px;
	height:25px;
}

.primaryMenu li ul {
    position: absolute;
    left: 0;
    top: 41px;
    display: none;
}

.primaryMenu li ul li a{ height:25px; width:150px; }

.primaryMenu li ul ul{
    position: absolute;
    left:101%; 
    top: 0;
    display: none;
}	
	
/* commented backslash mac hiding hack \*/
* html ul li a {height:1%}
/* end hack */

/* this sets all hovered lists to red */
.primaryMenu li:hover a, .primaryMenu li.over a,
.primaryMenu li:hover li:hover a, .primaryMenu li.over li.over a,
.primaryMenu li:hover li:hover li:hover a, .primaryMenu li.over li.over li.over a,
.primaryMenu li:hover li a:hover, .primaryMenu li.over li a:hover,
.primaryMenu li:hover li:hover li:hover a:hover, .primaryMenu li.over li li a:hover,
.primaryMenu li:hover li:hover li:hover li:hover a:hover, .primaryMenu li.over li.over li.over li.over a:hover {
   text-decoration:none;
   }

/* set dropdown to default */
.primaryMenu li:hover li a, .primaryMenu li.over li a,
.primaryMenu li:hover li:hover li a, .primaryMenu li.over li.over li a,
.primaryMenu li:hover li:hover li:hover li a, .primaryMenu li.over li.over li.over li a {
	text-decoration:none;
	}

.primaryMenu ul li:hover ul ul, .primaryMenu ul li:hover ul ul ul, .primaryMenu ul li.over ul ul, .primaryMenu ul li.over ul ul ul {
	display:none;
}

.primaryMenu ul li:hover ul, .primaryMenu ul li li:hover ul, .primaryMenu ul li li li:hover ul, .primaryMenu ul li.over ul, .primaryMenu ul li li.over ul, .primaryMenu ul li li li.over ul {
    display: block;
}

}

@media only screen and ( max-width: 767px ) {
	.openMenu{
		width:458px;
		display: block;
		text-align: center;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: lighter;
		padding: 12px 5px;
		font-family: 'Open Sans', sans-serif;
		cursor:pointer;
	}
	
	.containerMenu{
		padding:0;
		margin-top:0px !important;
		height:auto;
		width:470px;
		text-transform:uppercase;
		position: relative;
		display: none;
		background:none !important;
	}
	
	.primaryMenu ul{
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align:center;		
		width:468px;
		z-index: 100;
		position: absolute;
		top: 0px;
		left: 0px;		
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.primaryMenu ul li{
		padding:0px;
		margin: 9px 0;
	}
	.primaryMenu ul li a {
		text-decoration: none;
		padding:5px 0 0 0;
		font-weight:lighter;
	}
	
	.primaryMenu ul li a:hover{
		text-decoration:underline;
	}
	
	.primaryMenu ul li ul {
		position: relative;		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		border:0px;
	}
	
	.primaryMenu ul li ul li ul {
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.primaryMenu ul li ul li ul li ul {
		position: relative;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
}

@media only screen and ( max-width: 479px ) {
	.openMenu{
		width:268px;
	}
	.containerMenu {
		width:280px;
	}
	.primaryMenu ul{
		width:280px;
	}
}