/*Topo*/

div#T1          { height: 63px; background-image: url("images/janeladealuminio.jpg"); width: 775px; text-align: center; font-family: arial; font-size: 20px; color: #000; }
div#T2          { height: 64px; background-image: url("images/esquadriadealuminio.jpg"); width: 775px; }
div#T3          { height: 63px; background-image: url("images/vidrotemperado.jpg"); width: 775px; }
div#T4          { height: 81px; background-image: url("images/site_04.jpg"); width: 775px; }

/*Design*/

body            { background: #FFF url("images/bg.jpg"); font-family: arial; color: #333; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
Table#Princ     { background: url("images/meio_bg.jpg"); font-size: 11px; font-family: arial; color: #333; text-align: justify; width: 775px; margin: 0px 0px 0px 0px; vertical-align: top; border: 0px solid #000; }
Hr              { background-color:#E2E2E2; color: #E2E2E2; border: 0px; height: 1px; }

/*Conteúdo*/

TD#Meio         { width: 560px; padding: 5px 10px 0px 26px;  vertical-align: top; }
a               { font-family: arial; font-size: 12px; color: #0000CC; font-weight: normal; text-decoration: none; }
a:hover         { font-family: arial; font-size: 12px; color: #FF0000; font-weight: normal; text-decoration: none; }
H1              { font-family: arial; font-size: 14px; color: #E4582F; font-weight: bold; text-decoration: none; text-align: left; margin: 0px 0px 2px 0px; }
H2              { font-family: arial; font-size: 12px; color: #E4582F; font-weight: bold; text-decoration: none; text-align: left; margin: 0px 0px 2px 0px; }
span#H1C        { font-family: arial; font-size: 10px; color: #7E7B74; font-weight: normal; text-decoration: none;  }

/*Menu*/

TD#Dir          { width: 180px; padding: 10px 18px 0px 2px;  font-size: 11px; text-align: center; border: 0px solid #000; vertical-align: top; /*background: #5C725C url("images/menu_bg.jpg") repeat-y top;*/ }
TD#Dir a        { background: url("menu/menu_dest.jpg") no-repeat; height: 20px; font-family: verdana; font-size: 11px; color: #000; font-weight: normal; text-decoration: none; display: block; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 6px; border: 0px solid #000; }
TD#Dir a:hover  { background: url("menu/menu_base.jpg") no-repeat; height: 20px; font-family: verdana; font-size: 11px; color: #000; font-weight: normal; text-decoration: none; display: block; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 1px 6px; border: 0px solid #000; }
span#Mt         { background: url("menu/menu_tit.jpg") no-repeat; height: 22px; font-family: verdana; font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none; display: block; text-align: center; line-height:200%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #000; }
span#Mf         { background: url("menu/menu_fim.jpg") no-repeat; height: 50px; font-family: verdana; font-size: 11px; color: #FFF; font-weight: bold; text-decoration: none; display: block; text-align: center; line-height:200%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #000; }

/*Rodapé*/

div#R           { font-family: tahoma; font-size: 10px; color: #333; background: url("images/rodape.jpg") no-repeat; width: 775px; height: 70px; line-height:150%; text-align: center; }
div#R a         { font-family: tahoma; font-size: 10px; color: #333; font-weight: normal; text-decoration: underline; }
div#R a:hover   { font-family: tahoma; font-size: 10px; color: #000CC; font-weight: normal; text-decoration: underline; }

div.img         { width: 170px; height: 190px; margin: 2px; border: 1px solid #C0C0C0; font-family: arial; font-size: 11px; background: #EEE9C8; text-align: center; float: left; }
div.img img     { display: inline; margin: 2px; border: 1px solid #000; }
div.img a:hover img { border: 1px solid #0000CC; }
div.desc        { text-align: center; font-weight: normal;  width: 150px; height: 70px; margin: 5px; font-size: 10px;}