/*-----------------------------------------------------------------------------
GlobalDesk.com.br
data-início:      05/06/2007   |   21/07/2007  |   09/09/09
autor:     Marcelo CIntra de Melo
email:     marcelo@webtask.com.br
website:   www.webtask.com.br
-----------------------------------------------------------------------------*/
/*************************
CONFIGURAÇÕES GERAIS
**************************/
	
	/* setagem basica */
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, dd, dl, dt, li, ol, ul, ieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; text-indent:0px;
	text-align: left; vertical-align: baseline; font-style: inherit; text-decoration:none;}
	a img, :link img, :visited img {border: 0;}
	table {border-collapse: collapse; border-spacing: 0;}
	ol, ul {list-style: none;}
	q:before, q:after, blockquote:before, blockquote:after {content: "";}
	/* fonte e cores */
html,body {
	height:100%;
	font: normal 12px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #D5E3E6 url(../imagens/conteudoBg.jpg) repeat-x top left;
	color:#707070;}
	/* elementos gerais */
br {clear:both;} .hide {display:none;} .right {float:right;} .left {float:left;} .fix {border:solid 1px red;}
.imagem {float:left; overflow:hidden; text-indent:-7777px; font-size:1px;}
em{ font-weight: bold; font-style: normal; }
/*************************
CABEÇALHO
**************************/
#containerCabecalho {background:#196273 url(../imagens/cabecalhoBg.jpg) no-repeat;}
#cabecalho {position:relative; margin:0 auto; width:834px; height:179px;}
.logo { background:url(../imagens/logo-trans.png) no-repeat; width:355px; height:62px; position:relative; 
	top:25px; left:18px; cursor:pointer;}
/*************************
CONTEÚDO
**************************/
#containerConteudo { margin-bottom:-70px;}
div#conteudo {position:relative; margin:0 auto; width:800px; min-height: 800px;
    background:#F5F5F5 url(../imagens/conteudoGeralBg.jpg) 17px 125px no-repeat; padding:17px;
    padding-bottom: 60px;}
