@font-face {
    font-family: 'Bauhaus';
    src: local('Bauhaus'),
        url('fontes/subset-Bauhaus.woff2') format('woff2'),
        url('fontes/subset-Bauhaus.woff') format('woff');
}

@font-face {
    font-family: 'Bauhaus-Thin Wide';
    src: local('Bauhaus-Thin Wide'), local('Bauhaus-ThinWide'),
        url('fontes/subset-Bauhaus-ThinWide.woff2') format('woff2'),
        url('fontes/subset-Bauhaus-ThinWide.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bauhaus';
    src: local('Bauhaus-Thin Italic'), local('Bauhaus-Thin-Italic'),
        url('fontes/subset-Bauhaus-Thin-Italic.woff2') format('woff2'),
        url('fontes/subset-Bauhaus-Thin-Italic.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bauhaus';
    src: local('Bauhaus Bold Italic'), local('Bauhaus-BoldItalic'),
        url('fontes/subset-Bauhaus-BoldItalic.woff2') format('woff2'),
        url('fontes/subset-Bauhaus-BoldItalic.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bauhaus';
    src: local('Bauhaus-Thin'),
        url('fontes/subset-Bauhaus-Thin.woff2') format('woff2'),
        url('fontes/subset-Bauhaus-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

body
{
    font-family: "Bauhaus";
    font-size: large;
    background-color: #FFFFFF;
}

span
{
    font-weight: 500;
    font-size: x-large;
}

a
{
    font-weight: 600;
    font-family: "Bauhaus";
    font-size: larger;
	text-decoration: none;
	color: black;
}

a:hover
{
	text-decoration: underline;
}

.siteFundo
{
    background:url('fundo.jpg');
    width:1460px;
    height:874px;
}

.siteFundoSemContato
{
    background:url('imagens/fundoSemContato.png');
    width:1460px;
    height:874px;
}

.conteudoSite
{
    padding-top: 150px;
}

.alinharDireita
{
    text-align:right;
    float: right;
    padding-right: 50px;
}

.rodape
{
    text-align:left;
    float: left;
    padding-left: 30px;
    width: 100%;
}

.titulo
{
    font-size: xx-large;
    width:300px;
    height:400px;
    float: left;
}

.tituloMenor
{
    font-size: xx-large;
    margin-right: 100px;
    margin-top: 30px;
}

.faleCom
{
    font-size: larger;
    text-align: center;
}

.menu
{
    font-size: x-large;
    padding-left: 80px;
    padding-top: 130px;
    text-align: left;
    width:250px;
    height:400px;
    float: left;
}

.tabelaSite
{
    width:1100px;
    height:600px;
    float: left;
}

.tabelaSiteP
{
    font-size: x-large;
}

.tabelaProduto
{
    float: left;
    width:500px;
    height:500px;
    position: relative;
}

.verticalImage
{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20%;
}

.imagemSite
{    
    width:1300px; 
    height:550px;
}

.produtosSite
{
    width:1400px; 
    height:620px;
    text-align: left;
}

.descProduto
{
    text-align: left; 
    padding-top: 130px;
    padding-left: 50px;
    width: 800px;
    height: 300px;
    float: left;
}

.descProduto p
{
    font-size: larger;
}

/* Dropdown Button */
.dropbtn {
    font-family: "Bauhaus";
    width: 800px;
    background-color: gray;
    color: white;
    padding: 16px;
    font-size: 20px;
    border: none;
    text-align: left;
}

.dropdown {
    width: 800px;
    position: relative;
    display: inline-block;
    text-align: left;
}

.dropdown-content {
    width: 800px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}

.dropdown-content a {
    width: 700px;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: large;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
    color: black;
}

.dropdown:hover .dropbtn {
    background-color: lightgray;
    color: black;
    width: 800px;
    text-align: left;
}