* {
	margin:0;
	padding:0;
	border-collapse:collapse
}
html {overflow-y:scroll;background:#4C2D5B url(/images/site/bg.jpg) center top repeat-y}
html {height:100%}/*Firefox*/
ul, ol, li {list-style-type:none}
img {border:none;display:block}
a img {display:inline}
pre * {display:inline !important;float:none !important;position:static !important}
a:link, a:visited {text-decoration:underline;outline:none}
a:hover {text-decoration:none;cursor:pointer}
table, td, th {border:1px solid gray}
td, th {padding:3px}
.cb {clear:both;display:block}
.cleft {clear:left}
.topo {clear:both;display:block;margin-bottom:60px}
.topo a {color:#FFF;text-decoration:none}
.topo a:hover {text-decoration:underline;}

/*replacement*/
h1 a,
#page #imagens div.setas a,
#vitrine div.setas a,
#footer .blog,
#page #imagens a.direita, #vitrine a.direita, #page #imagens a.esquerda, #vitrine a.esquerda
{text-align:left;text-indent:-5000px;background-position:left top;background-repeat:no-repeat;display:block;overflow:hidden}

/*clear-fix*/
#header:after {
	content:".";
	visibility:hidden;
	height:0;
	display:block;
	clear:both;
}
#header {*zoom:1}


body {
	background:url(/images/site/arte.png) 76% 65px no-repeat;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif
}
div#page {
	width:100%;
	height:100%;
	
}
* html body {
	background-image:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/site/arte.png", sizingMethod="scale")
}

#all {
	width:996px;
	margin:0 auto;
	text-align:left;
	padding-top:30px;
}
#header {
	width:996px;
	padding-top:30px;
	margin:0 auto 30px;
	text-align:left;
}

h1 {
	float:left;
	width:200px;
	height:41px;
	margin-top:30px;
}
h1 a {
	background-image:url(/images/site/logo.gif);
	width:200px;
	height:41px
}
.port {
	text-align:left;text-indent:-5000px;background-position:left top;background-repeat:no-repeat;display:block;overflow:hidden;
	width:218px;
	height:213px;
	background-image:url(/images/site/portfolio.png);
}
* html .port {
	background-image:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/site/portfolio.png", sizingMethod="scale")
}

.menus a {text-decoration:none}
.menus a:hover {text-decoration:underline}
#menu-apoio {
	float:right;
	margin-bottom:40px;
}
#menu-apoio li {
	float:left;
	padding-left:25px;
	color:#FFF;
	font-size:13px;
	background:url(/images/site/separador_menu.gif) 12px 85% no-repeat;
}
#menu-apoio li:first-child {padding-left:0;background:none}
* html #menu-apoio li.first {padding-left:0;background:none}
#menu-apoio li a {color:#FFF}
#menu-apoio li a:link, #menu-apoio li a:visited {text-decoration:none}
#menu-apoio li a:hover {text-decoration:underline}
#menu {
	float:right;
	clear:both;
	font-size:24px;
	padding-bottom:30px;
	position:relative;
	*padding-bottom:0;
	*height:61px;
	*width:680px;
	*overflow:hidden;
}
#menu li {
	float:left;
	text-align:right;
	height:31px;
	line-height:31px;
	white-space:nowrap;
	/*position:relative;*/
}
#menu .estudio {float:right;}
#menu .fazemos,
#menu .metodologia,
#menu .estudio,
#menu .portfolio {padding-left:48px}


#menu li a {color:#FFF}
#menu li a:link, #menu li a:visited {text-decoration:none}
#menu li a:hover {text-decoration:underline}
#menu li ul {
	display:none;
	position:absolute;
	margin-right:-10px;
}
/*#menu li.estudio ul {display:block;left:-287px;top:30px;width:432px;}*/
#menu li li {
	font-size:15px;
	font-weight:normal;
	position:static;
}

#menu li li {
	padding-left:23px;
	text-align:left;
}

#menu li.estudio ul {
	right:0;
	top:30px;
	width:370px;
	padding-left:82px;
	_margin-right:-5px;
}
#menu .fazemos ul {
	right:0;
	top:30px;
	width:470px;
	padding-left:202px;
}
#menu .portfolio ul {
	right:0;
	top:30px;
	width:530px;
	padding-left:95px;
}

#header ul.portfolio li.portfolio ul, #header ul.fazemos li.fazemos ul, #header ul.estudio li.estudio ul,
body.portfolio #menu .portfolio ul, body.fazemos #menu .fazemos ul, body.estudio #menu .estudio ul {display:block;margin-right:0}


