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

body {
font:11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
color:#666;
background:#E5EDEE url(back.png) repeat-x center top;
margin:0;
padding:0;
}

a,a:active,a:link {
text-decoration:none;
color:#000;
}

a:visited {
text-decoration:none;
}

a:hover {
color:#000;
}

#nav .selecionado_ a {
border:none;
background:#000;
color:#FFF;
}

.selecionado__ {
background:#B1C0C1;
color:#FFF;
}

.listaAno {
float:left;
display:block;
width:75px;
text-align:center;
}

h1,h2,h3 {
font-family:"Trebuchet MS", Tahoma, Arial, Sans-serif;
color:#F0F0F0;
}

h1,h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:350%;
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:15px 10px 5px;
color:#000;
}

h3 {
font-size:150%;
font-weight:400;
margin:0;
padding:20px 0 5px;
color:#000;

}

p,dl {
margin:0;
padding:10px;
}

ul,ol {
margin:10px 20px;
padding:0 20px;
}

ul {
list-style:none;
}

dt {
font-weight:700;
color:#895F30;
}

dd {
padding-left:25px;
}

img {
border:1px solid #dcdcdc;
padding:5px;
}

img.float-right {
margin:5px 0 10px 10px;
}

img.float-left {
margin:5px 10px 10px 0;
}

code {
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
border:1px solid #ECF8FE;
background:#ECF8FE;
margin:5px 0;
padding:15px;
}

td {
text-align:center;
}

form {
margin:15px 10px;
padding:5px 10px 20px;
text-align:left;
}

fieldset{
border:0px;
}

label {
display:block;
font-weight:700;
margin:8px 0 5px;
}

input,select {
font:normal 1em Verdana, sans-serif;
color:#666;
background:#fff;
padding:4px;
}

textarea {
width:400px;
font:normal 1em Verdana, sans-serif;
height:130px;
display:block;
color:#666;
padding:4px;
}

input,textarea,select {
background:#fff;
border-color:#D4D4D4 #ebebeb #ebebeb #d4d4d4;
border-style:solid;
border-width:1px;
}

button {
font:bold 12px Arial, Sans-serif;
height:30px;
color:#FFF;
background:#4CABFA;
border-style:solid;
border:0px;
margin:0;
padding:2px 3px;
}

#wrap-out {
position:relative;
width:900px;
text-align:left;
margin:0 auto;
padding-bottom:50px;
}

#wrap {
background:url(topo.png);
background-repeat:no-repeat;
background-position:-5px 0px;
margin:0 auto;
}

#content-wrap {
background:transparent;
margin:0 5px;
padding:0;
}

#header {
position:relative;
height:300px;
background:transparent;
margin:0 auto;
padding:0;
}

#header h1{
text-align:right;
font-size:20px;
padding-top:130px;
padding-right:56px;
color:#474A58;
}

#nav {
position:absolute;
clear:both;
height:35px;
left:0;
top:17px;
z-index:99999;
margin:0;
padding:0;
}

#nav ul {
float:left;
list-style:none;
width:900px;
height:35px;
text-transform:uppercase;
display:inline;
margin:0;
padding:0;
}

#nav ul li {
display:inline;
margin:0;
padding:0;
}

#nav ul li a {
float:left;
font:bold 15px/35px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-transform:uppercase;
text-decoration:none;
letter-spacing:-.3px;
background:transparent;
color:#000;
margin:0;
padding:0 30px;
}

#nav ul li a:hover,#nav ul li a:active {
border:none;
background:#000;
color:#FFF;
}

#nav ul li#current a {
color:#0da7d2;
}

#header h1#logo-text a {
position:absolute;
font:normal 72px Georgia, "Times New Roman", Times, serif;
letter-spacing:-1.5px;
color:#fff;
text-transform:none;
text-decoration:none;
top:95px;
left:30px;
margin:0;
padding:0;
}

#header h1#logo-text a:hover {
background:none;
border:none;
}

#header p#intro {
position:absolute;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
font-size:18px;
line-height:1.6em;
font-style:italic;
text-transform:none;
color:#755643;
width:400px;
top:190px;
left:35px;
margin:0;
padding:0;
}