/*bannergeral e conteudo geral para textos e titulos*/
.bannerprincipal { position:relative; left:-2px; top:-80px; height:188px; width:582px;
	background:#196273 url(../imagens/bannerPrincipal2.jpg) no-repeat;}
	.flashTexto {position:absolute; top:-35px; left:35px; display: none;}
.conteudoGeral { position:relative; top:-80px; left:10px;}
/*titulos e textos do conteudo principal*/
.conteudoGeral h1{color:#6F7170; font:normal 18px sans-serif; text-transform:uppercase; text-indent:28px; }
.conteudoGeral h1.tituloGlobalcore { margin:30px 0px 20px 0px; background:url(../imagens/globo-trans.png) 0px 3px no-repeat;}
.conteudoGeral h1.tituloNossosProdutos { margin:30px 0px 20px 0px; font:bold 18px garamond; background:url(../imagens/ferramenta-trans.png) 0px 3px no-repeat;}
.conteudoGeral p { text-align:justify; width:550px; font-size:13px;}
.conteudoGeral p.listaP {margin-top:15px;}
p.perfil {margin-bottom:15px;}
.conteudoGeral ul { width: 520px; }
.conteudoGeral ul li { width: 520px; text-align: justify;}
.blocoProduto { background:#F1ECE8 url(../imagens/blocoProdutosBg.jpg) repeat-y; width:548px; padding:10px 0px 12px 18px;
	margin-top:5px; margin-bottom:15px; display:table;}
	.tituloProduto { float:left; font:italic 1px "Trebuchet MS"; text-transform:uppercase; color:#596251; text-indent:-7777px;}
	.imagemProduto {border:solid 1px #8E8E8E; float:left; margin-top:5px; height:127px; }
	.blocoProduto p {float:left; width:531px; position:relative; top:-12px; }
	.envolveLista {float:left; margin-top:10px; margin-bottom:10px; }
	.listaPros {float:left; width:255px;}
	.listaPros li { background:url(../imagens/visto-trans.png) no-repeat; padding-left:20px; margin-bottom:5px;}
	.maisDetalhes { float:left; width:531px; margin-top:20px;}
	.maisDetalhes a { float:right; color:#707070; text-decoration:underline;}
	.maisDetalhes a:hover {background:#707070; color:#F0EDE6;}
	h3.caracteristicas {font:bold 14px "Trebuchet MS"; margin-bottom:8px; color:#8A8A8A;}
	.breveDescricao {margin-top:15px;}
/*area de contato*/
.contatoLateral { position:absolute; top:8px; right:10px; width:198px; height:700px; padding:12px;
	background: url(../imagens/contatoBg.jpg) repeat-x;}
.tituloContato {color:#5B5B5B; font:normal 18px "Trebuchet MS"; text-transform:uppercase; margin-bottom:25px; padding-top:6px;}
form#contato { border-bottom:solid 1px #C0C1C3; padding-bottom:15px;}
form#contato .text {border:solid 1px #BAADAD; font:normal 12px Verdana; padding:2px; padding-left:21px;
	color:#707070; width:173px; margin-bottom:5px;}
	.textNome { background:#F7F7F7 url(../imagens/nomeIco.jpg) 2px no-repeat;}
	.textEmail { background:#F7F7F7 url(../imagens/emailIco.jpg) 2px no-repeat;}
	.textarea {height:111px;border:solid 1px #BAADAD; font:normal 12px Verdana; padding:2px;color:#707070; width:193px; 
		margin-bottom:5px;background:#F7F7F7;}
	form#contato button {width:93px; height:18px; border:solid 1px #C7BEBE; font-size:1px;
		color:#5D5048; text-transform:uppercase; text-align:center; margin-left:15px; cursor:pointer; 
		background:#EDEDED url(../imagens/enviarBg.jpg) 24px 2px no-repeat;}
	form#contato .botaoGeral {padding-left:89px; background:url(../imagens/enviarIco.jpg) 75px 2px no-repeat;}
	form#contato .botaoGeralOk { background:#D6F0E3; color:#173F2B; font-size:10px; height:20px; line-height:20px; text-align:center;}
	form#contato .botaoGeralAlerta {background:#EEF0D6; color:#173F2B; font-size:10px; height:20px; line-height:20px; text-align:center;}
	form#contato .fundoAlerta {background:#EEF0D6 url(../imagens/alerta-trans.png) 2px no-repeat;}
	form#contato .botaoGeralErro {background:#F0DBD6; color:#173F2B; font-size:10px; height:20px; line-height:20px; text-align:center;}
	form#contato .botaoGeralErro a { text-decoration:underline; color:#173F2B;}
	form#contato button span {position:relative; color:#EAEBED; top:10px;}
address {border-top:solid 1px #fff;border-bottom:solid 1px #C0C1C3; font-size:12px; float:left; 
	padding-top:15px; font-style:normal; padding-bottom:15px;}
address span {float:left; clear:both; width:195px;}
address span a { color:#707070; text-decoration:underline;}
address span a:hover { color:#F1F1F3; background:#707070; text-decoration:underline;}
address span.space {float:left; clear:both; margin-bottom:20px; font-size:1px;}
.suporteBox { position:absolute; top:-71px; left:-5px; height:100px; width:250px; text-indent:-7777px;
	background:url(../imagens/suporte.jpg) no-repeat;}
 
.entreLinkagem {float:left;border-top:solid 1px #fff; padding-top:25px;}
.entreLinkagem img { float:left; margin-bottom:15px;}
/*conteudo geral do site*/
.conteudoGeral h1.titulogeral { margin:30px 0px 10px 0px;}
/*************************
RODAPÉ
**************************/
#containerRodape {width:100%; background:#9A9A9A; color:#5B5B5B;}
div#rodape {position:relative; margin:0 auto; width:834px; height:83px;}
.rodape {float:left; width:100%; background:#F5F5F5; height:50%;}
.mudaFundo {background:#AFAFAF;}
.mudaFundo span {margin:20px; line-height:40px;}
.mudaFundo a {color:#5B5B5B;}
.mudaFundo a:hover {color:#F5F5F5;}
/*novas alteracoes*/
.englobaImg { width: 500px; text-align: left; padding-bottom: 10px;}
.englobaImg img { padding: 1px; border: solid 1px #ccc; }
.blocoProduto ul li {width: 240px; text-align: left;}
/*************************
MENU PRINCIPAL
**************************/
.menuPrincipal {float: right; position: absolute; top:42px; right: 10px; background: ; padding: 5px;}
.menuPrincipal li {float: left; display: inline; border-right: solid 1px #fff; padding: 0px 10px; }
.menuPrincipal li.limpa { border: 0; }
.menuPrincipal li a { color: #fff; text-transform: uppercase;}
.menuPrincipal li.ativo { font-weight: bold;}