/* CSS Document */

/***********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;
}
	
a img {border:none; text-decoration:none!important; list-style:none!important;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}


/************************************************************************/
/************************/


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

body{margin:auto; background-image:url(../images/bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#geral {width:955px; height:auto; margin:auto; }

#topo{width:955px; height:120px;}


#logo
{
width:199px; height:57px; float:left;  
}

#logo h1 a
{
width:199px; height:57px; float:right; background-repeat:no-repeat; text-indent:-9999px; background-image:url(../images/logomarca.png); position:relative; top:35px; left:30px;
}

#menu{width:630px; height:120px; float:right; margin-top:10px;  }
#menu ul li{display:inline; list-style:none; color:#666; width:120px; float:left; margin-top:30px; border-left: 1px solid #f0f0f0; padding-left:5px;}
#menu ul li img{margin-bottom:3px;}
#menu ul li img a{text-decoration:none!important;}

#menu ul li a{color:#666666; text-decoration:none;}
#menu ul li a:hover{text-decoration:underline;}

.inicio{position:relative; left:18px;}
.portfolio{position:relative; right:6px;}
.podcasting{position:relative; right:4px;}


/*****SLIDE*******/
#slide{width:955px; height:280px; /*background-image:url(../images/slide.gif); background-repeat:no-repeat;*/ float:left;}


/****CLIENTES****/
#clientes{width:415px; height:auto; float:left; padding-top:60px;}

#clientes h1, #clientes img, #grande-ideia img, #grande-ideia h2, #quem-faz img, #quem-faz h2, #menu-portfolio h2, #menu-portfolio img, #conteudo-expertise h2, #conteudo-expertise img, #conteudo-contato img, #conteudo-contato h2{border-left: 1px solid #f0f0f0; padding-left:5px; font-weight:normal!important;}
#clientes h1{padding-top:3px;}

#clientes ul li{display:inline; }
#clientes ul li img{border:none; margin:30px 15px 0px 0px; }

.titulo-tweets{float:left; margin-top:20px; }
#tweets{width:300px; height:60px; background-color:#009999; float:left; margin-top:10px;}


/*****GRANDE IDEIA******/
#grande-ideia{width:260px; height:auto; float:left;	padding-top:60px;}
#grande-ideia h2 {padding-top:3px;}

#video{width:257px; height:232px; background-image:url(../images/bg-video.gif); background-repeat:no-repeat; margin-top:20px;}
#youtube{position:relative!important; top:30px!important; left:5px!important;}

#grande-ideia p{width:250px; margin:10px 0px 0px 0px;}
.img-dolpheet{float:right; margin:10px 10px 0px 0px;}

a.play-video{width:54px; height:54px; background-image:url(../images/play.png); background-repeat:no-repeat; display:block; position:relative; left:100px; top:70px; }
a.play-video:link{background-position:0 0px;  }
a.play-video:hover{background-position:0 -70px;}



/****QUEM FAZ*****/
#quem-faz{width:280px; height:auto; float:left; padding-top:60px;}
#quem-faz img, #quem-faz h2{margin-left:50px;}

.coluna-esq{width:140px; height:auto; float:left;}

.box-diretoria, .box-diretoria2{width:280px; height:115px;  }
.box-diretoria {margin-top:45px; } .box-diretoria2{margin-top:20px;}
.foto {width:90px; height:66px; border:3px solid #e6e6e6; float:right; }
.foto img{float:right; border:none!important; margin:0px!important;	padding:0px!important;}

.box-diretoria p, .box-diretoria2 p {width:150px; height:auto; float:left; text-align:right;  margin:0px 0px 5px 25px;}

.social-media{width:90px; float:right; margin:3px 3px 0px 0px;}
.social-media ul li{display:inline; list-style:none; float:right; }
.social-media ul li img{border:none!important; margin:0px!important;}






/*******RODAPE********/
#rodape-interno{width:auto; height:45px; background-image:url(../images/bg-rodape.jpg); background-repeat:repeat-x; clear:both; position:relative; top:30px;}
#rodape{width:955px; clear:both; margin:auto; color:#fff; height:45px; position:relative;  }
#rodape-esq{width:200px; height:45px; float:left; background-image:url(../images/gm.png); background-repeat:no-repeat; }
#rodape-dir{width:200px; float:right; text-align:right; margin:5px 0px 0px 0px; font-size:10px; line-height:12px;}

/****SPANS******/
.negrito{font-weight:bold; }
.email{width:200px; background-image:url(../images/email.png); background-repeat:no-repeat; padding-left:20px; height:12px; float:left; margin:8px 0px 0px 70px; }
.telefone{width:200px; background-image:url(../images/telefone.png); background-repeat:no-repeat; padding-left:20px; height:15px; float:left; margin:3px 0px 0px 70px; }
.creditos{font-size:90%; color:#999999; font-style:italic;}