@charset "iso-8859-1";

html, body { height: 100%; }


body { background: url('/img/fundo_bg.jpg') no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-align: left; margin: 0; padding: 0; }

#fundo { position:relative; margin-right: auto; margin-bottom: auto; margin-left: auto; width:760px; min-height:100%; }

//#header { position:relative; width: 768px; height: 115px; float:left; }

#wrapper { width: 768px; margin: 0 auto; text-align: left; }

/*#######################################################################
### CABEÇALHO
#######################################################################*/
#wrapper #header { width: 100%; height: 117px; }
#wrapper #header #logotipo { width: 200px; height: 87px; float: left; margin: 30px 0 0 0; }
#wrapper #header #atendimento { width: 259px; height: 22px; margin-top: 11px; float: right; background: url('/img/central_atendimento.gif') no-repeat; text-indent: -9999px; display: block; }

/*#######################################################################
### MENU ÂNCORA
#######################################################################*/
#wrapper #header ul#ancora { list-style: none; margin: 35px 0 30px 56px; padding: 0; width: 500px; height: 17px; text-align: left; float: left; }
#wrapper #header #ancora li { float: left; height: 17px; margin: 0; padding: 0; color: #FFF; text-indent: -9999px; }

#wrapper #header #ancora li a { background: transparent url('/img/menu_ancora_bg.gif') no-repeat; text-decoration: none; display: block; height: 17px; }

#wrapper #header #ancora li#home { width: 45px; }
#wrapper #header #ancora li#home a { width: 45px; background-position: top left; }
#wrapper #header #ancora li#home a:hover { background-position: bottom left; }

#wrapper #header #ancora li#mapa { width: 89px; }
#wrapper #header #ancora li#mapa a { width: 89px; background-position: -45px 0px; }
#wrapper #header #ancora li#mapa a:hover { background-position: -45px -17px; }

#wrapper #header #ancora li#busca { width: 243px; background: url('/img/menu_ancora_bg.gif') no-repeat -134px 0px; text-indent: 0; }
#wrapper #header #ancora li#busca form { margin: 0; padding: 0; }
#wrapper #header #ancora li#busca label { display: none; }
#wrapper #header #ancora li#busca input { margin: 0 7px 0 88px; padding: 0; border: 0; width: 82px; height: 15px; background: #376696; color: #FFF; border: 1px solid #FFF; display: inline; vertical-align: top; font-size: 11px; }
#wrapper #header #ancora li#busca #ok { margin: 2px 0 0 0; padding: 0; border: 0; width: 26px; height: 13px; vertical-align: top; background-color: transparent; }

#wrapper #header #ancora li#idiomas { text-indent: 0; }
#wrapper #header #ancora li#idiomas img { margin: 0 6px; cursor: pointer; }

/*#######################################################################
### MENU PRINCIPAL
#######################################################################*/
ul#menu { list-style: none; margin: 0; padding: 0; width: 525px; height: 22px; float: right; text-align: left; }
#menu li { float: left; height: 22px; margin: 0; padding: 0; color: #FFF; text-indent: -9999px; }

#menu li a { background: transparent url('/img/menu_bg.gif') no-repeat; text-decoration: none; display: block; height: 22px; }

#menu li#mn_itm_1 { width: 83px; }
#menu li#mn_itm_1 a { width: 83px; background-position: top left; }
#menu li#mn_itm_1 a:hover, #menu li#mn_itm_1 a.actv { background-position: bottom left; }

#menu li#mn_itm_2 { width: 93px; }
#menu li#mn_itm_2 a { width: 93px; background-position: -83px 0px; }
#menu li#mn_itm_2 a:hover, #menu li#mn_itm_2 a.actv { background-position: -83px -22px; }

#menu li#mn_itm_3 { width: 123px; }
#menu li#mn_itm_3 a { width: 123px; background-position: -176px 0px; }
#menu li#mn_itm_3 a:hover, #menu li#mn_itm_3 a.actv { background-position: -176px -22px; }

#menu li#mn_itm_6 { width: 102px; }
#menu li#mn_itm_6 a { width: 102px; background-position: -299px 0px; }
#menu li#mn_itm_6 a:hover, #menu li#mn_itm_6 a.actv { background-position: -299px -22px; }

#menu li#mn_itm_67 { width: 124px; }
#menu li#mn_itm_67 a { width: 124px; background-position: -401px 0px; }
#menu li#mn_itm_67 a:hover, #menu li#mn_itm_67 a.actv { background-position: -401px -22px; }

