/*
 About this CSS code
 Media type: Screen
 URL: 
 Author: 
 Country: Brazil
 Comments: Portuguese (br)
 Time:
*/


/* GERAL */

html { background: url(../img/layout_bg.jpg) repeat-x top center; }
body { }
body { font: 11px Tahoma; color: #000; }
em { font-style: italic; }
b, strong { font-weight: bold; }
a { text-decoration:none; color: #000 }
a:hover { text-decoration: underline; }
input,select,textarea,a { outline:none; }

/* LAYOUT */

div#layout {
	position: relative;
	width: 973px;
	margin: 0 auto;
}

/* LAYOUT - Topo */

div#layout div#topo {
	position: relative;
	display: table;
	width: 973px;
}

div#layout div#topo div#logos {
	position: relative;
	display: table;
	width: 973px;
	height: 136px;
}

div#layout div#topo div#logos span.multiradius { margin-top: 38px; }

div#layout div#topo div#logos span.motorola { margin-top: 23px; }

div#layout div#topo div#acessos {
	position: absolute;
	display: table;
	width: auto;
	top: 50px;
	left: 660px;
}

div#layout div#topo div#acessos div.atendimentoonline { float: left; height: auto; cursor: pointer; }
div#layout div#topo div#acessos div.atendimentoonline img { position: relative; z-index: 10; }

div#layout div#topo div#acessos div.atendimentoonline div.dadosatendimento {
	display: none;
	position: relative;
	width: 210px;
	padding: 3px;
	text-align: center;
	top: 0;
	z-index: 5px;
	top: 0px;
	cursor: default;
}
div#layout div#topo div#acessos div.atendimentoonline div.dadosatendimento p { color: #154e19; }

div#layout div#topo div#acessos span.ordemservico { display: none; float: right; }
div#layout div#topo div#acessos span.ordemservico p { font-weight: bold; text-transform: uppercase; font-size: 10px; color: #154e19; }
div#layout div#topo div#acessos span.ordemservico form { padding: 4px; }
div#layout div#topo div#acessos span.ordemservico form label { float: left; }
div#layout div#topo div#acessos span.ordemservico form label input { width: 110px; border: solid 1px #cccccc; padding: 3px; margin-top: 3px; font-size: 11px; color: black; font-weight: normal; margin-right: 5px; }
div#layout div#topo div#acessos span.ordemservico form button { position: relative; width: 78px; height: 23px; border: 0; text-align: center; line-height: 18px; font-weight: bold; color: white; margin: 0 auto; cursor: pointer;  }

/* LAYOUT - Menu */

div#layout div#topo div#menu {
	position: relative;
	display: table;
	width: 973px;
	height: 37px;
	z-index: 20;
}

div#layout div#topo div#menu ul { background: aqua; }
div#layout div#topo div#menu ul li { display: inline; float: left; background: url(../img/menu_bg.png) no-repeat; text-align: center; line-height: 37px; text-indent: -9999px; z-index: 5; }

div#layout div#topo div#menu ul li a { display: block; text-decoration: none; width: 100%; height: 100%; }

div#layout div#topo div#menu ul li.menu1 { width: 84px; }
div#layout div#topo div#menu ul li.menu1:hover { background-position: 0 -37px; }

div#layout div#topo div#menu ul li.menu2 { width: 112px; background-position: -84px 0; }
div#layout div#topo div#menu ul li.menu2:hover { background-position: -84px -37px; }

div#layout div#topo div#menu ul li.menu3 { width: 109px; background-position: -196px 0; }
div#layout div#topo div#menu ul li.menu3:hover { background-position: -196px -37px; }

div#layout div#topo div#menu ul li.menu4 { width: 103px; background-position: -305px 0; }
div#layout div#topo div#menu ul li.menu4:hover { background-position: -305px -37px; }

div#layout div#topo div#menu ul li.menu5 { width: 116px; background-position: -408px 0; }
div#layout div#topo div#menu ul li.menu5:hover { background-position: -408px -37px; }

div#layout div#topo div#menu ul li.menu6 { width: 134px; background-position: -524px 0; }
div#layout div#topo div#menu ul li.menu6:hover { background-position: -524px -37px; }

div#layout div#topo div#menu ul li.menu7 { width: 128px; background-position: -658px 0; }
div#layout div#topo div#menu ul li.menu7:hover { background-position: -658px -37px; }

div#layout div#topo div#menu ul li.menu8 { width: 75px; background-position: -786px 0; }
div#layout div#topo div#menu ul li.menu8:hover { background-position: -786px -37px; }

