/*
Author: AGW (suporte@agw.com.br)
Comments: Portuguese (BR)
Time: Apr 09
*/

/* Global */

body, html {
	width: 100%;
	height: auto;
}
html { background: #464646 url(arquivos/bg_body.jpg) repeat-x left top; }
body {
	background: url(arquivos/bg_topo.jpg) repeat-x left top;
	color: black;
	font: normal 0.75em/160% Arial, Helvetica, sans-serif;
}
strong { font-weight: bold; }
hr,
.off { display: none; }
.alirig { text-align: right; }
.alilef { text-align: left; }
.alicen { text-align: center; }
* { outline: 0; }
em { font-style: italic; }

/* Estrutura base */

#topo {
	display: block;
	width: 100%;
	height: 348px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 99;
}
div.geral {
	display: block;
	width: 975px;
	height: 1050px;
	position: relative;
	margin: 0 auto;
	background: url(arquivos/bg_geral.gif) no-repeat 0 260px;
	z-index: 0;
}
#menu_topo {
	display: none;
	position: absolute;
	top: 10px;
	right: 30px;
}
#menu_topo ul li { display: inline; }
#menu_topo ul li a {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px; 
	background: url(arquivos/marc1.gif) no-repeat 2px 5px;
	color: white;
	font-size: 0.9em;
	text-decoration: none;
}
#menu_topo ul li a:hover { text-decoration: underline; }
#sidebar {
	display: block;
	width: 152px;
	position: absolute;
	top: 357px;
	left: 10px;
}
#sidebar div.ads {
	display: block;
	height: 311px;
	padding: 6px 0 0 6px;
	background: url(arquivos/bg_ads_sidebar.jpg) no-repeat left top;
}
#sidebar div.cartoes {
	display: block;
	text-align: center;
}
#sidebar div.cartoes strong {
	display: block;
	margin: 20px 0;
	font-size: 0.9em;
	text-transform: uppercase;
	line-height: 140%;
}
#conteudo {
	display: block;
	width: 792px;
	height: 369px;
	position: absolute;
	top: 323px;
	right: 5px;
	overflow: hidden;
	background: url(arquivos/bg_conteudo.jpg) no-repeat right bottom;
}
#bannerg {
	display: block;
	width: 780px;
	height: 150px;
	position: absolute;
	top: 698px;
	right: 15px;
	border: 1px solid #8B90A3;
}
#rodape {
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	top: 870px;
}
#rodape span.legmap {
	display: block;
	position: absolute;
	top: 0;
	left: 8px;
	padding-left: 17px;
	background: transparent url(arquivos/rodape_legmap_seta.gif) no-repeat left 2px;
	color: #979797;
	font-size: 0.8em;
	text-transform: uppercase;
}
#rodape address {
	display: block;
	width: 250px;
	position: absolute;
	top: 25px;
	font-size: 0.9em;
	line-height: 130%;
}
#rodape address.a { left: 10px; }
#rodape address.b { left: 300px; }
#rodape address a {
	display: block;
	color: white;
	text-decoration: none;
}
#rodape address a:hover { color: #eee; }
#rodape span.televendas {
	display: block;
	width: 172px;
	height: 44px;
	position: absolute;
	top: 32px;
	right: 200px;
	background: url(arquivos/televendas.gif) no-repeat left top;
	text-indent: -9999px;
}
#rodape a.agw {
	display: block;
	width: 59px;
	height: 22px;
	position: absolute;
	top: 37px;
	right: 5px;
	background: url(arquivos/marca_agw.gif) no-repeat left top;
	text-indent: -9999px;
}
h2.pagina {
	display: block;
	width: 34px;
	height: 365px;
	position: absolute;
	top: 0;
	left: 0;
	background: gray url(arquivos/bg_pagina.gif) repeat-y left bottom;
	text-indent: -9999px;
}
h2.pagina span {
	display: block;
	width: 34px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.geral.empresa h2.pagina { background-color: #D55A0D; }
div.geral.empresa h2.pagina span {
	height: 148px;
	background-image: url(arquivos/pagina_empresa.gif);
}
div.geral.noticias h2.pagina { background-color: #84130F; }
div.geral.noticias h2.pagina span {
	height: 148px;
	background-image: url(arquivos/pagina_noticias.gif);
}
div.geral.promocoes h2.pagina { background-color: #002355; }
div.geral.promocoes h2.pagina span {
	height: 198px;
	background-image: url(arquivos/pagina_promocoes.gif);
}
div.geral.dicas h2.pagina { background-color: #428303; }
div.geral.dicas h2.pagina span {
	height: 95px;
	background-image: url(arquivos/pagina_dicas.gif);
}
div.geral.orcamento h2.pagina { background-color: #38284D; }
div.geral.orcamento h2.pagina span {
	height: 193px;
	background-image: url(arquivos/pagina_orcamento.gif);
}
div.geral.profissionais h2.pagina { background-color: #383838; }
div.geral.profissionais h2.pagina span {
	height: 226px;
	background-image: url(arquivos/pagina_profissionais.gif);
}
div.geral.cartao h2.pagina { background-color: #1161A0; }
div.geral.cartao h2.pagina span {
	height: 255px;
	background-image: url(arquivos/pagina_cartao.gif);
}
div.geral.equipe h2.pagina { background-color: #C7B002; }
div.geral.equipe h2.pagina span {
	height: 123px;
	background-image: url(arquivos/pagina_equipe.gif);
}
div.geral.sac h2.pagina { background-color: #A97B98; }
div.geral.sac h2.pagina span {
	height: 63px;
	background-image: url(arquivos/pagina_sac.gif);
}
div.geral.fornecedores h2.pagina { background-color: #074A64; }
div.geral.fornecedores h2.pagina span {
	height: 241px;
	background-image: url(arquivos/pagina_fornecedores.gif);
}
div.geral.trabalhe h2.pagina { background-color: #383838; }
div.geral.trabalhe h2.pagina span {
	height: 323px;
	background-image: url(arquivos/pagina_trabalhe.gif);
}
div.geral.contato h2.pagina span {
	height: 147px;
	background-image: url(arquivos/pagina_contato.gif);
}
div.geral.cadastro h2.pagina span {
	height: 172px;
	background-image: url(arquivos/pagina_cadastro.gif);
}
div.geral.patrocinio h2.pagina span {
	height: 185px;
	background-image: url(arquivos/pagina_patrocinio.gif);
}
div.geral.mapa h2.pagina span {
	height: 91px;
	background-image: url(arquivos/pagina_mapa.gif);
}
div.geral.webmail h2.pagina span {
	height: 150px;
	background-image: url(arquivos/pagina_webmail.gif);
}
#rolagem {
	display: block;
	width: 705px;
	height: 335px;
	overflow: hidden;
	padding: 0 20px 0 0;
}

/* Rolagem */

.jScrollPaneContainer {
	display: block;
	width: 730px;
	height: 335px;
	position: absolute;
	top: 20px;
	left: 45px;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background: url(arquivos/rolpane.gif) repeat-y left top;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(arquivos/roltrack.gif) no-repeat left top;
	overflow: hidden;
	cursor: pointer;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}
a.jScrollArrowUp {
	display: block;
	width: 17px;
	height: 14px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(arquivos/rolcima.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 1;
}
a.jScrollArrowDown {
	display: block;
	width: 17px;
	height: 14px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(arquivos/rolbaixo.gif) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 1;
}

/* Comum */

div.texto {
	display: block;
	clear: both;
	color: gray;
}
div.texto p { margin: 0 0 15px; }
div.texto p.destacado {
	display: block;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
div.texto p.destacado.obs { margin: 20px 0; }
div.texto a {
	color: gray;
	text-decoration: underline;
}
div.texto h1 {
	margin: 0 0 15px;
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 130%;
}
div.texto h4 {
	display: block;
	margin: 0 0 15px;
	padding: 5px 0 0;
	clear: both;
	color: #CC9933;
	font-size: 1.3em;
	font-weight: bold;
	border-top: 1px solid #eee;
}
div.texto ul li {
	list-style: disc;
	margin: 0 0 0 15px;
}
div.mediabox {
	display: block;
	margin: 0 10px 7px 0;
	padding: 3px;
	float: left;
	border: 1px solid #eee;
}
div.mediabox a {
	display: block;
	padding: 14px 0 0;
	background: url(arquivos/mediabox_zoom.gif) no-repeat right top;
}
div.mediabox a img {
	display: table;
	width: 200px;
}
div.mediabox span.desc {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	color: gray;
	font-size: 0.9em;
	line-height: 130%;
}
div.mediabox span.cred {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	color: silver;
	font-size: 0.9em;
	line-height: 130%;
}
div.alerta {
	display: block;
	padding: 20px;
	background: #eee;
	color: #333;
	font-size: 1.3em;
}
div.alerta p { margin: 0; }
ul.a li {
	display: block;
	margin: 5px 0 0;
	text-decoration: none;
}
ul.a li a {
	display: block; _display: table;
	padding: 0 0 0 10px;
	background: url(arquivos/marc1.gif) no-repeat left 7px;
	text-decoration: none;
}
ul.a li a:hover { text-decoration: underline; }
ul.b li {
	display: table;
	margin: 0 0 15px; _margin: 0;
	clear: both;
	text-decoration: none;
}
ul.b li img {
	width: 86px;
	height: 65px;
	margin: 0 10px 0 0;
	float: left;
	border: 4px solid #eee;
}
ul.b li h3 {
	*margin: -20px 0 0;
	font-size: 1.2em;
	font-weight: bold;
}
ul.b li h3 a {
	display: block; _display: table;
	text-decoration: none;
}
ul.b li h3 a:hover { text-decoration: underline; }
ul.b li h3 a span {
	display: block;
	font-weight: normal;
	font-size: 0.8em;
}
ul.b li span.desc,
ul.b li span.cred {
	display: block;
	margin: 0 0 5px;
}
ul.b li span.cred { font-style: italic; }


ul.galeria li { display: inline; }
ul.galeria li a {
	display: block;
	width: 100px;
	height: 75px;
	margin: 4px;
	padding: 0;
	overflow: hidden;
	float: left;
	border: 5px solid #eee;
}
ul.galeria li a:hover { border: 5px solid gray; }
ul.galeria li a img {
	width: 100px;
	height: 75px;
}
span.superlabel {
	display: block;
	height: 35px;
	clear: both;
	color: gray;
	font-weight: bold;
	text-align: center;
}
ul.tabs {
	display: block;
	height: 50px;
	text-align: center;
}
ul.tabs li { display: inline; }
ul.tabs li a {
	display: block;
	height: 30px;
	margin: 0 12px;
	padding: 0 0 0 7px;
	float: left;
	color: gray;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
ul.tabs li a span {
	display: block;
	line-height: 30px;
	padding: 0 7px 0 0;
}
ul.tabs li a:hover,
ul.tabs li a.ativo {
	color: white;
	background: red url(arquivos/tabsesq.gif) no-repeat left top;
}
ul.tabs li a:hover span,
ul.tabs li a.ativo span { background: red url(arquivos/tabsdir.gif) no-repeat right top; }
ul.alf {
	display: block;
	width: 190px;
	position: relative;
	margin: 15px auto;
	text-align: center;
}
ul.alf li {
	display: inline;
	line-height: 30px;
}
ul.alf li a {
	padding: 5px;
	color: red;
	font-size: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
}
ul.alf li a:hover { text-decoration: underline; }
table.a { width: 100%; }
table.a tr th {
	padding: 7px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 4px solid #eee;
}
table.a tr td {
	padding: 7px;
	color: #333;
	border-bottom: 1px solid #eee;
}

/* Home */

div.geral.home #conteudo { background: none; }

/* Profissionais */

div.geral.profissionais div.col_a {
	display: block;
	width: 270px;
	float: left;
	color: gray;
	text-align: center;
}
div.geral.profissionais div.col_b {
	display: block;
	width: 390px;
	float: right;
}
/*div.geral.profissionais div.col_b div { display: none; }*/
div.geral.profissionais div.col_b div ul {
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
div.geral.profissionais ul.tabs { margin: 0 0 0 100px; }

/* Orçamento */

div.geral.orcamento form select { width: 120px; }
div.geral.orcamento form div.linha div.bloco { margin: 0 0 0 10px; }
div.geral.orcamento form div.linha div.bloco.a { margin: 0; }
div.geral.orcamento form a.btadd img { margin: 19px 0 0; }

/* Empresa */

div.geral.empresa div.col_a {
	display: block;
	width: 540px;
	float: left;
}
div.geral.empresa div.col_b {
	display: block;
	width: 120px;
	float: right;
}

/* Notícias */

div.geral.noticias ul.b li { margin: 0 0 15px; }

/* Promoções */

ul.promocoes {
	display: block;
	margin: 15px 0 0;
}
ul.promocoes li {
	display: block;
	width: 335px;
	height: 146px;
	margin: 4px 4px 0 0;
	overflow: hidden;
	float: left;
	border: 1px solid #eee;
}

/* Fornecedores */

div.geral.fornecedores ul.tabs { margin: 0; }
div.geral.fornecedores div.tabs_cont {
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
div.geral.fornecedores div.tabs_cont ul li { display: inline; }
div.geral.fornecedores ul.tabs a { margin: 4px; }
div.geral.fornecedores div.tabs_cont ul li img { margin: 15px; }
div.geral.fornecedores div.tabs_cont ul li a { text-decoration: none; }

/* SAC */

div.geral.sac div.col_a {
	display: block;
	width: 260px;
	margin: 20px 0 0;
	float: left;
}
div.geral.sac div.col_b {
	display: block;
	width: 400px;
	float: right;
}
div.geral.sac div.col_b form input.text,
div.geral.sac div.col_b form textarea.textarea { width: 300px; }
div.geral.sac span.superlabel { color: #333; }

/* Cartão Pisolar */

div.geral.cartao div.col_a {
	display: block;
	width: 260px;
	margin: 20px 0 0;
	padding: 55px 0 0;
	float: left;
}
div.geral.cartao div.col_b {
	display: block;
	width: 400px;
	float: right;
}

/* Trabalhe Conosco */

div.geral.trabalhe form { margin: 0 0 300px; }
div.geral.trabalhe form input.text,
div.geral.trabalhe form textarea { width: 300px; }
div.geral.trabalhe div.col_a,
div.geral.trabalhe div.col_b {
	display: block;
	width: 330px;
}
div.geral.trabalhe div.col_a { float: left; }
div.geral.trabalhe div.col_b { float: right; }
div.geral.trabalhe form input.button {
	position: relative;
	margin: 20px auto 0;
}

/* Equipe */

div.geral.equipe div.col {
	display: block;
	width: 210px;
	float: left;
}
div.geral.equipe div.col.a { margin: 0 25px; }
div.geral.equipe div.col h5 {
	color: #84130F;
	font-size: 1.5em;
	font-weight: bold;
}
div.geral.equipe div.col ul {
	display: block;
	margin: 15px 0 25px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
div.geral.equipe div.col ul li a {
	color: gray;
	text-decoration: none;
}
div.geral.equipe div.col ul li a:hover { color: #333; }
#preview {
	display: none;
	position: absolute;
	padding: 5px;
	background: #333;
	color: #fff;
}
#preview img { width: 100px; }

/* Mapa */

div.geral.mapa div.col_a {
	display: block;
	width: 270px;
	float: left;
	color: #333;
}
div.geral.mapa div.col_b {
	display: block;
	width: 410px;
	float: right;
}
div.geral.mapa div.col_a img {
	margin: 60px 0 0;
	border: 5px solid #eee;
}