﻿@charset "utf-8";

/*
	Profissão Web - Mentes criativas transformando o mundo.
	Site: www.profissaoweb.com
	Autor: Thiago Melo
	E-mail: falecom@thiagomelo.com
	Design: Thiago Melo
	Programação PHP: Flávio Theruo Kaminisse
	Última atualização do CSS: 13 de Maio de 2008
*/


/*..... Structure .....*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { margin:0 auto; background:#EEEEE8 url(../imagens/bg_body.jpg) repeat-x; font:12px/1.5em "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#666; }
.wrap { width:1008px; background:url(../imagens/bg_wrap.gif) repeat-y; margin:0 auto; text-align:left; }
.header { width:1008px; height:147px; background:url(../imagens/bg_header.jpg) no-repeat; }
.menu { width:1008px; border-top:11px solid #FFF; background:url(../imagens/bg_menu.jpg) repeat-x; clear:both; }
.column { width:160px; background:#F4F4EF url(../imagens/bg_column.jpg) top no-repeat; float:left; padding:10px; font:11px/1.5em "Trebuchet MS"; }
.content { width:608px; background:#FFF; padding:20px; float:left; }
.second-column { width:160px; background:#F4F4EF url(../imagens/bg_column.jpg) top no-repeat; float:right; padding:10px; font:11px/1.5em "Trebuchet MS"; }
.underground { width:1008px; height:370px; background:#64A2ED url(../imagens/bg_underground.jpg) top repeat-x; margin:0 auto; padding-top:20px; clear:both; font:11px Tahoma; line-height:18px; }
.footer { width:968px; float:left; padding:20px 20px 0 20px; }
/*...................................................*/

