@import url("reset.css");

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#333; background-image:url("../images/fundo.png"); }

p { padding: 10px; }

.redes{width: 800px; height: auto; margin: 0 auto;}
.redes img{ float: right; padding: 8px;}

#wrapper { margin: 0 auto; width: 800px; }

#header { float: left; height: 600px; width: 800px; background: #ffffff; }

#content { float: left; background: #FFFFFF; width: 800; }

#footer { width: 800px; height: 315px; background-image:url("../images/fundo_rodape.png"); clear: both; }

#footer2 { width: 800px; height: 80px; background-image:url("../images/fundo_rodape2.png"); clear: both; }

#topo { background-image:url("../images/fundo_topo.jpg"); float: left; width: 800px ;height: 475px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding:0px; }

#bl1 {position:absolute; z-index: 102; width: 117px; float: left; margin-left: 630px; margin-right: 0px; margin-top: -30px; padding:0px; }
#bl2 {position:absolute; z-index: 901; width: 147px; float: left; margin-left:-25px; margin-right: 0px; margin-top: 270px; padding:0px; }
#bl3 {float: left; width: 760px; margin-left:20px; margin-right: 20px; margin-top: 10px; padding:0px; }
#bl4 {float: left; margin-left:30px; margin-right: 10px; margin-top: 0px; padding:0px; }
#bl5 {float: left; margin-left:30px; margin-right: 10px; margin-top: 25px; padding:0px; }
#bl6 {float: left; margin-left:310px; margin-right: 10px; margin-top: 22px; padding:0px; }
#bl7 {float: left; margin-left:10px; margin-right: 10px; margin-top: 10px; padding:0px; }
#bl8 {float: left; margin-left:305px; margin-right: 10px; margin-top: 15px; padding:0px; }

#prmenu {float: left; margin-left:00px; margin-right: 0px; margin-top: 0px; padding:0px; }
#prcont {float: left; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }

#menu {float: left; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#menu2 {float: left; margin-left:10px; margin-right: 0px; margin-top: 0px; padding:0px; }

#mndiv {float: left; width: 9px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#mn1 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#mn2 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#mn3 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }

#rddiv {float: left; width: 9px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#pj1 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#pr2 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }
#lm3 {float: left; width: 240px; margin-left:0px; margin-right: 0px; margin-top: 0px; padding:0px; }


#h1 {
   font-family:   Trebuchet ms, Verdana, Arial,Palatino Linotype, Georgia, Utopia,;   
   color: #8E2929;
   font-size:15px;
   font-weight:bold;
}

#h2 {
   font-family:  Verdana, Arial, Trebuchet ms, Palatino Linotype, Georgia, Utopia,;
   color: #6d6e71;
   font-size:12px;
   line-height:18px;letter-spacing:0px;word-spacing:0px;}

#h2 a {
   font-size:12px;
   font-weight:;
   color: #6d6e71;
   text-decoration: none;
}

#h2 a:hover {
   font-size:12px;
   color: #588300;
}

#h3 {

   font-family:  Verdana, Arial, Trebuchet ms, Palatino Linotype, Georgia, Utopia,;
   color: #6d6e71;
   font-size:12px;
   line-height:18px;letter-spacing:0px;word-spacing:0px;}

#h3 a {
   font-size:12px;
   font-weight:;
   color: #6d6e71;
   text-decoration: none;
}

#h3 a:hover {
   font-size:12px;
   color: #8E2929;
}

#h4 {
   font-family:  Verdana, Arial, Trebuchet ms, Palatino Linotype, Georgia, Utopia,;
   color: #8E2929;
   font-size:12px;
   line-height:18px;letter-spacing:0px;word-spacing:0px;}

#h4 a {
   font-size:12px;
   font-weight:;
   color: #8E2929;
   text-decoration: none;
}

#h4 a:hover {
   font-size:12px;
   color: #D19C31;
}





/* menu hover*/

#menuhover {
display: inline;
}

#menuhover li {
list-style-type:none;padding: 0 0px;
}

#home {
background: url("../images/menu_home1.png") no-repeat;
width: 116px;
height: 70px;
float: left;
display:block;
}

#quemsomos {
background: url("../images/menu_quemsomos1.png") no-repeat;
width: 116px;
height: 70px;
float: left;
display:block;
}

#produtos {
background: url("../images/menu_produtos1.png") no-repeat;
width: 116px;
height: 70px;
float: left;
clear: right;
}

#produtos1 {
background: url("../images/menu_produtos2.png") no-repeat;
width: 116px;
height: 70px;
float: left;
clear: right;
}

#contato {
background: url("../images/menu_contato1.png") no-repeat;
width: 116px;
height: 70px;
float: left;
clear: right;
}

/*hover*/

#home:hover {
background: url("../images/menu_home2.png")  0 0 no-repeat;
}

#quemsomos:hover {
background: url("../images/menu_quemsomos2.png")  0 0 no-repeat;
}

#produtos:hover {
background: url("../images/menu_produtos2.png")  0 0 no-repeat;
}

#contato:hover {
background: url("../images/menu_contato2.png")  0 0 no-repeat;
}

#glider1 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1001;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.img-glider {
    width: 470px;
    height: auto;
}

.glider-fechar {
    width: 30px;
    margin-top: 15px;
}