div#layout div#topo div#menu ul li.menu9 { width: 112px; background-position: -861px 0; }
div#layout div#topo div#menu ul li.menu9:hover { background-position: -861px -37px; }
div#layout div#topo div#menu ul li.menu9 div.submenu { width: 130px; right: 0; }

div#layout div#topo div#menu ul li:hover div.submenu { display: block; }

div#layout div#topo div#menu ul li div.submenu { display: none; position: absolute; padding: 15px; padding-left: 9px; background: white; border: solid 1px black; border-top: 0; color: black; text-indent: 0; }
div#layout div#topo div#menu ul li div.submenu a { display: block; width: 100%; height: auto; line-height: normal; color: #6e9010; padding: 3px; }
div#layout div#topo div#menu ul li div.submenu a:hover { background: #6e9010; color: white; }
div#layout div#topo div#menu ul li div.submenu a.nobg { background: none; }

div#layout div#topo div#menu ul li div.submenu p { line-height: normal; }
div#layout div#topo div#menu ul li div.submenu p.txtc.flor { margin-left: 5px; }

div#layout div#topo div#menu ul li div.submenu div.menu { margin-left: 10px; width: auto; }
div#layout div#topo div#menu ul li div.submenu div.menu ul { }
div#layout div#topo div#menu ul li div.submenu div.menu ul li { clear: both; text-align: left; height: auto; line-height: normal; background: none; text-indent: 0; width: 100%; }
div#layout div#topo div#menu ul li div.submenu div.menu ul li a { display: block; border-bottom: solid 1px #ebebeb; }

div#layout div#topo div#menu ul li div.submenu div.menu.produtos ul li { width: 180px; }

/* LAYOUT - Anim */

div#layout div#topo div#anim {
	position: relative;
	width: 973px;
	height: 284px;
	margin-top: 8px;
	text-align: center;
	z-index: 1;
}
div#layout div#topo div#anim.interno { width: 937px; height: 186px; padding-bottom: 4px; border-bottom: solid 3px #c6d880; }

div#layout div#topo div#anim div#radios { position: absolute; right: 20px; top: 113px; z-index: 5; }

/* LAYOUT - Serviços */

div#layout div#topo div#servicos {
	position: relative;
	display: table;
	width: 824px;
	height: 93px;
	background: url(../img/servicos_inicial_bg.png) bottom no-repeat;
	border-top: solid 3px #c6d880;
	padding-top: 5px;
	margin-top: 4px;	
}

/* LAYOUT - Meio */

div#layout div#meio {
	position: relative;
	display: table;
	width: 973px;
	margin-top: 15px;
}

div#layout div#meio div#coluna1,
div#layout div#meio div#coluna2,
div#layout div#meio div#coluna3 { float: left; }

div#layout div#meio div#coluna1 { width: 251px; }
div#layout div#meio div#coluna2 { width: 450px; margin: 0 31px; }
div#layout div#meio div#coluna3 { width: 210px; float: right; }
div#layout div#meio div#coluna3.inicial { padding-top: 28px; }

/* LAYOUT - Meio - Coluna1 - Feed de Notícias */

div#layout div#meio div#coluna1 div#feed { }
div#layout div#meio div#coluna1 div#feed .rssHeader { display: none; }
div#layout div#meio div#coluna1 div#feed2 .rssHeader { padding: 5px; padding-left: 10px; font-size: 12px; }
div#layout div#meio div#coluna1 div#feed .rssHeader span.fonte,
div#layout div#meio div#coluna1 div#feed2 .rssHeader span.fonte { font-weight: bold; color: #708801; margin-right: 5px; }
div#layout div#meio div#coluna1 div#feed .rssHeader a,
div#layout div#meio div#coluna1 div#feed2 .rssHeader a { color: #474f58; }
div#layout div#meio div#coluna1 div#feed .rssBody,
div#layout div#meio div#coluna1 div#feed2 .rssBody { }
div#layout div#meio div#coluna1 div#feed .rssBody ul,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul { }
div#layout div#meio div#coluna1 div#feed .rssBody ul li,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul li { padding: 5px; padding-left: 10px; padding-bottom: 0; padding-top: 0; margin-top: 5px; padding-bottom: 5px; border-bottom: dotted 1px #847872; background: url(../img/servicos_li_bg.png) left 3px no-repeat; }
div#layout div#meio div#coluna1 div#feed .rssBody ul li .rssData,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul li .rssData { font-weight: bold; color: #708801; }
div#layout div#meio div#coluna1 div#feed .rssBody ul li .rssTitulo,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul li .rssTitulo { display: block; color: #474f58; padding: 5px 0; }
div#layout div#meio div#coluna1 div#feed .rssBody ul li a,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul li a { display: block; width: 100%; }
div#layout div#meio div#coluna1 div#feed .rssBody ul li a:hover,
div#layout div#meio div#coluna1 div#feed2 .rssBody ul li a:hover { text-decoration: underline; }

