/*************************************************************************************
Layout FixPar Comercio de ferramentas
*************************************************************************************/
 
/*Formatação básica do layout
 ****************************/
body {
     margin:0px;
     padding:0px;
     background-color:#FFFFFF;
     color: #666666;
     font: 18px "Verdana", Calibri, Verdana, Arial;
}
/*Formatação bloco GERAL
 ****************************/
#geral {
     background-color:#FFFFFF;
     width: 950px;
     margin: 0px auto;
     position: relative;
}
/*Formatação bloco TOPO
 ****************************/
#topo {
     background: #333333 url(../images/bg_topo.jpg) repeat-x;
     height: 100px;
     position: relative;
}
/*Formatação do MENU
 ****************************/
ul#menu {
     margin:-65px 0px 0px;
     padding:0px;
     position:absolute;
     right:0px;
}
ul#menu li {
     display:inline;
     margin-right: 20px;
}
ul#menu li a {
     text-decoration:none;
     color:#F4F4F4;
     cursor:pointer;
     font: 14px Calibri, Verdana, Arial;
}
ul#menu li a.active, ul#menu li a:hover {
     border-top: 2px dotted #666666;
     color: #999999;
}
/*Logotipo
 ****************************/
#logotipo {
     width:800px;
     height:213px;
     background: url(../images/BannerFix.png) no-repeat top;
     clear: both;
     float: top;
     margin-top: -74px;
     margin-left: -15px;
     position: absolute;

}
/*Formatação bloco CONTEUDO
 ****************************/
#conteudo {
     background: #363636;
}


/*Formatação bloco Informações
*****************************/

.barra {
   float: left;
   height: 525px;
   width: 215px;
}



.linhas {
   background: url(../images/bg_home.jpg) no-repeat bottom;
   float: right;
   height: 532px;
   width: 735px;
}


.linhas-promo {
     background: url(../images/home.png) no-repeat;
     height: 511px;
     margin-top: 10px;´
     width: 723px;
}




.info1 {
   background: url(../images/banner_1.jpg);
   float: left;
   height: 131px;
   margin: 3px;
   width: 200px;
}

.info2 {
   background: url(../images/banner_2.jpg);
   float: left;
   height: 131px;
   margin: 3px;
   width: 200px;
}

.info3 {
   background: url(../images/banner_3.jpg);
   float: left;
   height: 255px;
   margin: 3px;
   width: 200px;
}

/*Formatação bloco RODAPE
 ****************************/
#rodape {
     background: url(../images/foot_bg.jpg);
     font: 12px "Verdana", Calibri, Verdana, Arial;
     clear: both;
     float: left;
     height: 50px;
     width: 950px;
}