/*..... Commons .....*/
p { margin:10px 0; }
a { color:#666; font-weight:bold; text-decoration:none; }
a:hover { color:#A9A952; text-decoration:underline; }
address { font-style:normal; }
acronym, abbr { cursor:help; border-bottom:1px dashed #CCC; }
label { display:block; margin-top:5px; }
/*...................................................*/

/*..... Extras Divs .....*/
.img_left { float:left; margin:0 20px 20px 0 !important; }
/*...................................................*/

/*..... Titles and Subtitles .....*/
h1 { font:22px/1.4em Georgia, Tahoma, Helvetica, sans-serif; color:#6099DF; font-weight:normal; margin:0; }
h1 a { color:#6099DF; text-decoration:none !important; font-weight:normal !important; }
h1 a:hover { color:#A9A952; text-decoration:none; }
h1 a:visited { text-decoration:none; color:#A9A952; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6099DF; margin:10px 0; line-height:20px; clear:both !important; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#757539; font-weight:bold; margin:15px 0; line-height:20px; clear:both !important; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6099DF; font-weight:bold; margin:15px 0; line-height:20px; clear:both !important; }
h5 { font:22px/1.5em Georgia, Tahoma, Helvetica, sans-serif; color:#FFF; font-weight:normal; margin:10px 0; }
h6 { font:14px/1.4em Georgia, Tahoma, Helvetica, sans-serif; color:#6099DF; font-weight:bold; margin:0; }

.second-column h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6099DF; font-weight:bold; margin:15px 0; background:none !important; padding:0 !important; text-decoration:none; }
.artigos_relacionados { font:12px/1.5em Tahoma, Helvetica, sans-serif; color:#757539; font-weight:bold; background:url(../imagens/icone_artigos_relacionados.gif) bottom left no-repeat; padding-left:20px; border-top:1px dashed #A9A952; padding-top:15px; }
.content h4 { width:36px; height:15px; background:url(../imagens/tit_tags.gif) no-repeat; display:block; text-indent:-999999px; overflow:hidden; }
.column .block { margin-bottom:20px; }
/*...................................................*/

/*..... Forms .....*/
fieldset {}
legend { font-weight:bold; }
.txtfield { border-left:1px solid #CFD2A4; border-top:1px solid #CFD2A4; border-right:1px solid #F1F2E4; border-bottom:1px solid #F1F2E4; background:#F3F4EE; font:11px/1.4em Tahoma, Verdana, Arial; padding:2px; }
.formulario .bt_enviar { font:11px Tahoma, Verdana, Arial; color:#333; background:#E9E9DC; border:1px solid #D2D2B9; cursor:pointer; float:left; padding:5px; margin:10px 0; font-weight:normal; }
.formulario .bt_enviar:hover { font:11px Tahoma, Verdana, Arial; color:#FFF; background:#75ADF2; border:1px solid #3D8CED; cursor:pointer; float:left; padding:5px; margin:10px 0; font-weight:normal; }
/*...................................................*/

/*..... Header .....*/
.header .site { margin:0; padding:0; float:left; }
.header .site a {  position:absolute; margin-left:23px; margin-top:22px; width:305px; height:98px; display:block; text-indent:-99999px; overflow:hidden;  }
.header fieldset { position:absolute; top:107px; margin-left:404px; width:584px; height:24px; padding:8px; }
.header fieldset label { position:absolute; top:0px; margin-left:10px; font-weight:bold; color:#1B81C5; font-size:11px; }
.header fieldset .txtfield { position:absolute; top:3px; margin-left:52px; background:#FFF; padding:2px; float:left; border:1px solid #96D1FE; color:#146296; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:11px; }
.header fieldset ul { position:absolute; top:5px; margin-left:440px; float:left; }
.header fieldset li { font-size:11px; display:inline; margin:0 6px; }
.header fieldset li a { color:#1B81C5; }
.header .bt_enviar { position:absolute; top:1px; margin-left:482px; font:11px Tahoma, Verdana, Arial; color:#146194; background:#FFF; cursor:pointer; float:left; padding:4px 5px; font-weight:bold; border:1px solid #79DAFF; }
.header .bt_enviar:hover { background:#75ADF2; color:#FFF; }
/*..............................................*/

/*..... Navigation .....*/
.wrap .menu ul { width:1008px; margin:0px; padding:0; }
.wrap .menu li {  list-style-type:none; float:left; display:block; margin:0; padding:0; }
.wrap .menu li a { width:124px; height:32px; display:block; background:url(../imagens/bg_menu.jpg) repeat-x; font:11px "Trebuchet MS", Georgia, Tahoma; text-decoration:none; font-weight:bold; color:#6C6C4A; text-align:center; padding-top:15px; border-left:1px solid #C9C9B4; border-right:1px solid #FFF; }
.wrap .menu li a:hover { color:#FFF; }
.wrap .menu .menu_principal a { width:95px !important; border-left:none !important; }
.wrap .menu .menu_blog a { width:112px !important; }
.wrap .menu .menu_autor a { width:115px !important; }
.wrap .menu .menu_calendario a { width:160px !important; }
.wrap .menu .menu_shopping a { width:95px !important; }
.wrap .menu .menu_agencia a { width:135px !important; }
.wrap .menu .menu_arquivo a { width:95px !important; }
.wrap .menu .menu_metricas a { width:95px !important; }
.wrap .menu .menu_contato a { width:90px !important; border-right:none !important; }
.wrap .menu li a:hover { background:#75ADF2; color:#FFF; }
/*..............................................*/

/*..... Column .....*/
.column .feeds { margin-top:0px !important; }
.column .feeds li a { height:12px; display:block; background:url(../imagens/img_feeds.gif) left bottom no-repeat; padding-left:28px; padding-top:10px; font-weight:normal; }
.column .categorias li { display:block; background:url(../imagens/img_categorias.gif) left no-repeat; padding-left:24px; font-weight:normal; }
.second-column .blogroll li { display:block; background:url(../imagens/img_blogroll.gif) left no-repeat; padding-left:20px; font-weight:normal; }
.second-column .shopping li { display:block; background:url(../imagens/img_shopping.gif) left no-repeat; padding-left:20px; font-weight:normal; }
.second-column .google { clear:both; }

.newsletter label { display:none; }
.newsletter .txtfield { background:#FFF; margin:3px 0 0 0px; padding:2px; border:1px solid #D2D2B9; color:#146296; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:11px; }
.newsletter .bt_enviar { font:11px Tahoma, Verdana, Arial; color:#333; background:#E9E9DC; border:1px solid #D2D2B9; cursor:pointer; float:left; padding:5px; margin:10px 0; font-weight:normal; }
.newsletter .bt_enviar:hover { font:11px Tahoma, Verdana, Arial; color:#FFF; background:#75ADF2; border:1px solid #3D8CED; cursor:pointer; float:left; padding:5px; margin:10px 0; font-weight:normal; }
/*..............................................*/

/*..... Content .....*/
.content .google { width:468px; height:60px; float:left; margin:5px 10px 20px 0; }
.dell { width:600px; height:74px; float:left; margin:0 0 30px 0 !important; }
.dell p { margin:0; padding:0; }

.content .texto_tamanho { position:absolute; margin-left:480px; width:137px; height:26px; float:left; background:url(../imagens/bg_tamanho_letra.jpg) no-repeat; padding-top:35px; }
.content .texto_tamanho h2 { display:none; }
.content .texto_tamanho ul { text-align:center; }
.content .texto_tamanho ul li { display:inline; }
.content .texto_tamanho ul li a { padding:0 2px; }

.entry { display:table; background:url(../imagens/linha_divisoria.gif) left bottom no-repeat; padding-bottom:20px; margin-bottom:20px; clear:both; }
.entry p { line-height:18px; margin:15px 0; }
.entry a { font-weight:bold; text-decoration:underline; color:#1B81C5; }
.entry ul { margin:15px 0; }

.entry .date p { margin:0; padding:0; color:#FFF; }
.entry .date { width:45px; height:49px; background:url(../imagens/bg_data.gif) no-repeat; text-align:center; float:left; }
.entry .title { width:492px; margin-left:10px; float:left; padding-bottom:20px; }

.entry .date abbr { cursor:help; border-bottom:none; margin:0; padding:0; }
.entry .date .month { font:10px/1.5em "Trebuchet MS", Georgia, Tahoma, Helvetica, sans-serif; color:#FFF; text-align:center; margin-top:2px; }
.entry .date .day { font:24px/1em Georgia, Tahoma, Helvetica, sans-serif; color:#6F6F6F; text-align:center; margin-top:3px; }

.entry * [rel~=external], .footer * [rel~=external], .entry * [rel~=external], .footer * [rel~=external], .content * [rel~=external] { background:url("http://www.profissaoweb.com/imagens/external.gif") right no-repeat; cursor:pointer; padding-right:15px; margin-right:3px; font-weight:bold; text-decoration:underline; color:#1B81C5; }

.entry .title a { font-weight:normal; text-decoration:none; }
.entry .title a:hover { font-weight:normal; text-decoration:underline; color:#A9A952; }
.entry .title ul { clear:both; margin:0; padding:0; }
.entry .title li { display:block; float:left; margin-right:5px; }
.entry .title .post_comment { background:url(../imagens/img_comentar.gif) no-repeat; padding-left:27px; margin-left:0 !important; }
.entry .title .comments_number { background:url(../imagens/img_comentarios.gif) no-repeat; padding-left:27px; }
.entry .title .blog_reactions { background:url(../imagens/img_tecnorati.gif) no-repeat; padding-left:27px; }

.info_entry { clear:both; }
.entry .author a { font-weight:bold; text-decoration:none; color:#1B81C5; }
.entry .author a:hover { font-weight:bold; text-decoration:underline; color:#A9A952; }

.listagem_artigos { margin:20px 0; }
.listagem_artigos li { margin:10px 0; width:150px; background:url(../imagens/icone_tags.gif) no-repeat; padding-left:20px; display:block; }

.content li { list-style-type:disc; margin-left:15px; }

.contato br { display:none !important; }
.entrevista { background:#EFEFEF; border:1px solid #CCC; padding:20px; }
.promocode { background:#EFEFEF; border:1px solid #CCC; padding:10px 20px; }
.anuncios_google { width:468px; margin:20px 0; clear:both; }
.hosting_promocode { width:152px; height:142px; margin:15px 0; clear:both; }
.hosting_promocode a { width:152px; height:142px; background:url(http://www.profissaoweb.com/imagens/dreamhost_promocode.jpg) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }
.banner_visie { width:152px; height:142px; margin:15px 0; clear:both; }
.banner_visie a { width:152px; height:142px; background:url(http://www.profissaoweb.com/imagens/banner_visie.jpg) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }

.landing_site { width:548px; height:515px; clear:both; }
.banner_post_search { width:340px; float:left; margin:0 20px 30px 0; }
.banner_post_search_02 { width:125px; float:left; margin-bottom:30px; }
.banner_post_search_02_02 { float:left; margin-top:20px; }
.banner_post_inside { float:right; margin:0 0 10px 10px; }
.banner_geral { margin-bottom:15px; }

.info_post_search { clear:both; margin:10px 0; }
.busca label { display:inline !important; }
label .display { display:none !important; }

.tabela_agencias { margin:15px 0; border-collapse:collapse; border:1px solid #CCC; }
.tabela_agencias tr td { padding:2px; }

.tabela_rgb { margin:15px 0; border-collapse:collapse; border:1px solid #CCC; color:#000; }
.tabela_rgb tr td { padding:2px; }

.calendario { width:260px !important; background:url(http://www.profissaoweb.com/imagens/img_calendario.gif) right bottom no-repeat; padding-right:120px !important; }
.metricas { width:186px !important; background:url(http://www.profissaoweb.com/imagens/img_metricas.gif) right bottom no-repeat; padding-right:120px !important; }
.agencias { width:136px !important; background:url(http://www.profissaoweb.com/imagens/img_agencias.jpg) right bottom no-repeat; padding-right:170px !important; }
.blog_autor { width:380px !important; }
.twitter { width:220px !important; }
.enquetes { width:220px !important; margin-left:15px; }
.contacterror { background:#FFF; border: 1px solid #ff0000 !important; }
.codigo { width:600px; clear:both; overflow:auto; }

.sindication { font:28px Georgia, Arial, Tahoma, Verdana; }
.sindication span { font:12px "Trebuchet MS", Tahoma, Arial, Verdana !important; font-weight:bold !important; }

.nome_agencia { font:13px Arial; font-weight:bold; color:#6099DF; }
.link_agencia { font:12px Arial; text-decoration:underline; color:#333; }
.google_maps { width:600px; height:400px; clear:both; }
.iframe_maps { width:600px; height:400px; clear:both; margin-bottom:20px; }

.jacotei_search { position:absolute; width:208px; height:400px; margin-left:400px; margin-top:-20px; }
/*..............................................*/

/*..... Underground .....*/
.underground .block { width:306px; float:left; padding:0 15px; }
.underground p { color:#FFF; text-decoration:none; }
.underground a { text-decoration:none; color:#FFF; font-weight:bold; }
.underground a:hover { text-decoration:none; color:#FFFF00; }
.underground address { font-style:normal; color:#FFF; float:left; margin-top:10px; }
.underground ul { float:left; margin-top:10px; margin-left:5px; }
.underground li { display:block; float:left; }
.underground .name { margin-left:45px; font-size:11px; color:#FFF; font-family:Tahoma, Verdana, Arial; font-weight:normal; }
.underground .name a { color:#FFF; font-weight:bold; text-decoration:none; }
.underground .name a:hover { color:#FFFF00; text-decoration:none; }
.underground h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFF00; font-weight:bold; margin:15px 0; line-height:20px; clear:both !important; }
.underground h4 { font-family:Tahoma, Verdana, Arial; font-size:12px; color:#FFF; font-weight:bold; line-height:16px; clear:both !important; }

.footer .hcard { position:absolute; margin-left:85px; margin-top:-3px; }
.footer .hcard a { width:35px; height:25px; background:url(../imagens/img_hcard.jpg) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }

.img_livro { width:100px; height:81px; background:url(../imagens/bg_livro.gif) no-repeat; float:left; margin:0 12px 5px 0; }
.img_livro p { text-align:center; }
.info_livro { width:194px; float:left; }
.info_livro h4 { margin:0 !important; }

.guia_profissoes { width:200px; float:left; }
.melhores_posts { width:538px; float:right; margin-left:20px; }

.politica_acessibilidade { margin-left:15px; }
.generator { margin-left:15px; color:#FFF; }
.about { margin-left:10px; }

.dados_market_share { display:none; }
.market_share { width:600px; float:left; margin-bottom:10px; padding-bottom:15px; border-bottom:2px solid #DDD; }
/*..............................................*/

/*..... Pagination .....*/
.paginacao { width:100%; font-size:11px; padding:5px 0; margin:0 0 20px 0; text-align:center; display:table; clear:both; }
.paginacao a { color:#4C5044; background:#FFF; text-decoration:none; font-weight:bold; padding:0 1px; margin:0; display:inline; }
.paginacao a:hover { background:#71A5E3; color:#FFF; text-decoration:none; padding:0 1px; }
.paginacao li span { background-color:#71A5E3; padding:0px 4px; color:#FFF; }
.paginacao h6 { float:left; font-size:11px; font-weight:bold; color:#757539; }
.paginacao p { float:right; margin:0px; }
.paginacao strong { color:#FFF !important; font-weight:bold !important; background:#71A5E3 !important; padding:0 5px !important; }

.paginacao .pg_anterior { float:left; }
.paginacao .pg_proximo { float:right; }
/*..............................................*/

/*..... Comments .....*/
.comments { float:left; }
.comment { width:100%; display:table; clear:both; background:url(../imagens/linha_divisoria.gif) bottom no-repeat; margin:5px 0; padding-bottom:5px; }
.info_comment { background:url(../imagens/icone_comentario_grande.jpg) left top no-repeat; padding:0 0 10px 55px; }
.post_number { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#6F6F6F; }
.name { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#6F6F6F; text-align:center; font-weight:bold; margin-left:5px; }
.name a { color:#6099DF; text-decoration:underline; }
.data_post { display:block; }

.advice { clear:both; margin:10px 0; }
.formulario { margin-top:15px; }
.formulario p { margin:2px 0; }
.formulario legend { margin-bottom:10px; font:14px/1.5em Georgia, "Trebuchet MS", Tahoma, Helvetica, sans-serif; color:#757539; background:url(../imagens/icone_insere_comentario.gif) no-repeat; padding-left:20px; }
.formulario label { margin-bottom:0px !important; padding:0 !important; }
/*..............................................*/

/*..... Tooltip .....*/
.tooltip {}
/*..............................................*/

/*..... Tables .....*/
.tables {}
/*..............................................*/

/*..... Tags .....*/
.post-categories { margin:10px 0 0 -5px !important; padding-bottom:15px; font-size:11px; }
.post-categories li { display:block; float:left; margin:0 5px; }
.post-categories li a { color:#A9A952; text-decoration:underline; }
.post-categories li a:hover { color:#757539; text-decoration:underline; }
/*..............................................*/
