/* Copyright 2015 Prismatec. Todos os direitos reservados. */

/* Cabeçalho */


/* Estrutura principal */

#header
{
    background: url(../img/header-bg.png);
    width: 100%;
    height: 160px;
    position: fixed;
    top: 0;
    z-index: 999998;
}

/* Logo Prismatec */

#logo
{
    background: url(../img/logo.png) no-repeat;
    background-size: 100% auto;
    width: 210px;
	/* height: 65px; margin: 44px 0 0 0; - Logo padrão */
	/* height: 95px; margin: 42px 0 0 0; - Doodle Outubro Rosa e Novembro Azul */
	/* height: 82px; margin: 31px 0 0 0; - Doodle de Natal */
    height: 95px;
	margin: 44px 0 0 0;
    float: left;
}

/* Menu principal */

#main-menu
{
    margin: 69px 0 0 0;
    cursor: default;
    float: right;
}
    #main-menu ul li
    {
        font-size: 16px;
        line-height: 16px;
        color: #BBB;
        display: inline-block;
    }
#produtos-btn, #noticias-btn, #contato-btn, #main-menu-div, #usuario-btn
{
    margin: 0 0 0 40px;
}
#sobre-nos-btn:hover, #produtos-btn:hover, #noticias-btn:hover, #contato-btn:hover, #usuario-btn:hover
{
    color: #999;
    cursor: pointer;
}

/* Botão início */

#inicio-btn
{
    width: 32px;
    height: 32px;
    margin: 64px 40px 0 0;
    float: right;
}
    #inicio-btn a
    {
        background: url(../img/inicio.png) no-repeat;
        background-size: 20px;
        background-position: center;
        width: 32px;
        height: 32px;
        display: block;
    }
        #inicio-btn a:hover
        {
            cursor: pointer;
        }

/* Mobile - Menu principal */

#m-menu-btn, #m-menu
{
    display: none;
}

/* Classes */

/* Botão início */

.inicio-btn-actived
{
    border: 0 solid #305898;
    border-radius: 4px;
}
    .inicio-btn-actived:hover
    {
        border: 1px solid #305898;
    }


/* Largura máxima 970px */

@media screen and (max-width: 970px) {
    
    /* Menu principal */
    
    #main-menu ul li
    {
        font-size: 14px;
    }
    
    #produtos-btn, #noticias-btn, #contato-btn, #main-menu-div, #usuario-btn
    {
        margin: 0 0 0 20px;
    }
    
    /* Botão início */

    #inicio-btn
    {
        margin: 64px 20px 0 0;
    }

}


/* Largura máxima 768px */

@media screen and (max-width: 768px) {
    
    /* Menu principal e botão início */
    
    #main-menu, #inicio-btn
    {
        display: none;
    }
    
    /* Mobile - Botão do menu principal */

    #m-menu-btn
    {
        background: transparent;
        margin: 73px 0 0 0;
        font-size: 14px;
        line-height: 16px;
        color: #BBB;
        float: right;
        cursor: pointer;
        display: block;
    }
        #m-menu-btn:focus
        {
            color: #305898;
        }
    
    /* Mobile - Menu principal */
    
    #m-menu
    {
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
    }
    #m-menu-bg
    {
        background: #000;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #m-menu-cont
    {
        width: 80%;
        height: 80%;
        margin: auto;
        overflow: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
    }
        #m-menu-cont ul
        {
            text-align: center;
            cursor: pointer;
        }
            #m-menu-cont ul li
            {
                border-bottom: 1px solid #202020;
            }
                #m-menu-cont ul li:last-child
                {
                    border-bottom: 0;
                }
                #m-menu-cont ul li button
                {
                    background: transparent;
                    width: 100%;
                    padding: 15px 0 18px 0;
                    font-size: 16px;
                    line-height: 16px;
                    color: #FFF;
                    display: block;
                }
                    #m-menu-cont ul li button:focus
                    {
                        background-color: #305898;
                    }
    
    /* Classes */
    
    .m-menu-line
    {
        padding: 15px 0 18px 0;
    }

}


/* Largura máxima 640px */

@media screen and (max-width: 640px) {
    
    /* Logo Prismatec */

    #logo
    {
        width: 100px;
        height: 45px; /* Padrão: 30px */
        margin: 61px 0 0 0; /* Padrão: 63px */
    }
    
}


/* Hack IE 10 e posteriores */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   
}