@charset "UTF-8";
/* CSS Document */

#navegacao a {
	text-shadow:none; 
	text-decoration:none;
	-webkit-transition: all ease .25s;
    -moz-transition: all ease .25s;
    transition: all ease .25s; 
}

/*NAVEGAÇÂO*/
#navegacao { 
	display: inline-block;
	position: fixed;
    top: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
	font-family: 'Source Sans Pro', sans-serif;
}
	
	#nav-topo {/* CLASSE DO OUTLOOK PARA A BARRA DE NAVEGACAO. */
    top: 30px;
}

.navegacao-portais {
	width: 100%;
	height: 30px;
	/*float: left;*/
	position: relative;
	padding:0;
	z-index: 1040;
	background: #e30513;
}

.navegacao-portais .container-portais { 
	display: block;
	width: 960px; 
	padding: 0;
	margin: 0 auto;
}

.navegacao-portais .container-portais-fluid { 
	display: block;
	width: 100%; 
	padding: 0;
	margin: 0 auto;
	}
	
	
.navegacao-portais .top-sociais {
	display:inline-block;
	float:right;
	margin:0;
	
	
}

.navegacao-portais ul li {
	display: inline-table;
	margin: 0 10px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.navegacao-portais ul li a {
	color: #ffffff;
}

.navegacao-portais ul li a:hover { color: #cccccc }

.navegacao-portais ul  {
	display: table;
	float: right;
	margin-top: 0;
}

.navegacao-portais ul li.fiesp a { background-position: -8px 0 }

.navegacao-portais ul li.ciesp a { background-position: -73px 0 }

.navegacao-portais ul li.sesi a { background-position: -132px 0 }

.navegacao-portais ul li.senai a { background-position: -183px 0 }

.navegacao-portais ul li.irs a { background-position: -248px 0 }


.navegacao-portais .top-sociais ul .fa {
	color: #FFFFFF;
	border-left: 1px solid rgb(194, 194, 194);
	padding: 7px 0;
	width: 55px;
	text-align: center;
}

.navegacao-portais .top-sociais ul .fa:last-child { border-right: 1px solid rgb(194, 194, 194); }

.navegacao-portais .top-sociais ul .fa-facebook:hover { background-color: #3B5998; }

.navegacao-portais .top-sociais ul .fa-twitter:hover { background-color: #5EA9DD; }

.navegacao-portais .top-sociais ul .fa-youtube:hover { background-color: #D22827; }

.navegacao-portais .top-sociais ul .fa-linkedin:hover { background-color: #0177B5; }

.navegacao-portais .top-sociais ul .fa-instagram:hover { background-color: #5E4B45; }

.navegacao-portais .top-sociais ul .fa-slideshare:hover { background-color: #00A7A9; }

.navegacao-portais .top-sociais ul .fa-flickr:hover { background-color: #0062DD; }

@media(max-width:767px){
	.navegacao-portais {
	height: 24px;
}

	.navegacao-portais .container-portais { 
	width: 100%; 
}
.navegacao-portais ul li {
	
	/*display: inline;*/
	margin: 0 5px;
	font-size: 12px;
}

.navegacao-portais .top-sociais ul .fa {
	padding: 4px 0;
	width: 30px;
}
}