#menu li#mn_itm_4 { width: 78px; }
#menu li#mn_itm_4 a { width: 78px; background-position: -401px 0px; }
#menu li#mn_itm_4 a:hover, #menu li#mn_itm_4 a.actv { background-position: -401px -22px; }

#menu li#mn_itm_5 { width: 46px; }
#menu li#mn_itm_5 a { width: 46px; background-position: -479px 0px; }
#menu li#mn_itm_5 a:hover, #menu li#mn_itm_5 a.actv { background-position: -479px -22px; }

/*#######################################################################
### SUBMENUS FLUTUANTES
#######################################################################*/
.submenuwrapper { width: 145px; position: absolute; top: 104px; left: 50%; z-index: 10; visibility: hidden; }
#sbmn_1 { margin-left: -134px; }
#sbmn_2 { margin-left: -54px; }
#sbmn_3 { margin-left: 48px; }
#sbmn_6 { margin-left: 169px; }
#sbmn_67 { margin-left: 265px; }
#sbmn_4 { margin-left: 265px; }
#sbmn_5 { margin-left: 348px; }

.ddsubmenu { width: 145px; padding: 5px; margin: 0px; position: absolute; top: 0; left: 50%; margin-left: -72px; z-index: 100; }
.ddsubmenu ul.sbmn { list-style: none; clear: both; margin: 0; padding: 0; }
.ddsubmenu .sbmn li { font: 12px Tahoma,Geneva,Kalimati,sans-serif; clear: both; margin: 0; padding: 0; color: #FFF; border: 0; }
.ddsubmenu .sbmn li a { font: 12px Tahoma,Geneva,Kalimati,sans-serif; color: #FFF; text-decoration: none; display: block; padding: 3px 10px; }
.ddsubmenu .sbmn li a:hover, .ddsubmenu .sbmn li a.actv { color: #FFBA00; text-decoration: none; }
.ddsubmenu .sbmn li span { display: block; padding: 5px 10px; color: #FFBA00; }
.ddsubmenu .sb-inner { background: #0D3765; opacity:90; -moz-opacity:.90; filter:alpha(opacity=90); -khtml-opacity:.90; opacity:.90; }
.ddsubmenu .sb-shadow { background: #999; }

/*#######################################################################
### SUBMENUS
#######################################################################*/
#wrapper ul.submenu { list-style: none; margin: 0 30px 0 0; padding: 0; width: 170px; float: left; }
#wrapper ul.submenu li { color: #FFBA00; }
#wrapper ul.submenu li.active { font-weight: bold; }
#wrapper ul.submenu li a { display: block; padding: 0 0 0 17px; text-decoration: none; color: #FFBA00; background: transparent url('/img/submenu_bullet.gif') no-repeat 5px 5px; } 
#wrapper ul.submenu li a:hover, #wrapper ul.submenu li.active a { text-decoration: none; font-weight: bold; color: #FFBA00; }

/*#######################################################################
### LISTA DE THUMBNAILS
#######################################################################*/
ul#thumbs_collection { margin: 0; padding: 0; list-style: none; float: left; width: 540px; }
#thumbs_collection li { float: left; margin: 2px; padding: 0; }
#thumbs_collection li img { border: 2px solid #FFBA00; }

/*#######################################################################
### FOTOS DAS PÁGINAS
#######################################################################*/
#scenes { width: 530px; height: 390px; }
#scenes ul.crossfade, #scenes ul.nocrossfade { padding: 0; margin: 0; list-style: none; position: relative; }
#scenes #fadescenes li { position: absolute; top: 0; left: 0; width: 530px; height: 390px; visibility: hidden; }
#scenes #nofadescenes li { position: absolute; top: 0; left: 0; width: 530px; height: 390px; visibility: visible; }
#controls { text-align: right; clear: both; padding-top: 5px; margin-right: 10px; }
.control { cursor: pointer; }




.tracinho { font-size: 16px; font-weight: normal; font-family: Arial; color: #FFF; }

#logo { margin-top:-5px; width: 207px; height: 96px; float:left; }

#busca { margin-top:0px; margin-right: 0px; font-family: Arial; font-size: 11px; color: #FFF; width: 162px; height: 47px; float:right; }

#texto { width: 500px; float:left; font-family: "Arial"; font-size: 12px; color: #666; font-weight: normal; }

#texto2 { width: 270px; float:left; font-family: "Arial"; font-size: 12px; color: #666; font-weight: normal; }

#texto3 { width: 235px; float:left; font-family: "Arial"; font-size: 12px; color: #666; font-weight: normal; }

#texto4 { width: 260px; float:left; font-family: "Arial"; font-size: 12px; color: #666; font-weight: normal; }

#anexo { background: url(/img/fundo_anexo.jpg) no-repeat; width: 238px; height: 400px; float:right; font-family: "Arial"; font-size: 12px; color: #666; font-weight: normal; }

#anexo_txt { width: 202px; float:right; padding-right: 21px; padding-top: 10px; font-family: "Arial"; font-size: 12px; color: #666; text-align: left; font-weight: normal; line-height: 18px; }

#conteudo {	position: relative; width: 768px; min-height: 100%; padding-bottom: 80px; }

#conteudo a:link {color: #666666; text-decoration:none;}     /* unvisited link */
#conteudo a:visited {color: #666666; text-decoration:none;;}  /* visited link */
#conteudo a:hover {color: #666666 ; text-decoration:underline;}   /* mouse over link */
#conteudo a:active {color: #666666; text-decoration:none;;}   /* selected link */

#conteudo h2 { font-size: 12px; }

#anima_capa { width: 768px; height: 440px; float:left; }

#anima_produtos{ width: 768px; height: 360px; float:left; }

#kit { width: 530px; height: 405px; float:left; font-family: "Arial"; font-size: 12px; color: #FFFFFF; font-weight: normal; }

#kit2 { width: 760px; height: 405px; float:left; }

#contato{ width: 630px; height: 405px; float:left; font-family: "Arial";  font-size: 12px; color: #666666; font-weight: normal; }

#contato a:link {color: #666666; text-decoration:none;}     /* unvisited link */
#contato a:visited {color: #666666; text-decoration:none;;}  /* visited link */
#contato a:hover {color: #666666 ; text-decoration:underline;}   /* mouse over link */
#contato a:active {color: #666666; text-decoration:none;;}   /* selected link */

#conteudo_txt { width: 768px; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: normal; line-height: 18px; }

#conteudo_txt a:link {color: #FF8A00; text-decoration:none;}     /* unvisited link */
#conteudo_txt a:visited {color: #FF8A00; text-decoration:none;}  /* visited link */
#conteudo_txt a:hover {color: #FF8A00; te	xt-decoration:underline;}   /* mouse over link */
#conteudo_txt a:active {color: #FF8A00; text-decoration:none;}   /* selected link */



#roda { width: 238px; height: 405px; float:right; }

#titulo { font: bold 17px Arial; color: #FFF; height: 35px; clear:both; }

/* BREADCRUMB */
ul#breadcrumb { font: normal 15px Arial; color: #FFF; padding: 0; margin-left: 0; }
#breadcrumb li { font: normal 15px Arial; color: #FFF; float: left; display: inline; margin-right: 4px; margin-top:12px; }
#breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:active { font: normal 15px Arial; color: #FFF; text-decoration: none; background: url('/img/breadcrumb_bullet.gif') center right no-repeat; padding-right: 14px; }
#breadcrumb li a:hover { font: normal 15px Arial; color: #FFF; text-decoration: underline; }

#rodape { width: 768px; height: 35px; text-align: center; font: 10px/15px "Arial"; color: #999; line-height: 15px; text-decoration:none }

#rodape2 { position:relative; width:760px; height: 50px; margin: -50px auto 0 auto; text-align: center; font: bold 10px/15px "Arial"; color: #999; text-decoration:none }


#endereco a:link {color: #666666; text-decoration:underline;}     /* unvisited link */
#endereco a:visited {color: #666666; text-decoration:underline;}  /* visited link */
#endereco a:hover {color: #666666 ; text-decoration:underline;}   /* mouse over link */
#endereco a:active {color: #666666; text-decoration:underline;}   /* selected link */


//ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; }
//ul li { position: relative; }
//li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; display: none; }

/* Styles for Menu Items */
//ul li a { display: block; text-decoration: none; color: #777; background: #fff; /* IE6 Bug */ padding: 5px; border: 1px solid #ccc; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/
//* html ul li { float: left; height: 1%; }
//* html ul li a { height: 1%; }
/* End */
//ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
//li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
//li:hover ul, li.over ul { display: block; } /* The magic */


.box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; height: 13px; width: 80px; border: 1px solid #FFFFFF; background-color: #376696; }

.form_style01 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10pt; color: #666666; }

.form_style02 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }


#lightbox { position:absolute; top: 50px; left: 108px; z-index:100; }