@charset "utf-8";
/* CSS Document */
body {
	background-image: url(../img/bg.jpg);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#principal {
	padding-top:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}
	
#topo {
	margin-top:0px;
	background-color:#000000;
	height:27px;
}
#header {
	width:700px;
	height:123px;
}


#xbanner {
	width:700px;
	height:204px;
	}
	
#coluna_esquerda {
	width:216px;
	height:400px;
	margin-top:19px;
	overflow: hidden;
}
#coluna_meio {
	width:216px;
	height:400px;
	margin-left:242px;
	margin-top:-400px;
	overflow: hidden;
}
#coluna_direita {
	width:216px;
	height:400px;
	margin-left:484px;
	margin-top:-400px;
  	overflow: hidden;
}



/** Menu Topo **/ 

#topo ul {margin:0;	padding:0;}

#topo li {float:right; list-style:none; line-height:15px; font-size:10px; padding-left:20px; margin-top:5px; font-family:Arial;}
#topo li a{text-decoration:none; color:#FFFFFF; padding-left:20px; padding-right:5px; display:block;}

#topo li#twitter a {background:url(../img/ico_twitter.jpg) no-repeat; }
#topo li#restrito a {background:url(../img/ico_restrito.jpg) no-repeat; }

#topo li#twitter a:hover{text-decoration:underline;}
#topo li#restrito a:hover{text-decoration:underline;}


/** Logo  **/ 
#logo {background:url(../img/logo.jpg) no-repeat; width:270px; height:46px; margin-top:32px; position:absolute;}
#logo h1{margin:0; padding:0;}
#logo span {display:none; }


/** Menu Principal **/

#menu ul {margin:0;	padding:0; }

#menu li {float:right; list-style:none; font-size:15px; font-weight:bold; font-family:arial; letter-spacing:-1pt; height:33px; margin-top:46px; }
#menu li a{text-decoration:none; color:#9c9c9c; padding-left:9px; padding-right:5px; }

#menu li a:hover{color:#f39928;}


/** Rodapé **/ 

#rodape ul {margin:0;	padding:0; margin-left:45px; }

#rodape li {float:left; list-style:none; line-height:18px; font-size:12px; padding-left:30px; padding-right:46px; margin-top:18px; color:#666; }

#rodape li a{text-decoration:none; color:#666;}

#rodape li#endereco {background:url(../img/ico_casa.jpg) no-repeat; }
#rodape li#telefone {background:url(../img/ico_tel.jpg) no-repeat; }
#rodape li#email {background:url(../img/ico_carta.jpg) no-repeat; }

#rodape li#email a:hover{text-decoration:underline; color:#666;}
#rodape li#email a:visited{color:#666;}

#rodape {
	width:700px;
	height:50px;
	background-image:url(../img/bg_footer.jpg);
  	overflow: hidden;
}


/** Faixa azul **/ 
#faixa {width:700px; height:86px; background:url(../img/faixa.jpg);}
#faixa h3 {font-family:arial; font-size:28px; color:#FFFFFF; letter-spacing:-1pt;  padding-top:45px; padding-left:15px; margin:0px; font-weight:inherit;}



/** Agencia **/ 
#quem_somos {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/ag_quem_somos.jpg) bottom no-repeat; }
#missao {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/ag_missao.jpg) bottom no-repeat;}
#nossa_marca {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/ag_nossa_marca.jpg) bottom no-repeat;}
#depoimentos {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/ag_depoimentos.jpg) bottom no-repeat;}


/** Soluções **/ 
#branding {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/sl_branding.jpg) bottom no-repeat;}
#online {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/sl_online.jpg) bottom no-repeat;}
#offline {width:699px; height:123px; _height:173px; *height:173px; background:url(../img/sl_offline.jpg) bottom no-repeat;}


#caixa_guideline {
width:697px;
display: none;
border:1px solid #999999;
}
#mostrar_guideline {
height:35px;
margin-top:10px;
display:block;
width:697px;
border:1px solid #999999;
background-color:#F7F7F7;
text-decoration:none;
}

