/* Wyda | jul '09 | spicyweb | vimello */

@charset "utf-8";

/* Estrutura Principal */
 body { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
 #wrapper { margin: 20px auto; width: 985px; } 
 div#search { width: 950px; height: 35px; background: url(../img/top-procura.jpg) top left no-repeat; } 
 div#header { width: 950px; height: 115px; background: url(../img/wyda-sorri.jpg) center right no-repeat; }
 div#header h1 a { width: 127px; height: 104px; margin: 0; text-indent: -9999px; outline: none; float: left; background: url(../img/wyda.jpg) top center no-repeat; }
 div#header h1 { width: 127px; height: 104px; margin: 0 0 0 100px; float: left; }
 div.clear { width: 1px; height: 1px; clear: both; } 
 div#conteudo { background: #ececec url(../img/body_bg.jpg) 370px 0 no-repeat; width: 950px; margin: -3px auto 0; }
 div#titulo { width: 910px; margin: 0 auto; padding-top: 20px; }
 div#textomain { width: 910px; margin: 20px auto; background: url(../img/dotshome.png) top center repeat-y; overflow: hidden; }
 
 
 div#lang { width: 190px; height: 13px; float: right; margin: 0; text-align: right; padding-top: 10px; }
 div#lang a { text-decoration: none }
 
 div#textohome { display:inline; float:left; line-height:1.32; margin:20px 0 0 25px; padding-right:11px; width:350px; }
 div#textocoluna { width: 215px; float: left; margin: 10px 0 0 25px; color: #666; }
 hr { height: 1px; display: block; margin: 5px 0; width: 100%; background-color: #999; border: none; }
 div#textoin { background: url(../img/dots.png) top center repeat; width: 870px; margin-left: 25px; padding: 20px; overflow: hidden; margin-bottom: 25px; }
 div#textoin.inn { background: url(../img/dotssplit.png) top center repeat !important; }
 div#textoin.inn2 { background: url(../img/dots.png) top center repeat !important; }
 hr#produtos { height: 3px; width: 100%; display: block; background: #1a285b; clear: both; margin: 20px 0; }
 hr#produtos2 { height: 3px; width: 100%; display: block; background: #c0c0c0; clear: both; margin: 5px 0 20px; }
 hr#regiao { height: 3px; width: 100%; display: block; background: #c0c0c0; clear: both; margin: 15px 0 20px; }
 
 div#bottom { width: 950px; height: 55px; background: url(../img/bottom.jpg) top center no-repeat; margin: 0 auto; text-align: center; padding-top: 5px; font-size: 10px; }
 div#bottom div.assinatura { width: 150px; float: right; height: 13px; }
 div#bottom p { margin-top: 33px; *margin-top: 38px; }
 
 .seloabras { background-image: url(../img/abrastabela.jpg); background-position: bottom right; background-repeat: no-repeat; } 
 
/* Home */ 
 p#fonte { color: #666; text-transform: uppercase; text-align: right; margin-top: 3px; }
 p#fonte span { color: #ff6911; }
 div#news hr { margin: 30px 0; }
 table#cotacao { font-weight: bold; width: 100%; }
 table#cotacao tr.a { background: #e2e2e2; }
 table#cotacao tr.d { background: #ffffff; }
 table#cotacao td { padding: 5px 2px }
 
/* Fonte e Elementos de Apresentação */ 
 div#conteudo { font-size: 11px; text-align: justify; }
 a { text-decoration: underline; color: #333; }
 div#textocoluna a, div#news a { text-decoration: none; font-weight: bold; color: #ff6911; }
 div#textocoluna a:hover, div#news a:hover { color: #999; }
 div.caption { position: relative; display: block; margin-bottom: 25px; overflow: hidden; width: 300px; }
 div.caption strong { position: absolute; top: 212px; right: 45px; font-size: 10px; color: #666; font-weight: normal; text-align:right; }
 div.caption strong em { font-weight: bold; }
 
  
/* Menu */ 
 div#wn { position: relative; width: 190px; height: 408px; overflow: hidden; top: 7px; left: 79px; _margin-top: 150px;	}
 div#foto-topo { width: 951px; height: 425px; position: absolute; }
 div#wrap-topo { width: 951px; margin: 0 auto; height: 575px; }		
		
/* News : Scroll */		
 div#news { margin: 10px 10px 0 0; float: right; width: 245px; color: #666; font-size: 10px; display: inline }
 ul#widget li { display: block; padding-bottom: 20px; background: url(../img/news.gif) 0 0 no-repeat; padding-left: 25px; padding-top: 3px; }
 ul#widget li a, ul#widget li em { color: #f36f21; font-weight: bold; font-style: normal; text-decoration: none; }
 ul#widget li a:hover { color: #999; }
 ul#widget li p { color: #4c4c4c; font-size: 10px; }
 ul#widget li strong { color: #333; }
 ul#widget { height:225px; overflow:hidden; position:relative; }
 
 
/* Produtos */ 
 div#textoin h3 { display: inline; width: 400px; float: left; vertical-align: baseline; }
 div#textoin div#topo { height: 40px; display: block; width: 100%; }
 div#textoin div#combo { width: 300px; float: right; display: block; height: 30px; }
 div#textoin div#combo2 { width: 347px; float: right; display: block; height: 30px; }
 span#escolha { display: block; text-align: right; float: right; width: 200px; margin-bottom: 5px; }
 select#produtos { width: 180px; float: right; }
 strong#cod { color: #fff; font-weight: bold; font-size: 14px; display: block; text-align: center; }
 
 table#cla { margin-left: 40px; }
 table#cla tbody { }
 table#cla strong { text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
 table#cla tr { display: block; height: 18px }
 
 table#ft { display: block; padding-left: 15px; }
 table#ft tr { display: block; padding: 5px; margin-top: 5px; }
 
 table#bottom { color: #fff; }
 td.ml { font-weight: bold; color: #fff; text-align: right; padding: 0 14px 0 0; font-size: 15px }
 td.m2 { padding: 0 0 1px 5px; }
 
 table#mais { background: url(../img/t_bm.jpg) top right no-repeat; height: 20px; width: 430px }
 table#mais td { text-align: right; display: block; color: #fff; padding: 2px 13px 0 0; }
 table#mais td a { color: #fff; text-decoration: none; padding: 0 13px 0 0; }
 table#mais td a:hover { color: #ccc; background: url(../img/plus.gif) right center no-repeat;  }
 
 table.produto { margin: 10px 0 20px; }
 table.left { float: left; }
 table.right { float: right; }
 
 td.destaque { background: url(../img/destaque.jpg) right 18px no-repeat; border-bottom: 3px solid #ececec;  *border-bottom-width: 2px !important; }
 td.destaque2 { background: url(../img/destaque.jpg) right 8px no-repeat; border-bottom: 3px solid #ececec;  *border-bottom-width: 2px !important; }
 td.destaque3 { background: url(../img/destaque_emb.jpg) right 8px no-repeat; border-bottom: 3px solid #ececec;  *border-bottom-width: 2px !important; }
 td.destaque4 { background: url(../img/destaque_super.jpg) right 8px no-repeat; border-bottom: 3px solid #ececec;  *border-bottom-width: 2px !important; }
 td.fim { background: url(../img/t_1rr.jpg) right bottom no-repeat; border-bottom: none !important; } 
 
 img.produto { display: block; margin: 3px auto; }
 
 div#prod { float: left; margin-bottom: 20px; }
 a#produto { background: url(../img/produtos/bg.jpg) top center no-repeat; width: 444px; height: 260px; position: relative; display: block; margin-top: 30px; }
 div#prod img.legenda { display: block; margin: 15px 0; }
 a#produto img { display: block; margin: 10px auto 0; position: absolute; }
 div#produtoinfo { width: 405px; float: right; overflow: hidden; background-color: #d7d7d7; margin-bottom: 20px }
 div#detalhes { background: url(../img/lupa.jpg) top left no-repeat; float: right; width: 25px; height: 25px; text-indent: -9999px; position: absolute; bottom: 25px; right: 25px; }
 div#numero { background: url(../img/produtos/numero.jpg) top left no-repeat; width: 44px; height: 34px; position: absolute; top: 10px; left: 10px; color: #fff; font-size: 18px; font-weight: bold; padding-top: 10px }
 a#produto:hover div#detalhes { background-position: top right; } 
 
 table#prodinfo { margin: 30px 0; }
 table#prodinfo tr { display: block; padding: 5px 0; }
 table#prodinfo tr.z {  }
 table#prodinfo tr td { display: inline-block; width: 160px; *padding: 5px 0; }
 table#prodinfo tr td.label { text-align: right; width: 170px; font-weight: bold; margin-right: 5px; vertical-align: top; }
 
 table#repres { margin-top: 20px; width: 100%; font-size: 9px; text-align: left }
 table#repres tr { background: #d7d7d7; text-align: left }
 table#repres tr.z { background: #ececec; }
 table#repres tr td {  padding: 5px; text-align: left }
 table#repres tr.label { font-weight: bold; }
 
 table.results { margin-top: 20px; margin-bottom: 30px; width: 650px; text-align: left; display: block; clear: both;  }
 table.results tr { background: #d7d7d7; text-align: left }
 table.results tr.z { background: #ececec; }
 table.results tr td {  padding: 5px; text-align: left }
 table.results tr.label { font-weight: bold; } 
 
 div#infos { clear: both; background: url(../img/bgb.jpg) top center no-repeat; width: 870px; margin: 20px 0; height: 56px; text-align: center; padding-top: 4px; }
 div#infos img { display: inline-block; margin: 0 15px; vertical-align: middle; }
 td.graficos img { display: inline-block; margin: 0 10px 0 0; }
 
/* Fale Conosco */ 
 div#nav-contato { width: 260px; float: left; padding: 5px 25px 50px 0; text-align: right; border-right: 1px solid #999; display: block; vertical-align: middle; } 
 div#nav-contato a.link { width: 100%; height: 30px; margin-bottom: 20px; display: inline-block; text-decoration: none; font-size: 12px; font-weight: bold; background: url(../img/bullet.gif) right 4px no-repeat; padding-right: 13px } 
 div#nav-contato a.link:hover, div#nav-contato a.link.current { color: #ff6911; background-position: right -96px; } 
 
 div#formulario { float: right; width: 550px; }
 div#formulario h3, div#noticia h3 { width: 100%; display: inline-block; }
 div#endereco { background: url(../img/endereco.gif) top left no-repeat; width: 219px; height: 75px; text-align: left; color: #fff; padding: 13px; margin: 0 auto; display: block; }
 div#endereco strong { font-weight: bold; font-size: 16px; display: inline-block; margin-bottom: 3px; }
 div#endereco a { color:#ccc; font-weight: bold; text-decoration: none; }
 div#endereco a:hover { color: #fff; }

 table#formulario input { width: 330px; padding: 2px 3px; }
 table#formulario input#cidade { width: 270px; }
 table#formulario textarea { width: 330px; height: 60px; padding: 2px 3px; }
 table#formulario input#uf { width: 25px; }
 table#formulario td { height: 40px; text-align: right; padding-right: 10px; font-weight: bold; }
 input.enviar { float: right; width: 70px !important; text-align: center }
 input.cadastrar { float: right; width: 80px !important; text-align: center }
 
/* Links */ 
 ul#links { width: 500px; }
 ul#links li a { display: block; padding-left: 18px; background: url(../img/seta.gif) 0 1px no-repeat; margin-bottom: 10px }
 ul#links li a:hover { text-decoration: none; background-position: 0 -16px; color: #ff6911; }
 
/* Notícias */ 
 div#lista { width: 250px; float: left; overflow: hidden; padding-right: 50px; margin-right: 20px; display: inline; border-right: 1px solid #999; }
 ul#noticias li { display: block; padding-bottom: 20px; background: url(../img/news.gif) 0 0 no-repeat; padding-left: 25px; padding-top: 3px; }
 ul#noticias li a, ul#noticias li em { color: #f36f21; font-weight: bold; font-style: normal; text-decoration: none; }
 ul#noticias li a:hover { color: #999; }
 ul#noticias li p { color: #4c4c4c; font-size: 10px; }
 ul#noticias li strong { color: #333; }
 ul#noticias { width: 250px; margin-right: 20px; }
 
 div#noticia { width: 540px; float: right; }
 
 h3#grande { display: block !important; width: 100% !important; }
 ol#regras { float: left; display: inline; margin-left: 30px; }
 ol#regras li { list-style-type: decimal; list-style-position: outside; margin-bottom: 20px; list-style-image: url(../img/lista.jpg) top left no-repeat; }
 div#wrap { width: 500px; float: left; }
 div#textoin.inn2 div#wrap { width: 350px; float: left; }
 div#decor { width: 300px; float: right; }
 div#textoin.inn2 div#decor { width: 520px; float: right; }
 ul#dicas li { margin-bottom: 20px; list-style-type: square; list-style-position: inside; }
 
 p#destaque { background: url(../img/des.jpg) top center no-repeat; color: #fff; text-indent: -9999px; height: 135px; margin-top: 35px; }
 
 
 ul#vantagens li { display: block; margin: 0 0 15px 5px; }
 ul#vantagens li strong { display: block; font-size: 12px; color: #f36f21; }
 
 div#navegacao { text-align: center; font-size: 12px; color: #F36F21; font-weight: bold; }
 div#navegacao a  { text-decoration: none; color: #F36F21; font-weight: bold; }
 div#navegacao a:hover { color: #999; }
 div#navegacao a.atual { color:#333; }
 
 
 
	 #brasil {
	 width: 350px;
	 height: 324px;
	 background: url(../img/mapa-wyda.png) no-repeat;
	 margin: 10px 0; padding: 0;
	 position: relative;
	}
	#brasil li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	
	#brasil a {display: block; text-indent: -9999px; text-decoration: none; outline: none;}
	
	#ra { height:113px;left:-10px;top:121px;width:235px;z-index:40; }
	#rb {height:35px;left:180px;top:208px;width:44px;z-index:50;}
	#rc {height:32px;left:205px;top:238px;width:45px;}
	#rd {height:67px;left:218px;top:170px;width:72px;}
	#re {height:91px;left:136px;top:236px;width:71px;}
	#rf {height:108px;left:8px;top:14px;width:320px;}
	#rg {height:47px;left:220px;top:129px;width:103px;}
	
	#ra a {height: 113px;}
	#rb a {height: 35px;}
	#rc a {height: 32px;}
	#rd a {height: 67px;}
	#re a {height: 91px;}
	#rf a {height: 108px;}
	#rg a {height: 47px;}