/*------------------------------------------------------------------
* Ballum.com.br - Desenvolvimento Web
* Project:      SertaoEmRede.org.br
-------------------------------------------------------------------*/
@import "reset_reloaded.css";

body{
	line-height: 1.5em;
	font-size:14px;
	background: #FFF;
}
body, input, #centercolun #noticias .boxborder #tx {font-family:Arial, Helvetica, sans-serif !important;}
label { cursor: pointer; }
a:link, a:active, a:visited {
    color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.imgleft { float: left; margin:0 5px 0 0; }
.imgright { float: right; margin:0 0 0 5px; }
.texto {
    width:99%;
}
.right {
    text-align:right;
}
.centralizar {
    text-align:center;
}
.clear {
    clear:both;
}
.box {
	margin-bottom: 15px;
}
.box.interna {
	margin: 15px 0;
}
.box h3 {
	font-size: 21px;
	font-weight: bold;
	color: #333;
	letter-spacing: -1px;
}
.box h3 span {
	color: #3F9E59;
}
.box .boxborder {
	margin-top: 3px;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	-moz-border-radius:0 8px 8px 8px;
	-khtml-border-radius:0 8px 8px 8px;
	-webkit-border-radius:0 8px 8px 8px;
	border-radius:0 8px 8px 8px;
}
.box .boxlinks {
	clear: both;
	display: table;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #CCCCCC;
}
.box .button {
	cursor: pointer;
	background: #FFF;
	border: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
.box a.button:hover {
	text-decoration: none;
}
.lista li {
	padding: 5px 0;
    border-bottom:1px solid #CCC;
}

#envoltorio{
width: 940px;
margin: 0 auto;
}
#menu {
width:100%;
height:40px;
background:#EBEBEB url(../images/menu_bg.png) repeat-x;
}
#menu ul {
display: table;
width:940px;
height:40px;
margin: 0 auto;
}
#menu li {
display:inline;
}
#menu li a {
display:block;
float:left;
height:40px;
text-indent: -9999px;
background: transparent url(../images/menu.png) no-repeat;
}
/*
#menu li.home a {width: 118px;background-position: 0 0;}
#menu li.home a:hover,
#menu li.home a.active {background-position:0 -40px;}
#menu li.oinstituto a {width: 101px;background-position: -118px 0;}
#menu li.oinstituto a:hover,
#menu li.oinstituto a.active {background-position:-118px -40px;}
#menu li.cdtis a {width: 58px;background-position:-219px 0;}
#menu li.cdtis a:hover,
#menu li.cdtis a.active {background-position:-219px -40px;}
#menu li.quixada a {width: 79px;background-position:-277px 0;}
#menu li.quixada a:hover,
#menu li.quixada a.active {background-position:-277px -40px;}
#menu li.fotos a {width: 137px;background-position:-356px 0;}
#menu li.fotos a:hover,
#menu li.fotos a.active {background-position:-356px -40px;}
#menu li.mural a {width: 155px;background-position:-493px 0;}
#menu li.mural a:hover,
#menu li.mural a.active {background-position:-493px -40px;}
#menu li.artigos a {width: 70px;background-position:-648px 0;}
#menu li.artigos a:hover,
#menu li.artigos a.active {background-position:-648px -40px;}
#menu li.noticias a {width: 76px;background-position:-718px 0;}
#menu li.noticias a:hover,
#menu li.noticias a.active {background-position:-718px -40px;}
#menu li.videos a {width: 68px;background-position:-794px 0;}
#menu li.videos a:hover,
#menu li.videos a.active {background-position:-794px -40px;}
#menu li.contato a {width: 77px;background-position:-862px 0;}
#menu li.contato a:hover,
#menu li.contato a.active {background-position:-862px -40px;}

#menu li.home a {width: 121px;background-position: 0 0;}
#menu li.home a:hover,
#menu li.home a.active {background-position:0 -40px;}
#menu li.oinstituto a {width: 103px;background-position: -121px 0;}
#menu li.oinstituto a:hover,
#menu li.oinstituto a.active {background-position:-121px -40px;}
#menu li.cdtis a {width: 63px;background-position:-224px 0;}
#menu li.cdtis a:hover,
#menu li.cdtis a.active {background-position:-224px -40px;}
#menu li.quixada a {width: 84px;background-position:-287px 0;}
#menu li.quixada a:hover,
#menu li.quixada a.active {background-position:-287px -40px;}
#menu li.fotos a {width: 144px;background-position:-371px 0;}
#menu li.fotos a:hover,
#menu li.fotos a.active {background-position:-371px -40px;}
#menu li.mural a {width: 65px;background-position:-515px 0;}
#menu li.mural a:hover,
#menu li.mural a.active {background-position:-515px -40px;}
#menu li.blogs a {width: 61px;background-position:-580px 0;}
#menu li.blogs a:hover,
#menu li.blogs a.active {background-position:-580px -40px;}
#menu li.artigos a {width: 70px;background-position:-641px 0;}
#menu li.artigos a:hover,
#menu li.artigos a.active {background-position:-641px -40px;}
#menu li.noticias a {width: 85px;background-position:-711px 0;}
#menu li.noticias a:hover,
#menu li.noticias a.active {background-position:-711px -40px;}
#menu li.videos a {width: 69px;background-position:-796px 0;}
#menu li.videos a:hover,
#menu li.videos a.active {background-position:-796px -40px;}
#menu li.contato a {width: 75px;background-position:-865px 0;}
#menu li.contato a:hover,
#menu li.contato a.active {background-position:-865px -40px;}
*/
#menu li.home a {width: 115px;background-position: 0 0;margin-left: 21px;}
#menu li.home a:hover,
#menu li.home a.active {background-position:0 -40px;}
#menu li.oinstituto a {width: 95px;background-position: -121px 0;}
#menu li.oinstituto a:hover,
#menu li.oinstituto a.active {background-position:-121px -40px;}
#menu li.cdtis a {width: 54px;background-position:-224px 0;}
#menu li.cdtis a:hover,
#menu li.cdtis a.active {background-position:-224px -40px;}
#menu li.quixada a {width: 75px;background-position:-287px 0;}
#menu li.quixada a:hover,
#menu li.quixada a.active {background-position:-287px -40px;}
#menu li.fotos a {width: 135px;background-position:-371px 0;}
#menu li.fotos a:hover,
#menu li.fotos a.active {background-position:-371px -40px;}
#menu li.mural a {width: 60px;background-position:-515px 0;}
#menu li.mural a:hover,
#menu li.mural a.active {background-position:-515px -40px;}
#menu li.blogs a {width: 88px;background-position:-568px 0;}
#menu li.blogs a:hover,
#menu li.blogs a.active {background-position:-568px -40px;}
#menu li.artigos a {width: 58px;background-position:-653px 0;}
#menu li.artigos a:hover,
#menu li.artigos a.active {background-position:-653px -40px;}
#menu li.noticias a {width: 80px;background-position:-711px 0;}
#menu li.noticias a:hover,
#menu li.noticias a.active {background-position:-711px -40px;}
#menu li.videos a {width: 59px;background-position:-796px 0;}
#menu li.videos a:hover,
#menu li.videos a.active {background-position:-796px -40px;}
#menu li.contato a {width: 75px;background-position:-865px 0;}
#menu li.contato a:hover,
#menu li.contato a.active {background-position:-865px -40px;}
#topo{
width: 100%;
height: 260px;
background:#B8CF42 url(../images/header_bg.png) repeat-x;
border-bottom: 5px solid #3F9E59;
}
#topo{
width: 100%;
height: 260px;
background:#B8CF42 url(../images/header2.jpg) top center no-repeat;
}
#topo h1 {
display: table;
margin: 0 auto;
width: 301px;
height: 131px;
}
#topo h1 a{
display: block;
margin: 25px 655px 0 0;/* 12px 620px 0 0; */
width: 270px;/* 301px; */
height: 216px;/* 131px; */
text-indent: -9999px;
background: transparent url(../images/logo2.png) no-repeat;
}
#leftcolumn{
float: left;
width: 250px;
margin-left: -940px;
}
#leftcolumn h6 {
font-weight: bold;
}
#leftcolumn .box {
width: 250px;
}
#leftcolumn #mural h3 {
margin-top: 15px;
}
#leftcolumn #mural img {
float:left;
margin-right:5px
}
#leftcolumn #twitter .twtr-ft {display: none !important;}
#leftcolumn #icons {
height:32px;
margin: 0 0 15px 20px;
}
#leftcolumn #icons li {
display:inline;
}
#leftcolumn #icons li a {
display:block;
float:left;
width: 32px;
height:32px;
margin-left: 15px;
text-indent: -9999px;
background: transparent url(../images/icons_social.png) no-repeat;
}
#leftcolumn #icons li.home a {background-position: 0 0;}
#leftcolumn #icons li.youtube a {background-position: -40px 0;}
#leftcolumn #icons li.orkut a {background-position: -80px 0;}
#leftcolumn #icons li.facebook a {background-position: -120px 0;}
#contentwrapper{ float: left; width: 100%; }
#contentcolumn{ margin: 0 265px 0 265px; }
#contentcolumn #bannertopo {
    position:relative;
	overflow:hidden;
	width:410px;
    height:120px;
    margin: 15px auto 0;
}
#contentcolumn #bannertopo div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:410px;
    height:120px;
}
#contentcolumn #bannertopo div.active {
    z-index:10;
    opacity:1.0;
}
#contentcolumn #bannertopo div.last-active {
    z-index:9;
	opacity:1.0;
}
#centercolun {
width: 412px;
margin:0 auto;
padding-bottom: 15px;
}
#rightcolumn{
float: left;
width: 250px;
margin-left: -250px;
}

