/*
Theme Name: Portal Gente
Theme URI: http://www.videoaulasbrasil.com.br/
Author: Felipe Cardozo Modificado por Fernando Procópio 
Author URI: http://www.videoaulasbrasil.com.br
Tags: Tema, 2 colunas, portal, magazine

*/
*{
   margin:0;
   padding:0;
}
.img-border{
   border:1px solid #CCC;
   padding:1px;
}
p{
   font-size:11px;
}
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;
}
 html, body {height:100%;} /**/
   body{
   background:#EEEEEE url(images/bg-topo.jpg) repeat-x top;
   text-align:center;
   font-family: Arial ;
}
#topo{
   height:150px;
   width:990px;
   background: url(images/bg-topo.jpg) repeat-x top;
   margin: 0 auto;
}
#topo h1{
   float:left;
   margin:0 0 0 0;
   padding: 0 0 0 400px;
   width:176px;
   higth:87px;
}
#topodois h1{
     float:left;
     width:690px;
     higth:38px;
     margin:0 0 0 0;
     padding: 0 0 0 140px;

}
#logo{
   float:center;
}
#logo h1{
      margin:0 0 0 0;
      padding:0 0 0 400px;
}

#busca{
   float:right;
   margin:0 0 0 10px;
   padding:30px 0 0 0;

}






#menu{
   width:990px;
 
   text-align:left;
   margin:0px auto ;
   padding:0 0px 16px 0px;
   /* background:url(images/bg-menu.jpg) repeat-x; */ 
   font-size:14px;
   font-weight: bold;
   }

#menu ul{
   float:center;
   list-style:none;
  font-family:Helvetica,Arial,Verdana,sans-serif;


}
#menu ul li{
   display:inline;
   margin:0px 0 0 0;
   border-right: 1px solid #FFF;
   font-weight: bold;
}
#menu ul li a{
   color:black;
   margin:0 0 0 0;
   text-decoration:none; 
   padding:9px 5px 15px 5px;
   height:24px;
   height:40px;

   }
#menu ul li a:hover{
   background:transparent url("images/blue.jpg") repeat-x top left;}








#conteudo{
   width:990px;
   position:relative;  /*Contexto de posicionamento */
   min-height:100%;/**/

   background:#FFF;
   text-align:left;
   margin:0px auto ;
   padding:0 6px 0px 6px;
   
}
* html #tudo {height: 100%;}/**/
#conteudo {padding-bottom:10px;}/**/




#conteudo-dois{
   background:white;
}
#conteudo-pagina{
   background:white;
   padding:0 0 8px; 
}
#conteudo-pagina-esquerdo{
   float:left;
   width:990px;
 


}
#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;
}
#conteudo-pagina-esquerdo h1, #conteudo-pagina-esquerdo h2, #conteudo-pagina-esquerdo h3, #conteudo-pagina-esquerdo h4 {
   font-size:20px;
   margin:0;   
}






#conteudo-pagina-esquerdodois{
   float:left;
   width:990px;
}
#conteudo-pagina-esquerdodois a{
   text-decoration:underline;
   color:#000;
   font-weight:bold;
}
#conteudo-pagina-esquerdodois a:hover{
   text-decoration:none;
}
#conteudo-pagina-esquerdodois p{
   margin:0 0 18px;
}
#conteudo-pagina-esquerdodois h1, #conteudo-pagina-esquerdodois h2, #conteudo-pagina-esquerdodois h3, #conteudo-pagina-esquerdodois 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:left;
   background:#fff /*url(images/bg-destaques-esquerdo.jpg) repeat-x top*/;   
   width:130px;
   height:344px;
   border:1px solid #CCCCCC;


   }
#conteudo-pagina-direito h1{
   padding:10px 0 20px 5px;
   margin:0 0 20px 8px;
  }
