/*

	Desenolvido por Brani

	Web Designer: Demétrios Martins

	www.brani.com.br	

	contato@brani.com.br

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td 

{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

}

body 

{

	line-height: 1;

}

ol, ul 

{

	list-style: none;

}

blockquote, q 

{

	quotes: none;

}

:focus 

{

	outline: 0;

}

ins 

{

	text-decoration: none;

}

del 

{

	text-decoration: line-through;

}

table 

{

	border-collapse: collapse;

	border-spacing: 0;

}

p

{

	line-height: 18px;

}



.clear

{

	clear: both;

}



/* ------------------ Configurações padrões ------------------ */



body

{

	text-align: center;

	font: 12px/18px helvetica, arial, tahoma;

	color: #535353;

	background: #dae7f1;	

}





a

{

	color: #152853;

}



a:hover

{

	text-decoration: none;

}



h1, h1 a

{

	color: #152853;

	font: 26px arial;

	text-decoration: none;

	margin-bottom: 10px;

}



h2

{

	font-size: 18px;

	margin-bottom: 7px;

}



h3

{

	font: bold 16px arial;

	margin-bottom: 10px;

}



h1 a, h2 a, h3 a

{

	text-decoration: none;

}



h1 a:hover, h2 a:hover, h3 a:hover

{

	text-decoration: underline;

}



.geral

{	

	width: 760px;

	max-width: 760px;

	margin: 0 auto;

	margin-top: 10px;

	text-align: left;

    background: #fff;

}





/* ------------------ Topo ------------------ */

.topo

{

	height: 50px;

	padding: 10px;

}



.topo .logo

{

	float: left;

}



.topo .logo a

{

	background: url(../imagens/logo-fidel-ferro.gif) no-repeat;

	display: block;

	width: 260px;

	height: 50px;

	overflow: hidden;

	text-indent: -99999px;

}



.topo .meio

{

	color: #6b6b6b;

	font-size: 14px;

	text-align: center;

}



.topo .meio h3 a

{

	background: url(../imagens/logo-arn.gif) no-repeat;

	display: block;

	width: 95px;

	height: 50px;

	overflow: hidden;

	text-indent: -99999px;

	margin-left: 20px;

}



.topo .direita

{

	float: right;

	text-align: right;

	color: #1d4286;

	font: normal bold 15px arial;

	height: 50px;

	width: 180px;

}



.topo .direita span

{

	font-size: 12px;

}



.topo .direita span strong

{

	font-size: 25px;

	letter-spacing: -1px;

}







/* ------------------ Arruma layout ------------------ */



.layout

{

	clear: both;

	padding: 15px;

	padding-top: 0;

	background: #fff;	

}







/* ------------------ Conteudo ------------------ */



.conteudo

{

	float: left;

	width: 575px;

}



.conteudo p

{

	margin: 1.0em 0;

}



.conteudo h2, .conteudo h2 a

{

	font-size: 16px;

	color: #494949;

}



.caminho

{

	font: 10px Arial;

	color: #929292;

	margin-bottom: 15px;

}



.caminho a

{

	color: #929292;

}



.caminho strong

{

	font: bold 11px arial;

}



.fotoEsquerda

{

	float: left;

	margin-right: 10px;

}



.fotoDireita

{

	float: right;

	margin-left: 10px;

}



.listaProdutos

{	

}



.listaProdutos li

{

	float: left;

	width: 142px;

	height: 170px;

	text-align: center;

}



.listaDestaques

{

}



.listaDestaques li

{

	float: left;

	width: 185px;

	text-align: center;

	margin-bottom: 5px;

}



.listaFotos

{

}



.listaFotos li

{

	float: left;

	width: 280px;

	text-align: center;

	margin: 0 4px 30px 0;

}



.listaFotos li strong

{

	text-transform: capitalize;

}



.medidas

{

	color: #666;

	font-size: 11px;

}



.itens

{

	margin-left: 40px;

}



.itens li

{

	list-style: square;

	margin: 6px 0;

}



.assinatura a

{

	text-decoration: none;	

}



.linkTopo a

{

	font: bold 11px arial;

	color: #172851;

}







/* ------------------ Coluna Direita ------------------ */

.colunaDireita

{

	float: right;

	width: 140px;

	font: 11px/12px arial;

	text-align: center;

	border: solid 1px #dae7f0;

}



.colunaDireita h3

{

	font-size: 16px;

	color: #689db2;

	background: #dae7f0;

	padding: 7px 0;

	text-transform: uppercase;

}



.colunaDireita h3 a

{

	color: #689db2;

	text-decoration: none;

}



.vibranews .verTodos

