/* Menu Dropdown */
#content ul#menu_suspenso{position:relative; height:50px!important;}

ul li {position:relative;}
ul#sub li a {display:block; text-decoration:none; color:#000; padding:0px;font-weight:normal}

* html ul li {float:left; height:1%;}
* html ul li a {font-weight:normal}

ul#sub li a:hover {color:#000;}
ul#menu_banner_inter li a:hover {color:#000; border:5px solid red;}

ul ul {position:absolute; display:none; left:-14px; top:11px; *top:10px;}
li.menu_suspenso_over_01 ul#sub {width:122px; height:170px; background:transparent url(../img/bg_menu_over.png?v=1.0.0) no-repeat center top;}

li ul li a {width:122px; padding:0px; margin:9px 0 0 0; font:11px tahoma; color:#fff; font-weight:bold; text-align:center;} 
li:hover ul ul, li.over ul ul {display:none;;}
li:hover ul, li li:hover ul, li.over ul, li li.over ul {display:block; color:#000;} 

/* hackie FF */
@-moz-document url-prefix() { 
  header ul.menu li ul#sub li.primeira {margin-top:10px;}
}

@media only all and (max-width: 768px) {

	/* Clearfix */
	.clearfix:before,
	.clearfix:after {
	    content: " ";
	    display: table;
	}
	.clearfix:after {
	    clear: both;
	}
	.clearfix {
	    *zoom: 1;
	}

	/* Basic Styles */
	#menu-mobile nav {
		height: 60px;
		width: 100%;
		background: #282828;
		font-size: 10pt;
		font-family: 'PT Sans', Arial, sans-serif;
		font-weight: bold;
		position: relative;
		border-bottom: 2px solid #1c2e3d;
		border-top: 2px solid #1c2e3d;
		z-index: 9999;
	}
	#menu-mobile nav ul {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		height: 50px;
	}
	#menu-mobile nav li {
		display: inline;
		float: left;
	}

	#menu-mobile nav li.first{
		border-top: 2px solid #1c2e3d;
	}

	#menu-mobile nav li.submenu-master{
		color: #fff;
		display: inline-block;
		width: 100%;
		text-align: left;
		text-decoration: none;
		margin: 15px 0 0 20px;		
	}

	#menu-mobile nav li.submenu-master a.sub-menu{
		width: 100%;
		display: block;
		padding-left: 10px;
		border: none;
		line-height: 22px;
		font-size: 11px;
	}

	#menu-mobile nav li.submenu-master-sociais{
		color: #fff;
		display: inline-block;
		width: 100%;
		text-align: left;
		text-decoration: none;
		margin: 0px 0 0 0;	
		padding: 15px 0 0 20px;
		border-top: 2px solid #1c2e3d;	
	}

	#menu-mobile nav li.submenu-master-sociais a.sub-menu{
		width: 100%;
		display: block;
		padding-left: 10px;
		border: none;
		line-height: 22px;
		font-size: 11px;
	}

	#menu-mobile nav li.submenu-master-sociais a{border-bottom: none!important;}
	#menu-mobile nav li.submenu-master-sociais a.sub-menu-sociais{
		width: 40px;
		display: block;
		float: left;
		padding-left: 10px;
		border-bottom: none!important;
		line-height: 22px;
		font-size: 11px;
		height: 35px;
    	margin-top: 15px;
	}

	#menu-mobile .seta-baixo:before {
	  position: relative;
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  margin-right: 10px;
	  width: 0; 
	  height: 0; 
	  left: 6px;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid #fff;
	}

	#menu-mobile .seta-direita:before {
	  position: relative;		
	  content: " ";
	  display: inline-block;
	  vertical-align: middle;
	  margin-right: 20px;
	  width: 0; 
	  height: 0; 
	  left: 20px;	
	  top: 16px;
	  border-top: 5px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 5px solid #f2f2f2;
	}

	
	#menu-mobile nav a {
		color: #fff;
		display: inline-block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		line-height: 42px;
		text-shadow: 1px 1px 0px #283744;
	}
	#menu-mobile nav li a {
		
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#menu-mobile nav li:last-child a {
		border-right: 0;
	}
	#menu-mobile nav a:hover, nav a:active {
		background-color: #8c99a4;
	}
	#menu-mobile nav a#pull {
		display: none;
	}

	#menu-mobile .logo-mobile{width:140px; height:38px; margin: 0px 0 0 15px; padding: 10px 0; display:block; float:left;}
	#menu-mobile .logo-mobile a{width: 100%; height: 100%; display: block;}

}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	#menu-mobile nav { 
  		height: auto;
  	}
  	#menu-mobile nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	#menu-mobile nav li {
  		width: 100%;
  		float: left;
  		position: relative;
  	}
  	#menu-mobile nav li a {
		border-bottom: 1px solid #1c2e3d;
	}
  	#menu-mobile nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	#menu-mobile nav {border-bottom: 0;}
	#menu-mobile nav ul {display: none; height: auto;}
	#menu-mobile nav a#pull {
		display: block;
		background-color: #282828;
		width: 100%;
		position: relative;
		
	}
	#menu-mobile nav a#pull:after {
		content:"";
		background: url('../img/nav-icon.png') repeat-x;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 10px;
		top: 18px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	#menu-mobile nav li {display: block; float: none; width: 100%;}
	#menu-mobile nav li a {border-bottom: 1px solid #576979;}
}