#banner{
   margin:0 auto 8px;
   text-align:center;
}
#banner img{
   border:18px solid #CCC;
}
#destaques{
   background:white;
   padding:0 0 0 0;
   margin:0 0 0 0px;

}
#destaques h1{
   font-size:15px;
   font-weight:bold;

}
#destaques h1 a{
   text-decoration:none;
   color:#000;
}
#destaques h1 a:hover{
   text-decoration:underline;
}
#destaques ul{
   margin:15px 0 0 35px;
   padding:0;
   list-style:square;
}
#destaques ul li{
   line-height:15px;
}
#destaques ul li a{
   text-decoration:underline;
   color:#000;
   font-size:11px;
}
#destaques ul li a:hover{
   text-decoration:none;
}
#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/imagem-da-semana-bg.gif) 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/video-da-semana.gif) 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:#FFF;
   width:346px;
   height:330px;
   padding:0 0 0 0;
   margin:0 0 0 0;
  border-right:1px solid #CCCCCC;
  /*border-top:1px solid #CCCCCC;*/


     }
#box-de{
   width:345px;
   margin: 0 0 0 0  ;
}
#destaques-direito{
   float:left;
   width:513px;
   height:310px;
   padding:0px 0 0 0;
   margin:0 0 0 0px;
    /*border-top:1px solid #CCCCCC;*/


   }

#destaques-direitosobrenos{
   float:center;
   width:990px;
   height:700px;
   padding:0px 0 0 80px;
   margin:0 0 0 0px;
    /*border-top:1px solid #CCCCCC;*/


   }

#box-dd{
   margin:0 0 0px;  
   padding:0 0 0 0;
}

#box-dd img{
   float:left;
   margin:0 0 5px 10px;
   padding: 5px 0 0 10px;
   border:0px solid #CCC;
}
#box-ddd{
   margin:0 0 0px;  
   padding:0 0 0 0;
}

#box-ddd img{
   float:left;
   margin:0 0 0 0;
   padding: 0 0 0 0;
   border:0px solid #CCC;
}




#destaques-dois{
   clear:both;
   border-top:1px solid #CCCCCC;

  }
#destaques-dois h2{
   font-size:15px;
   font-style:bold;
}
#destaques-dois h2 a{
   text-decoration:none;
   color:#990000;
}
#destaques-dois h2 a:hover{
   text-decoration:underline;
}
#destaques-dois h1{
   padding:0;
   height:35px;
   margin:0 0 8px;
   
}
#esporte{
   float:left;
   width:214px;
   margin:0 0 0 0;
   height:278px;
 border-right:1px solid #CCCCCC;



   }
#esporte-box{
   width:212px;
   height:80px;
   margin:0px 0 0 5px;
  
  }
#esporte-box h1{
   font-size:12px;
   font-family: Arial ;
   font-color: #333333 ;


  }

#esporte-box h2{
   margin:0 0 0 0px;
  }

#esporterodape{
   background:#fff;
   float:left;
   width:854px;
   margin:0 0 0 5px  ;
   padding:5px 0px 0px 0px;
   border:1px solid #CCCCCC;

   
  }

#esporterodape {
   list-style:none;
}
#esporterodape  li{
   display:inline;
   margin:0px 0 0 0;
  
}
#esporterodape  li a{
   margin:0 0 0 0; 
   padding:0px 22px 0px 5px;
   

   }












#esportee{
   float:left;
   width:235px;
   margin:0 9px 0 0;
   
  
   }
#esportee-boxb{
   width:212px;
   height:80px;
   margin:1px 5px 0 3px;
  
  }
#esportee-boxb h2{
   margin:0 0 0 15px;
  
  }

#esportee-boxb img{
   float:left;
   margin:0 0 10px 0;
   padding: 10px 0 0 10px;
   border:0px solid #CCC;
}


#moda{
   float:left;
   background:white;
   width:214px;
   height:80px;
   margin:0 0 0 0;
   border-right:1px solid #CCCCCC;
}
#moda-box{
   width:216px;
   height:80px;
   margin:5px auto 0;
}
#barra-lateral{
   float:right;
   background:white;
   width:130px;
   height:274px;
  

}
#barra-lateral-box{
   background:#333 /*url(images/bg-destaques-esquerdo.jpg) repeat-x top*/;
   width:130px;
   height:274px;
   margin:0px 0 0 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;
   border-top:1px solid #CCC;

}
#barra-lateral-box ul li{
   line-height:20px;
}
#barra-lateral-box ul li a{
   font-size:11px;
   text-decoration:none;
   /*background:#0066CC*/;
   color:#FFF;
   font-weight: bold;
   padding:2px
   margin:0 0 1%;
   
}
#barra-lateral-box ul li a:hover{
   background:#000;
}
#rodape{
   float:center;
   height:55px;
   background:url(images/bg-rodape.jpg) repeat-x top;
   color:#333;
   padding:30px 0 0 0;
   font-size:13px;
   
}



