/* Estilos do site oficial Grupo Primacy Translations */
/* Design e Programação PICTUS arte interativa */

* {padding:0; margin:0;}

/* Estrutura e bgs */
body {margin:0 auto; background-color:#fbfcff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000;} 

#containerPrincipal {
	padding:0;
	margin:0;
	background-image: url(../img/bg_container.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#topoDegrade {
	padding:0;
	margin:0;
	background-image: url(../img/bg_topo_degrade.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;}

/************************************************************************/
/* Conteudo */
#conteudo {width:911px; margin:0 auto; padding:0 0 30px 0; clear:both; float:none; overflow:visible; position:relative; z-index:0;}
#conteudo p {font-size:14px; line-height:1.8em; padding-bottom:1.4em;}

/* Titulos */
h1 {font-family: Verdana, 'Trebuchet Ms', Arial, Helvetica, sans-serif; color:#006699; font-weight:normal; font-size:1.7em; padding-bottom:1em; padding-top:1.8em;}
h2 {font-family: Verdana, 'Trebuchet Ms', Arial, Helvetica, sans-serif; color:#006699; font-weight:normal; font-size:1.2em; padding-bottom:1em;}
h3 {font-family: Verdana, 'Trebuchet Ms', Arial, Helvetica, sans-serif; color:#006699; font-weight:normal; font-size:1em; padding-bottom:1em;}

/* Links */
a {color:#e98c00;}

#conteudo a {color:#e98c00;}
#conteudo a:hover {color:#fff; background-color:#fb9d41;}

#premios a {color:#e98c00;}
#premios a:hover {color:#fff; background-color:#fb9d41;}

/* Boxes */
#boxes {padding:30px 0 0 0; overflow:hidden; clear:both;}
.boxHome {
	width:250px;
	height:230px;
	border:1px solid #cde0ee;
	float:left;
	padding:15px;
	margin-right:30px;
	background-color:#fcfdfd;
	background-image: url(../img/degrade_boxes.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#boxes ul {margin-left:20px; font-size:14px;} 
#boxes p {margin-left:10px; font-size:14px;}
#boxes ul li {list-style-image:url(../img/seta_laranja.gif); padding-bottom:8px; line-height:1.3em}

/************************************************************************/
/* INFOGRAFICO HOME */
#containerInfo {
	padding:0;
	margin:0;
	background-color:#e8eff8;
}
#infografico {width:911px; background-color:#e8eff8; margin:0 auto; padding:25px 0 30px 0;}

/************************************************************************/
/* PREMIOS HOME */
#containerPremios {
	padding:0;
	margin:0;
	background-color:#fbfcff;}
#premios {width:911px; background-color:#fbfcff; margin:0 auto; padding:0 0 45px 0; overflow:hidden;}
#premios p {font-size:14px; line-height:1.7em; padding-bottom:1em;}

/************************************************************************/
/* RODAPE */
#containerRodape {
	padding:0;
	margin:0;
	background-color:#0074ad;	
	background-image:url(../img/bg_rodape.jpg);
	background-repeat: repeat-x;}
#rodape {
	width:911px;
	height:286px;
	margin:0 auto;}
#etiqueta {float:right; height:286px; width:574px;}
#rodape p {font-size:11px; color:#cce2ed;}
#rodape a {color:#99c5d9; text-decoration:none;}
#rodape a:hover {background-color:#006699;}

/************************************************************************/
/* MENU */
#menu {margin:0 auto; width: 911px; clear:both; position:relative; z-index:2;}
ul#menuUL {list-style: none; margin: 0; padding: 0; float: left;}
#menu li a {display: block; }
#menu li {list-style: none; position: relative; float:left;}
#menuUL li ul li{float:none;}

#menu ul .menu_home a{	
	height:47px;
	text-indent:-90000px;
	width:131px;
	background-image: url(../img/bt_home.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_home {	
	width:131px;
	background-image: url(../img/bt_inativo_home.gif);
	background-repeat:no-repeat;}
		
#menu ul .menu_quemsomos a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_quemsomos.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_quemsomos_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_quemsomos.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_servicos a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_servicos.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_servicos_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_servicos.gif);
	background-repeat:no-repeat;}
		
#menu ul .menu_metodologia a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_metodologia.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_metodologia_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_metodologia.gif);
	background-repeat:no-repeat;}

#menu ul .menu_clientes a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_clientes.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_clientes_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_clientes.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_cases a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_cases.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_cases_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_cases.gif);
	background-repeat:no-repeat;}
	
#menu ul .menu_acervo a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_acervo.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_acervo_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_acervo.gif);
	background-repeat:no-repeat;}	
	
#menu ul .menu_contato a{	
	height:47px;
	text-indent:-90000px;
	width:130px;
	background-image: url(../img/bt_contato.gif);
	background-repeat:no-repeat;}		
#menu ul .menu_contato_selecionado {	
	width:130px;
	background-image: url(../img/bt_inativo_contato.gif);
	background-repeat:no-repeat;}

