/*
Theme Name: CEMFA
Version: 1.0
Description: Layoute exclusivo desenvolvido para a CEMFA - Centro Mineiro de Filosofia Analítica
Author: Guilherme Junio & Guilherme Ferreira
*/

html, body{
	padding:0;
	margin:0;
	background:#f2f2f2 url(images/fundo.jpg) repeat-x;
}
#geral{
	width:950px;
	margin:0 auto;
}
#topo{
	height:272px;
}
#topo img{
	border:0;
}
a#logo{
	float:left;
	padding-top:25px;
}
#banners{
	height:287px;
	background:url(images/banners_fundo.jpg) repeat-x;
}
#meio{
	width:920px;
	display:table-cell;
	padding:64px 0 30px 30px;
	background:#FFF;
}
#bloco2{
	float:left;
	width:690px;
}

/*############### Chamadas ###############*/

.chamadas{
	float:left;
	width:310px;
	font:12px Verdana, Geneva, sans-serif;
	color:#a1a1a1;
	padding:0 30px 45px 0;
	background:url(images/rodape_chamadas.png) 0% 100% no-repeat;
}
.chamadas h1{
	font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4f81d8;
	padding-bottom:12x;
	border-bottom:5px solid #eee;
}
.chamadas img{
	float:left;
	border:10px solid #efefef;
	margin:0 9px 9px 0;
}
.chamadas a.leiamais{
	float:right;
	margin-top:14px;
	width:65px;
	height:22px;
	padding:4px 4px 4px 11px;
	background:url(images/btn_leiamais.png);
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
.chamadas a.leiamais:hover{
	background:url(images/btn_leiamais_on.png);
}

/*############### Notícias ###############*/

#bloco_noticias{
	float:left;
	width:910px;
	padding:22px 0 22px 40px;
	background:#dfdfdf url(images/fundo_bloco_noticias.jpg) repeat-x;
}
#bloco_noticias .noticia{
	float:left;
	margin:0 10px 0 0;
	width:211px;
	height:198px;
	background:url(images/fundo_noticias.jpg);
}

#bloco_noticias .noticia h1{
	padding:11px 20px 0 32px;
	margin:0;
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/marcador_tit_noticia.png) 5% 80% no-repeat;
}
#bloco_noticias .noticia a.texto{
	padding:20px;
	display:block;
	text-decoration:none;
	font:11px Verdana, Geneva, sans-serif;
	color:#a1a1a1;
}
#bloco_noticias .noticia a.texto:hover{
	text-decoration:underline;
}
/*############### Rodapé ###############*/

#rodape{
	float:left;
	width:886px;
	height:34px;
	padding:26px 32px 0 32px;
	font:12px Verdana, Geneva, sans-serif;
	color:#a1a1a1;
	background:url(images/rodape.jpg) repeat-x;
}

/*############### Busca ###############*/

#bloco_busca{
	width:310px;
	float:right;
	margin-top:-50px;
}
#bloco_busca form{
	margin:0;
	padding:0;
}
#bloco_busca .cx_procura{
	float:right;
	width:228px;
	height:22px;
	border:0;
	margin:0;
	padding:7px 10px 3px 10px;
	background:url(images/fundo_procura.png);
}
#bloco_busca .botao{
	float:left;
	margin-right:5px;
	padding:0;
	width:56px;
	height:32px;
	
}

/*############### Menu-topo ###############*/

#menu{
	float:left;
	position:relative;
	margin-top:-50px;
	padding-left:90px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	
}
#menu ul li{
	background:url(images/fundo_link_ul.png);
	float:left;
	margin-right:8px;
}
#menu ul li a{
	float:left;
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	padding:8px 8px;
	background-color:#FFF;
}
#menu ul li a:hover{
	background:url(images/fundo_link_a.png) 100% 0% no-repeat;
	color:#FFF;
}

/*############### Menu-lateral ###############*/

#menu-lateral{
	float:left;
	width:210px;
	margin-right:20px;
}
#menu-lateral h3{
	padding:16px 20px 16px 20px;
	margin-bottom:10px;
	font:18px Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/h3.png) repeat-x;
	text-align:center;
}
#menu-lateral ul{
	list-style:none;
	padding:0;
	margin:0;
}
#menu-lateral ul li{
	float:left;
	width:210px;
	padding-bottom:13px;
	background:url(images/linha_menu_lateral.png) 0% 100% no-repeat;
}

#menu-lateral ul li a{
	float:left;
	width:183px;
	padding:5px 0 5px 27px;
	text-decoration:none;
	font:13px Arial, Helvetica, sans-serif;
	color:#a1a1a1;
	background:url(images/marcador_menu_lateral.png) 3% 50% no-repeat;
}
#menu-lateral ul li a:hover{
	background:url(images/marcador_menu_lateral_on.png) 3% 50% no-repeat;
}

/*############### conteudo ###############*/


#conteudo{
	width:890px;
	display:table-cell;
	padding:64px 30px 80px 30px;
	font:12px Verdana, Geneva, sans-serif;
	color:#333;
	background:#FFF url(images/fundo_conteudo.png) 0% 0% repeat-x;
	height:80%;
}

#conteudo h1{
	font:bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4f81d8;
	padding-bottom:12x;
	border-bottom:5px solid #eee;
}


/*############### destaque ###############*/

.destaque {
width: 858px;
height: 277px;
border: 5px solid #575757;
float: left;
}

.destaque-inside {
width: 310px;
height: 247px;
background-image: url(images/destaque-bg.png);
padding: 15px;
float: right;
font:14px Arial, Helvetica, sans-serif;
color:#999;
}
.destaque-inside h1{
	
}
.destaque-inside a{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}

.play-button {
background-image: url(images/play-video.png);
cursor: pointer;
width: 151px;
height: 58px;
float: left;
margin-left: 70px;
}

.play-button-hover {
display: none;
position: absolute;
margin-top: 5px;
margin-left: 4px;
}

.destaque-content {
float: right;
width: 353px;
margin-right: 5px;
}

.next {
float: left;
margin-top: 127px;
cursor: pointer;
background-image: url(images/next.png);
position: relative;
width: 35px;
height: 34px;
}

.prev {
float: left;
margin-top: 127px;
cursor: pointer;
background-image: url(images/previous.png);
position: relative;
width: 35px;
height: 34px;
margin-left: 6px;
}

.next-button {
display: none;
position: absolute;
}

.prev-button {
display: none;
position: absolute;
}

#sections {
overflow:hidden;
width: 868px;
height: 287px;
margin: 0px;
float: left;
}

#sections ul {
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 9000px;
}

#sections li {
margin: 0px;
padding: 0px;
float: left;
}

.post-info-destaque {
color: #585858 !important;
border-top: 1px solid #585858;
border-bottom: 1px solid #585858;
width: 100%;
display: block;
}

.post-info-destaque a:link, .post-info-destaque a:visited, .post-info-destaque a:hover {
color: #585858;
}

/*############### menu-lateral ###############*/



.navigation{
	width:850px;
	clear:both;
	padding-bottom:30px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}