/* GRUPO TROFA NEW - ALUMÍNIO VIGOR - LAY-OUT GERAL */
BODY {
text-align: center;
margin: 2px 0 20px 0;
padding: 0;
background: #F0F1F5; 
scrollbar-face-color: #4C588B; 
scrollbar-highlight-color: #D5C592; 
scrollbar-shadow-color: #F5F5F5; 
scrollbar-3dlight-color: #fff; 
scrollbar-arrow-color: #FFF; 
scrollbar-darkshadow-color: #374271;
scrollbar-track-color: #FFF;
}

#borda-top {
margin:0 auto; /*Para FF*/
width: 821px;
height: 25px;
text-align: left;
vertical-align: top;
padding: 0 1px 0 1px !important;
padding: 0 0 0 2px;
}
#principal {
	margin: 0 auto !important;
	margin: -4px 0 0 0;
	width: 821px;
	text-align: center;
	vertical-align: top;
	padding: 0 1px 0 1px;
	background-color: #F0F1F5;
	background-image: url(../imgs-08/fd_principal.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.table-top {
	width: 775px;
	vertical-align: top;
	background-image: url(imgs-08/fd_top_vigor.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.table-top2 {
width: 775px;
height: 177px;
vertical-align: top;
background: url(http://www.trofa.com.br/vigor/imgs-08/fd_top_vigor2.jpg) no-repeat top left;
}
.area-logo { width: 168px; height: 99px; padding: 0 0 0 1px; text-align: left; vertical-align: top; border: 0; margin: 0;}
.area-band { width: 200px; height: 99px; text-align: left; vertical-align: bottom; padding: 0 0 19px 11px;}
.area-vigor {
width: 407px; 
height: 99px; 
font: bold 11px verdana, arial, sans-serif;
color: #56608A;
text-align: right;
vertical-align: bottom;
letter-spacing:1px;
padding: 0 59px 20px 0;
}
.area-menu {
height: 37px !important;
height: 36px;
font: normal 10px verdana, arial, sans-serif;
color: #666;
text-align: left; 
vertical-align: top;
padding: 0 0 0 37px;
}
.area-links2 {
height: 37px !important;
height: 36px;
font: normal 10px verdana, arial, sans-serif;
color: #666;
vertical-align: middle;
padding: 0 5px 0 10px; 
}
.area-titulo {
height: 22px;
font: bold 10px verdana, arial, sans-serif;
color: #CC0000;
text-align: center; 
vertical-align: bottom;
padding: 0 0 5px 0;
}
.area-titulo2 {
height: 42px;
font: bold 10px verdana, arial, sans-serif;
color: #CC0000;
text-align: center; 
vertical-align: bottom;
padding: 0 0 5px 0;
}

/* LINK - classes especificas */
a.opt1:link {color: #4456A3; font-weight: bold; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt1:active {color: #FF6633; font-weight: bold; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt1:visited {color: #4456A3; font-weight: bold; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt1:hover {color: #FF6633; font-weight: bold; font-family: verdana; font-size: 10px; text-decoration: underline;}

a.opt2:link {color: #5C627C; font-weight: normal; font-family: verdana; font-size: 9px; text-decoration: none;}
a.opt2:active {color: #FF6633; font-weight: normal; font-family: verdana; font-size: 9px; text-decoration: none;}
a.opt2:visited {color: #5C627C; font-weight: normal; font-family: verdana; font-size: 9px; text-decoration: none;}
a.opt2:hover {color: #FF6633; font-weight: normal; font-family: verdana; font-size: 9px; text-decoration: underline;}

a.opt3:link {color: #4456A3; font-weight: normal; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt3:active {color: #FF6633; font-weight: normal; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt3:visited {color: #4456A3; font-weight: normal; font-family: verdana; font-size: 10px; text-decoration: none;}
a.opt3:hover {color: #FF6633; font-weight: bold; font-family: verdana; font-size: 10px; text-decoration: underline;}

.area-flash { width: 770px; height: 293px; text-align: left; vertical-align: top; padding: 2px 0 0 0; z-index:99;}

#area-info {
	margin:0 auto; /*Para FF*/
	width: 821px;
	height: auto;
	font: normal 10px verdana, arial, sans-serif;
	color: #56608A;
	text-align: center;
	vertical-align: top;
	padding: 0 1px 2px 1px;
	background-color: #F0F1F5;
	background-image: url(../imgs-08/fd_principal.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.table {width: 690px; vertical-align: top;}
.texto-esq {
font: normal 10px verdana, arial, sans-serif;
color: #56608A;
text-align: left;
vertical-align: top;
padding: 5px 0 5px 10px;
}
.texto-mid {
font: normal 10px verdana, arial, sans-serif;
color: #56608A;
text-align: center;
vertical-align: top;
padding: 5px 0 5px 0;
}
.texto-dir {
font: normal 10px verdana, arial, sans-serif;
color: #56608A;
text-align: right;
vertical-align: top;
padding: 5px 10px 5px 0;
}
#rodape {
margin:0 auto; /*Para FF*/
width: 821px;
height: 25px;
text-align: center;
vertical-align: top;
padding: 0 1px 0 1px !important;
padding: 0 0 0 2px;
}

/* Diversos */
.altura1 {height: 5px;}
.altura2 {height: 12px;}
.altura3 {height: 25px;}
.texto-01 {
width: 690px;
color: #000;
text-align: justify;
vertical-align: top;
padding: 0 0 0 59px !important;
padding: 0;
}
.texto-prod {
font: bold 10px verdana, arial, sans-serif;
color: #333;
text-align: left;
vertical-align: bottom;
padding: 8px 0 2px 10px;
}
.num-destaque {
padding: 0 3px 1px 3px;
font: bold 11px verdana, arial, sans-serif;
color: #0066CC;;
text-align: center;
}
.txt-nota { font: normal 10px verdana, arial, sans-serif; color: #999; text-align: center;}
.txt-nota2 { font: normal 11px verdana, arial, sans-serif; color: #006633; text-align: center;}
.txt-rec { font: normal 11px arial, sans-serif; color:#333; text-align: left; vertical-align: top; line-height:1.0;}

/* Tabelas - Códigos dos Produtos */
.tab-dados1 {
width: 99%;
text-align: center;
background: #FFF;
border: solid 1px #56608A;
font-weight: normal;
vertical-align: middle;
padding: 2px;
}
.tab-prod {
background-color: #F5F5F5;
padding: 1px 0 1px 5px;
font: bold 10px verdana, arial, sans-serif;
color: #CC3300;
border: solid 1px #999;
text-align: left;
}
.tab-cod {
padding: 1px 0 1px 5px;
font: normal 11px arial, verdana, sans-serif;
color: #56608A;
border: solid 1px #CCC;
text-align: left;
background: #FFF;
}
.tab-cod2 {
padding: 1px 0 1px 5px;
font: normal 11px arial, verdana, sans-serif;
color: #666;
border: solid 1px #CCC;
text-align: center;
background: #FFF;
}
.tab-med {
padding: 1px 0 1px 5px;
font: normal 11px arial, verdana, sans-serif;
color: #333;
text-align: center;
background: #FFF;
}
.tab-cm {
padding: 1px 0 1px 5px;
font: normal 11px arial, verdana, sans-serif;
color: #999;
text-align: center;
background: #FFF;
}
.tab-zero {padding: 1px 0 1px 5px; background: #FFF;}