#rightcolumn .box {
	width: 250px;
}
#rightcolumn .box h3 {
	text-align: right;
}
#rightcolumn .box .boxborder {
	margin-top: 3px;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	-moz-border-radius:8px 0 8px 8px;
	-khtml-border-radius:8px 0 8px 8px;
	-webkit-border-radius:8px 0 8px 8px;
	border-radius:8px 0 8px 8px;
}
#rightcolumn #bannerlateral1,
#rightcolumn #bannerlateral2,
#rightcolumn #bannerlateral3 {
    position:relative;
	overflow:hidden;
	width:140px;
    height:90px;
    margin: 10px auto 0;
}
#rightcolumn #bannerlateral1 div,
#rightcolumn #bannerlateral2 div,
#rightcolumn #bannerlateral3 div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:140px;
    height:90px;
    background: #FFF;
}
#rightcolumn #bannerlateral1 div.active,
#rightcolumn #bannerlateral2 div.active,
#rightcolumn #bannerlateral3 div.active {
    z-index:10;
    opacity:1.0;
}
#rightcolumn #bannerlateral1 div.last-active,
#rightcolumn #bannerlateral2 div.last-active,
#rightcolumn #bannerlateral3 div.last-active {
    z-index:9;
	opacity:1.0;
}
#rightcolumn .box .bannerlateral {
width:140px;
height:90px;
overflow: hidden;
}
#rightcolumn #videos h3 {
margin-top: 15px;
}
#footer{
display: table;
clear: both;
width: 100%;
background: #B5CE3B url(../images/footer_bg.png);
color: #FFF;
text-shadow: 1px 0 2px #3F9E59;
border-top: 5px solid #3F9E59;
}
#footer #footerinfo {
display: table;
width: 940px;
margin: 0 auto;
background: transparent url(../images/footer_alpha.png) bottom center no-repeat;
}
#footer #footerinfo p{
float: left;
display: table;
padding: 10px 0;
}
#footer #footerinfo a{
color: #FFFF80;
}
#footer #footerinfo #ballum {
    float:right;
    margin-top:25px;
}
#footer #footerinfo #ballum a {
    display:block;
    width:85px;
    height:52px;
    text-indent:-9000px;
    background:transparent url(../images/ballum.png) top center no-repeat;    
}
#footer #footerinfo #ballum a:hover {    
    background-position:bottom center;
}
/** CONTENT **/
#centercolun label { display: block; }
#centercolun h1 {
clear:both;
color:#333;
font-weight:bold;
font-size:28px;
line-height:26px;
margin: 15px 0 0 0;
}
#centercolun h4 {
clear:both;
color:#333;
font-weight:bold;
font-size:22px;
line-height:26px;
}
#centercolun p {
text-align:justify;
}
#centercolun p a {
text-decoration:none;
color:#FF6600;
}
#centercolun p a:hover {
text-decoration:underline;
}
#centercolun #noticiasdestaque {
margin: 15px 0;
}
#centercolun #noticiasdestaque a {
display: block;
margin: 10px 0 0 0;
}
#centercolun #noticiasdestaque a img {
border: 1px solid #999;
padding: 3px;
}
#centercolun #noticiasdestaque a span {
color:#999;
}
#centercolun #noticias a {
color:#000;
}
#centercolun #noticias #paginacao a {
color:#CCC;
}
#centercolun #noticias .boxlinks a {
color:#FF6600;
}
#centercolun #noticias #comentarios.boxlinks {
	padding: 10px;
	background: #F5F5F5;
}
#centercolun #noticias .boxborder span {
color:#999;
}
#centercolun #noticias .boxborder a span {
color:#FF6600;
}
#centercolun #noticias .boxborder p a span,
#centercolun #noticias .boxborder li a span {
display: block;
}
#centercolun #noticias .boxborder #tx span {
color:#000;
}
#centercolun #albumdefotos {
}
#centercolun #albumdefotos .fotoalbum {
	clear: both;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
	min-height: 90px;
}
#centercolun #albumdefotos .fotoalbum img {
	float: left;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #999;
}
#centercolun #albumdefotos .fotoalbum span {
	display: block;
	color: #999;
}
#centercolun #albumdefotos .fotoThumb {
	float: left;
	display: block;
	margin: 5px 5px 5px 0;
}
#centercolun #albumdefotos .fotoThumb.break {
	margin: 5px 0 5px 0;
}
#centercolun #albumdefotos .fotoThumb a {
	border: 1px solid #999;
	padding: 3px;
	width: 85px;
	height: 63px;
	overflow: hidden;
	display: block;
}
#centercolun #albumdefotos .fotoThumb a div {
	width: 85px;
	height: 63px;
	overflow: hidden;
	display: block;
}
#centercolun #albumdefotos .fotoThumb img {
	/* border: 1px solid #999; */
	/* padding: 3px; */
	width: 85px;
	/* height: 63px; */
}
#centercolun #mural a:hover {
	text-decoration: none;
}
#centercolun #mural a span {
	color:#FF6600;
}
#centercolun #mural .boxlinks {
	padding: 10px;
	background: #F5F5F5;
}
#centercolun #mural ul.lista li {
	clear: both;
}
#centercolun #mural ul.lista li a img {
	float: left;
	display: block;
	margin-right: 12px;
	border: 1px solid #999;
	padding: 3px;
}
#centercolun #enquetes h4.subtitulo {
	display: block;
	margin-top: 25px;
}