{

	text-align: right;

}



.vibranews .verTodos a

{

	text-decoration: none;

	font-size: 10px;

	color: #000066;	

}



.menuProdutos

{

	text-align: left;

	margin-bottom: 20px;

}



.menuProdutos li

{

	line-height: 20px;

	padding-left: 6px;

}



.menuProdutos li a

{

	display: block;

	width: 130px;

}



.banner

{

	background: #93bce7 url(../imagens/fundo-banner.jpg) repeat-x;

	color: #000;

	padding: 3px;

}



.banner a

{

	text-decoration: none;

	color: #12467c;

}



.banner a:hover

{

	color: #0363c7;

}



.banner strong

{

	font-size: 16px;

	line-height: 19px;

}







/* ------------------ Pagina Noticias Vibranews ------------------ */

.vibranewsDestaque

{

}



.vibranewsDestaque ul

{

	margin-left: 20px;

}





.vibranewsDestaque ul li

{

	margin-bottom: 10px;

}



.vibranewsDestaque ul li a

{

	font: bold 16px arial;

	color: #1d4286;

}





/* ------------------ Caixa Veja Tambem Confira tambem ------------------ */

.vejaTambem

{

	clear: both;

	background: #dae7f0;

	border: solid 1px #689db2;

	padding: 8px;

	padding-left: 30px;

	margin-top: 10px;

}



.vejaTambem strong

{

	color: #689db2;

	font-size: 12px;

	text-transform: uppercase;

}



.vejaTambem ul

{

	float: left;

	margin: 8px 30px 0 20px;

}



.vejaTambem li

{

	line-height: 18px;

	font-size: 11px;

}



.vejaTambem li a

{

	color: #4d8398;

}



.vejaTambem li a:hover

{

	color: #2d6981;

}



.tags

{

	font: 9px tahoma;

	color: #999;

}





/* ------------------ Rodape ------------------ */



.rodape

{

	clear: both;

	text-align: center;

	height: 75px;	

	background: #6395a9 url(../imagens/fundo-rodape.jpg) repeat-x;

}



.rodape ul

{

	padding-top: 10px;	

}



.rodape li

{

	display: inline;

	padding: 0 10px;

	border-right: solid 1px #276077;

}



.rodape a

{

	color: #fff;

	font: 11px arial, verdana;

	text-decoration: none;

}



.rodape a:hover

{

	color: #1a556c;

}



.rodape address

{

	margin-top: 10px;

	color: #276077;

	font: normal 10px/12px arial;

}



.rodape address a, .rodape address a:hover

{

	color: #276077;

	text-decoration: none;

}







.credito

{

	text-align: left;

	width: 535px;

	max-width: 535px;

	margin: 0 auto;

	margin-top: 10px;

	padding-left: 225px;

}



.credito strong

{

	width: 67px;

	height: 15px;

	display: block;

	float: left;

}



.credito strong a

{

	background: url(../imagens/selo-yaslip.gif) no-repeat;

	width: 64px;

	height: 15px;	

	position: absolute;

	overflow: hidden;

	text-indent: -99999px;

}



/* ------------------ Mapa do site ------------------ */



.mapaSite

{

}



.mapaSite ul

{

	margin-left: 30px;

}



.mapaSite ul li

{

	font: bold 15px arial;

	margin: 10px 0;

}



.mapaSite ul li a

{

	color: #6a6a6a;

}



.mapaSite ul li ul

{

	margin-left: 35px;	

}



.mapaSite ul li ul li

{

	margin: 5px 0;

	padding: 0;

}



.mapaSite ul li ul li a

{

	font: bold 12px arial;

	color: #888888;

}



.mapaSite ul li ul li ul li

{

	margin: 0;

}



.mapaSite ul li ul li ul li a

{

	font: bold 11px/0px arial;

	color: #ababab;

	background: url(../imagens/seta.gif) no-repeat left;

	padding-left: 8px;

}



.mapaSite ul li a:hover

{

	text-decoration: none;

}







/* ------------------ Página Contatos ------------------ */



.formulario

{

	float: left;

}



.formulario input, .formulario textarea 

{

	margin: 4px 0;

	padding: 4px;

	border: solid 1px #333;

}



.contatos

{

	float: right;

	width: 280px;

	color: #989898;

	font: 11px arial;

}



.contatos strong, .contatos strong a

{

	color: #6d6e71;

	text-decoration: none;

}





/* ------------------ Página de Distribuidores ------------------ */

.distribuidores

{

}



.distribuidores li

{

	padding: 8px;

	border-bottom: solid 5px #fff;

}



.distribuidores .fundoCinza

{

	background: #e8e8e8;

}