@charset "utf-8";

body { font:13px Arial; color:#777; background:#fff url('img/bg-site.jpg') repeat-x; margin-top:20px;}

#geral { width:940px; padding:2px 15px; margin:0 auto; background:#fff; position:relative; }

#logo { height:100px; overflow:hidden; margin-top:10px; }

#topo{ width:940px; height:160px; margin:10px 0; background:#ddd; }

#menu{ width:940px; height:60px; overflow:hidden; margin-bottom:10px; }

#conteudo{ float:left; width:700px; overflow:hidden; margin-bottom:20px;}

#sidebar{ float:left; width:220px; margin-left:20px; margin-bottom:20px; }

#barra-final{ clear:both; width:940px;}


/*DESIGN*/

a{ color:#06F;}
a:hover{ color:#F60;}

h1{ font:34px "Trebuchet MS", Arial; color:#09C; letter-spacing:-1px; margin-bottom:15px;}
h2{ font:26px "Trebuchet MS", Arial; color:#069; letter-spacing:-1px;}
h3{ font:16px "Trebuchet MS", Arial; color:#555;}

#menu{ background:url('img/bg_menu.jpg') repeat-x;}
#menu ul{ height:48px; margin-top:5px; overflow:hidden; }
#menu ul li{ display:block; float:left; margin:0 4px; position:relative;}
#menu ul li a{ display:block; font:14px "Trebuchet MS", Arial; color:#CFE2F5;  background: url('img/bg_menu_item_p1.jpg') top left;}
#menu ul li a:hover, #menu ul li.ativo a, #menu .current_page_item a, #menu .current_page_ancestor a{ color:#fff;  background-position:0 48px; text-decoration:none;}
#menu ul li a span{ display:block; padding:16px 10px; background: url('img/bg_menu_item_p2.jpg') top right no-repeat;}
#menu ul li a:hover span, #menu ul li.ativo a span, #menu .current_page_item a span, #menu .current_page_ancestor a span{ background-position:right bottom;}

#menu ul li li, #menu ul li li li{ display:none;}

#menu li ul{display:block;}

#menu-cursos{position:absolute; display:none; top:336px; left:15px; width:934px; background:#fff; border:3px solid #006; border-top-width:4px;}
#menu-cursos li.bloco{display: block; float:left; width:223px; margin:10px 5px;}
#menu-cursos p{ padding:5px 5px; border-radius:3px; -moz-border-radius:3px; font-size:13px; background:#eee; color:#555; background:#039; color:#fff;}
#menu-cursos ul ul{margin:0 5px; width:auto;}
#menu-cursos li li{/*margin:5px 0;*/ border-bottom:1px dotted #ddd; padding:5px 0; margin:0;}
#menu-cursos a{color:#888;}
#menu-cursos a:hover{color:#F60;}

#conteudo{ line-height:20px;}

#conteudo .box1-a{ float:left; width:340px; margin-right:20px; margin-bottom:40px;}
#conteudo .box1-b{ float:left; width:340px; margin-bottom:40px; }

#conteudo .box1-a h2, #conteudo .box1-b h2{ margin-bottom:10px; font-size:34px;}

#conteudo .box1-a img{ display:block; margin-bottom:10px;}
#conteudo .box1-b img{ display:block; float:right; margin-left:10px; margin-bottom:10px;}

#conteudo .texto p{ margin:15px 10px;}
#conteudo .texto p strong{ color:#555;}

/*BOTOES*/
a.ler-mais{ display:inline-block; width:82px; padding:6px 0 7px 10px; font:13px Arial; color:#069; background:url('img/bg-ler-mais.jpg') top left no-repeat; margin-top:10px;}
a:hover.ler-mais{ color:#000; text-decoration:none;}

a.saiba-mais{ display:inline-block; /*width:89px;*/ padding:5px 13px 9px 11px; text-align:center; font:13px Arial; color:#CFECFF; background:url('img/bg-saiba-mais.jpg') bottom left repeat-y; margin-top:20px; margin-right:10px;}
a:hover.saiba-mais{ color:#fff; text-decoration:none; background-position:top left;}

a.comprar{ display:inline-block; padding:5px 12px 9px 12px; font:13px Arial; color:#852806; background:url('img/bg-comprar.jpg') bottom left repeat-y; margin-top:10px;}
a:hover.comprar{ color:#000; text-decoration:none; background-position:top left;}

/*Saiba Mais e Comprar com fundo BRANCO*/ .bg-branco{ background-position:0 30px;}

#topo{ background:url('img/topo.jpg') no-repeat; text-indent:-10000px; overflow:hidden;}

/*BOX-LIVRO*/
#box-livro{ clear:both; color:#069; background:url('img/bg-box-livro.jpg') no-repeat; height:220px; overflow:hidden; padding:5px 40px;}
#box-livro .livro-img{ float:left; display:block; margin-right:40px;}
#box-livro h2{ font-size:24px; color:#F60; margin:15px 0;}

/*BOX-BLOG*/
#box-blog{ margin-top:20px; border-top:2px solid #ddd; padding-top:20px;}
#box-blog h2, #box-blog h2 a{ text-transform:uppercase; color:#999; padding:0; margin-bottom:15px;}
#box-blog h2 a:hover, #conteudo #box-blog h2 a:hover span{ color:#000; text-decoration:none;}
#conteudo #box-blog h2 a span{ background:#eee; color:#777;  padding:2px 8px; font-size:11px; letter-spacing:0; margin-top:-8px; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:10px; }
#conteudo #box-blog .artigo{ display:table; width:700px; border-bottom:1px dotted #ddd; padding-bottom:7px; margin-bottom:10px;}
#conteudo #box-blog .artigo h3, #box-blog .artigo h3 a{ font:16px "Trebuchet MS"; color:#555;}
#conteudo #box-blog .artigo h3 a:hover{ color:#000;}
#conteudo #box-blog .artigo .data-pginicial{ display:inline-block; float:left; color:#999; background:url('img/bg-data-1a.jpg') top left no-repeat; font-weight:bold; margin-right:20px;}
#conteudo #box-blog .artigo .data-pginicial span{ display:inline-block; padding:5px 14px; background:url('img/bg-data-1b.jpg') top right no-repeat;}

/*SIDEBAR - CONFIGURACOES GERAIS*/
#sidebar h2{ font-size:18px; font-weight:normal; color:#036; letter-spacing:0; background:url('img/bg-side-titulo.jpg') top left no-repeat; padding:8px 12px; margin-bottom:5px;}
#sidebar div{ margin:5px 0 35px 0;}
#sidebar .pagenav{ list-style:none;}

#sidebar .box{ clear:both; margin-bottom:20px; padding-bottom:10px;}
#sidebar .box ul li{ margin:0 10px; padding:4px 7px; border-bottom:1px dotted #ddd;}
#sidebar .box ul li a{ color:#777;}
#sidebar .box ul li a:hover{ color:#222;}

#sidebar .tags p{ display:table; width:95%; margin:0 auto;}
#sidebar .tags a{ display:block; display:inline-block; float:left; border:1px dotted #e3e3e3; padding:2px 4px; margin:2px;}
#sidebar .tags a:hover{ background:#f3f3f3; border:1px solid #ddd;}

#sidebar .box select{ width:195px; padding:3px 5px; margin:5px 10px; background:#f3f3f3; border:1px solid #ddd;}

/*SIDE-SERVICOS*/
#side-servicos{ background:#FEE4C2 url('img/side-servicos-bg.gif') bottom left no-repeat; padding-bottom:5px;}
#side-servicos h2{ background:url('img/side-servicos-top.gif') top left no-repeat; height:43px; overflow:hidden; text-indent:-10000px; padding:0;}
#side-servicos ul{ margin:10px; }
#side-servicos ul li{ list-style:square inside; color:#E0AF87; border-bottom:1px solid #EFCAA5; padding-bottom:5px; margin-bottom:5px;}
#side-servicos ul li a{ color:#930;}
#side-servicos ul li a:hover{ color: #000;}

/*SIDE-CLIENTES*/
#side-clientes{ margin:20px 0;}
#side-clientes ul{ display:table; width:220px; margin:0; padding:0; }
#side-clientes ul li{ float:left; width:98px; height:78px; border:1px solid #ddd; margin:5px; _margin:3px; background:#fff;}
#side-clientes ul li img{ display:block; width:98px; height:78px;}

/*SIDE-CERTIFICACOES*/
#side-certificacoes{ margin:5px 0;}

/*BARRA FINAL*/
#barra-final{ display:table; background:url('img/bg-barra-final.jpg') top left no-repeat;}
#barra-final #creditos{ float:left; width:400px; margin:10px; }
#barra-final #selos{ float:left; width:500px; _width:490px; margin:10px; }

#barra-final #creditos p{ margin:7px 5px; font-size:11px; color:#999;}
#barra-final #creditos p strong{ color:#777;}
#barra-final #selos img{ display:inline-block; float:right; margin:10px;}

/*LOGO*/
#logo{ margin-bottom:-10px;}
#logo h1, #logo p{ position:absolute; margin:0; width:350px; height:90px; overflow:hidden; }
#logo a{ display:block; width:345px; height:90px; overflow:hidden; text-indent:-10000px; background: url('img/infochoice-logo.jpg') top left no-repeat;}
#logo .busca-form{ width:220px; position:absolute; margin-top:35px; margin-left:727px;}

/*ARTIGO NO BLOG*/
#conteudo .artigo{ display:table; width:100%; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:20px;}
#conteudo .artigo .info-post{ width:170px; float:left; padding:0 6px 4px 6px; background:#f9f9f9; border:1px solid #f1f1f1; border-right-color:#e3e3e3; color:#aaa; font-size:12px;}
#conteudo .artigo .info-post a, .pg-interna .info-post a{ color:#999;}
#conteudo .artigo .info-post a:hover, .pg-interna .info-post a:hover{ color:#333;}
#conteudo .artigo .info-post p, .pg-interna .info-post p{ border-bottom:1px solid #eee; padding-bottom:3px; margin-top:3px;}
#conteudo .artigo .data, .pg-interna .info-post .data{ background:url('img/data-ico.gif') no-repeat 0 -2px; padding-left:25px;}
#conteudo .artigo .categoria, .pg-interna .info-post .categoria{ background:url('img/categoria-ico.gif') no-repeat 0 -2px; padding-left:25px;}
#conteudo .artigo .tags, .pg-interna .info-post .tags{ background:url('img/tag-ico.gif') no-repeat 0 -2px; padding-left:25px;}
#conteudo .artigo .comentario, .pg-interna .info-post .comentario{ background:url('img/comentario-ico.gif') no-repeat 0 -2px; padding-left:25px;}
#conteudo .artigo .resumo{ float:left; width:495px; margin-left:20px; color:#555;}
#conteudo .artigo h2{ margin-bottom:10px; margin-left:205px;}
#conteudo .artigo .resumo .mais-bot{ text-align:right;}

#conteudo .artigo .resumo a.ler-mais{ background:#EFFBFF; padding:3px 0; text-align:center; border:1px solid #C2E3EF; margin-right:0; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:10px;}
#conteudo .artigo .resumo a:hover.ler-mais{ background:#E0EBEF; border-color:#A7D0DF;}

.pg-interna .info-post{ width:96%; padding:0 1.5% 1.5px 1.5%; background:#f9f9f9; border:1px solid #f1f1f1; border-bottom-color:#e3e3e3; color:#aaa; font-size:12px; margin-top:20px;}
.pg-interna .info-post p{ margin:3px 0px;}
.pg-interna .info-post p.editar-bot{ border:0;}

/*BUSCA*/
.busca-info{ background:#f3f3f3; border:1px solid #e3e3e3; margin:10px 0; margin-bottom:20px; padding:2px 12px; font:13px "Trebuchet" Arial; color:#999; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:10px;}
.busca-info p{ margin:5px 0;}
.busca-info strong{ color:#09c; font-size:16px; font-style:normal;}

.busca-form input.txt{ background:#f3f3f3; border:1px solid #e3e3e3; color:#333; padding:3px 8px; margin-left:5px; *margin-left:10px; width:140px; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px;}
.busca-form input.txt:focus{ background:#f7f7f7; border-color:#ccc; color:#333;}
.busca-form input.envia{ background:#fff; border:1px solid #eee; color:#777; padding:3px 10px; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:8px; *padding:1px 5px;}
.busca-form input:hover.envia{ color:#000; border-color:#ccc;}

.busca-nada h1{ line-height:32
px !important; margin-bottom:30px !important;}
.busca-nada .busca-info{ margin:10px 0 !important;}
.busca-nada .busca-form{ background:#f7f7f7; font-size:14px; padding-bottom:10px; }
.busca-nada .busca-form form{ margin:10px 0; margin-left:-5px; }
.busca-nada .busca-form form input.txt{ background:#ddd; border-color:#ccc; font-size:18px; }
.busca-nada .busca-form form input.txt:focus{ background:#fff; border-color:#aaa; }
.busca-nada .busca-form form input.envia{ background:#fff; border-color:#ccc; font-size:18px; }

/*FORMULÁRIO*/

#formulario #form-box{ width:100%; display:table; }
#formulario #form-box .form-info{ float:left; width:48%; margin:0.8%; }
#formulario #form-box .form-msg{ float:right; width:48%; margin:0.8%; }

#formulario #form-box label{ display:block; font-size:14px; margin-top:5px;}

#formulario #form-box input, #formulario #form-box textarea, #formulario #form-box select{ background:#f3f3f3; border:1px solid #ccc; padding:5px; font:16px Arial; color:#333; -moz-border-radius:8px; -webkit-border-radius:8px; -opera-border-radius:10px; width:322px;}
#formulario #form-box textarea{ height:194px; *height:184px; margin-bottom:20px;}
#formulario #form-box select{ font-size:14px; color:#777;}
#formulario #form-box select option{ border:0; padding:2px; border-bottom:1px dotted #ddd;}
#formulario #form-box select option:hover, #formulario #form-box select option:focus{ background:#ccc; color:#333;}
#formulario #form-box input.enviar{ margin-left:120px; width:100px; background:#036; border:1px solid #003; color:#eee; cursor:pointer;}
#formulario #form-box input:hover.enviar{ background:#069; border-color:#036; color:#fff;}

#erro-form{ margin:0 auto; width:55%; padding:10px; margin-bottom:5px; background:#FFDFDF; border:2px solid #EFC2C2; color:#9F4545; font:16px Arial;}
#erro-form img{ display:none;}
#erro-form strong{ color:#BF1717; }
#erro-form .link{ text-align:center; margin-top:10px;}
#erro-form .link a{ padding:3px 5px; background:#BF6B6B; border:1px solid #9F4545; color:#EFE0E0; font-size:13px;}
#erro-form .link a:hover{ background:#DF9999; border-color:#BF5F5F; color:#fff; text-decoration:none;}

#sucesso-form{ margin:0 auto; width:55%; padding:10px; margin-bottom:5px; background:#F3FFDF; border:2px solid #DEEFC2; color:#799F3B; font:16px Arial; text-align:center;}
#sucesso-form img{ display:none;}
#sucesso-form span{ color:#588F00; font-weight:bold; margin-bottom:5px;}

/* PAGINAÇÃO */
#geral .wp-pagenavi{ margin-bottom:20px;}
#geral .wp-pagenavi .pages{ border:0; border:1px dotted #ddd; color:#999; margin-right:10px;}
#geral .wp-pagenavi a{ background:#eee; border-color:#ddd; color:#777;}
#geral .wp-pagenavi a:hover{ background:#ddd; border-color:#ccc; color:#333;}
#geral .wp-pagenavi .current{ background:#06F; border-color:#06C; color:#fff;}
#geral .wp-pagenavi .pages, #geral .wp-pagenavi a, #geral .wp-pagenavi .current{-moz-border-radius:5px; -webkit-border-radius:5px; -opera-border-radius:5px;}
