body {
  background: #232323;
  font-family: verdana;
  margin: 0;
  padding: 0;
}

div#site {
  width: 970px;
  margin: 0 auto;
  /*background: url(../images/filete.jpg) repeat-y;*/
  background: url(../images/fundosite.jpg) bottom center no-repeat;
}

div#topo {
  display: block;
  width: 970px;
  height: 82px;
  padding-top: 18px;
}

h1.logo {
  text-indent: -999px;
  background: url(../images/logo.png);
  width: 495px;
  height: 41px;
  margin: 0;
  float: left;
}

ul.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.menu li{
  display: inline;
  float: left;
}

ul.menu li a{
  text-indent: -999px;
  display: block;
  font-size: 0;
  padding: 0;
  margin: 15px 13px 0 13px;
}

ul.menu li a.home:hover, ul.menu li a.slimdata:hover, ul.menu li a.empresa:hover, ul.menu li a.video:hover, ul.menu li a.contato:hover{
  background-position: bottom;
}

ul.menu li a.home{
  background: url(../images/bthome.png) top center no-repeat;
  width: 44px;
  height: 11px;
}

ul.menu li a.slimdata{
  background: url(../images/btslimdata.png) top center no-repeat;
  width: 81px;
  height: 11px;
}

ul.menu li a.empresa{
  background: url(../images/btempresa.png) top center no-repeat;
  width: 71px;
  height: 11px;
}

ul.menu li a.fotos{
  background: url(../images/btfotos.png) top center no-repeat;
  width: 71px;
  height: 11px;
}

ul.menu li a.video{
  background: url(../images/btvideo.png) top center no-repeat;
  margin: 13px 13px 0 13px;
  width: 56px;
  height: 14px;
}

ul.menu li a.contato{
  background: url(../images/btcontato.png) top center no-repeat;
  width: 69px;
  height: 11px;
}

div#corpo {
  display: block;
  /*height: 390px*/

}

div#corpo div#flash-animacao {
  display: block;
}

div#rodape {
  float:left;
  width: 845px;
  height: 50px;
  padding: 10px 0 0 0;
  background: url(../images/fundorodape.jpg) top center no-repeat;
}

div#rodape img{
  margin: 0 5px 0 5px;
  float: left;
}

div#selo {
  position: relative;
  width: 84px;
  float:left;
  margin: -15px 15px;
}

div#rodape a.rodape{
  color: #999999;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  height: 13px;
  float: left;
  margin: 12px 7px 0 7px;
}

div#rodape a.rodape:hover{
  color: #fff;
}

div#rodape p.rodape{
  text-align: right;
  color: #fff;
  display: block;
  float: right;
  font-size: 10px;
  margin: 5px 0 0 0; 
}

div#rodape p.rodape span.rodape{
  color: #ADC7F0;
  font-size: 11px;
  font-weight: bold;
}

h2{
  display: block;
  height: 25px;
  text-indent: -999px;
}

h2{
  display: block;
  height: 25px;
  text-indent: -999px;
}
/*****************************************************SLIMDATA**************************************************/
h2.slimdata{
  width: 292px;
  background: url(../images/tlsobreoproduto.png) center center no-repeat;
}

table.slimdata {
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  position: relative;
  margin: 10px 0 45px 0;
  left: 100px;
}

table.slimdata tr td, table.slimdata tr th{
  width: 240px;
}

table.slimdata tr td{
  color: #acc5ee;
}

table.slimdata tr th{
  font-weight: bold;
  text-align: right;
  padding: 0 10px 0 0;
}

/*****************************************************EMPRESA**************************************************/
h2.empresa{
  width: 150px;
  background: url(../images/tlempresa.png) center center no-repeat;
}

p.empresa {
  color: #fff;
  font-size: 12px;
  margin: 10px 0 15px 0;
  line-height: 18px;
}

p.slimdata {
  color: #fff;
  font-size: 12px;
  margin: 10px 0 15px 0;
  line-height: 18px;
  width: 365px;
}

div#slimdata {
  float: left;
  width: 365px; 
}

a.slimvideo {
  float: right;
  display: block;
  width: 240px;
  height: 60px;
  margin: 10px;
  background: url(../images/quadrovideo.png) top center no-repeat;
}

a.slimondecomprar {
  float: right;
  display: block;
  width: 240px;
  height: 60px;
  margin: 10px;
  background: url(../images/quadroondecomprar.png) top center no-repeat;
}

a.highlight:hover {
  background-position: bottom;
}

a.slimvideo span.hover {
  background: url(../images/quadrovideo.png) bottom center no-repeat;
  display: block;
  width: 240px;
  height: 60px;
}

a.slimondecomprar span.hover {
  background: url(../images/quadroondecomprar.png) bottom center no-repeat;
  display: block;
  width: 240px;
  height: 60px;
}

