/*******************************************************************
	Geral
*******************************************************************/
body {
	background: #ccc url('../images/bg_blog.gif') repeat-x center top;
	font-family: Arial;
	font-size: 12px;
    color: #666;
}


/*******************************************************************
	Conteudo
*******************************************************************/
#conteudo {
    display: block;
	background: #fff;
	width: 930px;
	margin: 0 auto;
	padding: 60px 25px 20px 25px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 11px;
    margin-bottom: 10px;
}


h4 span {
    color: #666;
    background: #ececec;
    text-transform: lowercase;
    font-weight: normal;
    padding: 2px;
}

#tit_blog, #tit_colunadoeducador, #tit_eventos, #tit_notiben {
    height: 35px;
    text-indent: -9000px;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 3px #004c99 solid;
}

#tit_blog {background: url(../images/h3_tit_blog.gif) no-repeat left top;}
#tit_colunadoeducador {background: url(../images/h3_tit_colunadoeducador.gif) no-repeat left top;}
#tit_eventos {background: url(../images/h3_tit_eventos.gif) no-repeat left top;}
#tit_notiben {background: url(../images/h3_tit_notiben.gif) no-repeat left top;}

#h4_tit_blog {
    display: inline;
    height: 12px;
    width: 31px;
    background: url(../images/h4_tit_blog.gif) no-repeat left top;
    text-indent: -9000px;
    overflow: hidden;
    position: relative;
    float: right;
    right: 50%;
    margin: -32px -466px 0 0;

}

#conteudo #container {
    margin-right: 210px;
    *width: 719px;
}

#conteudo p {
    line-height: 20px;
    margin-bottom: 20px;
}


/*******************************************************************
	Sub menu vertical
*******************************************************************/
#conteudo #menu_blog {
    float:right;
    width: 160px;
}

#conteudo ul {
    margin-bottom: 20px;
}


#conteudo ul li {
    border-bottom: 1px #c4c4c4 solid;
    font-size: 11px;
    padding:7px;
    text-align: right;
}

#conteudo ul .blog_item {
    background: #004C99;
    color: #fff;;
    font-weight: bold;
    font-size: 12px;
}


#conteudo ul li a {
    color: #004c99;
    text-decoration: none;
}

#conteudo ul li a:hover {text-decoration: underline;}

#conteudo ul li .active {font-weight: bold }


/*******************************************************************
	Conteudo blog
*******************************************************************/
.blog_box {
	display: block;
	width: 100%;
	background: #ececec;
	padding: 10px;
	margin: 0 30px 20px 0;
}

.blog_box .data {
	width: 34px;
	height: 35px;
	background: url('../images/bg_h4_blog_data.gif') no-repeat;
	float: left;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 12px;
	padding: 5px 7px 0 0;
}

.blog_box .data small {font-size: 14px;}

.blog_box .titulo {
	background: #c4c4c4;
	height: 30px;
	margin: 7px 0 0 41px;
    *margin: 17px 0 0 41px;
	font-size: 16px;
	color: #666;
	padding: 3px 0 0 10px;
}

.blog_box .titulo small {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1px;
    *line-height: 8px;
}

.blog_box p {
	margin-left: 50px;
    margin-bottom: 0px !important;
	line-height: 16px;
	color: #666;
}

.blog_box a {
	font-size: 10px;
	color: #d71925;
	text-decoration: none;
}

.blog_box a:hover {text-decoration: underline;}


/*******************************************************************
	Pagers: navegação
*******************************************************************/
#pager {
    text-align: center;
}


#pager a {
    background: #c4c4c4;
    padding: 3px;
    margin: 0 2px 0 0;
    border: 2px #a9a9a9 solid;
    color: #fff;
    text-decoration: none;
}

#pager a:hover {text-decoration: underline;}

#pager span {
    background: #ececec;
    padding: 3px;
    margin: 0 2px 0 0;
    border: 2px #c4c4c4 solid;
    color: #666;
}