/*
Theme Name: ACIAPSI
Theme URI: http://www.aciapsi.com.br/
Description: Tema desenvolvido para Associação Comercial de Itabirinha
Version: 1.0
Author: Rodrigo Dionízio
Author URI: http://rodrigodionizio.wordpress.com
Tags: Tema, 2 colunas, portal, magazine

*/

*{
   margin:0;
   padding:0;
}
.img-border{
   border:1px solid #CCC;
   padding:1px;
}
p{
   font-size:14px;
}
small{
   font-size:10px;
   color:#990000;
   margin:0;
   padding:0;
}
small a{
   font-size:10px;
   color:#990000;
   text-decoration:underline;
}
small a:hover{
   text-decoration:none;
}
body{
   background:#333;
   text-align:center;
   font-family: "trebuchet MS", Arial, Tahoma;
}
#conteudo{
   width:900px;
   background:#FFF;
   text-align:left;
   margin:8px auto;
   padding:6px 6px 0px 6px;
   
}
#topo{
   height: 120px;
   background: url(images/bg-topo.jpg) repeat-x top;
}
#logo{
   float:left;
}
#logo h1{
   margin:10px 0 0 10px;
}
#logo h2{
color:#606060;
  font-size:23px;
  font-weight:bold;
  position:absolute;
  top:65px;
  left:260px;
  width:600px;
}

#busca{
   float:right;
   margin:40px 10px 0 0;
}
#menu{
   background:url(images/bg-menu.jpg) repeat-x;
   height:28px;
   font-size:13px;
   padding:7px 0 0;
   margin:0 0 15px;
}
#menu ul{
   float:left;
   list-style:none;
}
#menu ul li{
   display:inline;
   margin:0 12px 0 5px;
}
#menu ul li a{
   color:#FFF;
   text-decoration:none;
}
#menu ul li a:hover{
   text-decoration:underline;
}
#conteudo-dois{
   background:white;
}
#conteudo-pagina{
   background:white;
   padding:0 0 8px;
}
#conteudo-pagina-esquerdo{
   float:left;
   width:710px;
}
#conteudo-pagina-esquerdo a{
   text-decoration:underline;
   color:#000;
   font-weight:bold;
}
#conteudo-pagina-esquerdo a:hover{
   text-decoration:none;
}
#conteudo-pagina-esquerdo p{
   margin:0 0 18px;
   text-align: justify;
}
#conteudo-pagina-esquerdo h1, #conteudo-pagina-esquerdo h2, #conteudo-pagina-esquerdo h3, #conteudo-pagina-esquerdo h4 {
   font-size:20px;
   margin:0;   
}
#categorias{
   margin:0 0 15px 0;
   padding:0 0 20px;
   border-bottom:1px solid #CCC;
}
#categorias p{
   margin:0;
   padding:0;
}
#categorias h1{
   margin:0;
}
#categorias h1 a{
   text-decoration:none;
   font-style:italic;
}
#categorias h1 a:hover{
   text-decoration:underline;
}

