/* Defaults */
* {
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}

a{
	color:#cd2a00;
	font-weight:bold;
	text-decoration:underline;
}
	a:hover{
		text-decoration:none;
	}

/* Diagramacao Basica */
body{
	background:#263e4c;
	text-align:center;
	font-family:arial, helvetica, sans serif;
}
	#wrapper{
		background:#919b98 url(bg_wrapper.gif) center top repeat-x;
		padding-top:19px;
	}
		#container{
			width:940px;
			margin:0 auto;
			text-align:left;
		}
		
			/* Cabecalho */
			#header{
				height:287px;
				background:url(bg_header.jpg) no-repeat;
				position:relative;
			}
				/* Contatos */
				#header #contatos, #header #contatos a{
					font-family: arial, helvetica, sans serif;
					color:#fff;
					font-size:12px;
					text-decoration:none;
				}
				#header #contatos{
					padding-top:40px;
					padding-left:15px;
				}
				#header #contatos span, #header #contatos a{
					display:block;
					width:125px;
					height:30px;
					padding-left:20px;
					background-position:left top;
					background-repeat:no-repeat;
					float:left;
				}
					#header #contatos span{
						background-image:url(ico_header_phone.gif);
					}
					#header #contatos a{
						background-image:url(ico_header_mail.gif);
					}
				
				
				/* Logo Visionnaire */
				#header h1{
					width:382px;
					height:127px;
					position:absolute;
					top:137px;
					left:28px;
				}
					#header h1 a{
						display:block;
						width:267px;
						height:106px;
						text-indent:-5000em;
						overflow:hidden;
						background:url(logo_visionnaire.gif);
					}

			
			/* Main menu */
			#mainmenu{
				background-color:#49536f;
				padding-left:15px;
			}
				#mainmenu ul{
					list-style:none;
					height:41px;
				}
					#mainmenu li{
						float:left;
					}
						#mainmenu li a{
							display:block;
							height:41px;
							text-indent:-5000em;
							overflow:hidden;
							background-position:left top;
						}
						
						#mainmenu li #btpaginainicial{
							width:124px;
							background-image:url(bt_paginainicial.gif);
						}
						#mainmenu li #btoutsourcing{
							width:124px;
							background-image:url(bt_outsourcing.gif);
						}
						#mainmenu li #btnucleos{
							width:235px;
							background-image:url(bt_nucleos.gif);
						}
						#mainmenu li #btprojetosespeciais{
							width:165px;
							background-image:url(bt_projetosespeciais.gif);
						}
						#mainmenu li #btmobile{
							width:81px;
							background-image:url(bt_mobile.gif);
						}
						#mainmenu li #btclientes{
							width:93px;
							background-image:url(bt_clientes.gif);
						}
						#mainmenu li #btcontato{
							width:91px;
							background-image:url(bt_contato.gif);
						}
							#mainmenu li a:hover{
								background-position:left bottom;
							}
							
						/* marcando o item correspondente a pagina atual */
						.paginainicial #btpaginainicial,
						.outsourcing #btoutsourcing,
						.nucleos #btnucleos,
						.projetosespeciais #btprojetosespeciais,
						.mobile #btmobile,
						.clientes #btclientes,
						.cases #cases,
						.contato #btcontato{
							background-position:left bottom;
						}
			
			/* Conteudo */
			#content{
				background:#fff;
				font-size:14px;
				padding:0 0 45px 65px;
			}
			
				/* Coluna principal */
				#content #maincolumn{
					float:left;
					width:515px;
					padding:75px 30px 45px 0;
				}
				
					#content #maincolumn p{
						text-align:justify;
						margin-bottom:15px;
					}
				
				
				
				/* Coluna secundaria */
				#content #subcolumn{
					float:left;
					width:270px;
					padding-left:60px;
					background:url(bg_subcolumn2.gif) right top no-repeat;
				}

					#content #subcolumn #cmmi{
						display:block;
						width:146px;
						height:143px;
						background:url(logo_cmmi.gif);
						text-indent:-5000em;
						overflow:hidden;
						margin:56px 0 20px 44px;
					}
					
					#content #subcolumn #boxcases{
						display:block;
						width:132px;
						height:59px;
						background:url(bg_boxcases.jpg);
						margin-bottom:25px;
						padding:42px 0 0 95px;
						font-size:12px;
					}
					
					#content #subcolumn #boxemail{
						display:block;
						width:190px;
						height:29px;
						background:url(bg_boxemail.jpg);
						margin-bottom:30px;
						padding:14px 0 0 32px;
						font-size:12px;
					}
					
					#content #subcolumn #boxtelefone{
						display:block;
						width:190px;
						height:29px;
						font-weight:bold;
						background:url(bg_boxtelefone.jpg) left top no-repeat;
						padding:14px 0 0 32px;
						color:#243a47;
						font-weight:normal;
						font-size:12px;
					}
									
					#content #subcolumn #boxendereco{
						width:222px;
						background:url(bg_boxendereco_top.jpg) left top no-repeat;
						font-size:12px;
						padding-top:11px;
					}
						#content #subcolumn #boxendereco p{
							margin:0 11px 6px 11px;
						}
					
						#content #subcolumn #boxendereco a{
							text-decoration:underline;
							display:block;
							background:url(bg_boxendereco_bottom.jpg) left bottom no-repeat;
							padding:0 0 11px 11px;
						}
						
							
			/* Rodape */
			#footer{
				background:url(bg_footer.gif) center top repeat-x;
				height:163px;
				font-family:Arial, Helvetica, Sans Serif;
				font-size:12px;
				color:#fff;
			}
				#boxbottom{
					width:940px;
					height:100px;
					margin:0 auto;
					background:url(bg_footer.jpg) center top no-repeat;
				}

					/* logos das empresas */
					#companies{
						height:95px;
						clear:both;
					}
						#companies p{
							padding-top:36px;
						}
						#companies #visionnaire,#companies #virtus{
							display:block;
							width:97px;
							height:44px;
							text-indent:-5000em;
							overflow:hidden;
							float:left;
						}
						#companies #visionnaire{
							background:url(footer_visionnaire.gif);
							margin:0 20px;
						}
						#companies #virtus{
							background:url(footer_virtus.gif);
						}
						#companies #ideiasnet{
							display:block;
							width:192px;
							height:44px;
							text-indent:-5000em;
							overflow:hidden;
							float:right;
							background:url(footer_ideiasnet.gif);
							margin-right:20px;
						}

					/* menu do rodape */
					#footermenu a{
						color:#fff;
						text-decoration:underline;
					}
						#footermenu a:hover{
							text-decoration:none;
						}

					/* aviso de copyright */
					#copyright{
						color:#999;
						display:block;
						margin-top:10px;
					}