/* Hover do botao, mexe somente o position do background */	
#menu ul .menu_home a:hover, #menu ul .menu_quemsomos a:hover, #menu ul .menu_servicos a:hover, #menu ul .menu_metodologia a:hover, 
#menu ul .menu_clientes a:hover, #menu ul .menu_cases a:hover, #menu ul .menu_acervo a:hover, #menu ul .menu_contato a:hover {background-position:0 -47px;}
/* Botoes selecionados, isto eh, o botao da secao em que a pessoa esta fica laranja */
#menu ul .menu_home, #menu ul .menu_quemsomos_selecionado, #menu ul .menu_servicos_selecionado, #menu ul .menu_metodologia_selecionado,
#menu ul .menu_clientes_selecionado, #menu ul .menu_cases_selecionado, #menu ul .menu_acervo_selecionado, #menu ul .menu_contato_selecionado {height:47px; overflow:hidden; margin: 0; display: block; text-indent:-90000px;}

#menu ul ul {position: absolute; z-index:500;}

div#menu ul li ul {
	background-image:url(../img/degrade_submenu.jpg);
	background-repeat: repeat-x;
	background-position: left top; 
	display: none;
	position:absolute;
	top:47px;
	left:0;}
	
div#menu ul li:hover ul {
	display: block;
	background-color:#fff;
	width:162px;
	font-size:0.8em;
	border-bottom:solid 1px #a1c4dd; border-left:solid 1px #a1c4dd; border-right:solid 1px #a1c4dd;}

div#menu ul li:hover ul a {font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif; color:#555; text-decoration:none; width:162px;}

div#menu ul li:hover ul a:hover{
	display: block;
	background-color:#fb9d41;	
	color:#FFFFFF;}
	
div#menu ul li ul li p {padding:7px 5px 7px 7px;}

div#menu ul li ul li a:hover{
	display: block;
	background-color:#fb9d41;
	width:162px;
	color:#FFFFFF;}
	
/*******************************************************************************************/
/* CONTATO */

.mapa {float:right; clear:right; overflow:hidden;}	
.mapa iframe {border:solid 2px #ddd;}
	
.caixaForm {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size: 13px;
	padding:3px;
	margin-bottom:7px;
	width: 220px;
	border: 1px solid #aaa;
} 
.botao_form {
	color:#fff;
	padding:5px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	background-color: #FF9900;
	border: 1px solid #fff;
	margin-top:5px;
}	
	
label {font-size:13px; line-height:1.7em; color:#333; font-weight:bold;}
	
/*******************************************************************************************/
/* CLASSES AUXILIARES*/

.laranja {color:#fb9d41; padding-bottom:0.8em; padding-top:0.2em;}
.azul {color:#006699; padding-bottom:0.8em; padding-top:0.2em;}
.cinza {color:#888; padding-bottom:0.8em;}
.preto {color:#333; padding-bottom:0.7em; padding-top:0.5em; font-weight:bold; font-size:0.9em;}
.depoimento {
	color:#006699;
	font-style:italic;
	padding:10px 180px 20px 90px;
	text-align:justify;}
.boxCases {
	width:880px;
	border:1px solid #cde0ee;
	padding:15px;
	background-color:#fcfdfd;
	background-image: url(../img/degrade_boxes.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom:40px;
	clear:both;
	overflow:hidden;}
	
.palavraDiretores {
	clear:both; 
	color:#006699;
	font-style:italic;
	padding:0 60px 20px 30px;
	text-align:justify;}