@charset "UTF-8";
:root {

    /* Colors: */
    --primary: #E2631E;
    --secondary: #9B867C;
    --light: #AF9E96;
    --dark: #281F1D;
    --unnamed-color-f2f0f0: #F2F0F0;
}
/* CSS Document */
 #navegacao{
     margin: 0;
     padding: 0;
     display: block;
     position: fixed;
     outline: 0;
     text-decoration: none;
     list-style: none;
     line-height: normal;
     font-family: 'Source Sans Pro', sans-serif;
}
 #navegacao a {
     -webkit-transition: all ease .25s;
     -moz-transition: all ease .25s;
     transition: all ease .25s;
}
 #navegacao > div {
     padding-left: 0;
     padding-right: 0;
     box-sizing: border-box;
}
 .navegacao-portais {
     width: 100%;
     height: 30px;
     position: relative;
     top:0;
     z-index: 99;
     background: var(--dark);
}
 .navegacao-portais .container{
	margin-right: auto;
    margin-left: auto;
	}
  .navegacao-portais.fiesp .container { width: 960px }
  
  .navegacao-portais.sesi .container { width: 960px }
  
  .navegacao-portais.senai {background-color: #006699;}
  .navegacao-portais.senai .container { width: 1004px }
 .navegacao-portais ul {
     margin: 0;
     padding: 0;
     display: inline-table;
     list-style: none;
     float: right !important;
}
 .navegacao-portais ul li {
     display: inline-table;
     text-transform: uppercase;
     margin: 0 7px 0 0 ;
}
 .navegacao-portais ul li a {
     color: var(--light);
     background: transparent;
     text-decoration: none;
     font-size: 13px; 
}
 .navegacao-portais ul li a.fa {
 	margin: 0;
    padding: 7px 0 8px;
 	font-size: 15px;
    width: 27px
 }
 .navegacao-portais ul li a:hover, .navegacao-portais ul li a:active, .navegacao-portais ul li a:focus {
     color: var(--primary);
     text-decoration: none;
}
 .navegacao-portais ul li.midias-sociais strong {display: none }
 .navegacao-portais ul li.midias-sociais{
     margin: 0 !important;
     padding: 0;
     text-align: center;
     font-weight: normal !important;
     border-left: 1px solid rgba(255, 255, 255, .6);
     background: none;
}
 .navegacao-portais ul li.midias-sociais:last-child { border-right:1px solid rgba(255, 255, 255, .6) }
 .navegacao-portais ul li.midias-sociais a:hover{
     color: #ffffff;
     text-decoration: none;
     background: transparent;
}
 .navegacao-portais .midias-sociais.facebook a:hover {
     background-color: #3B5998;
}
 .navegacao-portais .midias-sociais.twitter a:hover {
     background-color: #5EA9DD;
}
 .navegacao-portais .midias-sociais.youtube a:hover {
    color: #D22827 !important;
     background-color: #fff;
}
 .navegacao-portais .midias-sociais.linkedin a:hover {
     background-color: #0177B5;
}
 .navegacao-portais .midias-sociais.instagram a:hover {
     background: #cc2366;
     background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
     background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
 .navegacao-portais .midias-sociais.slideshare a:hover {
     background-color: #00A7A9;
}
 .navegacao-portais .midias-sociais.flickr a:hover {
     background-color: #0062DD;
}
/* RESPONSIVO */
 @media(min-width: 767px){
     #navegacao{
         font-size: 13px !important;
         font-weight: 600;
    }
     .navegacao-portais ul li {
         margin: 0 20px 0 0 ;
         height: 100%
    }
     .navegacao-portais ul li a.fa {
        width: 50px;
        height: 100%
     }
}