#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;
}















#conteudo-doisdois{
   background:white;
   }
   
   #destaquesdestaques{
   background: white;
}

#destaques-esquerdoesquerdo{
   float:left;
   background:white;
   width:990px;
   height:900px;
   background:url(images/bg-destaques-esquerdo.jpg) repeat-x top;
   }
   
   #box-dede{
   width:870px;
   margin:8px auto 0;
   
}
#destaques-direitodireito{
   float:left;
   width:990px;
   height:900px;
   
   }
   
   #box-dddd{
   margin:0 0 8px;  
   border-bottom:1px solid #CCC;
   padding:0 0 8px;
   }
   #box-dddd img{
   float:left;
   margin:0 5px 0 0;
   padding:1px;
   border:1px solid #CCC;
}

#destaques-doisdois{
   width:860px;
   height:15px;
   background:white;
   clear:both;
   border-top:1px solid #CCCCCC;
   float:center;
   margin:0 0 0 0;
   padding:0 0 20px 0 ;

}
#destaques-doisdois h2{
   font-size:18px;
   font-style:italic;
}
#destaques-doisdois h2 a{
   text-decoration:none;
   color:white;
}
#destaques-doisdois h2 a:hover{
   text-decoration:underline;
}
#destaques-doisdois h1{
   float:center;
   font-family: times new roman ;
   font-size:20px;
   color:black;
   padding: 0 0 0 5px;
   margin:0 0 0 0;

   

 }
 #esporteesporte{
   
   float:left;
   width:859px;
   height:240px;
   margin:0 0 0 0;
   padding: 0 0 0 0;
   
   
}
#esporte-boxbox{
   
   width:400px;
   height:240px;
   margin:0 0 0 5px;


}
#modamoda{
   float:left;
   background:white;
   width:314px;
   height:400px;
   border-left:1px solid #CCCCCC;   
   border-right:1px solid #CCCCCC;
}
#moda-boxbox{
   width:300px;conteudo-pagina-direito
   height:120px;
   margin:5px auto 0;
}

#barra-laterallateral{
   float:right;
   background:#333333;
   width:130px;
   height:270px;
   margin:0px 0 0  0;
   /*border-top:1px solid #333;*/


}
#barra-lateral-boxbox{
   background:#333333;
   width:130px;
   height:270px;
   margin:5px 0 0  0;
  
}
#barra-lateral-boxbox h1{
   background::#333333;
   margin:0  0 0  0;
   /*border-top:1px solid #333;*/
}
#barra-lateral-boxbox a{
   text-decoration:none;
   color:#333;
}
#barra-lateral-boxbox a:hover{
   background:#333;
   color:#FFF;
}
#barra-lateral-boxbox ul{
   list-style:none;
   margin:0 0 0;
}
#barra-lateral-boxbox ul li{
   line-height:20px;
}
#barra-lateral-boxbox ul li a{
   font-size:11px;
   text-decoration:none;
   background:#0066CC;
   color:#FFF;
   padding:0 0 0 0 
   margin:0 0 0 0;
}
#barra-lateral-boxbox ul li a:hover{
   background:#0073E6;










   



#conteudo-doisd{
   background:white;
   width:900px;
   height:370px;

}

#destaques-doisd{
   clear:both;
   border-top:1px solid #CCCCCC;

  }
#destaques-doisd h2{
   font-size:18px;
   font-style:italic;
}
#destaques-doisd h2 a{
   text-decoration:none;
   color:#000;
}
#destaques-doisd h2 a:hover{
   text-decoration:underline;
}
#destaques-doisd h1{
   padding:0;
   height:35px;
   margin:0 0 8px;
   
}


/* Comentários*/
#respond textarea, #respond input, #respond select{
   width:400px;
   padding:10px 0 0 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;
}