#main {
	margin-right: 10px; 
	margin-left: 10px; 
	margin-top: 0px; 
	margin-bottom: 10px; 

	padding-right: 10px;		
	padding-left: 10px;		
	padding-top: 0px;		
	padding-bottom: 10px;	
}

#main2{
	margin-right: 10px; 
	margin-left: 10px; 
	margin-top: 0px; 
	margin-bottom: 10px; 

	padding-right: 10px;		
	padding-left: 10px;		
	padding-top: 0px;		
	padding-bottom: 10px;	
		
	width: 590px;
	float: left;	
}

#main h2,#main2 h2 {
padding-bottom:10px;
padding-top:0px;
padding-left:15px;
font:normal 2em arial, "Times New Roman", Times, serif;
color:#000;
letter-spacing:1px;
text-transform:none;
}


#footer-wrap {
position:relative;
font:normal 1em 'Trebuchet MS', Tahoma, sans-serif;
text-align:left;
color:#777;
margin:0 auto;
padding:1em 0 2.5em;
padding-top:50px;
background: #EFF2EF;
min-height:300px;
}

#footer-wrap img {
border:0;
}

#footer-wrap h3 {
font:normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
text-transform:none;
letter-spacing:0;
margin-left:0;
color:#666;
}

#footer-content {

width:900px;
text-align:left;
margin:0 auto;
}

#footer-content ul.col-list {
list-style:none;
width:98%;
margin:5px 0 0 5px;
padding:0;
}

#footer-content ul.col-list li a {
display:block;
line-height:2em;
font-weight:700;
width:98%;
color:#777;
border:none;
padding:4px 0 4px 8px;
}

#footer-content ul.col-list li a:hover {
color:#333;
text-decoration:none;
}

#footer-content ul.col-list li a span {
color:#989898;
font-style:italic;
font-weight:400;
font-family:Georgia, "Times New Roman", Times, serif;
}

#footer-content .col {
width:280px;
display:inline;
padding:0 0 30px;
}

#footer-content .space-sep {
margin-right:12px;
}

#footer-content .col2 {
width:285px;
display:inline;
padding:0 0 30px;
}

.menuAnos {
margin:20px;
}

.rodapeBlocos {
float:left;
display:block;
width:25%;
height:150px;
text-align:center;
}

.linkRodape a,.linkRodape a:hover {
color:#0B9AC7;
}

.postmeta {
font-size:1em;
color:#777;
border:1px solid #ECF8FE;
background:#ECF8FE;
margin:20px 10px 15px;
padding:5px;
}

.post-info {
font-size:.95em;
padding-top:3px;
margin-left:5px;
color:#bababa;
}

.blogPost p{
font:Tahome,Verdana,Arial,sans-serif;
font-size:14px;
text-align:justify;
margin-bottom:15px;
}

.blogPost li{
list-style:square inside url("setaDireita.png");
font:Tahome,Verdana,Arial,sans-serif;
font-size:14px;
margin-bottom:4px;
}


.blogPost strong{
font:Tahome,Verdana,Arial,sans-serif;
font-size:14px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
color:#000000;
}


.date3{
	 line-height:28px;
	 padding-left:15px;
	 background:url(blog/date3bg.gif) no-repeat;
	 color:#808080;
	 font-weight:700;
	 border-right:1px solid #C8C8C8;
}

.post-info a {
font-weight:bold;
}

.blogPost{
margin-bottom:40px;
}

p.thumbs {
padding:12px 0 0 10px;
}

.thumbs img {
position:relative;
border:1px solid #ebebeb;
background:none;
margin:5px;
padding:4px;
}

.thumbs img:hover {
border:1px solid #c5c5c5;
background:none;
}

.thumbs a:hover {
background-color:transparent;
border:none;
}

.miniatura {
background-color:#FFF;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.clearer {
clear:both;
}

.tagDesign {
position:absolute;
background:url(tags/design.png) 0 0 no-repeat;
margin-top:-7px;
margin-left:-7px;
padding-top:6px;
width:100px;
height:58px;
}

.tagSite {
position:absolute;
background:url(tags/site.png) 0 0 no-repeat;
margin-top:-7px;
margin-left:-7px;
padding-top:6px;
width:100px;
height:58px;
}