#caixa_miv {
width:697px;
display: none;
border:1px solid #999999;
}
#mostrar_miv {
margin-top:10px;
display:block;
width:697px;
border:1px solid #999999;
background-color:#F7F7F7;
text-decoration:none;
}
#caixa_logo {
width:697px;
display: none;
border:1px solid #999999;
}
#mostrar_logo {
margin-top:10px;
display:block;
width:697px;
border:1px solid #999999;
background-color:#F7F7F7;
text-decoration:none;
}





/** Informe-se **/ 
#outras_noticias {font-size:13px; color:#F99E29;}

/** formulario **/ 
fieldset {border:0px;color:#666666; font-size:12px;}
fildset,.grupo{text-transform:uppercase;color:#666666; font-size:12px;	}



/** Cases  **/ 
#cases img {border:none}
#cases ul {margin:0; padding:0; width:687px; margin-left:13px; margin-top:12px;}
#cases ul:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#cases ul li {list-style-type:none; float:left; margin:0 12px 0px 0; }
#cases ul li a, ul li a img {float:left; overflow:hidden;}
#cases ul li a:hover {border:4px solid #CCCCCC}
#cases ul li a:hover img {margin:-4px}



/** Exibir 1 trabalho  **/ 
#mouseover1 img {border:none;float:left;}
#mouseover1 ul {margin:0; padding:0; width:657px; margin-left:21px; margin-top:42px;}
#mouseover1 ul:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#mouseover1 ul li {list-style-type:none; float:none; margin:0 52px 12px 190px;}
#mouseover1 ul li a, ul li a img {float:left; overflow:hidden;}
#mouseover1 ul li a:hover {border:4px solid #CCCCCC}
#mouseover1 ul li a:hover img {margin:-4px}



/** Exibir 2 trabalhos  **/ 
#mouseover img {border:none;float:left;}
#mouseover ul {margin:0; padding:0; width:698px; margin-left:38px; margin-top:42px;}
#mouseover ul:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#mouseover ul li {list-style-type:none; float:left; margin:0 52px 12px 0}
#mouseover ul li a, ul li a img {float:left; overflow:hidden;}
#mouseover ul li a:hover {border:4px solid #CCCCCC}
#mouseover ul li a:hover img {margin:-4px}

/** Exibir 4 trabalhos  **/ 
#cases_interna img {border:none;float:left; _margin-top:20px; _margin-bottom:6px; *margin-top:20px; *margin-bottom:6px;}
#cases_interna ul {margin:0; padding:0; width:687px; margin-left:41px; margin-top:42px; margin-bottom:20px;}
#cases_interna ul:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#cases_interna ul li {list-style-type:none; float:left; margin:0 52px 12px 0}
#cases_interna ul li a, ul li a img {float:left; overflow:hidden;}
#cases_interna ul li a:hover {border:4px solid #CCCCCC}
#cases_interna ul li a:hover img {margin:-4px}




/** portfolio **/ 
#portfolio{height:3970px;margin:0; padding:0;}
#submenu ul {margin-top:5px; padding-bottom:50px; font-family:arial; font-size:12px; list-style:none; margin-left:-24px; _margin-left:16px; *margin-left:16px;}
#submenu li {float:left;margin-right:15px; background:url(../img/lista.gif) no-repeat left; display:block; padding-left:15px; margin-left:0px;}
#submenu li a {color:#666666; text-decoration:none;}
#submenu li a:hover {color:#666666; text-decoration:underline;}


/** portfolio img **/ 
#portfolio_img img {border:none}
#portfolio_img ul {margin:0; padding:0; width:698px; margin-left:10px; margin-top:20px;}
#portfolio_img ul:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#portfolio_img ul li {list-style-type:none; float:left; height:150px; _height:260px; *height:260px; margin:15px 0px 5px -5px; _margin:15px 0px 5px 0px; *margin:15px 0px 5px 0px;}
#portfolio_img ul li a, ul li a img {float:left; overflow:hidden;}
#portfolio_img ul li a:hover {border:4px solid #CCCCCC}
#portfolio_img ul li a:hover img {margin:-4px}

/** portfolio texto **/ 

#portfolio_img p {color:#00FF00;}


.div_coluna{float:left;width:217px; margin-left:10px;}

.img_interna {margin:5px 15px 3px 15px}