* {	margin: 0; padding: 0; border: none; list-style:none; }
img, div, a, input { behavior :url(js_css/iepngfix.htc); }
a { text-decoration:none; }
hr { display:none ;}
ul { list-style:none; }


/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
/* E S T R U T U R A   D O   S I T E */
/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */

body,html {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	font-family: arial;
	font-size: 9pt;
	color: #051A39;
}

#mydiv {
	position:absolute;
	top: 50%;
	left: 50%;
	height:514px;	
	width:770px;
	margin-top: -257px; /*numero negativo(-) que corresponde a metade da ALTURA*/
	margin-left: -385px; /*numero negativo(-) que corresponde a metade da LARGURA*/
}

#header {
	width: 770px;
	height: 40px;
	margin: auto;
	background-color: #FFFFFF;
	background-image: url('../img/topo.jpg');
	background-repeat: no-repeat;
}

#geral {
	width: 717px;
	overflow: hidden;
	margin: auto;
	padding-left: 23px;
	padding-right: 30px;
	background-color: #FFFFFF;
	background-image: url('../img/bg.jpg');
	background-repeat: repeat-y;
}

.o3logo {
	width:51px;
	height:74px;
	border:0;
	margin-top: 350px;
}

#coluna1 {
	width: 63px;
	height: 424px;
	float: left;
	overflow: hidden;
	margin: auto;
	padding: 0px;
}

#coluna2 {
	width: 652px;
	float: left;	
	margin: 0px;
	padding: 0px;
	background-color: #FFF;	
}

#footer {
	width: 770px;
	height: 50px;
	margin: auto;
	background: #EEE url('../img/base.jpg') top left no-repeat;
	}
	
#footer p {
	float: right;
	padding: 30px 10px 0 0;
	font: 9px/12px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
	color: #737172;
}

#footer a { color:#737172; }

#footer a:hover { color:#000; }	

/* HHHHHHHHHHHHHHHHHHHHHHH */
/* M E N U   D O   S I T E */
/* HHHHHHHHHHHHHHHHHHHHHHH */

#menu { 
	width:100%; 
	height:50px; 
	overflow:hidden;
}

#menu .fim { border-right:none; }

#menu li a:hover { background:#EEE; }

/* MENU TOP */

#top { 
	float:left;
	width:420px;
}
#top ul { margin:0; padding:0;}
#top ul li { 
	float:left;
	width:auto;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#top ul li a { 
	display:block; 
	padding:3px 10px 6px; 
	border-right:1px solid #CCC;
	text-decoration:none;
	color:#000;
}

	/* quando ativo */
	li#menu_empresa a:hover { background-color:#EEE; }
	
	li#menu_servicos a:hover { background-color:#EEE; }
	
	li#menu_equipe a:hover { background:#EEE; }
	
	li#menu_clientes a:hover { background:#EEE; }
	
	li#menu_contato a:hover { background:#EEE; }
	
	li#menu_parceiros a:hover { background:#EEE; }
	
	/* quando selecionado */
	#body-empresa li#menu_empresa a{ background:#EEE; }
	
	#body-servicos li#menu_servicos a { background:#EEE; }
	
	#body-equipe li#menu_equipe a { background:#EEE; }
	
	#body-clientes li#menu_clientes a { background:#EEE; }
	
	#body-contato li#menu_contato a { background:#EEE; }
	
	#body-parceiros li#menu_parceiros a { background:#EEE; }

/* MENU LINGUAS */

#linguas {
	width:225px; 
	height:20px; 
	float:right;
	padding-right:5px;
}
#linguas ul { margin:0; padding:0;}
#linguas ul li { 
	float:right;
	width:auto;
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#fff;
}

#linguas ul li a { 
	display:block; 
	padding:3px 12px 6px; 
	border-right:1px solid #CCC;
	text-decoration:none;
	color:#F90;
}

/* MENU SERVICOS */

#servicos { 
	float:left; 
	width:100%;
	margin:0;
	padding:0;
}
#servicos ul { margin:0; padding:0;}
#servicos ul li { 
	float:left;
	width:auto;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#FFF;
	margin:0;
}

#servicos ul li a { 
	display:block; 
	padding:8px 7px 3px;
	border-right:1px solid #CCC;
	text-decoration:none;
	color:#5691B8;
	margin:0;
}

	/* quando ativo */
	li#menu_embalagens a:hover { background:#EEE; }
	li#menu_identidade a:hover { background:#EEE; }
	li#menu_designedit a:hover { background:#EEE; }
	li#menu_designprod a:hover { background:#EEE; }
	li#menu_designmobi a:hover { background:#EEE; }
	li#menu_latindesign a:hover { background:#EEE; }
	
	/* quando selecionado */
	#body-embalagens li#menu_embalagens a { background:#EEE; }
	#body-identidade-corporativa li#menu_identidade-corporativa a { background:#EEE; }
	#body-design-editorial li#menu_design-editorial a { background:#EEE; }
	#body-design-de-produtos li#menu_design-de-produtos a { background:#EEE; }
	#body-design-de-mobiliario li#menu_design-de-mobiliario a { background:#EEE; }
	#body-latin-design li#menu_latin-design a { background:#EEE; }