.comentariosFoto {
position:absolute;
margin-top:145px;
margin-left:220px;
padding-top:13px;
width:48px;
font-size:20px;
height:48px;
color:#000;
text-align:center;
background:url(iconeComentarios.png) 0 0 no-repeat;
}

.contadorTrabalhos {
position:absolute;
margin-top:36px;
margin-left:4px;
font-size:20px;
text-align:center;
width:91px;
}

.textoLabel {
position:absolute;
margin-top:85px;
font-size:17px;
text-align:center;
width:91px;
}

.trabalhoNovo {
position:absolute;
margin-top:143px;
margin-left:-10px;
padding-top:6px;
width:48px;
height:48px;
background:url(trabalhoNovo.png) 0 0 no-repeat;
}

.clips {
position:absolute;
margin-top:-8px;
margin-left:-9px;
padding-top:6px;
width:272px;
height:192px;
background:url('borda.png') 0 0 no-repeat;
}

.bordaImagem {
position:absolute;
margin-top:5px;
margin-left:225px;
padding-top:6px;
width:21px;
height:53px;
background:url('bordaIsmagem.png') 0 0 no-repeat;
}

.alerta {
background:#fff6bf;
background-position:15px 50%;
text-align:left;
padding:10px 20px 10px 45px;
}

div#qTip2 {
border:1px solid #666;
display:none;
background:#999;
color:#FFF;
font:bold 9px Verdana;
position:absolute;
z-index:1000;
padding:3px;
}

div#qTip {
color:#fff;
width:139px;
background:#000;
display:none;
z-index:1000;
position:absolute;
font-weight:700;
margin:10px;
padding:4px;
}

.blocoTrabalho {
display:block;
width:33%;
height:250px;
float:left;
text-align:center;
}

.blocoTrabalho h3{
text-align:right;
margin-right:15px;
margin-bottom:-5px;
z-order:10;
}

.blocoTrabalho h3 a{
color:#000;

    font: 12px Arial, Helvetica, sans-serif;
    background-repeat:no-repeat;
    height:60px;
            letter-spacing:1px;
font-weight:bold;
    line-height:30px;
}


.blocoTrabalhoInfo {
display:block;
width:100%;
height:250px;
float:left;
text-align:left;
}

.blocoTrabalhoInfoEsquerda{
display:block;width:35%;height:250px;float:left;text-align:left;
}

.blocoTrabalhoInfoDireita{
display:block;margin-top:45px;width:60%;height:250px;float:left;text-align:left;
}

.espaco{
height:25px;
display:block;
clear:both;
}

.metadeMetade{
float:left;display:block;width:49%;text-align:left;
}


.blocoProjetosRodape{
float:left;display:block;width:70px;height:70px;text-align:left;
background-position: 200px;
border:1px dotted #CCCCCC;
margin:5px;
padding:4px;
}

.blocoTecnologias{
float:left;display:block;width:70px;height:70px;text-align:center;
}

.postmeta .date,.postmeta a.comments,.postmeta a.readmore {
margin:0 10px 0 5px;
}

.voarDireita{
float:right;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
}

#sidebar li {
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url('setaDireita.png') no-repeat left top;
	
background-position: 0px 8px;
	border-bottom: 1px dotted #CCCCCC;
}

.pontosBaixo{
padding:5px;
margin:5px;

}
.pontosBaixo li{
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url('setaDireita.png') no-repeat left top;
	
background-position: 0px 8px;
	border-bottom: 1px dotted #CCCCCC;
}

#sidebar li {
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: url('setaDireita.png') no-repeat left top;
	
background-position: 0px 8px;
	border-bottom: 1px dotted #CCCCCC;
}

#sidebar .favicon{
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px dotted #CCCCCC;
}

#sidebar .favicon img{
border:0px;
width:16px;
height:16px;
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	color: #999999;
}




span.sbox_l  {
	background: url('busca/buscaEsquerda.png') no-repeat top left;
	float: left;
	width: 19px;
	height: 19px;
}

span.sbox_r  {
	background: url('busca/buscaDireita.png')	no-repeat top left;
	float: left;
	width: 19px;
	height: 19px;
}

span.sbox input {
	background: url('busca/srch_bg.gif') repeat-x top left;
	float: left;
	border: 0;
	height: 13px; width: 190px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}


/*
Barra Local
*/

