/* GRUPO TROFA NEW - TROFA-L - 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: #F0F1F5 url(http://www.trofa.com.br/imgs-08/fd_principal.jpg) repeat-y top left;
}
.table-top {
width: 775px;
vertical-align: top;
background: url(http://www.trofa.com.br/trofa-l/imgs-08/fd_top_trofal.jpg) no-repeat top left;
}
.table-top2 {
width: 775px;
height: 177px;
vertical-align: top;
background: url(http://www.trofa.com.br/trofa-l/imgs-08/fd_top_trofal2.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: 190px; height: 99px; text-align: left; vertical-align: bottom; padding: 0 0 19px 11px;}
.area-trofal {
width: 417px; 
height: 99px; 
font: bold 11px verdana, arial, sans-serif;
color: #56608A;
text-align: right;
vertical-align: bottom;
letter-spacing:1px;
padding: 0 27px 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: 1px 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: #F0F1F5 url(http://www.trofa.com.br/imgs-08/fd_principal.jpg) repeat-y top left;
}

.table {width: 690px; vertical-align: top;}
.table-catalogo {
width: 683px !important; 
width: 690px; 
color: #000;
vertical-align: top;
border: 1px #CCC solid;
}
.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: #CC0000;
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 1 */
.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: #424E82;
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;}

/* Tabelas Códigos dos Produtos 2 */
.tab-tec {
width:89%;
margin:0 0 0 5px;
background:#fff;
}
.tab-tit1{
font:normal 10px verdana, sans-serif;
color:#003300;
text-align:center;
vertical-align:middle;
padding:2px;
border:solid 1px #999;
background:#fff;
}
.tab-descr{
font:normal 11px arial, sans-serif;
color:#333;
padding:1px 0 1px 5px;
border-top:solid 1px #fff;
border-bottom:solid 1px #999;
background:#f5f5f5;
}
.tab-descr1{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#DFD8E8;
}
.tab-descr2{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#DFE7A8;
}
.tab-descr3{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#F2E7A7;
}
.tab-descr4{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#FEE1EA;
}
.tab-descr5{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#E7D277;
}
.tab-descr6{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#C9E7ED;
}
.tab-descr7{
font:bold 11px arial, sans-serif;
color:#8E2326;
text-align:center;
vertical-align:middle;
padding:2px;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #999;
background:#F9FFC6;
}
.tab-num {
font:normal 11px arial, sans-serif;
color:#333;
text-align:center;
vertical-align:middle;
padding:1px;
border-top:solid 1px #fff;
border-right:solid 1px #ccc;
border-bottom:solid 1px #999;
background:#fff;
}
.tab-numyes {
font:normal 11px arial, sans-serif;
color:#666;
text-align:center;
vertical-align:middle;
padding:1px;
border-top:solid 1px #fff;
border-right:solid 1px #ccc;
border-bottom:solid 1px #999;
background:#F0F3DB;
}
.tab-numtot {
font:bold 11px arial, sans-serif;
color:#003399;
text-align:center;
vertical-align:middle;
padding:1px;
border-top:solid 1px #fff;
border-right:solid 1px #ccc;
border-bottom:solid 1px #003399;
background:#fff;
}

/* default link styles required for IE to work correctly with :active */
a {color:#4456A3;}
a:visited {color:#999;}
a:active {color:#999;}
a:hover {text-decoration:none;}

/* The click image map styling */
#imap {width:650px; height:500px; background:url(imgs-08/brasil_map.jpg); border:1px solid #F5F5F5; position:relative; overflow:hidden;}
#imap ul {background:transparent url(imgs-08/brasil_map.gif); padding:0; margin:0; width:650px; height:500px; list-style:none;}

#imap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

#imap ul li a {position:absolute; display:block; width:9px; height:9px; background:#F6EE07; border:1px solid #CC0000; cursor:default;}
#imap ul li.p1 a {left:498px; top:353px;}
#imap ul li.p2 a {left:346px; top:259px;}
#imap ul li.p3 a {left:430px; top:275px;}
#imap ul li.p4 a {left:427px; top:384px;}
#imap ul li.p5 a {left:405px; top:445px;}
#imap ul li.p6 a {left:289px; top:99px;}
#imap ul li.p7 a {left:438px; top:83px;}
#imap ul li.p8 a {left:498px; top:316px;}
#imap ul li.p9 a {left:487px; top:316px;}
#imap ul li.p10 a {left:476px; top:316px;}
#imap ul li.p11 a {left:246px; top:177px;}
#imap ul li.p12 a {left:604px; top:171px;}
#imap ul li.p13 a {left:605px; top:156px;}
#imap ul li.p14 a {left:381px; top:379px;}
#imap ul li.p15 a {left:418px; top:275px;}
#imap ul li.p16 a {left:454px; top:348px;}
#imap ul li.p17 a {left:439px; top:335px;}
#imap ul li.p18 a {left:444px; top:358px;}
#imap ul li.p19 a {left:416px; top:344px;}
#imap ul li.p20 a {left:471px; top:352px;}
#imap ul li.p21 a {left:460px; top:358px;}
#imap ul li.p22 a {left:430px; top:401px;}
#imap ul li.p23 a {left:420px; top:401px;}
#imap ul li.p24 a {left:400px; top:405px;}

#imap ul li a b {display:none;}
#imap ul li a:hover {background:#33CCFF;}
#imap ul li a:active, #imap ul li a:focus {background:transparent; position:static; width:650px; height:500px; z-index:0; text-decoration:none;}
#imap ul li a:active b, #imap ul li a:focus b {display:block; position:absolute; left:10px; top:8px; color:#fff; border:2px solid #FFF; background:#4456A3; padding:7px;}