* {margin: 0px auto;}
body {color: #717a80; background: url("../images/bg.jpg") #d3d7da center center repeat-y; font-family: Trebuchet MS;}

#header {width: 100%;}
	#header .top {height: 122px; /*background: url("../images/bg-header-top.png") center top no-repeat;*/}
	.front #header .bottom,
	.no-front #header .bottom {background-position: center bottom; background-repeat: no-repeat; clear: both;}
	.front #header .bottom {height: 232px; background-image: url("../images/bg-header-bottom.png");}
	.no-front #header .bottom {height: 131px; background-image: url("../images/bg-header-bottom-interna.png");}
	#header .content {width: 960px;}
	
	#header big {margin-right: 5px; color: #f0ab6a; font-style: italic;}
	#header h1 {width: 101px; height: 118px; float: left;}
	#header h2 {font-size: 16px; font-weight: normal;}
		#header h2 big {font-size: 20px;}
	
	#header .left {margin-left: 90px; padding-right: 50px; background: url("../images/bg-header-shadow.png") right center no-repeat;}
	#header .right {width: 685px; margin-top: 35px;  text-align: right;}
		#header .right ul {margin-top: 30px;}
	
	.menu {font-size: 14px;}
	.menu li a {font-size: 12px; text-transform: uppercase; color: #8d989f;}
	.menu li a:hover, .menu li.hover a {text-decoration: none; color: #f0ab6a;}
	.menu.horizontal li {padding: 0px 10px; background: url("../images/li-separator.gif") right top no-repeat;}
	.menu.horizontal li.first {margin-left: 64px;}
	.menu.horizontal li.last {padding-right: 0px; background: none;}
			
#wrapper {width: 960px; height: 600px;}
.no-front #wrapper {width: 100%; background: url("../images/bg-wrapper-interna.png") top center no-repeat;}
	
	#content { padding: 0px 15px; font-size: 11px;}
	.no-front #content {width: 930px;}
	
	#content h2, #content h2 big {font-size: 18px;}
	
		.contato {padding-top: 10px;}
	
		#content .boxes h2 {margin-bottom: 5px;}		
		#content .boxes .box.left {width: 260px; padding-right: 22px; background: url("../images/bg-vertical-s.png") right center no-repeat;}
			#content .boxes .box.left .top, 
			#content .boxes .box.left .bottom  {margin-bottom: 15px; padding-top: 15px; clear: both;}
			#content .boxes .box.left .top h2 big {color: #8eb7d3;}
			#content .boxes .box.left .bottom h2 big {color: #a9c7cc;}
		#content .boxes .box.center .top {margin-bottom: 15px;}
			#content .boxes .box.center .top h2 big {color: #f0ab6a;}
			#content .boxes .box.center .bottom h2 {color: #8eb7d3;}
			#content .boxes .box.center .bottom a {color: #8eb6d3;}
		#content .boxes .box.center {width: 370px; margin: 0px 15px; float: left;}
		#content .boxes .box.right {width: 247px; float: left;}
		
		#content .post, #content > .left {width: 650px;}
			#content .post .titulo {margin-bottom: 15px; padding-bottom: 20px; text-align: right; text-transform: uppercase; background: url("../images/bg-horizontal-s.png") bottom center no-repeat;}
				#content .post .titulo h2 {font-size: 20px; font-weight: normal;}
			
		#content .right .content .noticias {width: 251px; padding-top: 12px; text-align: left; background: url("../images/bg-componente-noticias-s.png") #ffffff repeat-y; position: relative;}
			.noticias .content {width: 247px; background: url("../images/bg-componente-noticias.png") #e4e6e7 top center no-repeat; position: relative;}
			.noticias.last {margin: 0px;}
				.noticias h2 {margin-right: 17px; text-align: right;}
					.noticias h2 big {color: #cfcfce;}
				.noticias .top, .noticias .bottom {width: 253px;}
				.noticias .top {height: 13px; top: -13px; left: -3px; background: url("../images/bg-componente-noticias-t.png") top center no-repeat; position: absolute;}
				.noticias .bottom {padding-bottom: 15px; bottom: -14px; left: -3px; background: url("../images/bg-componente-noticias-b.png") bottom center no-repeat; position: absolute;}
				.noticias .noticia {margin: 10px 0px; padding: 0px 20px;}
					.noticias .noticia .data {color: #8eb6d3;}
					.noticias .noticia .titulo a {margin-bottom: 5px; color: #5a646b;}
					.noticias .noticia .conteudo {margin: 0px; padding-bottom: 10px;}
						.noticias .noticia .conteudo p {margin: 0px;}						
	
			.conteudo .noticia {height: 130px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #a6b0be; position: relative; clear: both;}
			/*.conteudo .noticia.last {margin: 0px; padding: 0px; border-bottom: none;}*/
				/*.conteudo .noticia h2 {padding-bottom: 20px;}*/
					.conteudo .noticia h2 a {font-size: 14px; color: #5a646b;}
					.conteudo .noticia .data {margin-bottom: -3px; color: #8eb7d3;}
	
			.conteudo {margin-left: 15px; position: relative;}
				p {margin-bottom: 15px;}
				.conteudo h2 {margin-bottom:15px;}
				
			.image {margin: 0px 10px 0px -5px; float: left;}
			.image.bigger {margin: 0px 0px 0px 10px; float: right;}
				 .image img {width: 125px; height: 110px;  border: 1px solid #ebebeb;}
				 .image.small img {width: 94px; height: 83px;}
				 .image.bigger img {width: 242px; height: 209px;}
				 .text .btn {margin-top: 20px; float: right;}
			
			.compartilhe {height: 18px; bottom: 5px; right: 0px; position: absolute;}
				.compartilhe.no-position {position: static;}
				.compartilhe .icones {width: 52px; background: url("../images/bg-compartilhe-s.gif") right top no-repeat;}
				.compartilhe p {margin-right: 5px; color: #c3c7ca;}
			
	.option {margin-right: -5px; padding: 10px 0px; clear: both;}
	.no-front .option {margin: 0px;}
		.option .ver-todos {float: right;}
	
	#footer {padding-top: 15px; clear: both;}
		#footer .content {padding-top: 16px; font-size: 11px; color: #8eb7d3; background: url("../images/bg-horizontal-s.png") center top no-repeat;}
		#footer .left {margin: 2px 0px 0px 394px;}
		#footer .right {width: 62px; margin-left: 24px; float: left;}

a {text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
	a.more {color: #d88f4a; display: block;}

.bigger, .bigger big {font-size: 20px;}

.btn, .ico {background: left top no-repeat; text-indent: -9999px; overflow: hidden; display: block; cursor: pointer;}
.btn:hover, .ico:hover {background-position: left bottom;}
	.btn.logo-cappuccinodigital {width: 62px; height: 16px; background-image: url("../images/logo-cappuccinodigital.gif");}
	.btn.logo-sacomunicacao {width: 101px; height: 118px; background-image: url("../images/logo-sa-comunicacao.png");}
	.btn.ver-todos {width: 67px; height: 20px; background-image: url("../images/btn-vertodos.png");}
	.btn.enviar {width: 67px; height: 20px; border: none; background-image: url("../images/btn-enviar.png");}
.ico {width: 16px; height: 16px; margin-left: 2px;}
	.ico.facebook {margin-left: 10px; background-image: url("../images/ico-facebook.gif");}
	.ico.twitter {background-image: url("../images/ico-twitter.gif");}

.clear {clear: both;}

h3.sa {width: 180px; height: 115px; margin: 0px 15px 10px 0px; border: 1px solid #ebebeb;}
	.sa.bsb {background-image: url("../images/sa-bsb.gif");}
	.sa.corp {background-image: url("../images/sa-corp.gif");}
	.sa.gov {background-image: url("../images/sa-gov.gif");}
	.sa.m {background-image: url("../images/sa-m.gif");}
	.sa.w {background-image: url("../images/sa-w.gif");}
	.sa.x {background-image: url("../images/sa-x.gif");}
	
.left {float: left;}
.right {float: right;}

.orange {color: #f0ab6a;}
.blue {color: #8eb7d3;}

h3 {margin-bottom: 10px;}
	h3 strong { font-size: 18px;}
		strong.blue {color: #8eb7d3;}

form label {display: block;}
	form label {margin-bottom: 5px; color: #8d989f;}
	form input[type='text'], textarea {width: 385px; margin-bottom: 15px; border: 1px solid #d1d6d9;}
	
	form .error {margin: 20px 0px 0px 35px; float: left;}
	form .error ul {margin: 0px; list-style: none;}
	
.error_list {margin: 0px; padding: 0px;}

ul {margin-bottom: 15px;}
		
ul.non-bullet {list-style: none;}

ul.horizontal {padding: 0; margin: 0; list-style: none;}
ul.horizontal li {padding: 0px; margin: 0px; float: left;}
ul.horizontal li a {float: left; display: block;}

/* 12/08/2010 - prêmio Comunique-se 2010 */
	#content .boxes .box.left .top, #content .boxes .box.left .bottom  {padding-top: 0px;}
	
	#content .boxes .box.center .middle h2 {color: #8eb7d3;}
	#content .boxes .box.center .middle a {color: #8eb6d3;}

	#content .boxes .box.center .bottom h2 {font-size: 16px; color: #3e3e3e;}	
		#content .boxes .box.center .bottom h2 big {color: #cb900a;}
	#content .boxes .box.center .bottom img {margin-left: 15px;}
	
	.btn.vote-aqui {width: 84px; height: 21px; margin: 19px 0px 0px 0px; background-image: url("../images/btn-vote-aqui.gif");}