#centercolun h5 {
clear:both;
padding:10px 0;
color:#FF9900;
font-size:20px;
font-weight:bold;
}
#centercolun_fotos h2 {
clear:both;
height:46px;
line-height:46px;
padding:0 0 0 50px;
color:#009999;
font-size:30px;
font-weight:bold;
background:url(../images/icon_fotos.gif) no-repeat;
}
#centercolun_fotos{
width: 420px;
margin-left: 15px;
margin-right:5px;
background:url(../images/back-x_fotos.png) repeat-x;
padding:10px;
}
#centercolun_mural{
width: 420px;
margin:0 auto;
background:url(../images/back-x_mural.png) repeat-x;
padding:10px;
}
#centercolun_mural h3 {
clear:both;
padding:10px 0;
color:#003366;
font-size:30px;
font-weight:bold;
}
label.destaque { font-weight: bold; }
span.tituloFaleconosco {
    display: block;
    margin: 10px 0;
    font-weight: bold;
}
label.contato {
    font-weight: bold;
}

#ListaNoticias span {
    font-weight:bold;
    display:block;
}
#ListaNoticias li {
    margin-bottom:10px;
}
#ListaNoticias a {
    color:#000;
    text-decoration:none;
}

#paginacao {
    clear:both;
    text-align:center;
    margin-top: 5px;
}
#paginacao a {
    color:#CCC;
    text-decoration:none;
}
#paginacao a.button {
    font-weight:bold;
    color: #FF6600;
}

/** BLOGS **/
#pageblogs #leftcolumn,
#pageblogs #bannertopo,
#pageblogs #videos { display: none; }
#pageblogs #rightcolumn #blogsabout h3 { margin-top: 15px; }
#pageblogs #rightcolumn #seguidores h3 { margin-top: 15px; }
#pageblogs #centercolun { width:675px; }
#pageblogs #contentcolumn { margin: 0 265px 0 0 }
#pageblogs #comentarios.boxlinks h4 a {text-decoration: none; color: #333;}
#blogsabout a span {
	display: block;
	font-weight: bold;
	color:#FF6600;	
}