div.box { position: relative; border: solid 1px #dedede; margin-top: 3px; }

/* LAYOUT - Meio - Coluna2 - Produtos */

div#layout div#meio div#coluna2 div#produtos {
	position: relative;
	width: 450px;
	height: 275px;
	overflow: hidden;
}

div#layout div#meio div#coluna2 div#produtos ul { width: 448px; height: 265px; }
div#layout div#meio div#coluna2 div#produtos ul,
div#layout div#meio div#coluna2 div#produtos li { margin:0; padding:0; list-style:none; }
div#layout div#meio div#coluna2 div#produtos li { position: relative; }
div#layout div#meio div#coluna2 div#produtos li img { width: 448px; margin-bottom: 35px; }

ol#controls {
	position: relative;
	height:28px;	
	top: 0;
	margin-top: -33px;
	margin-left: 5px;
}
ol#controls li {
	display: inline;
	float:left;
	list-style:none;
	height:28px;
	padding:0;
}
ol#controls li a {
	float:left;
	height:28px;
	line-height:28px;
	background:#ededed;
	color:#acacac;
	padding:0 10px;
	text-decoration:none;
	margin-right: 10px;	
}

ol#controls li.current a { background:#115738; color:#aec776; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none; }

div#layout div#meio div#coluna2 div#produtos span.vertodos { position: absolute; z-index: 20; bottom: 8px; right: 10px; }
div#layout div#meio div#coluna2 div#produtos span.vertodos a { color: #a7a7a7; text-transform: lowercase; font-size: 14px; }
div#layout div#meio div#coluna2 div#produtos span.vertodos a:hover { text-decoration: underline; }

/* LAYOUT - Meio - Coluna2 - Banner */

div#layout div#meio div#coluna2 div#banner {
	position: relative;
	width: 447px;
	height: 115px;
	overflow: hidden;
	padding-top: 13px;
	margin-top: 30px;
	background: url(../img/publicidade_bg.gif) top left no-repeat;
}

/* LAYOUT - Meio - Coluna2 - Boxes */

div#layout div#meio div#coluna2 div#boxes {
	position: relative;
	display: table;
	width: 450px;
	height: 163px;
	margin-top: 20px;
}

div#layout div#meio div#coluna2 div#novidades,
div#layout div#meio div#coluna2 div#cadastrese { 
	padding: 5px;
	width: 205px;
}

div#layout div#meio div#coluna2 div#novidades ul { }
div#layout div#meio div#coluna2 div#novidades ul li { padding: 5px; padding-bottom: 0; padding-top: 0; margin-top: 5px; padding-bottom: 5px; border-bottom: dotted 1px #847872; }
div#layout div#meio div#coluna2 div#novidades ul li:last-child { border: 0; }
div#layout div#meio div#coluna2 div#novidades ul li span.data { font-weight: bold; color: #708801; }
div#layout div#meio div#coluna2 div#novidades ul li span.titulo { display: block; color: #474f58; padding: 5px 0; }

div#layout div#meio div#coluna2 div#novidades p.vertodas { text-align: right; }
div#layout div#meio div#coluna2 div#novidades p.vertodas a { font-weight: bold; color: #708801; }
div#layout div#meio div#coluna2 div#novidades p.vertodas a:hover { text-decoration: underline; }

div#layout div#meio div#coluna2 div#cadastrese form { }
div#layout div#meio div#coluna2 div#cadastrese form p.info { padding: 5px; }
div#layout div#meio div#coluna2 div#cadastrese form input { border: solid 1px #dedede; padding: 3px; margin: 4px; width: 190px; }
div#layout div#meio div#coluna2 div#cadastrese form div.areaBotao { text-align: center; }
div#layout div#meio div#coluna2 div#cadastrese form div.areaBotao button { position: relative; width: 78px; height: 23px; border: 0; text-align: center; line-height: 18px; font-weight: bold; color: white; margin: 0 auto; cursor: pointer;  }

/* LAYOUT - Meio - Coluna3 - MiniBanners */

div#layout div#meio div#coluna3 div#minibanners {
	position: relative;
	width: 180px;
	margin-top: 40px;
	margin-left: 16px;
}