#categorias img{
   float:left;
   margin:0 5px 0 0;
   border:1px solid #CCC;
   padding:1px;
}
#conteudo-pagina-direito{
   float:right;
   background:#F5F5F5;
   width:174px;
   
}
#conteudo-pagina-direito h1{
   background:#333;
   height:30px;
   font-size:15px;
   color:#FFF;
   padding:5px 0 0 8px;
   margin:0 0 8px;
}
#banner{
   margin:0 auto 8px;
   text-align:center;
}
#banner img{
   border:18px solid #CCC;
}
#destaques{
   background:white;
}
#destaques h1{
   font-size:18px;
   font-style:italic;
}
#destaques h1 a{
   text-decoration:none;
   color:#000;
}
#destaques h1 a:hover{
   text-decoration:underline;
}
#destaques ul{
   margin:5px 0 0 5px;
   padding:0;
   list-style: circle inside;
}
#destaques ul li{
   line-height:15px;
}
#destaques ul li a{
   text-decoration:none;
   color:#000;
   font-weight: bold;
   font-size:12px;
}
#destaques ul li a:hover{
   text-decoration:underline;
   background:#333;
   color:#FFF;
}
#destaques-meio{
   height:260px;
   clear:both;
   border-top:1px solid #CCC;
   padding:8px 0 0 7px;
}
#destaques-meio h2{
   font-size:18px;
   font-style:italic;
}
#destaques-meio h2 a{
   text-decoration:none;
   color:#000;
}
#destaques-meio h2 a:hover{
   text-decoration:underline;
}
#destaques-meio h1{
   margin:4px 0 0;
   height:35px;
}
#destaques-meio-e{
   float:left;
   width:263px;
   background:url(images/cons-spc-brasil-bg.jpg) no-repeat;
   height:191px;
   color:#FFF;
   padding:57px 0 0 37px;
   margin:0 25px 0 0;
}
#destaques-meio-m{
   float:left;
   width:263px;
   background:url(images/cons-serasa-bg.jpg) no-repeat top center;
   height:191px;
   color:#FFF;
   padding:57px 0 0 37px;
}
#destaques-meio-d{
   float:right;
   width:230px;
   margin:0 8px 0;
}
#destaques-esquerdo{
   float:left;
   background:white;
   width:314px;
   height:410px;
   background:url(images/bg-destaques-esquerdo.jpg) repeat-x top;
}
#box-de{
   width:300px;
   margin:8px auto 0;
   
}
#destaques-direito{
   float:right;
   width:575px;
   height:400px;

}
#box-dd{
   margin:0 0 8px;  
   border-bottom:1px solid #CCC;
   padding:0 0 8px;
}
#box-dd img{
   float:left;
   margin:0 5px 0 0;
   padding:1px;
   border:1px solid #CCC;
}
#destaques-dois{
   clear:both;
   border-top:1px solid #CCCCCC;
}
#destaques-dois h2{
   font-size:18px;
   font-style:italic;
}
#destaques-dois h2 a{
   text-decoration:none;
   color:#000;
}
#destaques-dois h2 a:hover{
   text-decoration:underline;
}
#destaques-dois h1{
   padding:0;
   height:35px;
   margin:0 0 8px;
   
}
#esporte{
   float:left;
   width:314px;
   margin:0 11px 0 0;
   height:400px;
   border-right:1px solid #CCCCCC;
}
#esporte-box{
   width:300px;
   height:120px;
   margin:5px auto 0;
}
#moda{
   float:left;
   background:white;
   width:314px;
   height:400px;
   border-left:1px solid #CCCCCC;   
   border-right:1px solid #CCCCCC;
}
#moda-box{
   width:300px;
   height:120px;
   margin:5px auto 0;
}
#barra-lateral{
   float:right;
   background:white;
   width:246px;
   height:400px;
   border-left:1px solid #CCCCCC;
}
#barra-lateral-box{
   width:230px;
   height:120px;
   margin:5px auto 0;
}
#barra-lateral-box a{
   text-decoration:none;
   color:#333;
}
#barra-lateral-box a:hover{
   background:#333;
   color:#FFF;
}
#barra-lateral-box ul{
   list-style:none;
   margin:0 0 10px;
}
#barra-lateral-box ul li{
   line-height:20px;
}
#barra-lateral-box ul li a{
   font-size:11px;
   text-decoration:none;
   background:#0066CC;
   color:#FFF;
   padding:2px
   margin:0 0 1%;
}
#barra-lateral-box ul li a:hover{
   background:#0073E6;
}
#rodape{
   height:55px;
   background:url(images/bg-rodape.jpg) repeat-x top;
   color:#333;
   padding:30px 0 0;
   font-size:11px;

}
#divclear{
   clear:both;
}
#banner-cat{
   margin:0 0 15px;
   width:900px;
   height:98px;
}
#relacionados{
   margin:10px 0 0;
}
#relacionados ul{
   margin:0 0 20px 25px;
   list-style:circle;
}
#relacionados ul li{
   margin:0 0 5px;
}
#relacionados ul li a{
   text-decoration:none;
   color:#333;
   font-weight:normal;
}
#relacionados ul li a:hover{
   background:#333;
   color:#FFF;
}
/* Comentários*/
#respond textarea, #respond input, #respond select{
   width:400px;
   padding:3px;
}
.commentlist img{
   float:left;
   padding:1px;
   border:1px solid #CCC;
   margin:0 3px 0;
}
ol.commentlist{
   list-style:decimal;
   margin:0 0 40px 30px;
   font-size:11px;
  
}
ol.commentlist li{
   margin:0 0 20px;
   border-bottom:1px solid #CCC;
   padding:5px;
}
.commentmetadata{
   font-size:11px;
   color:#990000;
   text-decoration:none;
   display:block;
   margin:0 0 10px;
}