/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
/* C O N T E U D O   D O   S I T E */
/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */

#tudo {
	margin-top:10px;
	height:380px;
	width:666px;
	overflow:hidden;
}
		
#conteudo,#direita { float:left; }

#conteudo {
	width:485px;
	height:380px;
	overflow:auto;
}

#conteudo-dois { 
	width:580px;
	height:380px;
	overflow:hidden;
}

#direita {
	height:380px;
	background-color:#FFF;
	overflow:auto;
}
	.direitaum { width:176px; }
	.direitadois { width:79px; }
	.direita-texto { width:150px;}

	/* conteudo */
	
	.branco { background:#FFFFFF url(../img/bg-conteudo2a.gif) bottom left no-repeat; }
	
	.azul { background:#4A6B98 url(../img/bg-azul.jpg) bottom left no-repeat; }
	
	.conteudo {
		width: 480px;
		height: 364px;
		float:left;
		margin:0;
	}
		.texto {
			max-height:400px;
		}
		
		.texto-embalagens { 
			height:140px;
			overflow:auto;
		}
		.texto-embalagens p {
			width:420px;
		}
		
		.flash {
			width:485px;
			height:180px;
			position:absolute;
			left:0px;
			top:0px;
		}
	
	.conteudo h1 {
		font: 12px Arial, Helvetica, Verdana, sans-serif;
		text-transform: uppercase;
		font-weight: bold;	
		color: #FFF;
		margin: 30px 55px 16px 30px;
		padding-left:18px;
		background:url(../img/seta01.gif) center left no-repeat;
	}
	.conteudo h2 {
		padding-left:18px;
		background:url(../img/seta01.gif) center left no-repeat;
		margin: 45px 55px 0px 30px;
		font: 12px Arial, Helvetica, Verdana, sans-serif;
		text-transform: uppercase;
		font-weight: bold;
		line-height:61px;
		color:#FFF;
	}
		
	
	.conteudo p {
		font: 12px/16px Arial, Helvetica, Verdana, sans-serif;	
		color: #FFF;
		margin: 0 40px 14px 30px;
	}
	
	.conteudo a { color:#FFF; }
	
	.conteudo a:hover  { color:#000; }
	
	a.fotodesigner { 
		background:#FFF;
		padding:2px;
		margin:15px 10px 10px 30px;
		width: auto;
		height:auto;
		display:block;
		float:left;
	}

	/* conteudo_capa */
	
	.conteudo_capa {
		width: 420px;
		height: 364px;
		float:left;
		background-color: #FFF;		
		overflow: auto;	
	}		

	.conteudo_capa p {
		font: 11px/16px Arial, Helvetica, Verdana, sans-serif;	
		color: #333;
		margin: 10px 30px 14px 15px;
	}
	
	.conteudo_capa h1 {
		font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;	
		color: #333;
		margin: 10px 35px 14px 15px;
	}
	
	
	.conteudo_capa a { color:#7F7F7F; }
	
	.conteudo_capa a:hover { color:#000; text-decoration: underline; }
	
	/* conteudo_detalhe */
	
	.conteudo_detalhe {
		width: 380px;
		height: 364px;
		float:left;
		margin: 11px 0 0 0;
		background: #FFF;
	}
	
	.texto_detalhe {
		width: 180px;
		height: 364px;
		float:left;
		margin: 11px 0 0 0;
		overflow: auto;
	}
	
	.texto_detalhe p {
		font: 11px/15px Arial, Helvetica, Verdana, sans-serif;	
		color: #7F7F7F;
		margin: 10px 13px 0 10px;
	}
		
	.texto_detalhe a:link, .texto_detalhe a:visited{
		color: #790619;
		text-decoration: none;
	}
	
	.texto_detalhe a:hover {
		color: #000;
		background-color: #F1F0F1;
		text-decoration: none;
	}		
	
	.texto_detalhe h1 {
		font: 11px/15px Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		color: #7F7F7F;
		margin: 20px 13px 0 20px;
		text-indent: 10px;
		background:url(../img/seta03.gif) top left no-repeat;
	}

	/* DIV direita */
	.direita p {
		margin:0;
		font: 9px Tahoma, Arial, Helvetica, sans-serif;
		color: #fff;
		}
	
	.caixa {
		border-top:1px solid #CECECE;
		font-family:Tahoma,Arial,Helvetica,Verdana,sans-serif;
		font-size:10px;
		overflow:hidden;
		width:auto;
		text-align:right;
	}
	
	.caixa a {
		float:left;
		color:#666;
		line-height:13px;
		text-align:right;
		display:block;
		width:100%;
		}
	
	.caixa-texto {
		color:#666;
		width:93px;
		float:left;
		padding:1px;
	}
	
	.caixa img {
		width:60px;
		height:57px;
		margin:2px 0px 2px 4px;
		float:right;
	}

/* HHHHHHHHHHHHHHHHHHHHHHH */
/* L A T I N   D E S I G N */
/* HHHHHHHHHHHHHHHHHHHHHHH */

.texto-latin {
	float:left;
	width:320px;
	height:auto;
}
.texto-latin-bio {
	display:block;
	width:400px;
	height:180px;
	margin:0 0 0 30px;
	overflow:auto;
}
ul.latin-images {
	width:400px;
	height:50px;
	background:none;
	margin:10px 0 0 30px;
	overflow:hidden;
}
ul.latin-images li {
	display:block;
	width:48px;
	height:48px;
	margin:1px;
	float:left;
}
.latin-images img {
	width:48px;
	height:48px;
}

ul.latin-menu {
	position:absolute;
	top:60px;
	right:0px;
	float:left;
	width:190px;
	height:auto;
	overflow:auto;
}
.latin-menu li {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	margin: 0 5px 25px 5px;
	padding-left:18px;
	background:url(../img/seta01.gif) center left no-repeat;
}

#portifolio-artista {
	width:184px;
	height:380px;
	overflow:hidden;
	float:left;
	background-color:#FFF;
}
#portifolio-artista img {
	margin:0 5px 5px 5px;
	width:60px;
	height:57px;
	float:left;
}
#portifolio-artista h2 {
	display:block;
	float:left;
	text-align:left;
	text-decoration:none;
	line-height:13px;
	font:11px Tahoma, Geneva, sans-serif #666;
	padding:0 0 0 10px;
	margin:10px 0 0;
	background:url(../img/seta02.gif) left top no-repeat;
	color:#666;
	width:100px;
	height:60px;
}
#portifolio-artista .bio {
	width:180px;
	height:12px;
	float:left;
	margin-bottom:10px;
}
#portifolio-artista .bio img {
	float:left;
	height:10px;
	width:auto;
}

/*   */
#portifolio-texto {
	margin:0 0 0 10px;
	width:180px;
	height:285px;
	overflow:auto;
}

