/* CSS Document */
* {
	margin:0px;
	padding:0px;
}
body, html {
	font:12px "Trebuchet MS";
	line-height:16px;
	color:#fff;
	margin:0px;
	padding:0px;
	background:#069 url(images/bg_body.png) repeat;
}
p {
	margin:0px;
}
h1 {
	font:italic 18px "Trebuchet MS";
	margin:0px 0px 7px 0px;
	color:#fff;
}
h1 a {
	text-decoration:none;
	color:#fff;
}
h1 a:hover {
	color:#ff0;
}
h2 {
	font:italic 18px "Trebuchet MS";
	color:#ff0;
}
h3 {
	font:italic 14px "Trebuchet MS";
	margin:0px 0px 10px 0px;
}
h3 a {
	text-decoration:none;
	color:#fff;
}
h3 a:hover {
	text-decoration:none;
	color:#ff0;
}
h4 {
	font:italic 14px "Trebuchet MS";
	margin:0px;
	color:#ff0;
}
h5 {
	font:italic 18px "Trebuchet MS";
	color:#ff0;
	margin:20px 0px -17px 0px;
}
h6 {
	font:italic 18px "Trebuchet MS";
	color:#ff0;
	margin:0px 0px 7px 0px;
}
a {
	color:#ff0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* Home */
#alinhaCentro {
	position:relative;
	margin:0px auto;
	width:990px;
	z-index:1;
}
#areaLogo {
	position:relative;
	width:100%;
	height:80px;
	background:url(images/bg_logo_visiondesigner.png);
}
#logoVisionDesigner {
	position:relative;
	float:left;
	margin:10px 41px 0px 393px;
	_margin:10px 41px 0px 196px;
	padding:0px;
}
#redesSociais {
	position:relative;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
}
#bgHeader {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#tarja {
	position:relative;
	width:100%;
	height:34px;
	background:url(images/bg_head.png) repeat-x;	
}
#bgMenu {
	position:relative;
	width:100%;
	height:50px;
	background:url(images/bg_menu.png);
}
#menu {
	position:relative;
	float:right;
	width:625px;
	height:50px;
}
#menu ul {
	position:relative;
	float:right;
	width:625px;
	height:50px;
	list-style-type:none;
}
#menu li {
	position:relative;
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
}
#menu li a {
	position:relative;
	float:right;
	_float:none;
	*float:none;
	display:inline;
	margin:0px 0px 0px 29px;
	padding:13px 0px 0px 0px;
}
#menu li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
#swf {
	position:relative;
	width:100%;
	height:235px;
	background:url(images/bg_flash.jpg);
}
#banner {
	position:relative;
	float:right;
	width:700px;
	height:235px;
}
/* Conteúdo */
#content {
	position:relative;
	float:left;
	width:100%;
	background:url(images/bg_content.png);
	padding:20px 0px 30px 0px;
}
/* Home */
#boxLeft {
	position:relative;
	float:left;
	width:485px;
	margin:0px 20px 0px 0px;
	padding:0px;
}
#boxLeft p, boxRight p {
	margin:0px 0px 20px 0px;
}
#titulo {
	position:relative;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#boxRight {
	position:relative;
	float:left;
	width:485px;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#bannerMail {
	position:relative;
	width:485px;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#portfolio {
	position:relative;
	float:left;
	width:990px;
	margin:16px 0px 37px 0px;
	padding:0px;
}
#thumb {
	border:5px solid #fff;
	margin:0px 30px 0px 0px;
}
#txtThumb {
	float:right;
	font:18px "Trebuchet MS";
	margin:7px 40px 0px 0px;
	_margin:7px 20px 0px 0px;
}
#notas {
	position:relative;
	float:left;
	margin:-3px 0px -1px 0px;
	padding:0px;
	line-height:14px;
}
/* Essência */
#txtEssencia {
	position:relative;
	float:left;
	_float:none;
	margin:0px;
	padding:0px;
}
#txtEssencia p {
	margin:0px 0px 20px 0px;
}
/* Portfólio */
#subMenu {
	position:relative;
	float:left;
	margin:0px 12px 0px 0px;
	_margin:0px 9px 0px 0px;
	padding:30px 0px 0px 30px;
	width:178px;
	height:455px;
	background:url(images/box_submenu.png);
}
#tbThumbs {
	position:relative;
	float:left;
	margin:45px 0px 0px 0px;
	padding:0px;
}
#paginacao {
	position:relative;
	float:right;
	margin:30px 0px 0px 0px;
	padding:0px;
	font:italic 18px "Trebuchet MS";
}
#paginacao a {
	text-decoration:none;
	color:#fff;
}
#paginacao a:hover {
	color:#ff0;
}
#indique {
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
}
/* Projeto */
#descricao {
	position:relative;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
	width:770px;
}
#descricao p {
	margin:0px 0px 20px 0px;
}
/* Comunicação */
#txtComunicacao {
	position:relative;
	float:left;
	_float:none;
	margin:0px;
	padding:0px;
}
#txtComunicacao p {
	margin:0px 0px 20px 0px;
}
/* Mídias */
ul.invisivel {
	display:none; /* jquery no menu */
}
#midias {
	position:relative;
	padding:0px;
	margin:0px 0px 20px 20px;
	_margin:-100px 0px 20px 20px;
	*margin:-100px 0px 20px 20px;
	width:680px;
}
#midias p {
	margin:0px 0px 20px 0px;
}
#midias h3 {
	cursor:pointer;
} 
#midias h3.link-titulo {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
	font:bold italic 18px "Trebuchet MS";
	color:#fff;
	border-bottom:1px dotted #fff;
}	
#midias  h3.corrente {
	color:#ff0;
}
#midias ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#midias li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font:12px "Trebuchet MS";
	color:#fff;
	line-height:14px;
}
/* Marketing */
ul.invisivel {
	display:none; /* jquery no menu */
}
#marketing {
	position:relative;
	padding:0px 0px 0px 100px;
	margin:0px 0px 20px 220px;
	width:670px;
	background:url(images/thumb_marketing.png) no-repeat;
}
#marketing p {
	margin:0px 0px 20px 0px;
}
#marketing h3 {
	cursor:pointer;
} 
#marketing h3.link-titulo {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
	font:bold italic 18px "Trebuchet MS";
	color:#fff;
	border-bottom:1px dotted #fff;
}	
#marketing  h3.corrente {
	color:#ff0;
}
#marketing ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#marketing li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font:12px "Trebuchet MS";
	color:#fff;
	line-height:14px;
}
#saibaMais {
	position:relative;
	float:right;
	color:#ff0;
	font:12px "Trebuchet MS";
	padding-top:5px;
}
/* Fique Atento */
#fiqueAtento {
	position:relative;
	float:left;
	_float:none;
	margin:0px;
	padding:0px;
}
#fiqueAtento p {
	margin:0px 0px 20px 0px;
}
#boxTwitter {
	position:relative;
	float:left;
	width:475px;
	margin:0px;
	padding:5px;
	background:#fff;
}
/* Inspire-se */
#box1 {
	position:relative;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
	width:243px;
}
#box2 {
	position:relative;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
	width:243px;
}
#box3 {
	position:relative;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:243px;
}
#box1, #box2, #box3, p {
	margin-top:20px;
}
/* Conceitos */
ul.invisivel {
	display:none; /* jquery no menu */
}
#conceito {
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	width:770px;
}
#conceito p {
	margin:0px 0px 20px 0px;
}
#conceito h3 {
	cursor:pointer;
} 
#conceito h3.link-titulo {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
	font:bold italic 18px "Trebuchet MS";
	color:#fff;
}	
#conceito  h3.corrente {
	color:#ff0;
}
#conceito ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#conceito li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font:12px "Trebuchet MS";
	color:#fff;
	line-height:14px;
}
/* Feedback */
#contatos {
	position:relative;
	float:left;
	margin:70px 0px 0px 0px;
	padding:0px 0px 0px 50px;
	width:435px;
	height:287px;
	background:url(images/bg_contatos.png) no-repeat;
}
#contatos p {
	margin:0px 0px 20px 0px;
}
/* Footer */
#footer {
	position:relative;
	margin:30px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	width:100%;
	height:66px;
	background:url(images/bg_footer.png) no-repeat;
	text-align:center;
	font-style:italic;
}
/* Class */
.fone {
	font:italic 18px "Trebuchet MS";
}
.msn {
	font:italic 18px "Trebuchet MS";
	border-left:1px solid #fff;
	margin:0px 0px 0px 40px;
	padding:0px 0px 0px 40px;
}
.ano {
	color:#ccf;
	font-style:italic;
}
.clear {
	clear:both;
}
.arrow {
	position:relative;
	float:left;
	margin:3px 10px 0px 0px;
	_margin:3px 6px 0px 0px;
}
.yellow {
	color:#ff0;
}
.thumbEssencia {
	float:right;
	margin:0px 0px 0px 20px;
	padding:0px;
	width:258px;
	height:223px;
	border:5px solid #069;
}
.projeto {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:757px;
	height:283px;
	border:5px solid #069;
}
.borderLeft {
	border-right:3px solid #003;
	float:right;
	*float:none;
}
.selecionado {
	margin:0px 0px 10px 15px;
	color:#ff0;
}
.campoIndique {
	width:363px;
	height:18px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 0px 1px 10px;
	_margin:0px 0px -1px 10px;
	*margin:0px 0px -1px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoIndique2 {
	width:312px;
	height:44px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 1px 0px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoContato {
	width:363px;
	height:18px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 0px 10px 10px;
	_margin:0px 0px 8px 10px;
	*margin:0px 0px 8px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoContato2 {
	width:312px;
	height:44px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 1px 0px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoDDD {
	width:35px;
	height:18px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 20px 10px 10px;
	_margin:0px 20px 8px 10px;
	*margin:0px 20px 8px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoFone {
	width:262px;
	height:18px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 0px 10px 10px;
	_margin:0px 0px 8px 10px;
	*margin:0px 0px 8px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}
.campoCelular {
	width:256px;
	height:18px;
	background:#fff;
	border:1px solid #ccf;
	margin:0px 0px 10px 10px;
	_margin:0px 0px 8px 10px;
	*margin:0px 0px 8px 10px;
	font:12px "Trebuchet MS";
	color:#000;
	padding:3px 0px 0px 3px;
}