﻿/*  
Theme Name: iProspect
Theme URI: http://www.iprospect.com.br/
Description: Tema para o site da iProspect.
Version: 1.0
Author: Cátia Kitahara 
Author URI: http://www.catiakitahara.com.br
*/

/*cores
preto - #000
branco - #fff
verde - #aedb06
azul - #039
azul claro - #e4edfe
cinza - #666
cinza - #758288
cinza (bg) - #ccc
*/

/* reset de Eric A. Meyer (http://meyerweb.com/eric/tools/css/reset/) - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

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; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }


/* Tipografia */
body { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #000; background:#ccc; }
pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
q { font-style: italic; }
cite { font-style: normal; }
h1,h2,h3,h4,h5,h6 { color: #333; margin-bottom: 18px; }
h1 { font-size: 30px; line-height: 36px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; line-height: 36px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

/* Elementos de texto */
p { margin: 0 0 18px 0; }
p.last { margin-bottom:0; }
p img { margin: 0 9px 18px 0; float: left; position: relative; clear: left; }

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

ul, ol { margin: 0 0 18px; }
dl { margin: 0 0 18px 0; }
dl dt { font-weight: bold; }

blockquote { margin: 0 18px 18px; font-style:italic; }

strong { font-weight: bold; }
em { font-style: italic; }
pre { margin-bottom: 18px; background: #000; padding: 18px; }

/*Estrutura*/
html, body { height: 100%; }
#wrapper { position: relative; min-height: 100%; width: 790px; margin: 0 auto; clear: both; text-align: left; background: transparent url(img/conteudo-bg.png) repeat-y; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*topo*/
#topo { background: #fff; padding: 5px; border-top: #ccc 5px solid; }
#topo h1 { display: inline; float: left; }
#topo h1 a { display: block; width: 220px; height: 94px; text-indent: -9999px; background: transparent url(img/logo.png) no-repeat; }
#topo h1 a:hover { text-decoration: none; }

#idiomas ul { display: inline; position: relative; float: right; margin: 0; font-size: 11px; padding-right: 10px; margin-right: 10px; border-right: #ccc 1px solid; }
#idiomas ul li { display:inline; float: left; padding-left: 10px; margin-left: 10px; border-left: #ccc 1px solid; }

#menu { height: 26px; border-top: #ccc 1px solid; clear:both; }
#menu ul { display: inline; position: relative; float: right; margin: 0; font-size: 9px; }
#menu ul li { display:inline; float: left; height: 26px; margin-left: 2px; }
#menu ul li a { float: left; display: block; height: 24px; color: #666; background: transparent url(img/setinha-cinza.png) no-repeat 10px center; padding: 0 10px 0 16px; line-height: 24px; font-weight: bold; }
#menu ul li a:hover, #menu ul li a.current { text-decoration: none; background: #aedb06 url(img/setinha-cinza.png) no-repeat 10px center; }

/*conteudo*/
#conteudo { width: 790px; border-top: #ccc 5px solid; padding-bottom: 253px; }

/*sidebars*/
#sidebar-esq, #sidebar-dir { width: 150px; padding: 5px 5px 0; float:left; display: inline; background: #fff; }
.submenu { font-size: 11px; margin-bottom: 0; }
.submenu ul { margin-bottom: 0; display: none; border-top: #fff 5px solid; }
#sidebar-esq .submenu li.current_page_item ul, #sidebar-esq .submenu li.current_page_ancestor ul { display: block; }
.submenu li { border-bottom: #fff 5px solid; }
.submenu li a { display: block; padding: 5px 5px 5px 13px; color: #e4edfe; font-weight: bold; }
#sidebar-esq .submenu li a { background: #039 url(img/setinha-azul.png) no-repeat 5px center; }
#sidebar-dir .submenu li a { background: #758288 url(img/setinha-azul.png) no-repeat 5px center; }
#sidebar-esq .submenu li.current_page_item>a, #sidebar-esq .submenu li a:hover, #sidebar-dir .submenu li.current_page_item>a, #sidebar-dir .submenu li a:hover { color: #999; text-decoration: none; background: #fff url(img/setinha-verde.png) no-repeat 2px center; }
#sidebar-esq .submenu ul li a, #sidebar-esq .submenu li.current_page_ancestor>a { background: #aedb06 url(img/setinha-cinza.png) no-repeat 5px center; color: #666; }


/*principal*/
#principal { width: 424px; margin: 5px; padding: 18px; float:left; display: inline;  }
#principal .hide {display: none;}

/*rodape*/
#rodape { position: absolute; bottom: 0; width: 790px; font-size: 9px; color: #666; text-align: center; background: #ccc url(img/rodape-bg.png) no-repeat; padding-top: 10px; }
#links-rodape { background: #fff; padding: 18px; height: 108px; margin-bottom: 18px; }
#links-rodape h5 { font-size: 9px; font-weight: bold; color: #999; margin-bottom: 0; }
#links-rodape a { padding-left: 10px; margin-left: 10px; border-left: #ccc 1px solid; color: #999; }

/*posts*/
.post { margin-bottom: 18px; border-bottom: #ccc 1px solid; }
body.archive .post { padding-top: 18px; }
.post ul { padding-left: 20px; list-style: inside disc; }
.post ol { padding-left: 20px; list-style: inside decimal; }

.data { font-weight: bold; float: left; margin-bottom: 0; }

/*imagens em posts*/
.wp-caption { float: left; position: relative; clear: left; margin: 0 18px 18px 0; line-height: 18px; }
.wp-caption p.wp-caption-text { font-size: 11px; margin: 9px 9px 27px; color: #fff; }
img.wp-smiley { margin: 0; float: none; clear: none; }

/*meta*/
.meta { font-size: 11px; color: #999; }
.meta img { margin: 0 5px 0 0; }

/*links*/
.blogroll a { font-weight: bold; }

/*comentários*/
.comentarios { margin: 18px 0 18px 80px; }
.comentarios li { border-top: 1px solid #ebebeb; padding: 18px 0 17px; }
.comentarios ul.children { margin-bottom: 0; }
.comentarios ul.children li { margin-left: 62px; }
.comentarios img.avatar { margin-bottom: 10px; }
.commentlist { border-bottom: 1px solid #ebebeb; margin-bottom: 0; }
#respond { padding-top: 18px; }

/*forms*/
input, textarea, select { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; border: none; background: #ebebeb; }
input[type="text"], select { height: 20px; padding: 0 2px; }
input[type="submit"] { background: #758288; cursor: pointer; color: #fff; height: 20px; border: none; }
input[type="checkbox"] { border: none!important; margin-right: 4px; }
textarea { padding: 2px; line-height: 18px; }

/*cforms*/
.cform ol { list-style: none; padding-left: 0; }
.cform ol li { margin-bottom: 10px; }
.cform label { width: 120px; margin: 4px 10px 0 0; text-align:right; vertical-align:top; display: block; float: left; }
.cform input, .cform textarea { width: 250px; }
.cform input.sendbutton { width: 80px; margin-left: 304px; }
.linklove a { display: none; }

/*classes gerais*/
.pequeno { font-size: 11px; margin-bottom: 0; color: #9c3; }
.grande { font-size: 16px }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.odd { background-color: #ebebeb; }
.no-clear { clear: none; }
.clear { clear: both; }
.invisivel { display: none; }
.selos { border: #758288 5px solid; margin-bottom: 5px; }
.globalsites img { border-bottom: #fff 5px solid; }
a.globalsites:hover { text-decoration: none; }
.resumo { font-size: 16px; font-weight: bold; line-height: 24px; color: #333; }