/* ################################ HEADER ######################################## */

#header{
	background-image:url(../img/bg-header.jpg);
	background-position:top center;
	width:100%;
	height:76px;
	float:left;
	overflow:hidden;

    /* ## LOGO ## */
    #logo-header{
        float:left;
        margin-top:8px;
        
        a{
            float:left;
            transition:all 0.4s;
            
            &:hover{
                opacity:0.6;
            }
        }
    }
    /* ## LOGO ## */

    /* ## MENU ## */
    #menu-principal{
        width:100%;
        float:left;
        margin-top:21px;
        margin-left:42px;
    
		ul{
			padding-left:0px;
			float:left;
			
			li{
				float:left;
				display:inline;
				list-style: none;
				
				a{
					padding:10px 6px;
					float:left;
					color:#555;
					font-weight:600;
					font-size:13px;
					text-transform:uppercase;
					transition:all 0.4s;
					
					&:hover{
						color:#CE2021;
						text-decoration:none;
					}
				}
			}
		}
	}	
	/* ## MENU ## */


	/* ## REDES SOCIAIS ## */
	#redes-sociais-header{
		padding:0px;
		float:left;
		margin-top:15px;
		padding-left:59px;
		
		li{
			float:left;
			list-style:none;
			display:inline;
		
			a{
				float:left;
				margin-right:10px;
				transition:all 0.4s;
			
				&:hover{
					transform:scale(1.1);
				}

				.icon-facebook{
					@include sprite($facebook);
				}

				.icon-instagram{
					@include sprite($instagram);
				}
			}
		}
	}
	/* ## REDES SOCIAIS ## */

	
	/* ## TEXTO ## */
	#texto-header{
		width:calc(100% - 171px);
		float:left;
		padding-top:10px;
		
		span{
			width:100%;
			float:left;
			color:#fff;
			text-align: right;
			font-size:13px;
			line-height:15px;
		}
		
		strong{
			width:100%;
			float:left;
			font-weight:bold;
			color:#fff;
			text-align: right;
			line-height: 32px;
			font-size:27px;
		}
	}
	/* ## TEXTO ## */
}

/* ################################ HEADER ######################################## */
