/* Copyright CiaByte Design - 2015 */
@charset "utf-8";
#cabecalho {margin-top:0.75em;font-size:1.8em;position:relative;z-index:100;}
#home{float:left;width:8em;margin-top:0em;}
.menu hr{border:0;height:0;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255,255,255,0.5);}
.menu {float:right;margin-top:0.8em;font-size:1em;line-height: 1;letter-spacing:0;width:auto;}
.menu .fh1{margin:0 0 0.85em 0;padding:0;font-size:1.1em;color: rgba(29,29,58, 1);font-weight:normal;}
.menu #desde {float:right;}
.menu ul {list-style:none;float:right;width:auto;} 
.menu ul li{padding-bottom:0.15em;margin:0 0 1em 0.8em;border:none;border-bottom:1px solid  rgba(29,29,58, 0.8);
         font-size:1em;position:relative;float:right;transition: background-color 0.3s ease 0s;}
.menu ul li:last-child{margin-left:0;}	  
.menu ul li:hover{background-color:rgba(51,102,204, 0.30);}
.menu ul li a{color: rgba(29,29,58, 0.8);text-decoration:none;display:block;font-weight:normal;}
.menu ul li a:hover{color: rgba(29,29,58, 0.8);font-weight:normal;}
/* Submenu */
.menu ul li ul {font-size:0.8em;display:none;padding:1em 0 0 0;position:absolute;} /*Inicia oculto*/
.menu ul li ul li {float:none;padding-left:1em;margin:0;border:none;line-height:1.2em;background-color:rgba(29,29,58, 0.75);}
.menu ul li ul li:first-child {padding-top:1em;padding-bottom:0.5em;}
.menu ul li ul li:first-child span{line-height:2;background:rgb(255,204,0);border-radius:0.25em;border:1px solid rgb(255,255,255);padding:0.15em 0.5em;}
.menu ul li ul li:last-child {padding-bottom:1em;}
.menu ul li:hover ul{display:block;} /* Mostra Submenu */
/* Transição do fundo e da sombra */
.menu ul li ul li {transition: background-color 0.5s ease-in 0s;}
.menu ul li ul:hover li{background-color:rgba(29,29,58, 0.95);}
/* Submenu - links */
.menu ul li ul li a{font-weight:lighter;color:rgb(255,255,255);}
.menu ul li ul li a:hover{font-weight:normal;color:rgb(255,255,255);}
/* Submenu - individuais */
.menu ul li#info:hover ul{width:26em;top:1.5em;left:0;}
.menu ul li#dsgn:hover ul{width:22em;top:1.5em;left:0;}
.menu ul li#prof:hover ul{width:21em;top:1.5em;left:0;}
.menu ul li#cert:hover ul{width:25em;top:1.5em;left:-18.5em;}
.menu ul li#noss:hover ul{width:19em;top:1.5em;left:-11.3em;}

