@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	padding:0px;
	margin:0px;
	border:0px;
	background:url(/images/fundo.jpg);
	width:100%;
	min-width:800px;

}

h1, h2, h3, img, span {margin:0; padding:0; border:0}
p {color:#6f6e6f}
a {outline:none; text-decoration:none;}

h3, h2 {
	color:#E9680A;
    margin:0 0 15px 0;	
}

ul li {
    list-style:none;
}

h2, h1 {
	color:#F06E1E; 
	font-family:"Times New Roman", Times, serif; 
	font-style:italic; 
	font-size:26px; 
}

.clearfix {
	clear:both;
	width:1000px;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	padding:0px;
}

.conteudo {
    clear:both;
    float:left;
    margin:15px 15px;
}

	/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
	min-width:800px;
	margin:0 0 10px 0;
}

.col1{
	float:left;
}

#linha {
	border-bottom:2px solid #E9680A;
	height:81px;
}

#logo {
	float:left;
	width:260px;
	padding:20px;
}

#logo h1 {
	background:transparent url(../images/logomanifesto.png) no-repeat;
	text-indent:-999px;
	width:257px;
	height:42px;
}

#logo h1 a {
	display:block;
	width:257px;
	height:42px;
}

	/*Rodapé*/	
#rodape {
	width:100%;
	height:100px;
	clear:both;
}
	
#rodape .linha_rodape {
	border-bottom:2px solid #F06E1E;
	width:100%;
	height:86px;
}

.fundoRod {
	background: url(../images/fundo2.jpg);
	height:20px;
	z-index:100
}

#flash {
	margin:0 auto;
	width:800px;
	z-index:200
}

object {
	float:left;
	width:800px;
	z-index:200;
}
			
/*menu*/
#menu ul {
	float:right;
	color:#F06E1E;
	margin:22px 20px 0 0;
	padding:0;
}


#menu ul li {
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	width:68px;
	text-align:center;
}


#menu ul li a {
	display:block;
	text-decoration:none;
	color:#6f6e6f;
	background:url(../images/menu/icones-menu.png) 100px center no-repeat;
	padding:21px 0 0 18px;
	height:40px;
}

#menu ul li.line {
	line-height:30px;
}


#menu .quemsomos a:hover,
#menu .quemsomos_selected a {
	background-position:16px;
}

#menu .oquefazemos a:hover,
#menu .oquefazemos_selected a {
	background-position:-73px;
}

#menu .vitrinesocial a {
	width:80px;
	padding:22px 0 0 3px;
}

#menu .vitrinesocial a:hover,
#menu .vitrinesocial_selected a {
	background-position:-168px;
}

#menu .portfolio a {
	padding:22px 0 0 10px;
}

#menu .portfolio a:hover,
#menu .portfolio_selected a {
	background-position:-476px;
}

#menu .clientes a {
	padding:22px 0 0 10px;
}

#menu .clientes a:hover,
#menu .clientes_selected a {
	background-position:-276px;
}


#menu .noticias a {
	padding:22px 0 0 3px;
}

#menu .noticias a:hover, 
#menu .noticias_selected a {
    background-position:-374px;
}

#menu .contato a {
	padding:22px 13px 0 0px;
	width:60px;
}

#menu .contato a:hover,
#menu .contato_selected a {
	background-position:-590px;
}

/*Fim menu*/

/*Boxes das imagens*/

a.boxZoom {
	display:block;
	background:#fff;
	width:220px;
	height:170px;
	padding:3px 3px 0 3px;
	overflow:hidden;
	border-bottom:1px solid #6f6e6f;
	border-right:1px solid #6f6e6f;
	margin:0 20px 20px 0;
    position:relative;
    float:left;
	cursor:pointer;
}

a.boxZoom:hover {
	background:#F06E1E;
}

a.boxZoom .trabalho {
	display:block;
	background:#fff;
	width:220px;
	height:150px;
	overflow:hidden;
}

a.boxZoom .titulo {
	display:block;
	background:#fff;
	font-size:10px;
	line-height:12px;
	opacity:0.9;
	filter: alpha(opacity=90);
	width:210px;
	margin-top:5px;
	color:#000;
	padding:5px;
}

a.boxZoom:hover .titulo {
	margin-top:-36px;
}

a.boxZoom .icone {
	display:block;
	width:13px;
	height:13px;
	background:url(/images/simbolo.png) no-repeat left -13px;
	overflow:hidden;
	position:absolute;
	left:210px;
}

a.boxZoom:hover .icone {
	background:url(/images/simbolo.png) no-repeat left 0px;
}

.cliente {
	position:absolute;
	display:block;
	z-index:100;
	background:#fff;
	width:220px;
	padding-left:5px;
	color:#F06E1E;
	font-weight:bold;
}

a:hover .cliente {
	background:#F06E1E;
	color:#fff;
}
/*FIM*/

/*CSS igual para: oquefazemos.htm, index.htm, quemsomos.htm e news.htm */
.cont .col1 {
    margin:0 20px 0 0;
    width:450px;
    float:left;
}

.cont .col2 {
    width:500px;
    float:right
}

.projetos {
	width:500px;
}
/*FIM CSS igual para: oquefazemos.htm, index.htm, quemsomos.htm e news.htm */

/*CSS igual para: vitrinesocial.htm e projetos.htm */

.cont2 .col1 {
    width:230px;
    float:left;
}

.cont2 .col1 a {
    color:#E9680A;
}

.cont2 .col1 a:hover {
    color:#6F6E6F;
}
 
.cont2 .col1 h3 {
    margin:0 0 3px 0;
    font-size:14px;
}

.cont2 .col2 {
    width:740px;
    float:right;
}

.cont2 .col2 .projeto img {
	margin:0 45px;
	width:660px;
    height:350px;
}

.cont2 .navi {
    width:400px;
}

.cont2 h2 {
	margin:0 0 15px 0;
	line-height:25px;
}

.outrosProjetos {
	height:200px !important
}
/*Fim CSS igual para: vitrine.social.htm e projetos.htm */

/* CSS igual para scrollable */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.items .dupla {
	float:left;
	margin:0 7px 0 0;
	width:237px;
}

.navi { 
    height:30px; 
	float:right;
} 
 
.navi a { 
    width:10px; 
    height:10px; 
    float:left; 
    margin:3px; 
    background: url(../images/portfolio/btns.png) no-repeat -12px center; 
    display:block; 
    font-size:1px;
	cursor:pointer;
} 
 
.navi a:hover { 
    background-position: -24px center;       
} 
 
.navi a.active { 
    background-position: left center;       
}	
/* CSS igual para scrollable */