/* Editando Formulários */
.button {
	padding: 3px 5px;
	width:250px;
	border: 1px solid #333333;
	color: #333;
	font-size: 85%;
	text-transform: uppercase;
}
.button:hover, .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}
* html {
	padding: 2px 0 !important; /*IE 6*/
}
*+html{
	padding: 2px 0 !important; /*IE 7*/
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	font-size: 100%;
	font-weight: bold;
	color: #F63;
}
#comment{
    width: 250px;
	height: 100px; 
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#submit{
	padding: 3px 5px;
	width:270px;
	border: 1px solid #333333;
	color: #333;
	font-size: 85%;
}
#submit:hover, #submit:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

#author, #email, #url{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	height: 30px;
	width: 250px;
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	height: 30px;
	width: 250px;
}
.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}
.txt_area {
	width: 250px;
	height: 100px; 
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.txt_area:hover, .txt_area:focus{
	background: #FFFFCC;
}
.select{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	height: 35px;
	width: 260px;
}
.select:hover, .inputbox:focus {
	background: #FFFFCC;
}
 
txt_form{font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-size:10px; color:#000000;}
.txt_form2{
	border: 1px solid #1f2331;
	background-color: transparent;
	height: 30px;
	font-size:1.5em;
	font-family: Cambria, Georgia, "Times New Roman", Times, serif;
}
.contato {
	font-family: "Trebuchet MS",Verdana, Helvetica, sans-serif;
}
.contato label{
	font-weight: bold;
}
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/*Formatando últimas notícias*/

#last-news{
	float:left;
	margin:10px 0 0;
}
#last-news ul{
   margin:0 0 20px 25px;
   list-style:circle;
}
#last-news ul li{
   margin:0 0 5px;
}
#last-news ul li a{
   text-decoration:none;
   color:#333;
   font-weight:normal;
}
#last-news ul li a:hover{
   background:#333;
   color:#FFF;
}

/*Formatando eventos*/
#eventos{
	float:right;
	margin:10px 0 0;
	text-align:right;
	border-top:2px #666666 solid;
}

/* Formatação Links Utilidade Pública */
#grpUtilidadePublica h2{
	display: none;
}
#grpUtilidadePublica ul {
  border:1px solid #e5e5e5;
  background-color:#fcfcfa;
  padding:5px 5px;
  margin-top:10px;
  display:block;
  list-style-image: url(images/seta2.png);
  list-style: none;
}
#grpUtilidadePublica ul li {
  padding:3px 3px;	
  display:block;
  float:none;
}
#grpUtilidadePublica ul li a {
  position:relative;
  top:-3px;
  color:#21758f;
  text-decoration: none;
}
#grpUtilidadePublica ul li a:hover {
  text-decoration:underline;	
}
.linkcat li{
	list-style: none;
}