/*------------------------------------------------------------------
# Ballum.com.br - Desenvolvimento Web
# Project:      Futriko.com
-------------------------------------------------------------------*/
@import "reset_reloaded.css";
/* TAGS */
body { line-height: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #222; background: #FFF url(images10/bg.png) top center repeat-y; }
a {font-weight:bold;color:#FF9900;text-decoration:none;}
a:hover {text-decoration:underline;}
/* BOX */
.rounded {
	background: #FFF url(images10/box-bg.png) bottom center repeat-x;
	border: 1px solid #CCC;  
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; }
.rounded_line { background-image: url(images10/box-line-bg.png) }
.bordertop {display:block;background-color:#000;height:5px;width:100%;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.box h2 {padding:4px 0 4px 28px;font-size:20px;font-weight:bold;background:#FFF url(images10/icons.png) 0 2px no-repeat;}
.box .lista {margin:5px;}
.box .lista li {position:relative;padding:5px 0;border-bottom:1px solid #F0F0F0;}
.box .lista li a {display:block;}
.box .lista li a span{display:block;font-weight:normal;}
.box .linkvejamais {height:30px;padding-right:10px;line-height:30px;text-align:right;}
.box .interna { padding:20px; }
/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
/* Paginação */
div.divPaginacao {display: table; margin-left: 7px;}
div.divPaginacao ul { margin:0; padding:0; list-style-type:none; }
div.divPaginacao ul li { float: left; list-style: none; }
div.divPaginacao ul li a span { font-weight: bold; color: #000000; }
div.divPaginacao ul li a {
	text-decoration: none;
    padding: 5px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 2px 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#ultimascoberturas div.divPaginacao ul li a {
    border: 1px solid #CC0000;
	background-color: #FFECEC;
	color: #CC0000;
}
#mp3 div.divPaginacao ul li a {
    border: 1px solid #FF6600;
	background-color: #FFEDD2;
	color: #FF6600;
}
#noticias div.divPaginacao ul li a {
    border: 1px solid #000099;
	background-color: #F5FFFF;
	color: #000099;
}
#torpedos div.divPaginacao ul li a {
    border: 1px solid #99CC00;
	background-color: #F3FFE6;
	color: #99CC00;
}

.centralizado {padding: 0 0 10px;text-align: center;}
#ultimascoberturas .bordertop {background-color:#CC0000;}
#ultimascoberturas h2,
#ultimascoberturas .linkvejamais a  {color:#CC0000;}
#menuCoberturas li { margin: 0 0 5px 0; }
#menuCoberturas li a {
    padding: 5px;
	display: block;
	clear: both;
	height: 112px;
	color: #CC0000;
	text-decoration: none;
}
#menuCoberturas li a:hover { background-color:#F0F0F0; }
#menuCoberturas li a img { margin-right:10px; }
#contentcontent {margin-top:5px;}
#destaques {float:left;width:360px;}
#destaques .bordertop {background-color:#0099CC;}
#destaques h2  {color:#0099CC;background-position:0 -88px;}
#destaques .coda-slider-wrapper { width:350px;height:183px;margin:4px 0 0 4px; overflow:hidden; }
#destaques .coda-slider, #destaques .coda-slider .panel { width: 350px; } 
#destaques .coda-slider .panel-wrapper { padding: 20px }
#destaques .coda-slider p.loading { padding: 20px; text-align: center }
#destaques .coda-nav {float:left;margin-left:203px;}
#destaques .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
#destaques .coda-nav ul li { display: inline }
#destaques .coda-nav ul li a,
#destaques .coda-nav-left a,
#destaques  .coda-nav-right a { display: block; float: left; width:16px; height:16px; margin:6px 5px 0 0; text-indent:-8000px; background: #FFF url(images10/icons-num.png) no-repeat; }
#destaques .coda-nav ul li.tab1 a { background-position:0 0; }
#destaques .coda-nav ul li.tab2 a { background-position:-20px 0; }
#destaques .coda-nav ul li.tab3 a { background-position:-40px 0; }
#destaques .coda-nav ul li.tab4 a { background-position:-60px 0; }
#destaques .coda-nav ul li.tab5 a { background-position:-80px 0; }
#destaques .coda-nav-left a  { background-position:-100px 0; }
#destaques .coda-nav-right a { background-position:-120px 0; }
#destaques .coda-nav ul li.tab1 a.current { background-position:0 -16px; }
#destaques .coda-nav ul li.tab2 a.current { background-position:-20px -16px; }
#destaques .coda-nav ul li.tab3 a.current { background-position:-40px -16px; }
#destaques .coda-nav ul li.tab4 a.current { background-position:-60px -16px; }
#destaques .coda-nav ul li.tab5 a.current { background-position:-80px -16px; }
#destaques .coda-slider-wrapper { clear: both; }
#destaques .coda-slider { float: left; height:155px !important; overflow:hidden; }
#destaques .coda-slider .panel {display: block; float: left; width:350px; height:150px;}
#destaques .coda-slider .panel div {display:block; width:350px; height:105px; overflow:hidden; }
#destaques .coda-slider .panel span { display:block; width:350px; height:45px; color:#FFF; text-align:center; background:transparent url(images10/sombra.png); }
#destaques .coda-slider .panel span strong { display:block;}
#garota {float:left;width:243px;margin-left:5px;}
#garota .bordertop {background-color:#CC3399;}
#garota h2  {color:#CC3399;background-position:0 -118px;}
#garota #bannergarota  {padding:5px;}
#garota #bannergarota  .banner {display:block;width:229px;height:175px;border:1px solid #000;}
#colunistas {clear:left;float:left;width:300px;margin-top:5px;}
#videos {float:left;width:300px;margin:5px 0 0 5px;}
#mp3, #bannerconteudo3 {clear:left;float:left;width:243px;margin-top:5px;}
#mp3 .banner, #bannerconteudo3 .banner {display:block;width:241px;height:80px;margin-bottom:5px;border:1px solid #000;}
#mp3 .bordertop {background-color:#FF3300;}
#mp3 h2 {background-position:0 -148px;}
#mp3 h2,
#mp3 .lista li a,
#mp3 .linkvejamais a {color:#FF3300;}
#noticias, #bannerconteudo2 {float:left;width:360px;margin:5px 0 0 5px;}
#noticias .bordertop {background-color:#003399;}
#noticias h2 {background-position:0 -178px;}
#noticias h2,
#noticias .lista li a,
#noticias .linkvejamais a  {color:#003399;}
#interna #noticias .dataNoticia {display:block;color:#999;font-size:12px;}
#interna #noticias .tituloNoticia {display:block;color:#003399;font-size:22px;font-weight:bold;}
#interna #videos .tituloVideo,
#interna #colunas .tituloColuna,
#TB_ajaxContent h5 {display:block;color:#333;font-size:22px;font-weight:bold;}
#TB_ajaxContent h4 {display:block;color:#999;font-size:18px;font-weight:bold;}
#interna #noticias #tx img {float: left; margin: 0 10px 0 0;}
#noticias .banner, #bannerconteudo2 .banner {display:block;width:358px;height:80px;margin-bottom:5px;border:1px solid #000;}
#bannerslateral2 {clear:left;float:left;width:168px;margin-top:5px;}
#bannerslateral2 .banner {display:block;width:150px;height:70px;margin:0 auto 5px;border:1px solid #000;}
#enquetes {width:163px;margin-bottom: 5px;}
#enquetes .bordertop {background-color:#666;}
#enquetes h2,
#enquetes .linkvejamais a  {font-weight:bold;color:#666;}
#enquetes ul.lista li a  {color:#666;}
#torpedos {float:left;width:440px;margin:5px 0 0 0;}
#torpedos .bordertop {background-color:#99CC00;}
#torpedos h2 {background-position:0 -178px;}
#torpedos h2,
#torpedos .lista li a,
#torpedos .lista li span,
#torpedos .linkvejamais a  {font-weight:bold;color:#99CC00;}
#torpedos .lista li a {display:inline;}
#torpedos #enviarMuralRecado a {display:block; margin-bottom: 3px; padding:5px; color: #FFF; text-align: right; text-decoration: none; background: #99CC00; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#torpedos #formMuralRecado {margin-bottom: 15px;}
#agenda .bordertop {background-color:#FFCC00;}
#agenda {float:right;width:440px;margin:5px 0 0 0;}
#agenda ul li a {color: #666;font-weight: normal;}
#agenda ul li a:hover {text-decoration: none;background: #FBFBFB;}
#agenda ul li a span {display: block;color: #999;}
#agenda ul li a strong {display: block;}
#agenda ul li a div.data {float: left; display: block; color: #666; background: #FFCC00; padding: 9px 10px 12px; font-size: 26px; margin-right: 10px;}
#agenda ul li a div.data span {font-size: 14px; color: #666;}
#agenda h2,
#agenda .linkvejamais a  {font-weight:bold;color:#FFCC00;}
#futriko {margin-top:5px;}
#futriko .bordertop {background-color:#FF9900;}
#futriko h2 {color:#FF9900;background-position:0 -568px;}
#futriko .rounded {padding:10px;}
#interna #noticias,
#interna #mp3,
#interna #torpedos,
#interna #enquetes,
#interna #videos,
#interna #colunas,
#interna #agenda {clear:both;float:none;width:100%;margin:5px 0 0 0;}
/* WRAPPER */
#wrapper-all {display:block;width:100%;border-top:5px solid #FF9900;}
#wrapper {display:table;width:1000px;margin:0 auto;}
#site {float:left;display:table;width:795px;}
#separador {float:left;width:5px;margin:5px 0;background-color:#0099CC;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
/* HEADER */
#header h1{float:left;width:157px;height:96px;margin:8px 0 8px 8px;}
#header h1 a{display:block;position:relative;width:157px;height:96px;text-indent:-8000px;background:transparent url(images10/logo.png) top center no-repeat;}
#header h2{float:right;font-size: 42px;font-weight: bold;color:#0099cc;padding: 15px 20px 0 0;}
#header h2 span {display: block; float: left; margin: 30px 0 0;}
#header h2 img {display: block; float: right;}
#header #comunidade {float: left; padding: 10px;}
#superbannerwrapper {clear:both;width:782px;height:103px;padding:12px 0 0 13px;background:#CCC url(images10/superbanner-bg.png) top center no-repeat;}
#superbanner {width:768px;height:90px;border:1px solid #000;}
#menu {display:block;width:785px;height:40px;margin:5px 0 0 5px;background-color:#0099CC;}
#menu li{position:absolute;width:100px;height:40px;float:left;color:#191919;text-align:center;overflow:hidden;}
#menu a{display:block;padding:10px 0;font-weight:bold;color:#FFF;text-decoration:none;text-shadow:1px 1px 1px #666;}
#menu p{padding:0 5px;color:#FFF;}
#menu p a{padding:10px 0;}
#menu li.secretarias p.subtext a{padding:0;}
/***Menu***/
#menu li.coberturas{margin-left:0;background:#CC0000 url('images10/menu.jpg') 0 0 no-repeat;}
#menu li.forromp3{margin-left:100px;background:#FF3300 url('images10/menu.jpg') -100px 0 no-repeat;}
#menu li.noticias{margin-left:200px;background:#003399 url('images10/menu.jpg') -200px 0 no-repeat;}
#menu li.mural{margin-left:300px;background:#99CC00 url('images10/menu.jpg') -300px 0 no-repeat;}
#menu li.agenda{margin-left:400px;background:#FFCC00 url('images10/menu.jpg') -400px 0 no-repeat;}
#menu li.contato{margin-left:500px;background:#00CCFF url('images10/menu.jpg') -500px 0 no-repeat;}
#menu li.stantonio{width:185px;margin-left:600px;background:#663300 url('images10/menu.jpg') -600px 0 no-repeat;}
#menu li.acaosocial{width:185px;margin-left:600px;background:#273D6E url('images10/menu.jpg') -785px 0 no-repeat;}
#menu li.secretarias{width:185px;margin-left:600px;background:#273D6E url('images10/menu.jpg') -785px 0 no-repeat;}
/* CONTENT */
#content {width:785px;margin:0 auto;}
#contentfull{width:785px;}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-right: 177px;}
#rightcolumn{float: left;width: 172px;margin:5px 0 0 -172px;}
#rightcolumn .banner{display:block;width:170px;height:80px;margin-bottom:5px;border:1px solid #000;}
#pageHtml {clear: both;}
#pageHtml #accordion p {text-align: justify;margin-bottom: 8px;}
/***Slider***/
#ultimascoberturas { margin:5px auto 0; }
#ultimascoberturas .coda-slider-wrapper { width:774px; margin:10px auto; }
#ultimascoberturas .coda-slider, .coda-slider .panel { width: 694px; } 
#ultimascoberturas .coda-nav-left a, #ultimascoberturas  .coda-nav-right a { width:24px; height:24px; margin-top:65px; text-indent:-8000px; background: #FFF url(images10/icons.png) no-repeat; }
#ultimascoberturas .coda-nav-left a { margin-right:15px; background-position:0 -30px; }
#ultimascoberturas .coda-nav-right a { margin-left:15px; background-position:0 -60px; }
#ultimascoberturas .coda-slider .panel-wrapper { padding: 20px }
#ultimascoberturas .coda-slider p.loading { padding: 20px; text-align: center }
#ultimascoberturas .coda-nav {position:absolute;margin:173px 0 0 3px;}
#ultimascoberturas .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
#ultimascoberturas .coda-nav ul li { display: inline }
#ultimascoberturas .coda-nav ul li a { display: block; float: left; width:16px; height:16px; margin-right:3px; text-indent:-8000px; background: #FFF url(images10/icons-num.png) no-repeat; }
#ultimascoberturas .coda-nav ul li.tab1 a { background-position:0 0; }
#ultimascoberturas .coda-nav ul li.tab2 a { background-position:-20px 0; }
#ultimascoberturas .coda-nav ul li.tab3 a { background-position:-40px 0; }
#ultimascoberturas .coda-nav ul li.tab4 a { background-position:-60px 0; }
#ultimascoberturas .coda-nav ul li.tab5 a { background-position:-80px 0; }
#ultimascoberturas .coda-nav ul li.tab1 a.current { background-position:0 -16px; }
#ultimascoberturas .coda-nav ul li.tab2 a.current { background-position:-20px -16px; }
#ultimascoberturas .coda-nav ul li.tab3 a.current { background-position:-40px -16px; }
#ultimascoberturas .coda-nav ul li.tab4 a.current { background-position:-60px -16px; }
#ultimascoberturas .coda-nav ul li.tab5 a.current { background-position:-80px -16px; }
#ultimascoberturas .coda-slider-wrapper { clear: both; overflow: auto }
#ultimascoberturas .coda-slider { float: left; height:155px !important; overflow:hidden; }
#ultimascoberturas .coda-slider .panel { display: block; float: left }
#ultimascoberturas .coda-slider .panel ul { clear: both; display: block; margin: auto; overflow: hidden }
#ultimascoberturas .coda-slider .panel ul li { display: inline }
#ultimascoberturas .coda-slider .panel ul li a { display: block; float: left; width:126px; margin:0 15px 0 0; line-height:1.0em; font-size:12px; font-weight:normal; color:#666; text-decoration: none; }
#ultimascoberturas .coda-slider .panel ul li a span { display:block; margin-top:5px; color:#CC0000; }
#ultimascoberturas .coda-slider .panel ul li a strong { display:block; }
#ultimascoberturas .coda-slider .panel ul li a span strong { font-size:14px; }
#ultimascoberturas .coda-nav-left, .coda-nav-right { float: left }
#ultimascoberturas .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }	
/* PUBLICIDADE */
#publicidade {float:left;width:195px;padding-left:5px;}
#publicidade .banner {margin:5px auto 0;border:0;}
#banner-ballum {width:190px;height:50px;}
#banner-extra1 {width:190px;height:320px;}
#banner-extra2 {width:190px;height:160px;}
/* FOOTER */
#footer {width:1000px;margin:10px auto 0;color:#666;}
#footer #footerinfo {width:795px;padding:15px 0;background:#FFF url(images10/footer-bg.png) top center no-repeat;}
#footer #bannerrodape {clear: both; display: block; width: 768px; height: 90px; border: 1px solid #000; margin: 5px 0pt 5px 13px;}
#footer h3{float:left;width:112px;height:56px;margin:0 7px 0 15px;}
#footer h3 a{display:block;width:112px;height:56px;text-indent:-8000px;background:transparent url(images10/logo.png) bottom left no-repeat;}
#footer ul {margin:8px 0 0 8px;}
#footer ul li {display:inline;border-right:1px solid #666;}
#footer ul li:last-child  {border:0;}
#footer ul li a {height:18px;line-height:18px;padding:0 8px;font-weight:bold;color:#666;}
#footer p {display:table;padding-left:8px;font-size:12px;}
#footer #ballum {float:right;margin:-50px 50px 0 0;}
#footer #ballum a{display:block;width:70px;height:35px;text-indent:-8000px;background:transparent url(images10/ballum.png) top left no-repeat;}
/* GALERIA */
body#galeria  { background: #FFF url(images10/galeria-bg.png) top center repeat-y; }
body#galeria  #header {display:table;width:776px;height:70px;margin:0 auto;background:transparent url(images10/galeria-header-bg.png) no-repeat;}
body#galeria  #header h1{float:left;width:263px;height:62px;margin:4px 0 0 8px;}
body#galeria  #header h1 a{display:block;position:relative;width:263px;height:62px;text-indent:-8000px;background:transparent url(images10/logo-galeria.png) top center no-repeat;}
body#galeria  #header #bannertopo{float:right;width:468px;height:60px;margin:4px 4px 0 0;border:1px solid #000;}
body#galeria  #contentwrapper{display:table;float:none;width:776px;margin:0 auto;}
body#galeria  #contentwrapper #foto{float:left;display:inline;width:550px;height:456px;margin:5px 0 0 5px;}
body#galeria  #contentwrapper #separador {float:left;display:inline;width:5px;height:456px;margin:5px 5px 0 5px;background-color:#0099CC;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
body#galeria  #contentwrapper #thumbs {float:left;display:inline;width:201px;height:410px;margin:5px 0 0 0;}
body#galeria  #contentwrapper #thumbs select {width:190px;height:30px;margin:5px 0 0 5px;}
body#galeria  #contentwrapper #superbanner {display:inline-block;clear:both;margin:4px 0 4px 3px;}
/* BANNERS FLUTUANTES */
.bannerflutuante {
	width: 572px;
    position:absolute;
    left:50%;
	margin-left:-484px;
    text-align: right;  
}
.bannerflutuante .banner {
    width: 572px;
	height:255px;    
    background: #FFFFFF;
    border: 1px solid #000000;
	margin:5px;
}
.bannerflutuante a {
	color:#FFF;
    background: #000;    
	padding:5px;
}
#bannerFlutuanteClassic {
	width: 500px;   
	margin-left:-445px; 
    top:500px;	
}
#bannerFlutuanteClassic2 {
	width: 500px;   
	margin-left:-445px; 
    top:855px;	
}
#bannerFlutuanteClassic .banner,
#bannerFlutuanteClassic2 .banner {    
    width: 500px;
	height:300px;    
}
#bannerFlutuante1 {    
    top:560px;	
}
#bannerFlutuante2 {    
    top:855px;	
}
#bannerFlutuante3 {    
    top:1215px;	
}
/* BANNER CLASSIC */
body#bannerclassic #content {
	margin:30px auto 0;
	padding:5px 20px;
	width:500px;
	clear:both;
	display:table;
}
body#bannerclassic #content #infor {
	font-size: 11px;
}
body#bannerclassic #content h1 {
	float:right;
	width:226px;
	height:63px;
	margin:0 0 5px;
	display:block;
}
body#bannerclassic #content h1 a {
	width:226px;
	height:63px;
	display:block;
	background:transparent url(images10/logo-bannerclassic.png) top left no-repeat;
	text-indent:-9000px;
}
body#bannerclassic #content #banners .banner {
	padding-bottom:5px;
}