div#video,
div#empresa {
  width: 335px;
  float: left;
  margin: 10px 20px 0 5px;
}

img.video,
img.empresa {
  margin: 10px 0px 0 10px;
  float: left;
}

div#video a.video,
div#empresa a.empresa {
  display: block;
  color: #989898;
  padding-bottom: 10px; 
  text-decoration: none;
}

div#video a.video:hover,
div#empresa a.empresa:hover {
  color: #fff;  
}


div#video a.video:hover img,
div#empresa a.empresa:hover img {
  border: 3px solid #999;
}

div#video a.video p,
div#empresa a.empresa p {
  float: right;
  display: block;
  width: 150px;
  font-size: 17px;
  font-family: georgia;
  padding-top: 25px;
  padding-left: 10px;
}

div#empresa a.empresa p {
  padding-top: 10px;
}

div#empresa a.empresa small {
  float: right;
  display: block;
  width: 150px;
  line-height: 16px;
  font-size: 12px;
  font-family: georgia;
  padding-left: 10px;
  padding-top: 5px;
}

div#video a.video img,
div#empresa a.empresa img {
  border: 3px solid #232323;
  float: left;
}

div#player {
  float: right;
}

h3 {
  text-align: center;
  color: #a2b9df;
  font-size: 20px;
  font-family: georgia;
  margin: 40px 0 10px 0;
  font-style: italic;
}

p.missao {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-family: georgia;
  font-style: italic;
  width: 500px;
  margin: 0 auto;
  font-weight: bold;
}

h2.ondecomprar{
  width: 246px;
  background: url(../images/tlrevendas.png) left center no-repeat;
}

h2.representantes {
  width: 300px;
  background: url(../images/tlrepresentantes.png) left center no-repeat;
}

p.desenvolvimento {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 0 10px
}

#representantes,
#revendas {
  padding: 0px 5px;
  position:relative;
  float:left; 
  color: #fff;
  line-height:20px;
  font-size: 12px;
  font-family: verdana;
  width: 100%;
}

#revendas {
	width: 600px;
}

#revendas *,
#representantes * {
  margin: 0px;
  padding: 0px;
  font-size: 11px; 
}

#revendas h1,
#representantes h1 {
  font-size: 12px !important;
  color:#fff !important;
}

#revendas a,
#representantes a {
  color: #fff;
}

.duascolunas{
  width:47%;
  float:left;
}

.duasclounas h1 {
  padding:1px 0px;
}

.trescolunas{
  width:32%;
  float:left;
}

.tresclounas h1 {
  padding:1px 0px;
}


/*****************************************************VIDEO**************************************************/
h2.video{
  width: 98px;
  background: url(../images/tlvideo.png) center center no-repeat;
}
/*****************************************************CONTATO**************************************************/
h2.contato{
  width: 147px;
  background: url(../images/tlcontato.png) center center no-repeat;
}

h2.representante{
  width: 400px;
  background: url(../images/tlsejaumrepresentante.png) center center no-repeat;
}

form.contato {
  float: left;
}

div#contato {
  color: #fff;
  font-size: 11px;
  text-align: right;
  height: 410px;
}

div#contato h1.nome {
  color: #ADC7F0;
}

div#contato p{
  font-size: 12px;
  line-height:20px;
 }

div#contato p a{
  color: #989898;
  text-decoration: none;
}

div#contato p a:hover{
  text-decoration: underline;
}
}

div#contato span.endereco{
  font-size: 12px;
  color: #989898;
  line-height: 18px;
}

div#contato span.endereco a{
  color: #989898;
  text-decoration: none;
  font-weight: bold;
}

div#contato span.endereco a:hover{
  color: #fff;  
}

div#contato img{
  margin: 10px 0;
}

div#contato img.simbolo{
  margin: 0 10px 0 15px;
}

input {
  width: 364px;
  height: 20px;
  background: #fff;
  border: 2px solid #232323;
  padding: 0;
  margin: 3px 0;
  color: #000;
  font-size: 12px;
}

textarea.contato {
  width: 364px;
  height: 130px;
  background: #fff;
  border: 3px solid #232323;
  padding: 0;
  margin: 5px 0;
  color: #000;
  font-size: 14px;
}

textarea.representante {
  width: 364px;
  height: 90px;
  background: #fff;
  border: 3px solid #232323;
  padding: 0;
  margin: 5px 0;
  color: #000;
  font-size: 14px;
}

input.enviar {
  display: block;
  width: 134px;
  height: 51px;
  background: url(../images/enviar.png) top center no-repeat;
  border: none;
  text-indent:  -999px;
}

input.enviar:hover {
  display: block;
  width: 134px;
  height: 51px;
  background: url(../images/enviar.png) bottom center no-repeat;
  border: none;
  text-indent:  -999px;
}

