/*WEBSTORM 2009*/

	/*CONFIGURAÇÕES GLOBAIS*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,th{margin: 0; padding: 0;}

p{line-height:inherit;}

ul, li{list-style:none}

h1,h2,h3,h4,h5,h6 {font-size: 1em; text-align:left}

fieldset,img {border: 0;}

a img{border:none; cursor:pointer;}



/*GERAL*/

body {
	padding:0; 
	margin:0;
	font-size:11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#777777;
 background:url(images/bgDegrade.jpg) repeat-y center top;
}

h2, h3, h4, h5, h6 {color:#8a8a8a}

a {text-decoration:none; border:none; color:#ccc;}

a:hover{text-decoration:underline;}

h1 { color:#9d9d9d; font-size:4.5em; border-bottom:1px dotted #ccc ; font-weight:normal}

h2 { font-size:1.2em; padding:15px 0 0 15px; color:#666 }

.clientes { font-size:2.2em; background:url(images/icon.jpg) no-repeat 10px 8px; padding:0 0 0 30px; font-weight:normal; color:#8A8A8A; display:inline;}
.descricaoCliente{ background:none; display:inline; color:#666; font-size:12px; margin-bottom:2px; padding:7px 0 0 3px;}

h5 { font-size:2.2em; background:url(images/icon.jpg) no-repeat 10px 8px; padding:0 0 0 30px; font-weight:normal;}

h6  {  font-size:1.2em; font-weight:normal; float:left; color:#777777}
h6 span{ font-size:1.9em; color:#aaaaaa}


.portfolio{margin-left:-15px;font-size:1.2em; font-weight:normal; float:left; color:#777777}
.portfolio span{font-size:1.9em; color:#aaaaaa}


p {padding:15px; line-height:1.5em}

p a{ color:#6f0000 }

input, textArea, select{ 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9c9c9c;
	border: none;
	padding: 0 0 0 4px;
	height: 20px;
	overflow:hidden;
	background:none;
}

.paginacao {float:left; width:100%; margin-top:20px; text-align:center}
.paginacao a{color:#666; padding:2px 5px; margin:0 2px }
.paginacao a:hover{ color:#666; text-decoration:none; background:#e6e6e6}
.paginacao .small {font-size:0.9em; border:1px solid #fff; color:#6f0000; margin:0; padding:0}
.paginacao .small:hover {background:none; color:#6f0000}

.paginacao .pagSelected{background:#6f0000; color:#fff}
.paginacao .pagSelected:hover{background:#6f0000; color:#fff}

	/* ESQUELETO */
.geral { width:100%; margin:0 auto; background:url(images/bg.jpg) no-repeat center top; float:left}

.cabecalho {margin:auto; width:720px; height:185px }

.conteudo {margin:auto; width:720px}

.rodape {margin:auto; margin-bottom:10px;margin-top:10px; width:720px; }


	/*CABECALHO*/
.logo {float:left; margin:68px 0 0 0px; width:241px; overflow:hidden}
.menu {float:right; font-size:1.3em; color:#939393; font-weight:bold; margin:80px 0 0 0; }
.menu li{ float:right; padding:0 0 0 0; margin:0 0px; }
.menu a{  display:block; padding:12px 0 8px 0; color:#939393 }
.menu li.selected{ float:right;}
.menu li.selected a{color:#fff;}

/*MENU*/
.botao{margin-top:12px;height:37px;}

#contato{ width:66px;background:url(images/menu/contato.gif) no-repeat;}
#webstormBI{ width:95px;background:url(images/menu/wsbi.gif) no-repeat;}
#loja-virtual{ width:90px;background:url(images/menu/loja-virtual.gif) no-repeat;}
#clientes{ width:66px;background:url(images/menu/clientes.gif) no-repeat;}
#portfolio{ width:67px;background:url(images/menu/portfolio.gif) no-repeat;}
#agencia{ width:64px; background:url(images/menu/agencia.gif) no-repeat;}

#contato-s{ width:66px; background:url(images/menu/contato-s.gif) no-repeat;}
#webstormBI-s{width:95px; background:url(images/menu/wsbi-s.gif) no-repeat;}
#loja-virtual-s{width:90px; background:url(images/menu/loja-virtual-s.gif) no-repeat;}
#clientes-s{width:66px; background:url(images/menu/clientes-s.gif) no-repeat;}
#portfolio-s{ width:67px;background:url(images/menu/portfolio-s.gif) no-repeat;}
#agencia-s{width:64px;padding-left:-15px; background:url(images/menu/agencia-s.gif) no-repeat;}

#logo{float:left; background:url(images/logo.png) no-repeat; margin:68px 0 0 0px; width:241px; height:100px; overflow:hidden;}
#logobi{float:left;	background:url(images/logobi.png) no-repeat; margin:68px 0 0 0px; width:241px; height:100px; overflow:hidden;}

.hidden{display:none;}

	/*PORTIFOLIO*/
.iconInfo {float:right; background:url(images/iconInfo.jpg) no-repeat; width:23px; height:29px; cursor:pointer; display:none}
.campanha {float:left; width:100%; border-bottom:1px dotted #e1e1e1; padding:20px 0 30px 0}
.campanha_portfolio {float:left; width:100%; border-bottom:1px dotted #e1e1e1;padding:6px 0 30px 0}

.campanha .imagem{float:left; width:100%; margin-top:10px}
.campanha_portfolio .imagem{float:left; width:100%; margin-top:10px}

.open {width:300px; position:absolute; margin-left:-303px; margin-top:-3px; display:none; border:1px solid red; height:100px; background:#fff}


	/*E-COMMERCE*/
.textoDestaque {padding-left:75px; width:580px;text-align:left;margin-bottom:30px; font-weight:bolder; font-size:10pt;}
.lista li{ padding:0 0 0 17px; margin:5px 30px; color:#666}
.lista .titulo {color:#6f0000; font-weight:bold; margin:20px 30px 5px 30px;  background:url(images/iconSmall.png) no-repeat; }
.loja-virtual {text-decoration:none; border:none; color:#6f0000;}
.loja-virtual:hover{text-decoration:none;}

/*### CONTATO*/
.dadosContato {float:right; width:430px; text-align:right; overflow:hidden; margin-top:30px}
.formulario {float:left; width:277px; overflow:hidden;  margin-top:30px;/* background:url(images/bgForm.gif) no-repeat;*/color:#666 }
.formulario div {height:27px; padding:6px 0 9px 6px }
.formulario input, textArea {font-size:1.2em; font-style:italic; color:#666; border:2px solid #ddd; padding:3px}
.formulario .opcoes {background:#fff}
.formulario .opcoes li {border:1px solid #ccc; background:#fff; padding:4px; margin:0 0 1px 0; display:block; cursor:pointer}
.formulario .opcoes .mouseOver {background:#f1f1f1;}

.dadosContato p { margin:0px; padding:0px;}
.dadosContato img { margin:0px; padding:0px;}
.dadosContato p img { margin:0px; padding:0px;}
.dadosContato p img a { margin:0px; padding:0px;}
.googlemaps { background:url('images/contato-3.gif'); width:252px; height:50px; display:block; float:right;}
/*### */


	/*RODAPE*/
.menuRodape {float:left; width:200px; margin-top:20px }
.menuRodape a{color:#831d1d;  font-size:1.2em; font-weight:bold; padding:0 10px 0 0 }
.menuRodapebi {float:left; width:200px; margin-top:20px }
.menuRodapebi a{color:#039;  font-size:1.2em; font-weight:bold; padding:0 10px 0 0 }

.feeds {float:right; width:200px;  margin-top:20px; text-align:right }
.feeds img{ padding-right:8px}
.fim {background:url(images/rodape.gif) no-repeat center top; height:110px; float:left; width:100%}


	/*WEBSTORM BI*/
/*CONTEUDO*/

#conteudo{
	width:100%;
	margin:0 auto; 
	padding-top:30px;
	background:url(images/bgConteudo.jpg) center top no-repeat
}

#conteudo .cont{ text-align:left; clear:both }

#conteudo .cont h2,h3{
	color:#003399; 
	font-size:22px; 
	padding:4px 0 3px 32px;
	background:url(images/icontitulos.jpg) no-repeat;
	border:none;
	font-weight:normal;

}

#conteudo .cont img{float:left; margin:5px 10px 40px 0}

#conteudo .separacao{clear:both; text-align:center}	

/*MATÉRIAS*/
.materia {text-align:justify; font-size:1.1em; padding:0 15px}
.materia p {padding:0}
.materia h2 { font-weight:normal; font-size:1.1em; border-bottom:1px dotted #ccc; padding:0}
.materia h3 { font-weight:bold; font-size:2.5em; background:none; padding:0; color:#666; padding:10px 0 5px 0}
.materia h4 { font-weight:normal; font-size:1.1em; background:none; padding:0; color:#999; font-style:italic; padding-bottom:20px }
.materia .imagem {float:right; margin:0 0 0 20px; width:300px; background:#ddd; padding:2px; font-size:11px}


.aviso{ position:absolute; width:400px; height:90px; padding:25px; background:#fff; left:50%; top:50%; margin:-45px 0 0 -200px; text-align:center; border:1px solid #cacaca;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

.aviso b{ font-size:18px; color:#900;}
.aviso .close{ margin:-36px 0 0 240px; cursor:pointer; background:#900; width:25px; height:20px; color:#fff; position:absolute; padding-top:5px;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}