﻿/******************************************************************
Formatação geral
/*****************************************************************/
*{ padding:0px; margin:0px; font-family:Trebuchet MS, Arial; font-size:12px;}
/*body{ background-color:#fff; background-image:url('../img/bg_site.jpg'); background-position:left top; background-attachment:fixed;}*/
body{ background-color:#fff;}
#conteudo{ width:920px; margin:0 auto;}

/******************************************************************
Topo
/*****************************************************************/
#topo{ width:100%; background-color:#000; height:108px; margin-bottom:18px;}
#topo #menu{ margin-top:69px; margin-left:30px; float:left;}
#topo #menu img{ border:none; margin-right:15px;}
#topo #menu a, #topo #menu a:hover, #topo #menu a:visited{ color:#fff; font-weight:bold; font-size:14px; text-decoration:none; margin-right:15px;}
.logo{ float:right; border:none; margin-right:50px; margin-top:17px; }

/******************************************************************
Busca
/*****************************************************************/
#busca{ margin-bottom:50px;}
#busca input[type=text]{ background-color:#000; color:#fff; border:none; font-size:12px; height:20px; width:150px; font-weight:bold; float:left; padding-left:15px;}
#busca input[type=image]{ position:relative;float:left; margin-left:2px;}
.busca_resultado a, .busca_resultado a:hover, .busca_resultado a:visited{ color:#212121; font-size:20px; margin-bottom:10px; text-decoration:underline; line-height:30px; }
.busca_resultado a:hover{ text-decoration:none;}

/******************************************************************
Páginas e formulários
/*****************************************************************/
#paginas{ float:left; width:580px;}
h1{ color:#212121; font-size:32px; margin-bottom:15px; }
h2{ color:#212121; font-size:22px; margin-bottom:10px; }
h3{ color:#212121; font-size:14px; margin-bottom:5px; }
label{ font-size:12px; color:#212121; vertical-align:middle;}
p {font-size:12px; color:#212121; vertical-align:middle;}
a, a:hover, a:visited{ color:#2c9dbb; font-size:12px; text-decoration:underline;}
input, select, textarea{ border:solid 1px #000; margin-bottom:5px; font-size:12px; color:#000; padding-left:2px;}
.cmd, .cmd:hover, .cmd:visited { background-color:#000; padding:3px 10px 3px 10px; color:#fff; font-size:12px; text-decoration:none; font-weight:bold;}
.cmd:active{ color:#ccc;}
.paginacao { float:right;}             
.paginacao a, .paginacao a:hover, .paginacao a:visited{ margin-left:10px; }

/******************************************************************
Post's
/*****************************************************************/
.post { border-bottom:solid 1px #000; margin-bottom:30px; padding-bottom:30px;}
.post h1{ color:#212121; font-size:32px; margin-bottom:10px; }
.post .data{ font-size:13px; font-weight:normal; color:#212121; float:left; font-family:Arial;}
.post .botoes{ float:right; }
.post .botoes img{ border:none; }
.post .texto { clear:both; font-size:12px; color:#212121; padding-top:10px;}
.post .cmdcomentario{ float:right;}
.post .cmdcomentario img{ border:none;}

.post .comentarios h1{color:#212121; font-size:18px; margin-bottom:10px; margin-top:15px;}
.comentario h1{color:#212121; font-size:18px; margin-bottom:15px;}
.comentario .data{ font-size:11px; vertical-align:bottom;}
.comentario .nome{ font-size:12px; font-weight:bold;}
.comentario .texto{ font-size:11px;}

/******************************************************************
Lateral direita
/*****************************************************************/
#direita{ float:right; width:300px;}

/********

/********/
#marcas{ background:#000; }
#direita { z-index:1; }
#at16p{ z-index:10; }
#at15s{ z-index:11; }
.post .permalink{ width:100%; height:20px; color:#2C9DBB;
                  background:#EEE; float:left; position:relative;
                  font-size:14px; margin-top:6px; padding: 8px;
                  -moz-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px;
                  border: 1px dotted #ccc;   }

/******************************************************************
Histórico
/*****************************************************************/
#historico{ padding:20px 20px 30px 20px; background-color:#000;}
#historico h1 { color:#2c9dbb; font-size:23px; font-weight:bold; margin-bottom:15px; cursor:pointer;}
#historico h2 { color:#7d7d7d; font-size:14px; font-weight:bold; margin-bottom:8px; cursor:pointer;}
#historico h3 { color:#a6a6a6; font-size:13px; font-weight:normal; margin-left:25px; margin-bottom:8px; cursor:pointer;}
#historico h4 {padding-left:50px; margin-bottom:10px;}
#historico h4 a, #historico h4 a:hover, #historico h4 a:visited { color:#fff; font-size:11px; font-weight:normal; text-decoration:none;}
#historico .ano_conteudo{ display:none;}
#historico .mes_conteudo{ display:none;}

/******************************************************************
Redes sociais
/*****************************************************************/
#redes{ padding:20px 20px 20px 20px; background-color:#000;}
#redes h1 { color:#2c9dbb; font-size:23px; font-weight:bold; margin-bottom:15px;}
#redes img { width:30px; height:30px; border:none;}


/******************************************************************
Twitter da Maze
/*****************************************************************/
#twitter{ padding:20px 20px 30px 20px; background-color:#000;}
#twitter h1 { color:#2c9dbb; font-size:23px; font-weight:bold; margin-bottom:15px; cursor:pointer;}
#twitter a, #twitter a:hover, #twitter a:visited { color:#fff; font-size:11px; font-weight:normal; text-decoration:none;}

/******************************************************************
Grids
/*****************************************************************/
.grid{ width:100%; border:none; }
.grid th{ color:#fff; font-size:13px; vertical-align:middle; padding:3px 3px 3px 10px; text-align:left; background-color:#000;}
.grid td{ color:#212121; font-size:11px; vertical-align:middle; padding:3px 3px 3px 10px; text-align:left;}
.grid td a, .grid td a:hover, .grid td a:visited{ color:#212121; font-weight:bold;}
.grid tr:hover{ background-color:#eee;}

/**********************************************************
Popup's
/*********************************************************/
#modalFundo{ display:none; background-color:#000; position:absolute; cursor:pointer; }
#modalPagina{border:dotted 1px #979A9C; background-color:#fff; display:none; }
.body_popup{ background-image:none; padding:20px; padding-bottom:0px; background-color:#fff; }
.body_popup h1{ margin-left:0px; margin-bottom:15px; font-size:18px; }
.body_popup a{ margin-right:10px;}
.oculto{ display: none; }