body.gestao #menu .gestao,
body.identidade #menu .identidade,
body.grafico #menu .grafico,
body.digital #menu .digital,
body.midia #menu .midia,
body.cliente #menu .cliente,
body.atuacao #menu .atuacao,
body.cases #menu .cases,
body.ultimos #menu .ultimos,
body.sobre #menu .sobre,
body.parceiros #menu .parceiros,
body.trabalhe #menu .trabalhe
{font-weight:bold}


#menu li.on,
body.fazemos #menu .fazemos,
body.portfolio #menu .portfolio,
body.metodologia #menu .metodologia,
body.estudio #menu .estudio {
	background:url(/images/site/menu_on.gif) 15px center no-repeat;
	font-weight:bold;
}
#menu li.on li {background:none;font-weight:normal}
#menu li.on li.on {font-weight:bold}

#menu-lateral {
	width:345px;
	margin-right:25px;
	float:left;
}
* html #menu-lateral {margin-right:16px}

#menu-lateral h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:45px;
	text-transform:uppercase;
	line-height:normal;
}

#menu-lateral li {
	line-height:21px;
	font-size:14px;
}
#menu-lateral a {
	color:#FFF;
	text-decoration:none;
}

#menu-lateral a:hover {
	text-decoration:underline;
}

#destaque {
	float:left;
	width:250px;
	background-color:#FFF;
	color:#666;
	font-size:12px;
	line-height:21px;
	padding:30px;
	margin-right:70px;
}
#destaque img {margin-bottom:25px}
#destaque .data {margin-bottom:20px;color:#666}
#destaque h2 {
	font-size:16px;
	font-weight:bold;
	line-height:21px;
	margin-bottom:30px;
	color:#666;
}
#destaque p {
	color:#666;
	font-size:12px;
	line-height:21px;
}
#destaque a {
	color:#666;
	font-size:12px;
	line-height:21px;
	text-decoration:none;
}
#destaque a:hover {text-decoration:underline}

.entrada {
	width:555px;
	float:left;
}
.entrada h2 {
	font-size:48px;
	line-height:60px;
	font-weight:normal;
	margin-bottom:55px;
}
.entrada h3 {
	font:bold 14px Arial;
	margin-bottom:30px
}
.entrada p {
	float:left;
	margin-right:30px;
	margin-bottom:25px;
	width:237px;
	line-height:24px;
	font-size:14px;
}
#content {
	width:625px;
	/*width:555px;*/
	float:left;
}

body.metodologia #content {
	margin-left:305px;
	float:none;
}

#content h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}
body.assine #container h2, body.trabalhe #container h2, body.metodologia #content h3, #content h2 {
	font-size:48px;
	line-height:60px;
	margin-bottom:50px;
	font-weight:normal;
}

body.assine #container h2, body.trabalhe #container h2, body.metodologia #content h2 {
	font-size:14px;
	font-weight:bold;
	line-height:normal;
}

body.metodologia #content h4 {
	clear:both;
	font-size:14px;
	font-weight:bold;
	margin-bottom:55px;
}

#container {
	width:996px;
	margin:0 auto;
	text-align:left;
}
#container #content .entrada-destaque {width:520px}
#container #content .entrada-destaque h2 {padding-top:60px}
#container #content .entrada-destaque h2 span {
	display:block;
	font-size:14px;
	font-style:italic;
}
#container #content .entrada-destaque p {
	float:right;
	margin-right:0;
	padding-right:60px;
	
	width:245px;
}
/*
#content p {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
	width:245px;
	font-size:14px;
}
*/
#content #projetos, #content #projeto {
	float:left;
	width:625px;
}
#content #projetos .projeto {
	width:205px;
	margin-right:75px;
	float:left;
	overflow:hidden;
	margin-bottom:50px;
}
#content #projetos h3 {
	padding-left:5px;
}

#content #projetos p {
	padding-left:5px;
}

#content #projetos a, #content #projeto a {
	color:#FFF;
	text-decoration:none
}
#content #projetos a:hover *, #content #projeto a:hover * {text-decoration:underline}
#content #projetos a img, #content #projeto a img {padding:5px}
#content #projetos a:hover img, #content #projeto a:hover img {
	padding:3px;
	border:2px solid #FFF;
}


