html {
	height: 100%;
	}
.orange {
	color: #FF5500;
}
	
	* html #container{
	height: 100%; /* hack para IE6 que trata height como min-height */
	}

body {
	width:100%;
	height:100%;
	font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-size:68.8%;
	color:#6b6b6b;
	background:#e8e7e8;
	}
a{
color:#6b6b6b;
}
a:hover{
color:#FF5500;
}

/* CONTAINER */
#container{
	position:relative;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
	}
#wrap{
	position:relative;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
	width:950px;
	left:50%;
	margin-left:-475px; /* Metade do valor width */
	}
#menu li#logo{
width:241px;
height:48px;
float:left;
background:url(../img/logo.jpg) no-repeat;
}
#menu li#logo h1{
text-indent:-9999px;
height:48px;
}
#menu{
	width:944px;
	height:48px;
	margin-top:15px;
}
/* CABEÇALHO */
/*#header{
	width:0px;
	height:0px;
	background:url(../img/headerBackground.jpg) no-repeat;
	}
	#header h1{
	font-size:2em;
	color:#FFFFFF;
	padding:50px 30px;
	}
/* ---------- Acesso Restrito --------------
	#header a{
	float:right;
	margin:10px;
	color:#FFCC00;
	}
	#header a:hover{
	font-weight:bold;
	}
*------------ Fim de Acesso Restrito ------*/

/* CONTEÚDO */
#content{
	width:100%;
	height:100%;
/*	background:#FFFFFF url(../img/contentBackground.jpg) repeat-x;*/
	padding-bottom:30px; /*Altura do Rodapé */
	}
.bannerHome{
	width:932px;
	height:260px;
	margin-top:10px;
	background-color: #E8E7E8;
	background-image: url(../img/fundo_banner_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.title_banner {
	color: #F15926;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: italic;
	font-weight: bold;
	padding-top: 60px;
	padding-left: 30px;
}
.texto_banner {
	font-size: 9pt;
	font-style: italic;
	color: #666;
	padding-left: 30px;
	padding-top: 30px;
	line-height: 16px;
	padding-right: 30px;
}
.conteudo_banner {
	float: left;
	width: 570px;
}


#casecontainer{
width:925px;
height:auto;
background:#E8E7E8;
margin-top:10px;
display:none;
}
/* EMPRESA */
div.interna{
width:925px;
}
span.video{
	width:320px;
	height:250px;
	float:left;
	margin: 40px;
}
span.texto{
width:480px;
min-height:320px;
float:left;
margin:10px;
background:#FDFDFD;
border:1px solid #c6c6c6;
}
span.textofull{
width:910px;
overflow:hidden;
float:left;
margin:10px;
padding-bottom: 20px;
background:#FDFDFD;
border:1px solid #c6c6c6;
}
span.texto h3, span.textofull h3{
font-size:1.2em;
padding:15px 10px;
}
span.texto p, span.textofull p{
font-size:1em;
line-height:1.2em;
padding:10px;
}


span.texto em, span.textofull em{
	color:#6b6b6b;
	font-style:normal;
}
span.texto a, span.textofull a{
color:#FF5500;
}
span.texto a:hover, span.textofull a:hover{
color:#FF5500;
}


/* EQUIPE */
ul.equipe{
padding:10px;
}
ul.equipe li{
margin-bottom:10px;
}
li.fotoSmall{
width:100px;
height:90px;
padding:10px 2px;
text-align:center;
cursor:pointer;
float:left;
}
#equipecontainer{
width:910px;
min-height:100px;
margin:10px;
background:#FDFDFD;
border:1px solid #c6c6c6;
display:none;
clear:both;
}
#equipecontainer h3{
font-size:1.2em;
font-weight:bold;
padding:10px;
}
#equipecontainer p{
font-size:1em;
padding:10px;
}

.equipecontainer{
width:880px;
float:left;
margin:10px;
background:#FDFDFD;
display:none;
border:1px solid #c6c6c6;
overflow:hidden;
padding: 15px;
}

/* CLIENTES */

ul.clientes{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
}
ul.clientes li{
	width:130px;
	height:110px;
	padding:10px;
	text-align:center;
	float:left;
	color: #FDFDFD;
}
/* NA MÍDIA */
ul.clipping{
padding:10px;
}
ul.clipping li{
padding:5px 0px;
}
/* CASES */
#cases{
clear:both;
width:930px;
height:66px;
background:url(../img/cases.jpg) repeat-x;
margin-top:15px;
}
#cases li{
height:66px;
list-style:none;
float:left;
overflow:hidden;
}
#cases li a{
width:111px;
height:56px;
padding:30px 10px;
display:block;
text-indent:-9999px;
}
#cases li.apex a{
background:url(../img/case_apex.jpg) no-repeat;
}
#cases li.creci a{
background:url(../img/case_creci.jpg) no-repeat;
}
#cases li.primebrasil a{
background:url(../img/case_creci.jpg) no-repeat;
}
#cases li.oab a{
background:url(../img/case_oab.jpg) no-repeat;
}
#cases li.medmais a{
background:url(../img/case_oab.jpg) no-repeat;
}
#cases li.amatra a{
background:url(../img/case_amatra12.jpg) no-repeat;
}
#cases li a:hover{
background-position:0px -66px;
}

