/*Geral*/
*{margin:0; padding:0}
body{font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; background: url(../images/fdo.jpg) top center no-repeat #9696A5; margin:0;}
p{margin-top:2px;}
a img{border:none;}
a {font-weight:bold;}
.clear{clear:both;}

/*alinhamento*/
#geral{width:800px; height:600px;margin: 0px auto; display:block}
#topo{width:100%; margin:0; padding:0; height:120px;}
#principal {padding:12px; line-height:150%;position:relative; }
#rodape{clear:both; font:10px Arial, Helvetica, sans-serif; color:#434352; width:700px; position:relative; margin:10px auto}
#col_esq{ clear:both; float:left;height:420px;margin:0 10px 0 0;width:515px; }
#col_esq.over{height:420px; overflow:auto;}
#col_esq span{ margin-left:28px;}
#col_dir{float:right; height:410px; width:240px; margin:0 0; background-color:#E8E8E8; padding:5px;}
#calendar-container{margin:10px; width:99%;}


/*Texto*/
#principal h3{color: #FF9900; font-weight:bold; text-transform:uppercase; padding:8px 0 8px 0;}
.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;}
.dest_peq{font-size:10px; background-color:#CCCCCC;}


/*Imagens*/
.img{float:left; margin:5px; padding:6px;}

/*Listas com ícones*/
#col_esq ul {list-style: none;}
#col_esq li {width:98%; padding:5px 0;}
#col_esq li.bt {background: url(../images/bt_p.jpg) left 6px no-repeat; display:block; height:auto; clear:both;padding:0 6px 0 30px;}
#col_esq li.cp {background: url(../images/cp_p.jpg) left 6px no-repeat; display:block;height:auto; clear:both;padding:0 6px 0 30px;}
#col_esq li.tm {background: url(../images/tm_p.jpg) left 6px no-repeat; display:block;height:auto; clear:both;padding:0 6px 0 30px;}
#col_esq li.ve {background: url(../images/ve_p.jpg) left 6px no-repeat; display:block;height:auto; clear:both;padding:0 6px 0 30px;}

/*Cursos abre-fecha. baseado em www.maujor.com*/
ul.invisivel {display:none;} 
#cursos {padding:0;width:92%; _margin:0 0 0 5px;*margin:0 0 0 5px; }
#cursos h3 {cursor:pointer; margin:0; padding:0;} 
#cursos h3.link-titulo {height:14px; line-height:14px; font-size:12px; 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;}	
#cursos h3 a{ text-decoration:none; color:#000;}
#cursos h3.corrente { background:#C7C7C7 url('http://www.cidadeviva.org/mensagens/images/menos.gif') 98% 50% no-repeat;	}	
#cursos a li{text-decoration:none; display:block; cursor:pointer;  margin:0; padding:0;}
#cursos li a.link-unico {	background:#fff; border-bottom: 1px solid #ccc;	}
#cursos ul.box {list-style-type:none; margin:5px;	padding:0; height:365px; overflow-x: hidden;
overflow-y:auto; }
#cursos ul{list-style-type:none; margin:5px;}
#cursos li {/*height:70px;*/ margin:7px 0 0 0;display:block; width:99%; clear:both;}
#cursos li img{float:left;display:block;}
#cursos li .tx{height:70px; float:left; padding:10px 2px;}
#cursos li h2{color: #FF9900; font-weight:bold; text-transform:uppercase; padding:8px 0 8px 0; font-size:11px;}
#cursos li h5{color:#333333; font-size:11px; font-weight:bold;}
#cursos li h6{color:#CCCCCC; font-size:11px;}
#cursos .info{border-top:1px solid #ccc; padding:5px 0; clear:both;}

/*Formulário*/
#for label{float: left; padding:6px 0; text-align: left; width: 20%;}
#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:3%;}
#for input.peq{width:10%;}
#for input.med{width:30%;}
#for input.int{width:20%;}
#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;}