.voceAqui{
background:url('barra/estaAqui.png') no-repeat;
display:block;
width:57px;
height:65px;
float:left;
position:absolute;
padding-right:5px;
margin-top:-47px;
margin-left:-30px;
}

#barraLocal
{
    font: 11px Arial, Helvetica, sans-serif;
    background-repeat:no-repeat;
    height:60px;
            letter-spacing:2px;

    line-height:30px;
    color:#9b9b9b;
    border:solid 0px #cacaca;
    overflow:hidden;
    float:right;
    margin:0px;
    margin-bottom:20px;
    margin-top:250px;
    padding:0px;
}

#barraLocalBase{
height:3px;
    float:right;
}

#barraLocal li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
    padding-top:5px;
}
#barraLocal li a{
    text-decoration: none;
    color:#454545;
}

#barraLocal li 
{
    height:30px;
    display:block;
    background-image:url('setaEsquerda.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;

}
#barraLocal .listaInicial{
    background-image:none; 
    height:10px;
}

.paginaInicial
{
    border:none;
    margin: -5px 0px;
    padding-left: -20px;
}

#barraLocal a:hover{
	color:#35acc5;
}







#navcontainer {
	padding-top: 0px;
	position: absolute;
	left: 24px;
}

#navcontainer #selecionado {
	background: url('menuFundo.png') no-repeat 0 -43px;
	color: #025573;
	padding-top: 13px;
}

#navcontainer #current:hover {
	color: #227180;
}

#navcontainer .selecionado {
}

/* Parent - Level 0 */

#navcontainer ul{
	list-style: none;
	margin: 0;
}

#navcontainer li {
	display: inline;
	float: left;
	margin: 0;
}

#navcontainer a{
	display: block;
	text-decoration: none;
	color: #7e7e7e;
	text-align: center;
	padding-top: 7px;
	font: 13px "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background: url('menuFundo.png') no-repeat 0 0;
	width: 108px;
	height: 30px;
}

#navcontainer a:hover{
	background: url('menuFundo.png') no-repeat 0 -43px;
	display: block;
	text-decoration: none;
	color: #227180;
	padding-top: 13px;
}

#navcontainer a:active {

}

/*****************************************************************
Comentários
*****************************************************************/

.formulario_comentario{
text-align:left;

	margin: 0px 0px 0px -96px;
}



UL#listaComentarios {
	list-style: none;
	margin: 0px 0px 0px -96px;
}
UL#listaComentarios LI {
	margin-bottom: 20px;
	padding: 0px 0px 10px 96px;
}
UL#listaComentarios P.comentarioCabecalho { height: 26px; }
UL#listaComentarios .comentarioOrdem {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: url('comentarioContador.png') no-repeat center center;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: -1px;
	padding-right: 0px;
	position: relative;
	left: -5px;
}

UL#listaComentarios .comentarioCabecalho img{
border:0px;
}

UL#listaComentarios .comentarioOrdem:hover { border: none; }
UL#listaComentarios .autor {
	display: block;
	float: left;
	height: 26px;
	color: #777;
	font-size: 24px;
	font-family: Arial;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left: 5px;
	padding-top: 1px;
}
UL#listaComentarios IMG.comentarioDelimitador {
	float: left;
	margin: 0 15px;	
}
UL#listaComentarios INS {
	color: #777;
	display: block;
	float: left;
	height: 26px;
	line-height: 22px;
	text-decoration: none;
	font-size: 11px;
	padding-left:5px;
}
UL#listaComentarios P {
	clear: both;
	margin: 15px 0;
}
UL#listaComentarios .comentarioCorpo P {
	margin: 0;
	margin-bottom: 5px;
}

.blocoProjetosUltimos{
float:left;
display:block;
width:81px;
height:81px;
text-align:left;
background-position: 200px;
border:1px dotted #CCCCCC;
margin:5px;
padding:4px;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////
Blog Ultimos Posts
//////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.blog-up-corpo{
background:url('blog-post-icon.png') no-repeat left;
height:60px;
float:left;
display:block;
width:49%;
margin-bottom:20px;
}

.blog-up-mes{
font-size:9px;
color:#FFF;
font-weight:bold;
position:absolute;
margin-top:11px;
width:64px;
text-align:center;
}