#cases li.caseleft{
width:231px;
height:66px;
background:url(../img/caseleft.jpg) no-repeat;
}
#cases li.caseright{
width:9px;
height:66px;
background:url(../img/caseright.jpg) no-repeat;
float:right;
}

/* QUADS */
#quad{
clear:both;
}
#quad li{
width:231px;
height:174px;
float:left;
margin:10px 1px;
}
div#quad li#desenvolvimento a{
width:231px;
height:174px;
display:block;
text-indent:-9999px;
background:url(../img/quadDesenvolvimento.jpg) no-repeat;
}
div#quad li#desenvolvimento a:hover{
background-position:0px -174px;
}
div#quad li#infraestrutura a{
width:231px;
height:174px;
display:block;
text-indent:-9999px;
background:url(../img/quadInfraestruturaTI.jpg) no-repeat;
}
div#quad li#infraestrutura a:hover{
background-position:0px -174px;
}
div#quad li#mspartner a{
width:231px;
height:174px;
display:block;
text-indent:-9999px;
background:url(../img/quadMSPartner.jpg) no-repeat;
}
div#quad li#mspartner a:hover{
background-position:0px -174px;
}
div#quad li#responsabilidade a{
width:231px;
height:174px;
display:block;
text-indent:-9999px;
background:url(../img/quadResponsabilidade.jpg) no-repeat;
}
div#quad li#responsabilidade a:hover{
background-position:0px -174px;
}
/* SITEMAP */
#sitemap{
width:900px;
height:61px;
color:#FF5500;
text-transform:uppercase;
}
#sitemap ul{
width:950px;
clear:both;
margin:0 auto;
}
#sitemap li{
list-style:none;
height:61px;
float:left;
padding:25px 2px;
background:url(../img/sitemap.jpg) repeat-x;
}
#sitemap li.smleft{
width:12px;
height:61px;
float:left;
margin-right:-4px;
background:url(../img/sitemap_left.jpg) no-repeat;
}
#sitemap li.smright{
width:12px;
height:61px;
float:left;
background:url(../img/sitemap_right.jpg) no-repeat;
}


/* CONTATO */
#contato{
font-size:1em;
}
#contato form {	
width:400px;
margin:10px;
}
		
fieldset {
border:none;
}

#contato form fieldset legend {
font-size:1.2em;
font-weight:bold;
color:#FF5500;
margin:0 0 10px;
}
		
#contato form fieldset label {
color:#6b6b6b;
font-size:1.2em;
display:block;
width:200px;
margin-bottom:5px;
}
		
#contato form fieldset label.labmensagem {
width:400px;
}
		
#contato form fieldset label.labmensagem textarea {
width:400px;
height:100px;
font-size:1em;
padding:10px;
border:1px solid #CCCCCC;
margin-top:5px;
}
		
#contato form fieldset label input {
width:410px;
border:1px solid #CCCCCC;
padding:3px;
margin-top:5px;
}
	
#contato form fieldset input.botao {
border:1px solid #FF5500;
background:#FF5500;
color:#FFFFFF;
padding:3px;
position:relative;
left:50%;
margin-left:-20px;
font-size:1.3em;
cursor:pointer;
}
	
/* RODAPÉ */	

#footer{
	width:100%;
	height:30px;
	/*	position:absolute; /* Não alterar */
/*	top:100%;  /* Não alterar */
	background:url(../img/footerBackground.jpg) repeat-x;
	clear:both;
	margin-top:30px;
	text-align: center;
	}

	#footer p{
	width:900px;
	position:relative;
	left:50%;
	margin-left:-500px;
	font-size:0.9em;
	color:#6b6b6b;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 40px;
	}
	
/* Adicionado Mapa*/
#mapa{
	width: 930px;
	height: 480px;
	margin: 0 auto;
	float: left;
	overflow:hidden;
}
#portfolio{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;

}
.img_banner {
	float: left;
	padding-left: 19px;
}


#totalPop2 {
width:100%;
height: 100%;
position:absolute;
top: 30px;
bottom:0;
left:0;
right:0;
text-align:center;
z-index:1500;
}

#totalPop4{
width:100%;
height:100%;
background:#000;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
z-index:100;
}