/*Geral*/
*{margin:0; padding:0}
body{font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000;  margin:0;}
p{margin-top:2px;}
a img{border:none;}
a {font-weight:bold; color:#000; text-decoration:none; margin: 0 0 -3px}
.clear{clear:both;}

/*alinhamento*/
#geral{width:800px; height:665px;margin: 0px auto; display:block;padding:0 0 0 3px;}
#topo{width:99%; margin:0 0 0 5px; padding:0; height:110px; background:url(../images/topo.jpg) no-repeat 12px 50%;}
#principal {line-height:150%;position:relative; display:block; height:510px;}
#rodape{clear:both; font:10px Arial, Helvetica, sans-serif; color:#434352; width:800px; position:relative; margin:10px auto}
#col_esq{ clear:both;float:left;height:490px;padding:25px 22px;width:420px;}
#col_esq .video {display:block;} 
#col_esq .video img{ width: 420px; }
#col_esq .desc { margin:5px 0;height:40px; display:block;width:420px;text-align:justify;}
#col_esq .desc h4 {color:#FF0000; font: bold 14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#col_esq .desc p{ color:#000; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#col_esq a span{ color:#999; }
#col_esq a:hover span{ color: #FF6600; }
#col_dir{float:right;height:488px;overflow:visible;padding:25px 0 0 0;width:332px;_width:325px;}

/*Menu*/
#menu{height:40px; width:100%; padding:0 0 0 15px;}
#menu ul{ list-style:none; display:inline;color:#FFFFFF; }
#menu li{padding:4px; display:block; float:left; line-height:35px; width:24%;}
#menu a{font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF;}
#menu a:hover {color: #FFE6D9;}


/*menu download*/
#down-no{height:18px; width:100%;padding:3px; width:414px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;border-left:1px solid #ccc; }
#down{margin:5px 0;height:18px; width:100%;background:url(../images/btn_down1.jpg) 0 0 no-repeat;}
#down ul,#down-no ul {margin:0 ; padding: 0; list-style-type: none;}
#down a, #down-no a {text-decoration: none;}
#down span{display:none;}
#down a.material {height: 18px; width:222px; margin:0 ;}
#down a.material:hover {background:url(../images/btn_down1.jpg) 0px -18px no-repeat; }
#down a.audio {height: 18px; width:166px; margin:0 ;}
#down a.audio:hover {background:url(../images/btn_down1.jpg) -222px -18px no-repeat; }

#frame {position: absolute; top:5px; left:460px;}
.lk_top{ float:left; margin:0; padding:0; position:absolute; width:280px; top:5px;}
.mostrar{ position:absolute;top:25px;width:300px;}

/*Categorias abre-fecha. baseado em www.maujor.com*/
ul.invisivel {display:none;} 
#cats {padding:0;width:100%; _margin:0 0 0 5px;*margin:0 0 0 5px; height:450px; }
#cats h3 {cursor:pointer; margin:0; padding:0;} 
#cats h3.link-titulo {height:12px; line-height:12px; font-size:11px; font-weight:bold; margin:1px 0; background: #C7C7C7 url('http://www.cidadeviva.org/mensagens/images/mais.gif') 98% 50% no-repeat; color: #333333;padding:5px 0;  text-transform:capitalize;}	
#cats h3 a, #col_esq h3 a{ text-decoration:none; color:#000;}
#cats h3.corrente { background:#C7C7C7 url('http://www.cidadeviva.org/mensagens/images/menos.gif') 98% 50% no-repeat;	}	
#cats li a{text-decoration:none; display:block; cursor:pointer;  margin:0; padding:0; }
#cats li:hover { background-color:#999999;}
#cats li a.link-unico {	background:#fff; border-bottom: 1px solid #ccc;	}
#cats ul, #col_esq ul.box {list-style-type:none; margin:5px; padding:0;  }
#cats li, #col_esq ul.box li {height:70px; margin:7px 0 0 0;display:block; width:99%; clear:both; background:#f1f1f1;}
#cats li img, #col_esq ul.box img{float:left; padding:5px;max-height:60px;min-width:86px;}
#cats li .tx{height:70px; float:left; padding:5px 2px;width:198px;}
#cats .todas li .tx{height:70px; float:left; padding:5px 2px;width:285px;}
#cats li h5,#col_esq h5{color:#333333; font-size:11px;}
#cats li h6, #col_esq h6{color:#CCCCCC; font-size:11px;}
#col_esq ul.box{ height:440px; overflow-y: scroll}
#col_esq .tx{height:70px; float:left; padding:0px 4px;}

#icones{ height:180px;}
#icones ul{ list-style:none; overflow:hidden;}
#icones ul li{ padding:10px; background:url(../images/btn_icon.png) no-repeat; margin:0;}
#icones ul li a{color:#808080; text-indent:22px; line-height:30px;}
#icones ul li a:hover{color:#E8E8E8;}

ul.todas{height:450px; list-style:none;overflow-y:scroll;}
ul.todas li{height:80px;}
ul.todas li:hover{ background-color: #F0F0F0; display:block;}
ul.todas li .tx { float:right; width:300px;}
.pesq {padding:15px;}


/*Texto*/
#principal h3{color: #FF9900; font-weight:bold; text-transform:uppercase; padding:8px 0 8px 0; font-size:14px;}
.titulo_interna{ font-weight:bold; font-size:16px;}
.titulo{font-weight:bold; font-size:12px;}
.texto{padding:15px;}
.texto a{ font-size:10px; text-decoration:none; color:#000000;}
.texto a:hover{ color: #006633;}
#col_dir h4{ display:block; clear:both; line-height:20px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-color:#C7C7C7;}
#col_dir h4:hover {color:#F60;} 
/*Imagens*/
.img{float:left; margin:5px; padding:6px;}

/*Formulário*/
#for{ margin: 10px 40px;}
#for label{float: left; padding:6px 0; text-align: left; width: 11%;}
#for input, #for textarea{ width:70%; margin:4px 0 0 0; padding:0;}    
#for .radio{ width:auto; float:none; display:inline; margin-top:10px;}
#for input.btn {width:auto; display: inline; text-align:center;}
#for input.min{width:5%;}
#for input.peq{width:10%;}
#for input.med{width:35%;}
#for div.cols{display:block;}
#for br { clear: left;}
#for .tool{cursor:help;}
.botao {background-color: #FFCC00; text-align:center; padding:3px; margin:0 4px 2px 4px; }
.botao a{ color:#000000;}
.botao a:hover {color:#FFFFFF; font-weight:bold;}