@font-face{
    font-family: texto;
    src: url("../font/cambria.ttc") format("TrueType");

} 

body{
margin: 0 auto;
padding:0;
max-width: 1680px ;
min-width: 400px;
}

p{
    color: black;
    text-align: justify;
    font-family: texto;
    font-size: 18px;
}

h1 { 
    color: black;
    text-align: left;
    font-family: texto;
    font-size: 50px; 
    line-height: 1px;
}

h3 { 
    color: black;
    text-align: right;
    font-family: texto;
    font-size: 18px; 
    float:left;
}


header{
    padding:0;
    margin: 0;
}

#tudo
{
    width: 90%;
    margin:0 auto;
}

#banner{
    width: 75%;
    margin: 0 auto;

}
#banner img{
    width: 100%;
}

#pol{
    background-color: black;
    width:auto;
    margin: 0 auto;
}
#menu
{   
    margin-top: -0.3%;
    background-color: #000000;
    width: 100%;
    list-style-type:none;
    margin:0 auto;
    text-align: center;
}

#menu ul{

    width:auto; 
    display:inline-block; 
}
#menu ul li{
    list-style:none;
  
    float:left;
    width: auto;
}
#menu li a {
     display: block;
    color: white;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    
}
#clear{
    clear: both;
    padding: 0;
}

#Livro
{
    width: 93%;
    margin:0 auto;
    margin-top: 6%;
}

#linha1{
   border-bottom: 9px solid black;
    width: 75% ; 
    min-width: 150px;
    float: left;
    margin-top:-2%;
}
#seta1{
    float:right;
    position: relative;
    bottom:80px;
}
#preto{
    width: 100%;
    background-color:black;

    
}
#subpreto{
    width: 93%;
    margin:0 auto;

}
#livroimag{
    float: left;
    width: 30%;
    min-width: 336px;
    margin-top: -3%;

}
#textopreto{
    float: left;
    margin: 0 auto;
    width: 68%;
    min-width: 340px;
}
#Diogo{
    width: 96%;
    background-color: white;
}
#linha2{
    border-bottom: 9px solid black;
    width: 344px ; 
    min-width: 150px;
    float: left;
}
#nomedi
{
    float:right;
    margin-right: 8%;

}

#linha3{
    border-bottom: 9px solid black;
    width: 344px ; 
    min-width: 150px;
    float: right;
    margin-top: -2%;

}

#preto1{
    width: 100%;
    background-color:black;
    margin-top: 0.1%;
    
}
#subpreto1{
    width: 93%;
    margin:0 auto;

}
#textopreto1{
   width: 70%;
    float: left;
    min-width: 340px;
    margin-top: 40px;
}

#diogoimag{
    width: 26%;
    float: right;
    min-width: 250px;
}

#Bet{
    width: 93%;
    margin:0 auto;
}

#linha4{
    border-bottom: 9px solid black;
    width: 344px ; 
    min-width: 150px;
    float: left;
    margin-top: -2%;
}
#betimag{
    width: 30%;
    float: left;
    min-width: 336px;
}

#textopreto2{
   width: 68%;
    float: left;
    min-width: 340px;
    margin-top: 20px;
}
#Receber{
    width: 93%;
    margin:0 auto;
}
.botao{
    background-color: black;
    color:white;
    font-size: 25px; 
    margin-top:3%;
    float: left;
    border:1px solid black;
    font-family: texto;
}
#envia{
    float:right;
    
}
.botao1{
    background-color: black;
    color:white;
    font-size: 25px; 
    float: left;
    font-family: texto;
    border:1px solid black; 
   
}
input#image-button{
    background: url('../imagens/Botoes/bt_envia.png') no-repeat center center  ;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    float:right;
}
#Comprar{
    width: 93%;
    margin:0 auto;
}
#Galeria{
    width: 93%;
    margin:0 auto;
}

#subpreto2{
    width: 85%;
    margin:0 auto;

}
#subpreto3{
    width: 70%;
    float:left;
    min-width: 250px;

}
#subpreto4{
    width: 20%;
    float:left;
    min-width: 250px;
}
#linha5{
    border-bottom: 4px solid white;
    width: 15%; 
    min-width: 150px;
    float: left;
    margin-top: -3%;
}
#linha6{
    border-bottom: 4px solid white;
    width: 70%; 
    min-width: 150px;
    float: left;
    margin-top: -10%;
}
footer{
    width:100%;
    margin-top: 5%;
    background-color: black;
}
#rodaimag{
    width:50%;
    margin: 0 auto;
    background-color: white;
}
#face{
    margin: 0 auto;
}
#brancalinha{
    width: 93%;
    background-color: white;
    margin: 0 auto;
}
.tabela1{
   border:0; 
   float: left;
   width: 100%;
}
.tabela2{
    width: 100%;
    float: left;
}
#rodaimag img{
    width: 100%;
}
@media screen and (max-width: 1200px) {

#diogoimag{
    width: 26%;
    float: left;
    min-width: 250px;
}
}