@import url('https://fonts.googleapis.com/css?family=Anton|Pangolin|Roboto');

#menuMobile-x{
	position:fixed;
	top:0;
	width:100%;
	left:0;
	z-index:10;
}

.ModoDiurno #menuMobile-x{
	background:#000000;
	font-family:Roboto;
	font-size:16px;
	transition:0.3s;
	text-align:left;
	
	
	
}

.ModoDiurno #menuMobile-x .barrinha1{
	height:35px;
	line-height:35px;
	background:#003e3d;
	text-align:center;
	color:#fff;		
}

.ModoDiurno #menuMobile-x .barrinha1 span{
	padding-left:10px;
	padding-right:10px;
}


.ModoDiurno #menuMobile-x #logoMobile{
	background-color:#fff;
	text-align:center;
}

.ModoDiurno #menuMobile-x #logoMobile img{
	width:100%;
	height:auto;
}

.ModoDiurno #menuMobile-x #barMenuMobile{
	height:40px;
	background:#000000;
	/*border-bottom:solid 1px #fff;*/
	cursor:pointer;
}

.ModoDiurno #menuMobile-x #barMenuMobile #listaMenu{
	height:32px;
	background:url(../images/lista-menu.png);
	background-repeat:no-repeat;
	background-position:0 -32px;
	margin:5px 0 0 10px;
	color:rgba(255,255,255,1.00);
	padding:2px 0 0 36px;
    font-family: 'Roboto', sans-serif, arial ; 
	font-size:26px;
	transition:0.5s;	
	
}


.ModoDiurno #menuMobile-x ul{
	margin:0;
	padding:0;
	display:none;
	border-top:solid 1px #fff;
	
}

.ModoDiurno #menuMobile-x ul li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:solid 1px #fff;
}

.ModoDiurno #menuMobile-x ul li:last-child{
	border:none;
}


.ModoDiurno #menuMobile-x ul li a{
	color:#fff;
	text-decoration:none;
	padding-left:5px;
	line-height:40px;
	text-transform:uppercase;
	display:block;
	transition:0.3s;	
}

.ModoDiurno #menuMobile-x ul li a:hover{
	padding-left:20px;
	transition:0.3s;
	background:#1c1c1c;
	box-shadow:inset 0px 30px 10px rgba(255,255,255,0.1);
}

.ModoDiurno #menuMobile-x ul li.subServices{
	padding-left:20px;
	display:none;
	background-color:#1c1c1c;	
}



.ModoNoturno #menuMobile-x{
	background:#000;
	font-family:Roboto;
	font-size:16px;
	transition:0.3s;
	text-align:left;
	
	
	
}

.ModoNoturno #menuMobile-x .barrinha1{
	height:35px;
	line-height:35px;
	background:#003e3d;
	text-align:center;
	color:#fff;		
}

.ModoNoturno #menuMobile-x .barrinha1 span{
	padding-left:10px;
	padding-right:10px;
}


.ModoNoturno #menuMobile-x #logoMobile{
	background-color:#1e1e22;
	text-align:center;
}

.ModoNoturno #menuMobile-x #logoMobile img{
	width:100%;
	height:auto;
}

.ModoNoturno #menuMobile-x #barMenuMobile{
	height:40px;
	background:#000;
	/*border-bottom:solid 1px #fff;*/
	cursor:pointer;
}

.ModoNoturno #menuMobile-x #barMenuMobile #listaMenu{
	height:32px;
	background:url(../images/lista-menu.png);
	background-repeat:no-repeat;
	background-position:0 -32px;
	margin:5px 0 0 10px;
	color:#fff;
	padding:2px 0 0 36px;
    font-family: 'Roboto', sans-serif, arial ; 
	font-size:26px;
	transition:0.5s;	
	
}


.ModoNoturno #menuMobile-x ul{
	margin:0;
	padding:0;
	display:none;
	border-top:solid 1px #fff;
	
}

.ModoNoturno #menuMobile-x ul li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:solid 1px #fff;
}

.ModoNoturno #menuMobile-x ul li:last-child{
	border:none;
}


.ModoNoturno #menuMobile-x ul li a{
	color:#fff;
	text-decoration:none;
	padding-left:5px;
	line-height:40px;
	text-transform:uppercase;
	display:block;
	transition:0.3s;	
}

.ModoNoturno #menuMobile-x ul li a:hover{
	padding-left:20px;
	transition:0.3s;
	background:#1c1c1c;
	box-shadow:inset 0px 30px 10px rgba(255,255,255,0.1);
}

.ModoNoturno #menuMobile-x ul li.subServices{
	padding-left:20px;
	display:none;
	background-color:#1c1c1c;	
}


#menuMobile-x ul li[rel]{
	/*background-color:#ff6a0f;*/
}



#menuMobile-x ul li[rel] span{
	position:absolute;
	right:20px;
	font-size:24px;
}

@media only screen and (min-width: 900px){
	#menuMobile-x{display:none;	}
}