div#layout div#meio div#coluna3 div#minibanners ul { }
div#layout div#meio div#coluna3 div#minibanners ul li { margin: 10px 0; }

/* LAYOUT - Meio - Coluna3 - Parceiros */

div#layout div#meio div#coluna3 div#parceiros {
	position: relative;
	width: 192px;
	height: 112px;
	margin-top: 20px;
	background: transparent url(../img/parceiros_bg.png) no-repeat;
	padding: 10px;
	padding-top: 20px;
	text-align: center;
}
div#layout div#meio div#coluna3 div#parceiros table { width: 192px; height: 112px; }
div#layout div#meio div#coluna3 div#parceiros table tr { }
div#layout div#meio div#coluna3 div#parceiros table tr td { vertical-align: middle; }

/* LAYOUT - Meio - Conteúdo */

div#layout div#meio div#conteudo {
	position: relative;
	width: 730px;
}

div#layout div#meio div#conteudo h1.topico { margin-bottom: 10px; }

div#layout div#meio div#conteudo p.info { text-align: center; padding: 5px; font-weight: bold; font-size: 12px; color: #343434; margin-bottom: 5px; }

div#layout div#meio div#conteudo div#texto {
	position: relative;
	display: table;
	width: 730px;
	line-height: 160%;
	font-size: 12px;
	text-align: justify;
}

div#layout div#meio div#conteudo div#texto p { margin: 10px 0; }
div#layout div#meio div#conteudo div#texto p.data { font-weight: bold; font-size: 14px; line-height: normal; margin: 0; }
div#layout div#meio div#conteudo div#texto p.titulo { font-weight: bold; font-size: 25px; line-height: normal; margin: 0; margin-bottom: 10px; color: #00a350; }

div#layout div#meio div#conteudo div#texto a { color: #474f58; }

div#layout div#meio div#conteudo div#texto p.destaque { font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; line-height: normal; margin: 10px 0; }

div#layout div#meio div#conteudo div#texto div#imagem {
	background: #282828;
	color: white;
	padding: 5px;
	margin-bottom: 8px;
}
div#layout div#meio div#conteudo div#texto div#imagem.noticia a { display: block; padding: 0; margin: 0; }
div#layout div#meio div#conteudo div#texto div#imagem.noticia img { display: block; max-width: 250px; margin: 0; }
div#layout div#meio div#conteudo div#texto div#imagem.noticia span.comentario { display: block; padding-top: 3px; font-size: 11px; }


div#layout div#meio div#conteudo div#texto div#imagem img { display: block; margin-bottom: 4px; border: solid 1px black; }
div#layout div#meio div#conteudo div#texto div#imagem.flol { margin-right: 8px; }
div#layout div#meio div#conteudo div#texto div#imagem.flor { margin-left: 8px; }

div#layout div#meio div#conteudo div#texto ul.listagaleria { clear: both; display: table; width: 100%; list-style: none; margin: 10px 0; }
div#layout div#meio div#conteudo div#texto ul.listagaleria p { margin: 0; padding: 0; }
div#layout div#meio div#conteudo div#texto ul.listagaleria li { background: #282828; float: left; display: inline; margin: 3px; padding: 5px; }
div#layout div#meio div#conteudo div#texto ul.listagaleria li img { width: 155px; border: solid 1px black; padding: 0; margin: 0; }

div#layout div#meio div#conteudo div#texto div#imagem a img:hover,
div#layout div#meio div#conteudo div#texto ul.listagaleria li a img:hover { border-color: white; }

/* LAYOUT - Rodapé */

div#layout div#rodape {
	position: relative;
	width: 973px;
	border-top: solid 3px #c6d880;
	padding: 10px 0;
	margin-top: 10px;
	color: #959595;
}

div#layout div#rodape address { line-height: 140%; margin-left: 15px; }
div#layout div#rodape address img {  margin-bottom: 5px; }

div#layout div#rodape div.marcaagw {
	position: absolute;
	width: 69px;
	height: 26px;
	top: 30px;
	right: 15px;
}

/* FORMULÁRIO */

form#formulario {
	position: relative;
	display: table;
	width: 400px;
	margin: 0 auto;
}

form#formulario p.info { text-align: center; padding: 5px; font-weight: bold; font-size: 12px; color: #343434; margin-bottom: 10px; }

form#formulario label { clear: both; display: block; padding: 4px; font-weight: bold; font-size: 12px; color: #474f58; }
form#formulario label input,
form#formulario label textarea { width: 384px; border: solid 1px #cccccc; padding: 3px; margin-top: 3px; font-size: 11px; color: black; font-weight: normal; }
form#formulario label textarea { height: 150px; }
form#formulario label input.half { width: 187px; }
form#formulario label select { border: solid 1px #666; background: white; }