/*************************** VALIDAÇÃO FORMULÁRIO *****************************/
label.error {display: none !important;}

input.error,
textarea.error {
	color: #f00;
}  
  
/********************************* NOTICIAS ***********************************/
h2.noticias{
  width: 146px;
  background: url(../images/tlnoticias.png) center center no-repeat;
}

div#noticia h3,
div#noticias a,
div#noticias h3 {
  text-align: left;
  font-style: normal;
  font-size: 14px;
  color: #FFF;
  margin-top: 20px;
  text-decoration: none;
}

div#noticias a:hover {
  text-decoration: underline;
}


div#noticia {
  display: block;
  float: left;
  width: 55%;
}

div#noticia div.rolagem {
  overflow: auto;;
  display: block;
  /*height: 290px;*/
}
  
div#noticias {
  display: block;
  float: left;
  width: 40%;
  padding-left: 10px;
  height: 420px; 
}

div#noticia p,
div#noticias p {
  color: #999;
  font-size: 12px;
  line-height: 16px;
}

div#noticia a {
  color: #FFF;
  display: block;
  padding: 10px 0px;
  font-size: 12px;  
}

div#representantes div.duascolunas p {
  line-height: 14px;
}

div#representantes div.duascolunas h1 {
  padding-top: 10px
}

.paginacao { width:100%;  font-size:11px; padding:5px 0; margin:20px 0 0 0; text-align:center; clear:both; display:table; }
.paginacao p a { color:#000 !important; background-color:#E4E4E4; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#FFF; color:#000; text-decoration:none !important; }
.paginacao p span { font-size: 14px; background-color:#FFF; padding:0px 4px !important; margin:0 2px !important; color:#000; }
.paginacao h4 { float:left; font-size:11px; color:#000; }
.paginacao p { float:right; margin:0px; }


/********************************* FOTOS ***********************************/
h2.fotos {
	/*height: 40px;*/
}

h2.fotos p {
  float: left;
  display: block;
  width: 270px;
  height: 32px;
  background: url(../images/tlalbumdefotos.png) left center no-repeat;
  height: 40px;
}

h2.fotos a {
	display: block;
	width: 150px;
	height: 32px;
	line-height: 50px;
	font-size: 12px;
	color: #FFF;
	float: right;
	text-align: right;
	text-decoration: none;
	margin-right: 30px;
}

h2.fotos a:hover {
	text-decoration: underline;
}

#pg-fotos a.item {
	border-bottom: 1px dotted #999;
	float: left;
	color: #FFF;
	margin: 10px 15px;
	background-color: #FFF;
	text-align: center;
}

#pg-fotos a.item img {
	margin: 10px;
}

#pg-fotos a.item h3 {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
}

/********************************* VENDA ONLINE ***********************************/
h2.compra {
  background: url(../images/tlcompraonline.png) left center no-repeat;
  height: 40px;
}

h2.compra form {
	width: 109px;
	height: 39px;
	float: right;
	margin-right: 40px;
}

h2.compra form input.carrinho {
	background: url(../images/btncarrinho.png) no-repeat center;
	width: 109px;
	height: 39px;
	cursor: pointer;
	border: 0px;
	float: right;
	text-indent: -9999px;
}

#pg-compra-online div.item {
	border-bottom: 1px dotted #999;
	width: 450px;
	float: left;
	color: #FFF;
	margin: 0px 10px;
}

#pg-compra-online div.item div.foto {
	float: left;
	width: 90px;
	padding: 10px 20px;
}
#pg-compra-online div.item div.dados {
	float: left;
	width: 310px;
	padding: 10px 5px;
}

#pg-compra-online div.item div.foto p.mais {
	font-size: 11px;
	color: #EFEFEF;
	display: block;
	padding: 5px 0px;
}

#pg-compra-online div.item h3 {
	font-size: 22px;
	color: #A2B9DF;
	margin: 0px;
	text-align: left;
	font-style: normal;
}

#pg-compra-online div.item h4 {
	font-size: 16px;	
}

#pg-compra-online div.item p {
	font-size: 11px;
	padding: 10px 0px;	
	line-height: 13px;
}

#pg-compra-online div.item p.preco {
	font-size: 24px;
	text-indent: -3px;
	color: #BF2F2F;
	font-weight: bold;
	width: 150px;
	float: left;
}

#pg-compra-online div.item input.comprar {
	width: 109px;
	height: 39px;
	float: right;
	cursor: pointer;
	float: right;
	background: url(../images/btncomprar.png) no-repeat center;
	border: 0px;
}

#pg-compra-online div.item input.indisp {
	width: 109px;
	height: 39px;
	float: right;
	float: right;
	background: url(../images/btnindisp.png) no-repeat center;
	border: 0px;
}