@charset "iso-8859-1";
/* CSS Document */
* {
	margin:0; padding:0; list-style-type:none; 
	}
body {
	background: #3F4447 url(../images/bg_body.jpg) no-repeat top center; margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color: #FFF;
	}
#container {
	width:890px; padding:10px; 
	}
/*
**** TEXTOS ****
*/
h1, h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  padding:10px 10px 0 10px;
	}
h3, h4, h5, h6 {
	padding:10px 10px 0 10px;
	}
h2 {color:#FC0;}
p {padding:10px 10px 0 10px; line-height:18px; color:#CCC;}
#colEsquerda img {padding:10px 10px 0 10px;}
.destaques li {padding:10px 10px 0 10px;}
.ulNoticias {padding:10px 10px 0 10px;}
.dataNoticia {color:#F90; font-weight:bold;}
a {color:#FC0;}
h1 {
	font-size:28px; letter-spacing:-1px;
	}
table {
	padding:10px 10px 0 10px;
	}
table tr td {padding:3px 0;}
/*
**** TOPO ****
*/
#topo {
	height:125px;
	}
.logo {
	weigth:422px; height:77px; float:left; position:relative; top:30px; left:20px;
	}
.menu {
	height:auto; position:relative; top:50px; right:10px; float:right; 
	}
.menu li {
	display:inline; padding:6px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase;
	}
.menu li a {
	text-decoration:none; color:#FFF;
	}
.menu li a:hover {
	text-decoration:none; color:#F90; border-bottom:2px solid #F90; border-top:2px solid #F90;
	}
#subTopo {
	width:870px; height:112px; margin-bottom:20px;
	}
#subTopo ul {
	margin:0; padding:0px; float:right;
	}
#subTopo ul li {
	display:inline; float:left;
	}
#btn_adesivos a, #btn_designgrafico a, #btn_webdesign a {
	width:164px;
	height:114px;
	display:block;
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que está para fora do bloco de link */
	list-style-type:none;
} 

#btn_adesivos a {background:url(../images/btn_adesivos.png) no-repeat top;}
#btn_adesivos a:hover {background:url(../images/btn_adesivos.png) no-repeat bottom;}

#btn_designgrafico a {background:url(../images/btn_designgrafico.png) no-repeat top;}
#btn_designgrafico a:hover {background:url(../images/btn_designgrafico.png) no-repeat bottom;}

#btn_webdesign a {background:url(../images/btn_webdesign.png) no-repeat top;}
#btn_webdesign a:hover {background:url(../images/btn_webdesign.png) no-repeat bottom;}
/*
**** CONTEUDO ****
*/
#conteudo {
	width:870px; text-align:left; margin-left:10px; 
	}
/*
**** ESQUERDA ****
*/
#colEsquerda {
	width:500px; float:left; text-align:left; margin-left:10px; padding-bottom:50px;
	}

/*
**** DIREITA ****
*/
form label {
	display:block; padding:5px;
	}
form fieldset {
	margin:10px 0; padding:10px; margin-left:10px; border:1px dotted #000;
	}
form legend {
	padding:3px 5px; border:1px dotted #000; background:#666;
	}
form input, textarea, select {
	padding:3px 5px; border:1px dotted #000; background:#999; color:#FFF; font-weight:bold;
	}

/*
**** DIREITA ****
*/
#colDireita {
	width:340px; float:right; text-align:left; margin-rigth:10px; padding-bottom:50px;
	}
#colDireita #planos li {
	display:block; height:120px; margin-bottom:10px; padding:5px 0;
	}
.imgInfo {
	width:105px; float:left;
	}
.textInfo {
	width:240px; float:right;
	}
.textInfo h3.titPlanos {
	font-size:18px; color:#F90; letter-spacing:-1px; font-weight:bold; padding:0;
	}
.textInfo p.infoPlanos {
	padding:5px 0 0 0;
	}
.textInfo span {
	font-size:14px; color:#F90; letter-spacing:-1px; font-weight:bold;
	}
/*
**** RODAPE ****
*/
#rodape {
	clear:both; width:870px; border-top:1px dotted #CCC;
	}	
.copyright{
	float:left; padding:15px;
	}
.footer_links{
	float:right; padding:15px;
	}
.footer_links a{
	text-decoration:none; color: #999999;
	}
.footer_links a:hover{
	text-decoration:underline; color: #666666; 
	}
.mensagem {
	color:#F90; display:block; clear:both;
	}
/*
**** MENU PORTFOLIO SERVICOS ****
*/
#menu {
	overflow:hidden; margin:5px 0;
	}
#menu h3 {
	cursor:pointer;	margin:1px 0; padding:10px 10px;
	}	
#menu ul {
	list-style-type:none; margin:0; padding:0;          
	}
#menu li {display:inline; margin:5px;}
/* CSS para efeitos jQuery  */
#tela {
	width:451px; height:449px; margin: 15px 0; border:8px solid #999;
	}
/* Fim CSS para efeitos jQuery */
/*COLUNA DIREITA*/
#colDireita {width:350px; float:right; }
#colDireita ul.portfolio {margin:0; padding:0 0 0 10px;}
#colDireita ul.portfolio li {display:inline; margin:0; overflow:hidden; width:75px; height:74px;}
#colDireita ul.portfolio li img {width:75px; height:74px;}
/*
**** ESPECIAIS ****
*/
span.no {
	padding:3px 5px; background:red; color:#FFF;
	}
.btnAssinar {
	width:60px; padding:3px 5px; background: #F90; color:#FFF; /*display:none;*/ display:block; text-align:center; text-decoration:none; margin-top:5px;
	}
.btnAssinar:hover {
	background: #FC0; 
	}
.btnSubmit {
	padding:3px 5px; background: #F90; color:#FFF; display:block; text-align:center; text-decoration:none; margin-top:10px;
	}
.btnSubmit:hover {
	background: #FC0;
	}
/*
**** PRODUTOS ****
*/
.mostraProdutos {
	margin-left:10px; width:200px; float:left; margin:0 15px 10px 0; padding-bottom:20px; display:block; min-height:300px;
	}
.prodNome {
	color:#F90; font-size:14px; display:block;
	}
.prodPreco {
	color:#F90; font-size:14px; display:block; font-weight:bold;
	}
/*
***** MENU DE CONTEXTO *******
*/
ul.menuRelativo {
	list-style-type:none; margin:10px 0;
	}
ul.menuRelativo li a {
	padding:3px 10px; color:#FFF; display:block; text-decoration:none;
	}
ul.menuRelativo li a:hover {
	border-left:10px solid #FFF; padding-left:10px;
	}