.blog-up-dia{
font-size:27px;
color:#000;
position:absolute;
margin-top:30px;
width:64px;
display:block;
text-align:center;
}

.blog-up-titulo{
color:#C0C0;
letter-spacing:-1px;
font-size:13px;
margin-top:15px;
margin-left:50px;
position:absolute;
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////
Corpo
//////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#conteudo-destaque{
background:url('conteudo-destaque.png') no-repeat;
border:0px;
display:block;
width:229px;
height:228px;
position:absolute;
margin-top:-70px;
margin-left:30px
}

#conteudo-veja-portfolio{
background:url('conteudo-veja-portfolio.png') no-repeat;
border:0px;
display:block;
width:150px;
height:135px;
position:absolute;
margin-top:0px;
margin-left:650px
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////
Rodapé
//////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#rodape-sub{
text-align:center;
display:block;
}

#rodape-orcamento{
background:url('rodape-orcamento.png') no-repeat;
border:0px;
display:block;
width:229px;
height:228px;
position:absolute;
margin-top:-80px;
margin-left:30px;
}

#rodape-designs{
background:url('rodape-design.png') no-repeat;
border:0px;
display:block;
width:223px;
height:54px;
position:absolute;
margin-top:-50px;
margin-left:300px
}

#rodape-sites{
background:url('rodape-sites.png') no-repeat;
border:0px;
display:block;
width:201px;
height:77px;
position:absolute;
margin-top:-63px;
margin-left:650px
}




/*
//////////////////////////////////////////////////////////////////////////////////////////////////////
Pagination Style
//////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.paginacao{
padding: 10px;
alight: center;
text-align:center;
}

.paginacao a{
text-decoration: none;
color: #000000;
width:27px;
margin:2px;
height:17px;
display:block;
float:left;
}

.paginacao a, .paginacao a:visited{
background: url('paginacao/fundoNumeros.png');
}

.paginacao span{
display:block;
width:34px;
height:26px;
float:left;
}

.aginacaoPaginaAtual{
background: url('paginacao/fundoNumerosAtual.png');
}

.selecionadoS{
background: url('paginacao/Roda.png');
}

.paginacao a:hover, .paginacao a:active, .paginacao .aginacaoPaginaAtual{
background: url('paginacao/fundoNumerosSobre.png');
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////////
Compartilhar
//////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.iconeCompartilhar{
display:block;
width:32px;
height:32px;
float:left;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:8px;

background-image:url('iconesCompartilhar.png');
}

.iconeCompartilhar:hover{
width:48px;
height:48px;
margin:0px;
}

#blinklist{
background-position:32px 0px;
}
#blinklist:hover{
background-position:81px 0px;
}


#delicious{
background-position:32px -49px;
}
#delicious:hover{
background-position:81px -49px;
}


#stumbleupon{
background-position:32px -98px;
}
#stumbleupon:hover{
background-position:81px -98px;
}


#furl{
background-position:32px -147px;
}
#furl:hover{
background-position:81px -147px;
}


#magnolia{
background-position:32px -196px;
}
#magnolia:hover{
background-position:81px -196px;
}


#reddit{
background-position:32px -245px;
}
#reddit:hover{
background-position:81px -245px;
}



#newsvine{
background-position:32px -294px;
}
#newsvine:hover{
background-position:81px -294px;
}


#spurl{
background-position:32px -343px;
}
#spurl:hover{
background-position:81px -343px;
}



#facebook{
background-position:32px -392px;
}
#facebook:hover{
background-position:81px -392px;
}



#googlebookmarks{
background-position:32px -441px;
}
#googlebookmarks:hover{
background-position:81px -441px;
}



#dihitt{
background-position:32px -490px;
}
#dihitt:hover{
background-position:81px -490px;
}



#windowslive{
background-position:32px -539px;
}
#windowslive:hover{
background-position:81px -539px;
}



#digg{
background-position:32px -588px;
}
#digg:hover{
background-position:81px -588px;
}



#yahoobuzz{
background-position:32px -637px;
}
#yahoobuzz:hover{
background-position:81px -637px;
}




#technorati{
background-position:32px -686px;
}
#technorati:hover{
background-position:81px -686px;
}

.barraCompartilhe{
margin-left:auto;
margin-right:auto;
width:720px;
}