#content #projeto {
	margin-bottom:50px;
}
#content #projeto h2 {
	font-size:14px;
	font-weight:bold;
	line-height:normal;
}
#content #projeto #principal {
	float:left;
	width:245px;
	margin-right:25px;
}
#content #projeto #chamada {
	font-size:24px;
	line-height:36px;
	margin-top:-5px;
	margin-bottom:115px;
}

#content #projeto #links a {
	font-size:14px;
}
#content #projeto #links a:hover {
	text-decoration:underline;
}


#content #projeto #outros {
	float:left;
	width:255px;
}
#content #projeto #outros div {
	margin-bottom:30px;
}
#content #projeto #outros h3 {
	font-size:16px;
	margin-bottom:0;
	font-weight:bold;
}


#vitrine {margin-bottom:60px}

#page #imagens, #vitrine {
	background-color:#FFF;
	clear:both;
	position:relative;
}
#page #imagens {margin-bottom:25px}
html.JS #page #imagens, html.JS #vitrine {overflow:hidden;height:0;width:100%}
#page #imagens li, #vitrine li {float:left}
#page #imagens img, #vitrine img {display:block}
#page #imagens a.direita, #vitrine a.direita, #page #imagens a.esquerda, #vitrine a.esquerda {
	height:26px;
	width:24px;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
}

#page #imagens a.direita, #vitrine a.direita {background-image:url(/images/site/seta_direita.png)}
* html #page #imagens a.direita, * html #vitrine a.direita {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/seta_direita.png',sizingMethod='image');
}
#page #imagens a.esquerda, #vitrine a.esquerda {background-image:url(/images/site/seta_esquerda.png)}
* html #page #imagens a.esquerda, * html #vitrine a.esquerda {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site/seta_esquerda.png',sizingMethod='image');
}

#page #thumbs {float:right}

#page #thumbs a:link, #page #thumbs a:visited {
	color:#FFF;
	text-decoration:none;
	line-height:38px;
	font-size:12px;
	cursor:pointer;
}
#page #thumbs a:hover {text-decoration:underline}

#page #thumbs a,
#page #thumbs ul,
#page #thumbs ul li {float:left}

#page #thumbs ul {padding:0 10px}

#page #thumbs ul li a {float:none}

#page #thumbs ul img {
	width:30px;
	height:30px;
	padding:4px;
}
#page #thumbs ul a:hover img, #page #thumbs ul a.on img {
	padding:2px;
	border:2px solid white;
}

body.assine #container h2,
body.trabalhe #container h2 {margin-left:230px;text-transform:uppercase}

body.assine form p.erro,
body.trabalhe form p.erro {
	color:#F00;
	font-weight:bold;
}
body.assine p.sucesso,
body.trabalhe p.sucesso {
	color:#FFF;
	font-weight:bold;
	font-style:italic;
	margin-left:230px;
}

body.assine form label,
body.trabalhe form label {
	margin-right:30px;
	height:30px;
	line-height:30px;
	width:200px;
	float:left;
	text-align:right;
	_width:195px;
}

body.assine form li input,
body.trabalhe form li input, body.trabalhe form textarea {
	width:760px;
	padding:7px 0;
	margin-bottom:15px;
}
body.trabalhe form textarea {height:250px;padding:0;overflow:auto}


body.assine form li.tel,
body.trabalhe form li.tel {
	float:left;
}
body.assine form li.nasc label,
body.trabalhe form li.nasc label {
	width:180px;
}

body.assine form li.tel input, body.assine form li.nasc input,
body.trabalhe form li.tel input, body.trabalhe form li.nasc input {
	width:272px;
}

body.assine form p.desc, body.trabalhe form p.desc {padding-left:230px;margin-bottom:15px}
body.trabalhe form p.desc a {color:#FFF;text-decoration:none}
body.trabalhe form p.desc a:hover {text-decoration:underline}

body.assine form input.submit, body.trabalhe form input.submit {margin-left:230px}

#footer {
	padding-top:60px;
	height:182px;
	padding-bottom:10px;
	clear:both;
}
#footer .blog {
	width:187px;
	height:182px;
	float:right;
	background-image:url(/images/site/blog.png)
}
* html #footer .blog {
	background-image:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/site/blog.png", sizingMethod="crop")
}
.vcard {float:left}
.vcard * {display:inline;font-style:normal;font-size:14px;line-height:182px}
.vcard .url, .vcard .locality {display:none;}
.vcard a {color:#FFF;text-decoration:none}
.vcard a:hover {text-decoration:underline;}