@media screen and (max-width: 91em) {
	#cabecalho {font-size:1.7em;} 	
}
@media screen and (max-width: 87em) {
	#cabecalho {font-size:1.6em;}
}
@media screen and (max-width: 82em) {
	#cabecalho {font-size:1.5em;}
}
@media screen and (max-width: 77em) {
	#cabecalho {font-size:1.4em;}
}
@media screen and (max-width: 73em) {
	#cabecalho {font-size:1.3em;}
	.menu #desde {max-width:5em;}
	.menu ul li ul {font-size:0.9em;}
	.menu ul li#info:hover ul{top:1.2em;}
	.menu ul li#dsgn:hover ul{top:1.2em;}
	.menu ul li#prof:hover ul{top:1.2em;}
	.menu ul li#cert:hover ul{top:1.2em;left:-19.5em;}
	.menu ul li#noss:hover ul{top:1.2em;left:-12.3em;}	
}
 @media screen and (max-width: 65em) {
	#cabecalho {font-size:1.2em;}
	.menu ul li ul {font-size:1em;}
	.menu ul li#info:hover ul{top:0.9em;}
	.menu ul li#dsgn:hover ul{top:0.9em;}
	.menu ul li#prof:hover ul{top:0.9em;}
	.menu ul li#cert:hover ul{top:0.9em;left:-20.1em;}
	.menu ul li#noss:hover ul{top:0.9em;left:-13.0em;}		
}
@media screen and (max-width: 61em) {
	#cabecalho {font-size:1.1em;}
}
@media screen and (max-width: 56em) {
	#cabecalho {font-size:1.0em;}
}
@media screen and (max-width: 51em) {
	#cabecalho {font-size:0.9em;}
}
@media screen and (max-width: 47em) {
	#cabecalho{margin-top:1em;font-size:1.0em;}
	#home{float:none;display:block;margin:0.5em auto 1em auto;width:10em;}
	.menu {float:left;width:100%;margin:0 auto;margin-top:0;}
	.menu ul li{margin-left: 0.4em;}
	.menu ul {float:left;}
	/* height */
	.menu ul li:hover ul{display:none;}
	@media (min-height: 21em) {
		.menu ul li:hover ul{display:block;}
	}
}
@media screen and (max-width: 41em) {
	#cabecalho{margin-top:1em;font-size:0.9em;}	
}
@media screen and (max-width: 37em) {
	.menu ul li ul li {display:none;}
	.menu #desde {float:none;max-width:8em;margin:0em auto 1em auto;display:block;}
	.menu .fh1{margin-bottom:1.5em;padding: 0.7em 0;text-align:center;background-color:rgba(29,29,58, 0.1);border-radius: 0 4em;}	
	.menu ul li {float:none;background-color:rgba(29,29,58, 0.10);border:none;font-size:1.2em;padding:0.25em 0.5em;margin: 0 0 0.25em 0;}
	.menu ul li ul {font-size:0.8em;}
	.menu ul li#info:hover ul, .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {top:1.2em;left:6em;z-index:100;}
	.menu ul li#info:hover ul{width:31em;}
	.menu ul li#dsgn:hover ul{width:26em;}
	.menu ul li#prof:hover ul{width:25em;}
	.menu ul li#cert:hover ul{width:29em;}
	.menu ul li#noss:hover ul{width:22em;}
	/* height */
	.menu ul li:hover ul{display:none;}
	@media (min-height: 30em) {
		.menu ul li:hover ul{display:block;}
	}  		
}
@media screen and (max-width: 34em) {
	.menu .fh1{font-size:1.1em;}	
	.menu ul li#info:hover ul, .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {left:1.9em;}	
}
@media screen and (max-width: 30em) {
	.menu .fh1{font-size:1.0em;}	
	.menu ul li ul {font-size:0.75em;}
	.menu ul li#info:hover ul , .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {left:3em;}
	.menu ul li#info:hover ul {left:0em;}		
}
@media screen and (max-width: 28em) {
	.menu .fh1{font-size:0.9em;}	
	.menu ul li ul {font-size:0.7em;}
	.menu ul li#info:hover ul, .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {top:1.5em;}	
}
@media screen and (max-width: 25em) {
	.menu .fh1{font-size:0.8em;}	
	.menu ul li ul {font-size:0.625em;}
	.menu ul li#info:hover ul, .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {top:1.75em;left:2.5em;}
	.menu ul li#info:hover ul {left:0em;}
	/* .menu ul li:hover ul{display:none;} */  		
}
@media screen and (max-width: 23em) {
	.menu .fh1{font-size:1em;background-color:transparent;color:rgb(29,29,58);border: none;}	
	.menu ul li ul {font-size:0.5em;}
	.menu ul li#info:hover ul, .menu ul li#dsgn:hover ul, .menu ul li#prof:hover ul, .menu ul li#cert:hover ul, .menu ul li#noss:hover ul {left:0em;top:2.5em;} 		
}