form#formulario span.linha { clear: both; display: table; width: 100%; }
form#formulario span.linha label { clear: none; float: left; }
form#formulario span.linha label input,
form#formulario span.linha label select { width: 184px; }

form#formulario label input:focus,
form#formulario label textarea:focus { border: solid 1px #474f58; }

form#formulario label p.error { clear: both; color: red; font-size: 11px; font-weight: normal; text-transform: lowercase; margin-top: 2px; }

form#formulario div.areaBotao { text-align: right; margin-top: 5px; }
form#formulario div.areaBotao button { position: relative; width: 78px; height: 23px; border: 0; text-align: center; line-height: 18px; font-weight: bold; color: white; margin: 0 auto; cursor: pointer;  }

div.sucesso { clear: both; padding: 5px; text-align: center; background: #a6cb35; color: #015638; font-weight: bold; margin: 10px 0; }

/* ENDEREÇO */

div#endereco {
	text-align: center;
	padding: 5px;
	line-height: 160%;
}

/* GRID PRODUTOS */

ul.gridprodutos { }
ul.gridprodutos li { float: left; position: relative; width: 350px; min-height: 180px; margin: 5px; text-align: justify; cursor: pointer; }
ul.gridprodutos li.destaque { clear: both; float: none; width: auto; height: auto; min-height: inherit; font-weight: bold; font-size: 22px; text-transform: uppercase; color: #005538; border-bottom: solid 3px #005538; padding-bottom: 3px; }

ul.gridprodutos li span.image { float: left; width: 120px; height: 180px; vertical-align: middle; margin-right: 10px; text-align: center; }
ul.gridprodutos li span.image img { /* margin-top: 33px; */ max-height: 180px; }
ul.gridprodutos li span.texto { text-align: left; }
ul.gridprodutos li span.texto b { font-weight: bold; font-size: 14px; text-transform: uppercase; }
ul.gridprodutos li span.saibamais a { color: #474f58; }

ul.gridprodutos li:hover div#saibamais { display: block; }

ul.gridprodutos li div#saibamais { 
	display: none;
	position: absolute;
	width: 326px;
	padding: 10px;
	padding-bottom: 15px;
	color: white;
	background: #005538 url(../img/gridprodutos_saibamais_bg.png) bottom no-repeat;
	border: solid 2px white;
	border-bottom: 0;
	left: 15px;
	bottom: 175px;
	z-index: 25;
}

ul.gridprodutos li div#saibamais ul {  }
ul.gridprodutos li div#saibamais ul li { float: none; width: auto; height: auto; min-height: 0;  margin: 0; margin-bottom: 5px; padding: 0; padding-left: 6px; text-align: justify; border-left: solid 2px white; cursor: default; }

/* LISTAGEM */

ul.listagem { }
ul.listagem li.destaque { font-weight: bold; padding: 0; border: 0; }
ul.listagem li { padding-left: 5px; border-left: solid 1px #005639; margin: 5px 0; }
ul.listagem li a { color: black !important; }

/* TÓPICOS */

h1.topico { clear: both; width: 100%; height: 32px; color: white; font-weight: bold; font-size: 18px; line-height: 30px; font-family: Arial; padding-left: 35px; text-transform: lowercase; }

h1.topico.vcp { width: 205px; background: url(../img/tp_verdeclaro_205.png) no-repeat; }
h1.topico.vcm { width: 251px; background: url(../img/tp_verdeclaro_251.png) no-repeat; }

h1.topico.vep { width: 205px; background: url(../img/tp_verdeescuro_205.png) no-repeat; }
h1.topico.vem { width: 450px; background: url(../img/tp_verdeescuro_450.png) no-repeat; }
h1.topico.veg { width: 730px; background: url(../img/tp_verdeescuro_730.png) no-repeat; }

/* ÁREA BOTÃO */

button.ve { background: url(../img/botao_bg.png) 0 0; }
button.ve:hover { background-position: 0 -23px; }
button.vc { background: url(../img/botao_bg.png) 0 -23px; }
button.vc:hover { background-position: 0 0; }

/* GERAL CLASSES */

.displayn { display: none; }
.hide { visibility: hidden }
.txtr { text-align: right; }
.txtl { text-align: left; }
.txtc { text-align: center; }
.txtu { text-transform: uppercase; }
.flol { float: left; }
.flor { float: right; }
.floclear { clear: both; }