#portifolio-textodois {
	margin:0 10px;
	width:180px;
	height:380px;
	overflow:auto;
}

#portifolio-texto h3, #portifolio-textodois h3 {
	font:11px Arial,Helvetica, Verdana, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#666;
	margin:0 5px 10px 5px;
}
#portifolio-texto p, #portifolio-textodois p {
	font:11px Arial,Helvetica, Verdana, sans-serif;
	line-height:16px;
	color:#666;
	margin:2px 2px 10px 2px;
}

#portifolio-texto a, #portifolio-textodois a {
	color:#F90;
}

/* 	HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
/*	TESTE DE CONFLITO DE FOLHAS DE ESTILOS ( BACK-UP FOLHA DE ESTILOS ANTIGA ) */
/* 	HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
#mainnav {float: left;width:652px;height:47px;background-color:#FFF;}#geral-links {width: 350px;float: left;}#geral-rechts {width: 250px;float: right;overflow: hidden;}#conteudo2 p {font: 12px/16px Arial, Helvetica, Verdana, sans-serif;color: #FFF;margin: 0 40px 14px 30px;}#conteudo2 a {color: #FFF;}
#conteudo2 a:hover {color: #000;}#conteudo2 h1 {font: 12px Arial, Helvetica, Verdana, sans-serif;text-transform: uppercase;font-weight: bold;color: #FFF;margin: 30px 55px 16px 30px;padding-left:18px;background:url(../img/seta01.gif) center left no-repeat;}#conteudo2 {width: 480px;height: 364px;float:left;margin: 11px 0 0 0;background:#4A6B98 url(../img/bg-conteudo2.gif) bottom left no-repeat;}.direita2 {width: 92px;height: 364px;float:left;margin: 0;background: #FFF;margin-right: 0;}.direita_capa {width:232px; height:364px;float:left;margin:0;background:#4A6B98 url(../img/bg-conteudo2.gif) bottom right no-repeat;}.direita_capa p {font: 11px/14px Arial, Helvetica, Verdana, sans-serif;color: #FFF;margin: 0 18px 14px 30px;}.direita_capa h1 {font: 11px/14px Arial, Helvetica, Verdana, sans-serif;font-weight: bold;color: #FFF;margin: 10px 40px 15px 30px;padding-left:18px;background:url(../img/seta04.gif) center left no-repeat;}.direita_capa a {color: #FFF;}.direita_capa a:hover {color: #000;}.overflow {overflow: auto;width: 171px;height: 364px;}.pad {padding: 0;margin: 0;}.box {font: 10px/13px Tahoma, Arial, Helvetica, Verdana, sans-serif;color: #666;margin: 0;height: 60px;clear: left;border-bottom: 1px solid #E2E2E2;}.box img {border: 0;padding: 0;float: right;margin: 1px 4px 0px 4px;width:61px;height:61px;}.overflow2 {overflow: auto;width: 92px;height: 364px;}.overflow3 {overflow: auto;width: 400px;height: 364px;}.box2 {font: 9px/13px Tahoma, Arial, Helvetica, Verdana, sans-serif;color: #666;margin: 0;height: 60px;clear: left;border-bottom: 1px solid #E2E2E2;}.box2 img {border: 0;padding: 0;float: left;margin: 0px 0px 0px 8px;}.boxtxt {padding:4px 0 0 5px;text-align: right;height:61px;}