@charset "utf-8";
/* Resetando Elementos */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { 
	text-decoration:none;
	color:#62577F;
}

a:hover {
	text-decoration:none;
	color:#11003F;
	text-decoration:underline;
}

/* Firefox sempre com barra */
html { overflow: -moz-scrollbars-vertical; }


/*ESTILOS DO SITE*/

body { background:#eee url('img/bg-site2.jpg') repeat-x; margin-top:30px; font:13px Arial; color:#777; }
body.pg-inicial { background:#eee url('img/bg-site1.jpg') repeat-x; }

#topo{ width:940px; margin:0 auto; display:table; margin-bottom:30px; }
.pg-interna #topo{ }

#corpo{ /*display:table;*/ width:940px; margin:0 auto; margin-top:10px; margin-bottom:80px; }
#corpo-conteudo{ clear:both; float:left; width:620px; margin-bottom:20px;}
#corpo-sidebar{ float:right; width:300px; margin-bottom:20px; }

#barra-final{ clear:both; width:100%; background:#ddd;}
#barra-final .bf-conteudo{ /*display:table;*/ width:940px; margin:0 auto;}
#barra-final .area1{ width:460px; float:left; margin-bottom:20px; }
#barra-final .area2{ width:460px; float:right; margin-bottom:20px; }
#barra-final #info-site{ clear:both;}


/* ------ DESIGN ------ */

/* Box Jobs - Apresentação */
#box-jobs{ display:table; width:940px; height:400px; margin:0 auto; margin-top:20px; margin-bottom:10px; padding-top:16px; background: url('img/box-jobs.jpg') no-repeat top center;}

.container { margin:0 auto; width:870px; height:318px; overflow:hidden; position:relative; /*cursor:pointer;*/ }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:870px; height:318px; display:none; padding:0; margin:0; }

.slide-bg{ display:table; width:100%; height:100%;}
.slide-info{ float:right; width:230px; height:318px; background:url('img/box-jobs-txt.png') repeat-x;}
.slide-info h2{ font:38px Arial; color:#fff; line-height:32px; margin:20px 10px; margin-bottom:30px;}
.slide-info p{ margin:10px; font:13px Arial; color:#ddd; line-height:18px;}
p.slide-mais{ width:210px; height:36px; margin-top:30px; background:url('img/box-jobs-mais.png') no-repeat;}
p.slide-mais a{ float:right; display:block; margin-top:6px; margin-right:5px; padding:4px 25px 5px 7px; background:url('img/box-jobs-ver-mais.gif') no-repeat; color:#ccc; font:bold 12px Arial;}
p.slide-mais a:hover{ color:#fff; text-decoration:none;}

#box-jobs a.previous{ position:absolute; display:block; width:30px; height:43px; margin-left:3px; margin-top:-180px; background:url('img/box-jobs-setas.png') no-repeat bottom right; overflow:hidden; text-indent:-1000px;}
#box-jobs a.next{ position:absolute; display:block; width:30px; height:43px; margin-left:907px; margin-top:-180px; background:url('img/box-jobs-setas.png') no-repeat top left;  overflow:hidden; text-indent:-1000px;}
#box-jobs a:hover.previous{ background-position: bottom left;}
#box-jobs a:hover.next{ background-position: top right;}

/*Hack IE*/
#box-jobs a.previous{ *margin-top:-180px; *margin-left:-600px;}
#box-jobs a.next{ *margin-top:-180px; *margin-left:302px;}

#box-jobs .pagination{ /*display:table;*/ width:60%; float:left; margin-top:28px; margin-left:40px;}
#box-jobs .pagination li{ float:left;}
#box-jobs .pagination li a{ display:block; margin:0 3px; width:12px; height:15px; background:url('img/box-jobs-marcador1.gif') no-repeat center; overflow:hidden; text-indent:-1000px;}
#box-jobs .pagination li a:hover{ background-position:right;}
#box-jobs .pagination li.active a{ background-position:left;}

a.mais-projetos{ float:right; display:block; width:168px; height:32px; margin-top:18px; margin-right:34px; background:url('img/box-jobs-link-projetos.gif') no-repeat right; overflow:hidden; text-indent:-1000px;}
a:hover.mais-projetos{ background-position:left;}

/* Topo - Logo e Menu */
#logo{ float:left; width:400px;}

#logo h1, #logo p{ width:150px; padding-left:150px; font:56px "Trebuchet MS", Arial; color:#005; background:url('img/logo-thiagofaleiro-webdesign.gif') no-repeat; line-height:40px; letter-spacing:-3px; border:0; text-transform:lowercase;}
#logo h1 span, #logo p span{ display:block; font-size:50px;}
/*Webdesign - Slogan*/
#logo h1 span.slogan, #logo h1 a span.slogan, #logo p span.slogan, #logo p a span.slogan{ font-size:19px; color:#999; text-transform:uppercase; letter-spacing:1px; margin-top:-5px; margin-left:5px;}
#logo h1 a, #logo p a{ color:#005;}
#logo h1 a:hover, #logo p a:hover{ color:#069; text-decoration:none;}
#logo h1 a:hover span.slogan, #logo p a:hover span.slogan{ color:#555;}

#menu{ float:right; width:430px;}
#menu ul{ float:right; margin-top:30px;}
#menu li{ float:left; margin-left:10px;}
#menu li a{ display:block; height:56px; overflow:hidden; text-indent:-10000px; background:url('img/menu1.jpg');}

#menu li.portfolio a{ width:103px;}
#menu li.portfolio a:hover{ width:103px; background-position:0 -56px;}
.portfolio #menu li.portfolio a{ background-position:0 -112px;}
#menu li.blog a{ width:69px; background-position:-103px 0;}
#menu li.blog a:hover{ width:69px; background-position:-103px -56px;}
#menu li.sobre a{ width:82px; background-position:-172px 0;}
#menu li.sobre a:hover{ width:82px; background-position:-172px -56px;}
.pg-8 #menu li.sobre a{ background-position:-172px -112px;}
#menu li.contato a{ width:99px;  background-position:-254px 0;}
#menu li.contato a:hover{ width:99px;  background-position:-254px -56px;}
.pg-27 #menu li.contato a{ background-position:-254px -112px;}

/* ------- PG Inicial ----------*/
#twitter h2{ float:left; font:50px Arial; letter-spacing:-3px; color:#09C; margin-bottom:20px; background:url('img/twitter-mascote.gif') no-repeat top right; padding-right:65px;}
#twitter h2 span{ display:block; font-size:22px; color:#8FCCE0; letter-spacing:-1px; margin-top:-10px;}
#twitter a.follow{ float:left; display:block; background:#f3f3f3; border:1px solid #ddd; padding:5px 8px; margin-top:20px; margin-left:20px; color:#888;}
#twitter a:hover.follow{ background:#fff; color:#333; border-color:#ddd; text-decoration:none;}
#twitter ul{ clear:both; width:100%;}
#twitter ul li{ font-size:14px; color:#555; border-bottom:1px dotted #ddd; padding-bottom:2px; margin-bottom:10px; line-height:20px;}
#twitter ul li a{ color:#09C; color:#82C4D9; color:#53A5BF; text-decoration:underline; background:url('img/ico-linkext1.gif') no-repeat center right; padding-right:12px;}
#twitter ul li a:hover{ color:#036; color:#43749C;}
#twitter ul span.twitter-timestamp{ display:block; font-size:11px; color:#999; margin-top:0;}

#corpo-sidebar #twitter{ background:#f1f1f1; padding:8px; border:1px solid #e3e3e3;}
#corpo-sidebar #twitter li{ font-size:13px;}
#corpo-sidebar #twitter ul span.twitter-timestamp{ margin-top:2px;}
#corpo-sidebar #twitter a.follow{ margin-left:8px;}

#corpo-sidebar h3,#corpo-sidebar h3 a{ font:50px Arial; color:#bbb; letter-spacing:-2px; margin-bottom:20px;}
#corpo-sidebar h3 a:hover{ text-decoration:none; color:#999;}
#corpo-sidebar .box{ color:#999; line-height:20px; margin-bottom:40px;}

#corpo-sidebar .box.sobre p{ font-size:14px; color:#999; line-height:21px;}
#corpo-sidebar .box.sobre p strong{ color:#888;}
#corpo-sidebar .box.sobre img{ display:block; float:right; width:80px; height:106px; margin-left:20px; border:5px solid #fff; background:#ddd;}
#corpo-sidebar .box .mais{ margin-top:10px;}
#corpo-sidebar .box .mais a{ font-size:12px; background:#fff; border:1px solid #ddd; padding:2px 7px; color:#777;}
#corpo-sidebar .box .mais a:hover{ border-color:#ccc; color:#000; text-decoration:none;}

#corpo-sidebar .contato input, #corpo-sidebar .contato textarea{ margin-bottom:10px; width:255px;}

#form-box{ width:100%;}
#form-box #info{ float:left; width:49%; height:140px;}
#form-box #mensagem{ float:right; width:49%; height:140px;}
#form-box .enviar{ clear:both; margin-top:10px; margin-left:255px;}
.pg-interna #form-box .enviar{ margin-left:255px;}
#form-box input{ margin-bottom:25px; font-size:18px; padding:10px 8px 10px 35px; width:260px; letter-spacing:-1px;}
#form-box textarea{ font-size:18px; height:102px; width:260px; letter-spacing:-1px;}

#form-box input, #form-box textarea{ font:16px Arial; background:#f3f3f3; border:1px solid #ddd; color:#999; padding:5px 5px 5px 35px; margin-bottom:10px; }
#form-box .foco, #form-box .enviar.foco{ background-color:#fff; color:#333;}
#form-box .nome{ background-image:url('img/form-nome-ico.gif'); background-repeat:no-repeat; background-position: 10px center;}
#form-box .email{ background-image:url('img/form-email-ico.gif'); background-repeat:no-repeat; background-position: 10px center;}
#form-box .msg{ background-image:url('img/form-msg-ico.gif'); background-repeat:no-repeat; background-position: 10px 5px;}
#form-box .enviar{ margin-left:100px; width:100px; padding:3px 0; text-align:center; background:#f7f7f7; color:#bbb; cursor:pointer;}

#corpo #msg-form{ width:50%; padding:10px 15px; margin:0 auto; margin-bottom:20px;}
#corpo #msg-form p{ display:block; margin:0px; text-align:center; font-size:16px;}
#corpo #msg-form p strong{ display:block; font-weight:bold;}
#corpo #msg-form ul{ margin-left:15px; margin-top:10px; }
#corpo #msg-form ul li{ list-style:square inside; margin-left:30px;}
#corpo #msg-form.erro{ background:#FFDFDF; color:#BF5F5F; border:2px solid #EFC2C2;}
#corpo #msg-form.erro strong{ color:#AF4141;} 
#corpo #msg-form.sucesso{ width:85%; background:#F6FFDF; color:#7D8F50; border:2px solid #E3EFC2;}
#corpo #msg-form.sucesso strong{ font-size:18px; color:#9CBF47;} 

#corpo-sidebar #form-box{ width:300px;}
#corpo-sidebar #form-box #info{ float:left; width:100%; height:100%;}
#corpo-sidebar #form-box #mensagem{ float:right; width:100%; height:100%;}
#corpo-sidebar #form-box .enviar{ clear:both; width:100px; margin-top:10px; margin-left:100px; padding:3px 0;}
#corpo-sidebar #form-box input{ margin-bottom:10px; width:255px; font-size:18px; padding:10px 8px 10px 35px; letter-spacing:-1px;}
#corpo-sidebar #form-box textarea{ margin-bottom:10px; width:255px; height:102px; font-size:18px; letter-spacing:-1px;}
#corpo #msg-form{ width:270px; padding:10px 15px; margin:0 auto; margin-bottom:20px;}

.pg-interna #form-box input{ font-size:18px; padding:12px 7px 12px 35px; margin-bottom:0;}
.pg-interna #form-box textarea{ font-size:18px; margin-bottom:0;}
.pg-interna #form-box input.nome{ margin-bottom:19px;}
.pg-interna #form-box input.enviar{ padding:5px 0;}


/* ------- Portfolio ------ */

#titulo-pg{ clear:both; display:block; width:100%; min-height:80px;}
#titulo-pg h1{ font:50px "Trebuchet MS", Arial; color:#07A; letter-spacing:-3px; float:left; margin-bottom:20px; margin-right:20px; padding-right:20px; }
#titulo-pg h1 a{ display:block; float:left; color:#07A; padding:0; border-bottom:3px solid transparent; margin-right:30px; height:57px; }
#titulo-pg h1 a:hover{ color:#036; text-decoration:none; border-bottom:3px solid #036;}
#titulo-pg h1 a.pg-titulo{ font:40px Arial; color:#c3c3c3; letter-spacing:-2px; margin-right:0; line-height:65px; border-left:1px solid #ddd; padding:3px 0 5px 25px;}
#titulo-pg h1 a:hover.pg-titulo{ text-decoration:none; cursor:default; border-bottom-color:transparent;}

/* Menu Porfólio*/
#menu-portfolio li{ float:left; margin:5px;}
#menu-portfolio li a{ display:block; padding-left:15px; font:18px Arial; color:#BBB; background:url('img/menu-portfolio-bg1.jpg') no-repeat; cursor:pointer;}
#menu-portfolio li a span{ display:block; padding-top:16px; padding-right:15px; height:40px; padding-right:15px; background:url('img/menu-portfolio-bg2.jpg') no-repeat top right;}
#menu-portfolio li a:hover{ background-position:bottom left; color:#777; text-decoration:none;}
#menu-portfolio li a:hover span{ background-position:right bottom;}

/*#cat-paginacao{ clear:both; display:table; width:100%; margin:10px 0; background:pink;}

/* Título Categoria Portfólio */
#portfolio-cat{ float:left; clear:both; width:65%; margin-bottom:20px; }
#portfolio-cat h2{ font:40px Arial; color:#999; letter-spacing:-2px;}

/* Paginacao - Portfólio */
#paginacao{ clear:both; display:table; width:100%; margin:15px 10px; font:12px Arial; color:#999; /*width:28%;*/}
#paginacao .wp-pagenavi{ float:right; margin-right:20px; background:#eee; border:1px solid #e1e1e1; padding:10px;}
#paginacao span{ margin-right:20px;}
#paginacao span.current{ padding:2px 4px; background:#09C; border:1px solid #069; color:#fff; margin:0 3px;}
#paginacao a{ padding:2px 4px; background:#f7f7f7; background:#e7e7e7; border:1px solid #ddd; border-top-color:#ccc; border-left-color:#ccc; margin:0 3px; color:#999;}
#paginacao a:hover{ background:#fff; border-color:#ccc; color:#333; text-decoration:none;}

/* Lista Jobs */
#lista-jobs{ /*display:table;*/ clear:both; overflow:hidden;}
#lista-jobs li{ position: relative; float:left; width:450px; height: 210px; margin:20px 10px; overflow: hidden;}
#lista-jobs li a{ display:block; width:100%; height:100%; background:#ddd; background:#e1e1e1;} 
#lista-jobs li a:hover{ background:#aaa; text-decoration:none;}
#lista-jobs li img{ position: absolute; top: 0; left: 0; border: 0; width:436px; height:196px; margin:7px;}
#lista-jobs .box-info{ position: absolute; float:left; height: 100px; width: 436px; margin:0 7px; top:210px; left: 0; color:#eee; background: #014; background:url('img/bg-txt1.png'); _background:#333;}
/* Opacidade Via Código */
/*opacity:.6; /* For IE 5-7 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */
#lista-jobs .box-info span.box-info-txt{ display:block; margin:10px; }
#lista-jobs .box-info span.box-info-txt .titulo{ display:block; color:#fff; font:22px Arial; margin-bottom:0;}
#lista-jobs .box-info span.box-info-txt .categoria{ color:#0CF; padding:0; font-weight:bold;}

.botao{ display:block; background:#fff; border:1px solid #ddd; padding:2px 4px; font:20px Arial; color:#555; width:110px; height:24px; overflow:hidden; text-align:right;}


/* BREADCRUMB */
#breadcrumb{ clear:both; margin:-10px 0 15px 0; background:#DCE7EB; background:none; border-bottom:1px dotted #ddd; padding:10px; color:#ccc;}
#breadcrumb span{ color:#999;}
#breadcrumb span.info{ text-transform:uppercase; font-size:10px; color:#ccc; margin-right:5px;}
#breadcrumb a{ margin:0 1px; padding:2px 5px; color:#aaa; border:1px solid #fff; background:#f3f3f3;}
#breadcrumb a:hover{ text-decoration:none; background:#e5e5e5; color:#000; border-color:#d3d3d3;}


/* ----- Página Projeto ------ */


/* Apresentação IMGs Projeto */

.pg-projeto .container { margin:0 auto; width:617px; padding-bottom:32px; overflow:hidden; position:relative;  background:#fff; border:1px solid #ddd; /*cursor:pointer;*/ }
.pg-projeto .container img{ display:block; width:600px; margin:8px; background:#ccc;}
.pg-projeto .container p{ margin-bottom:10px;}
.pg-projeto .slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; margin-top:32px; }
.pg-projeto .slides li { position:absolute; top:0; width:600px; /*height:318px;*/ display:none; padding:0; margin:0; }

#projeto-imgs{width:617px; min-height:220px; overflow:hidden; background:#fff; border:1px solid #ddd;}
#projeto-imgs #imgs{ position:absolute; width:600px; margin:5px 10px;}
#projeto-imgs #imgs img{ visibility:hidden; width:600px; margin:0 !important; background:none !important; }
#projeto-imgs #imgs p{ position:absolute; width:600px; margin:0; background:none; overflow:hidden; z-index:5;}
#projeto-imgs #imgs span.container{ position:absolute; margin:0; overflow:hidden; width:600px; border:0; background:none !important;}
#projeto-imgs #imgs span.load{ display:block; position:absolute; margin-top:60px; margin-left:280px; width:40px; height:40px; background:#fff url('img/load.gif') no-repeat 4px 4px; z-index:40;}

#imgs-nav{ display:table; clear:both; width:600px; margin:5px 8px; padding-bottom:5px; border-bottom:1px dotted #ddd; }
#imgs-nav a, #imgs-nav a.previous, #imgs-nav a.next{ display:block; float:left; padding:2px 8px; background:#e3e3e3; margin:1px; font:14px Arial; border:1px solid #ccc; color:#999; cursor:pointer; background:#f3f3f3; border-color:#ddd; color:#aaa;}
#imgs-nav a:hover, #imgs-nav a:hover.next{ background:#fff; border-color:#e3e3e3; color:#555; text-decoration:none; }
#imgs-nav span{ float:left; display:block; text-transform:uppercase; font-size:10px; background:#eee; border:1px solid #ddd; padding:4px 4px 3px 4px; margin:1px; color:#999; letter-spacing:1px;}
#imgs-nav ul{ float:left; margin-top:0px !important; }
#imgs-nav ul li{ display:inline; }
#imgs-nav ul li a{ display:block; float:left; }
#imgs-nav ul li a.ativo{ background:#09C; color:#fff; border-color:#069;}

#projeto-imgs .ampliar{ display:block; position:absolute; margin:0; margin-top:5px; margin-left:540px; padding:1px 3px; font:10px Arial; color:#999; background:#fff; border:1px solid #ddd; text-transform:uppercase; cursor:pointer;}
#projeto-imgs .ampliar:hover{ border-color:#999; color:#333;}
#projeto-imgs .ampliar.fechar{ background:#900; color:#fff; border-color:#700; margin-left:900px; z-index:30;}


.pg-projeto .projeto-ampliado{ position:absolute; margin:0; margin-top:40px; margin-left:-30px; z-index:20;}
.projeto-ampliado img{ display:block; z-index:20; cursor:pointer;}
body .protecao{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin-bottom:-40px; background:#000; z-index:10;}
h1.ampliacao{ display:block; position:absolute; margin:0; color:#09C !important; z-index:10 !important;}

/*#imgs-nav{ display:table; clear:both; width:600px; margin:5px 8px; padding-bottom:5px; border-bottom:1px dotted #ddd; }
#imgs-nav a, #imgs-nav a.previous, #imgs-nav a.next{ display:block; float:left; padding:2px 8px; background:#e3e3e3; margin:1px; font:14px Arial; border:1px solid #ccc; color:#999; cursor:pointer; background:#f3f3f3; border-color:#ddd; color:#aaa;}
#imgs-nav a:hover, #imgs-nav a:hover.next{ background:#fff; border-color:#e3e3e3; color:#555; text-decoration:none; }
#imgs-nav span{ float:left; display:block; text-transform:uppercase; font-size:10px; background:#eee; border:1px solid #ddd; padding:4px 4px 3px 4px; margin:1px; color:#999; letter-spacing:1px;}
#imgs-nav ul.pagination{ float:left; margin-top:0px; }
#imgs-nav ul.pagination li{ display:inline; }
#imgs-nav ul.pagination li a{ display:block; float:left; }
#imgs-nav ul.pagination li.active a{ background:#09C; color:#fff; border-color:#069;}
*/

/* ------ Página CONTEÚDO ------ */
	
#pg-texto{ clear:both;}
#pg-texto p{ font-size:14px; margin:20px 0; line-height:24px;}
#pg-texto p strong{ color:#555;}
#pg-texto a.link-externo { color:#069; border-bottom:1px solid #069; background:url('img/ico-linkext1.gif') no-repeat center right; padding-right:12px;}
#pg-texto a:hover.link-externo { color:#036; border-color:#036; text-decoration:none;}

/* Sobre - estilos*/
#pg-texto #sobre-img{ float:left; width:130px; height:170px; background:#fff; border:1px solid #ddd; margin:0 20px 0 0;}
#pg-texto #sobre-img img{ display:block; width:120px; height:160px; margin:5px;}
#pg-texto .titulo-especial1{font-size:30px; color:#999; background:#f1f1f1; padding:5px 0; border-bottom:1px solid #fff; margin-top:0;}
#corpo .pg-8 h1, #corpo .pg-27 h1{ font-size:60px; color:#ccc;}
/*SOBRE AZUL #corpo .pg-8 h1{ display:block; clear:both; background:#069; color:#fff; width:97%; margin-bottom:20px; border-bottom:5px solid #036; overflow:hidden;}
#corpo .pg-8 h1 span{ display:block; color:#fff; color:#C0D9E6; margin:-12px 0 -20px -3px; font-size:70px;}*/

/* Sidebar - Página Projeto*/
.side-projeto .box{ display:table; width:100%; margin-bottom:30px; line-height:22px;}
.side-projeto .box h2{ display:block; padding:0; margin:0; margin-bottom:10px; float:none; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font:normal 35px Arial; line-height:45px; letter-spacing:-2px; color:#c3c3c3;}

.side-projeto .box span{ display:block; margin-top:5px;}
.side-projeto .box p{ line-height:20px; margin-bottom:10px;}
.side-projeto .box strong{ color:#777;}
.side-projeto a{ color:#777; border-bottom:1px dotted #999;}
.side-projeto a:hover{ color:#333; border-bottom-style:solid; text-decoration:none;}

.side-projeto .box.ferramentas p{ display:table;}
.side-projeto .box.ferramentas li{ display:block; float:left; width:40px; height:45px; padding:0; margin:1px; background:url('img/tools-ico3.gif') repeat-x; text-indent:0; /*overflow:hidden;*/ cursor:pointer;}
.side-projeto .box.ferramentas span{ position:absolute; display:block; margin-top:10px; margin-left:-9px; color:#777; height:10px; line-height:10px; padding:0; text-align:center; font-size:11px; width:58px; text-align:center;}

.side-projeto .box.ferramentas li.flash{ background-position:0 12px; }
.side-projeto .box.ferramentas li.fireworks{ background-position:-40px 12px;}
.side-projeto .box.ferramentas li.photoshop{ background-position:-80px 12px;}
.side-projeto .box.ferramentas li.jquery{ background-position:-120px 12px;}
.side-projeto .box.ferramentas li.wordpress{ background-position:-160px 12px;}
.side-projeto .box.ferramentas li.xhtml{ background-position:-200px 12px;}
.side-projeto .box.ferramentas li.css{ background-position:-240px 12px;}
.side-projeto .box.ferramentas li.gs{ background-position:-280px 12px;}

.side-projeto .box.views, .views{ font-size:16px; font-weight:normal; letter-spacing:0;}
.side-projeto .box.views span, .views span{ font:26px Georgia; color:#777;}

/*.side-projeto .box.ferramentas span.flash{ background-color:#900;}
.side-projeto .box.ferramentas span.fireworks{ background-color:#FFCC00; background-position:0 -20px;}
.side-projeto .box.ferramentas span.photoshop{ background-color:#069; background-position:0 -40px;}
.side-projeto .box.ferramentas span.jquery{ background-color:#0F1821; background-position:0 -60px;}
.side-projeto .box.ferramentas span.xhtml{ background-color:#555; width:25px; text-indent:28px; background-position:0 -80px;}
.side-projeto .box.ferramentas span.css{ background-color:#C60; width:30px; text-indent:33px; background-position:0 -100px;}
.side-projeto .box.ferramentas span.wordpress{ background-color:#036; background-position:0 -120px;}
*/

.links-teste li{ display:block; border-bottom:1px solid #ddd; overflow:hidden;}
.links-teste a{ display:block; padding:5px; overflow:hidden; height:20px;}
.links-teste a.anima{ height:110px; background:#fff;}
.links-teste a:hover{ background:#fff; text-decoration:none;}
.links-teste span{ display:block; margin-bottom:5px;}
.links-teste a span.titulo{ font:18px Arial; color:#999;}
.links-teste a:hover span.titulo{ color:#333;}
.links-teste a:hover span.resumo{ color:#777;}


/* --------- Página Logo -------------*/

.pg-interna.logo{ background:#ccc url('img/bg-site-logo2.jpg') repeat-x;}
.logo #titulo-pg h1 a{ color:#069;}
.logo #titulo-pg h1 a:hover{ color:#0CF; border-bottom-color:#0CF;}
.logo #titulo-pg h1 a.pg-titulo{ color:#999; border-left-color:#444; border-bottom:0;}

.pg-interna.logo #lista-jobs li a:hover,.pg-interna.logo #lista-jobs li a:hover.nivel1{ background:#ccc;}
.pg-interna.logo #lista-jobs li a { background:#888;}
.pg-interna.logo #lista-jobs li a.nivel1 { background:#727272;}

.logo #logo-apresenta{ width:100%; height:490px; background:url('img/bg-logo-apresenta.png') no-repeat top left;}
#logo-apresenta #titulo-img{ float:left; width:580px; margin-top:80px; margin-left:96px;}
#logo-apresenta #info-logo{ float:left; width:176px; height:230px; padding:5px; margin-top:125px; margin-left:53px; overflow:hidden;}

#logo-apresenta #titulo-img h1{ font:36px Arial; color:#069; letter-spacing:-1px; margin-bottom:10px;}
#logo-apresenta #info-logo span{ font:italic 12px Georgia, Arial; color:#555; line-height:20px;}
#logo-apresenta #info-logo p{ margin-bottom:10px;}

#views{ float:left; width:176px; margin-top:2px; margin-left:53px; font:16px Georgia; color:#e3e3e3;}
#views span{ font-size:20px; color:#fff;}

.logo #menu-portfolio li a{ display:block; margin-top:8px; padding:0; font:18px Arial; background:#000; border:2px solid #000; cursor:pointer;}
.logo #menu-portfolio li a span{ display:block; padding:8px 10px; height:24px; color:#777; background:#222; border:1px solid #333; border-top-color: #555; border-left-color: #555;}
.logo #menu-portfolio li a:hover{ text-decoration:none;}
.logo #menu-portfolio li a:hover span{ background:#333; border-color:#444; border-top-color: #777; border-left-color: #777; color:#ccc;}

/* Paginacao - Logos */
.logo #paginacao .wp-pagenavi{ background:#777; border:1px solid #999; border-top-color:#aaa; color:#aaa;}
.logo #paginacao span.current{ border:1px solid #0cf;}
.logo #paginacao a{ background:#676767; border:1px solid #888; border-top-color:#555; border-left-color:#555; color:#ccc;}
.logo #paginacao a:hover{ background:#ccc; border-color: #ddd; color:#333;}
.logo #paginacao.primeira .wp-pagenavi{ background:#333; border:1px solid #222; border-bottom-color:#676767; color:#777;}
.logo #paginacao.primeira a{ background:#222; border:1px solid #444; border-top-color:#000; border-left-color:#000; color:#999;}
.logo #paginacao.primeira a:hover{ background:#ccc; border-color: #ddd; color:#333;}

/* Apresentação IMGs Logo */
#logo-apresenta #titulo-img .container { margin:0 auto; width:580px; height:275px; /*padding-bottom:32px;*/ overflow:hidden; position:relative; }
#logo-apresenta #titulo-img .container img{ display:block; width:580px;}
#logo-apresenta #titulo-img .slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; /*margin-top:32px;*/ }
#logo-apresenta #titulo-img .slides li { position:absolute; top:0; width:580px; /*height:318px;*/ display:none; padding:0; margin:0; }

#logo-apresenta #imgs-nav{ margin-top:30px; margin-left:40px; border:0;}
#logo-apresenta #imgs-nav span{ background:none; border:0;}
#logo-apresenta .pagination{ /*display:table;*/ width:40%; float:left; margin-top:28px; margin-left:5px;}
#logo-apresenta .pagination li{ float:left;}
#logo-apresenta .pagination li a{ display:block; font-size:12px; margin:0 2px; padding:1px 5px; background:#fff; border:1px solid #fff; border-top-color:#eee; border-left-color:#eee; color:#999; overflow:hidden; }
#logo-apresenta .pagination li a:hover{ background:#fff; border-top-color:#ddd; border-left-color:#ddd; color:#000;}
#logo-apresenta #imgs-nav .pagination li.active a{ background:#ccc; color:#fff; border-color:#aaa; }

.logo #breadcrumb{ border:0; color:#555;}
.logo #breadcrumb span{ color:#777;}
.logo #breadcrumb a{ background:#444; border-color:#333; border-top-color:#777; color:#999;}
.logo #breadcrumb a:hover{ background:#ddd; border-color:#fff; border-top-color:#fff; color:#333;}

/* --------- 404 -------- */
#titulo-pg.pg-404 span{ display:block; font:50px "Trebuchet MS", Arial; color:#bbb; letter-spacing:-3px; margin-bottom:0px; }
#titulo-pg.pg-404 h1 span{ display:block; font-size:40px; color:#069; margin-top:-10px; }

#opcoes{ clear:both; display:block;}
.pg-interna #opcoes li{ display:block; padding:10px 0; font-size:22px; border-bottom:1px dotted #ccc; color:#999;}
.pg-interna #opcoes li a{ color:#07a;}
.pg-interna #opcoes li a:hover{ color:#036;}

/* BARRA FINAL */
#barra-final{ clear:both; background:#004080 url('img/bg-barra-final2.jpg') repeat-x; border-top:0px solid #000; min-height:100px;}
#barra-final .bf-conteudo{ color:#63849F; font-size:12px;}
#barra-final .box{ display:table; width:100%; clear:both; margin-bottom:15px; line-height:20px; }
#barra-final .box p{ display:block; clear:both; margin-top:10px;}
#barra-final .box p.titulo{ width:100%; clear:both; }
#barra-final .box p.titulo span{ display:block; float:left; padding:8px 2px 8px 12px; margin-bottom:5px; font:22px Arial; color:#4D727E; background:url('img/bf-bg-titulo1.png') no-repeat;}
#barra-final .box p.titulo span.canto{ padding:8px 2px 7px 2px; background:url('img/bf-bg-titulo2.png') no-repeat top right;}
/*#barra-final .box .titulo{ display:inline; font:22px Arial; color:#83A4BF; background:#069; padding:3px 8px; margin-bottom:8px;}
#barra-final .box .titulo span span{ font:22px Arial; color:#6B969D; padding:9px 0 6px 14px ; padding-left:14px; background:pink url('img/bf-bg-titulo1.png') no-repeat;}
#barra-final .box .titulo span{ padding:9px 14px 6px 0; margin:0; background:url('img/bf-bg-titulo2.png') no-repeat top right;}*/
#barra-final .box img{ display:block; width:100px; height:80px; float:left; margin-right:10px; background:black;}

#barra-final .box.sobre{ clear:both;}
#barra-final .box.sobre img{ display:block; width:100px; height:133px; margin-top:-20px; margin-left:-13px;}
#barra-final .box.sobre .texto span{ display:block; float:left; width:70px; height:60px; margin-left:5px; border:3px solid #014; margin-right:15px; overflow:hidden;}
#barra-final .box.sobre a{ color:#63849F;}
#barra-final .box.sobre a:hover{ color:#ddd;}
#barra-final .box.sobre .texto{ /*overflow:hidden; height:60px;*/}

#barra-final .box.twitter { color:#B3D4EF; font-size:14px; margin-top:-10px;}
#barra-final .box.twitter .data, #barra-final .box.twitter .twitter-timestamp{ display:block; color:#779FBF; font-size:11px;}
#barra-final .box.twitter a{ color:#4FD1FF; border-bottom:1px solid #4FD1FF;}
#barra-final .box.twitter a:hover{ color:#fff; border-bottom:1px solid #fff; text-decoration:none;} 

#barra-final .box.links{ position:relative; }
#barra-final .box.links h2{ display:none; overflow:hidden; margin-bottom:-20px;}
#barra-final .box.links .secao{ float:left; width:148px; margin-right:5px;}

#barra-final .box.links .secao .titulo-secao{ font:16px Arial; padding:2px 8px; margin-bottom:5px; border-bottom:1px solid #00111F; color:#81ACCF; background:url('img/bg-txt1.png');}
#barra-final .box.links .secao ul{ *margin-top:-8px;}
#barra-final .box.links li{ line-height:12px; list-style:none; color:#2C638F; margin-bottom:7px; }
#barra-final .box.links li a{ color:#6B99BF; background:none; /*text-decoration:none; border-bottom:1px solid #6B99BF;*/ padding:0; line-height:8px; border-left:2px solid #061C2F; padding-left:3px;}
#barra-final .box.links li a:hover{ color:#A7C6DF; color:#CFEBFF; background:url('img/ico-linkext1.gif') no-repeat center right; padding-right:12px; border-color:#0CF; /*border-bottom:1px solid #CFEBFF; text-decoration:none;*/}

#barra-final .box.jobs { display:table; width:100%;}
#barra-final .box.jobs ul{ clear:both; width:100%; margin-top:10px;}
#barra-final .box.jobs li{ position:relative; float:left; width:115px; width:25%; height:100px; overflow:hidden;}
#barra-final .box.jobs li span.foto{ position:absolute; top:0; left:0; border:2px solid #02080F; width:105px; height:90px; margin:3px; overflow:hidden;}
#barra-final .box.jobs li img{ width:200px; height:90px;}
/*#barra-final .box.jobs li img{ position:absolute; top:0; left:0; border:2px solid #014; width:105px; height:90px; margin:3px;}
*/
#barra-final .box.jobs li .titulo-job{ position:absolute; float:left; height: 50px; width: 105px; margin:0 5px; padding:5px 0; font-size:11px; top:110px; left: 0; color:#A7C3DF; line-height:12px; background:url('img/bg-txt1.png'); background:#02080F; _background:#333;}
#barra-final .box.jobs li a{ display:block; width:100%; height:100%; background:transparent;}
#barra-final .box.jobs li a:hover{ background:#02080F; }

#barra-final .social-icons{ height:60px; margin-bottom:05px;}
#barra-final .social-icons ul{ clear:both; display:table; width:100%; margin-bottom:0px;}
#barra-final .social-icons li{ display:block; float:left; margin-right:10px;}
#barra-final .social-icons li a{ display:block; width:46px; height:40px; color:#fff; font-size:11px; text-transform:uppercase; cursor:pointer; }
#barra-final .social-icons li a:hover{ text-decoration:none;}
#barra-final .social-icons li a span.ico1{ display:block; width:46px; height:40px;}
#barra-final .social-icons li a span{ display:block; margin:0; text-align:center; color:#fff; }
#barra-final .social-icons li a span.txt{ display:block; width:46px; position:absolute; margin-top:0;}

#barra-final .social-icons li.rss a span.ico1, #barra-final .social-icons li.rss a{ background:url('img/soc-rss.gif') no-repeat;}
#barra-final .social-icons li.rss a{ background-position:right;}
#barra-final .social-icons li.twitter a span.ico1, #barra-final .social-icons li.twitter a{ background:url('img/soc-twitter.gif') no-repeat;}
#barra-final .social-icons li.twitter a{ background-position:right;}
#barra-final .social-icons li.orkut a span.ico1, #barra-final .social-icons li.orkut a{ background:url('img/soc-orkut.gif') no-repeat;}
#barra-final .social-icons li.orkut a{ background-position:right;}
#barra-final .social-icons li.flickr a span.ico1, #barra-final .social-icons li.flickr a{ width:46px; background:url('img/soc-flickr.gif') no-repeat;}
#barra-final .social-icons li.flickr a{ width:46px; background-position:right;}
#barra-final .social-icons li.linkedin a span.ico1, #barra-final .social-icons li.linkedin a{ background:url('img/soc-linkedin.gif') no-repeat;}
#barra-final .social-icons li.linkedin a{ background-position:right;}

#barra-final #info-site{ font-size:11px; padding:10px 15px; background:#02080F; color:#1D344F; border-top:2px solid #000; text-transform:uppercase;}
#barra-final #info-site p{ margin:3px 0;}
#barra-final #info-site a{ color:#1D344F;}


/* Botões Navegação */

#voltar-btn{ width:70px; margin-top:-20px; margin-bottom:15px;}
#voltar-btn a{ background:#DBE6EA; border:1px solid #DBE6EA; padding:2px 8px; color: #6D9EAF; font-size:10px; text-transform:uppercase;}
#voltar-btn a:hover{ color:#0A3D4F; border-color:#C3D8DF; text-decoration:none;}

#ir-topo{ display:table; width:940px; height:26px; margin:0 auto; margin-top:-0; background:url('img/bg-barra-final-top.gif') no-repeat top center;}
#ir-topo a{ display:block; float:right; width:50px; text-align:center; background:#069; border:1px solid #000; text-transform:uppercase; font-size:11px; color:#ccc; padding:3px 7px; letter-spacing:1px; cursor:pointer;}
#ir-topo a:hover{ color:#fff; background:#111; text-decoration:none;}

a#curriculo{ display:block; width:130px; height:45px; padding:15px 10px 10px 55px; background:#fff url('img/curriculo-ico.gif') no-repeat 8px 8px; font-size:20px; color:#900; border:1px solid #ddd;}
a#curriculo span{ display:block; font-size:12px; color:#999;}
a:hover#curriculo{ border-color:#ccc; color:#F00; text-decoration:none;}
a:hover#curriculo span{ color:#777;}

/* Bordas Arredondadas */

/* Radius = 10*/
#paginacao .wp-pagenavi, #twitter a.follow, #corpo-sidebar .box .mais a, #corpo #msg-form, a#curriculo
{-moz-border-radius: 10px; -webkit-border-radius: 10px; -opera-border-radius: 10px; border-radius:10px;}
/* Radius = 6*/
#paginacao .current, #paginacao a, #breadcrumb a, #barra-final .box.links .secao .titulo-secao, .logo #menu-portfolio li a, .logo #menu-portfolio li a span
{-moz-border-radius: 6px; -webkit-border-radius: 6px; -opera-border-radius: 6px; border-radius:6px;}
/* Radius = 6 > só inferiores */
#ir-topo a
{-moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; -opera-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
/* Radius = 3*/
#imgs-nav a, #imgs-nav span
{-moz-border-radius: 3px; -webkit-border-radius: 3px; -opera-border-radius: 3px; border-radius:3px;}


/*  Página Em Construção */

.pg-construcao{ background:#eee; margin-top:100px;}
.pg-construcao #topo{ width:100%; padding:2% 20%; background:#eee url('img/bg-site2.jpg') repeat-x;}
.pg-construcao #construcao-msg{ float:left; border-left:1px solid #DBE6EA; padding:15px 20px; padding-left:50px; font-size:40px; color:#4F8A9F;}
.pg-construcao #construcao-msg p{ margin:-10px;}
.pg-construcao #construcao-msg span{ display:block; margin-top:15px; margin-left:-5px; font-size:16px; color:#9BC1CF;}