/* Clearfix Method was developed by Tony Aslett - csscreator.com */
.clearfix:after {content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */

/* DEFAULT */
*{margin:0; padding:0; list-style:none; border:none;}
.left{float:left;}
.right{float:right;}

/* ESTRUTURAS */
#all{width:780px; margin:auto; background-color:#fff; color:#333; font:normal 12px 'Verdana', tahoma, sans-serif, arial; margin-top:5px;}
html{background-color:#333333;}
h1{width:770px; height:171px; background: white url(img/header_logo.jpg) no-repeat; text-indent:-5000px; overflow:hidden; margin-left:5px; }

/* MENU */
#conteudo #menu{float:left; width:780px; text-transform:uppercase; font-size:12px; font-weight:bold; background-color:white;}
#conteudo #menu ul{width:780px; background-color:white;}
#conteudo #menu li{float:left; text-align:center; padding:9px 0px; line-height:15px; width:95px;}
#conteudo #menu a{display:block; color:#FF0000; text-decoration:none; background-color:transparent;}
#conteudo #menu a:hover{color:black; text-decoration:underline;}


/* AREA RESTRITA */
#conteudo #informacoes #restrita form{float:left; width:150px; margin-bottom:5px; background-color:white;}
#conteudo #informacoes #restrita form fieldset{margin:0 auto; border:1px silver solid; background-color:#f1f1f1;}
#conteudo #informacoes #restrita form legend{margin-left:10px; padding:5px; border:1px silver solid; background-color:#f5f5f5;}
#conteudo #informacoes #restrita form li{display:block; padding:5px;}
#conteudo #informacoes #restrita form input{border:1px silver solid; margin-top:3px; padding:5px 2px; font:normal 11px tahoma, verdana, arial, sans-serif; width:90%;}
#conteudo #informacoes #restrita form input.bnt{margin-top:16px; background-color:#e5e5e5; padding:4px;}
#conteudo #informacoes #restrita form fieldset.home input{border:1px silver solid; margin-top:3px; font:normal 11px tahoma, verdana, arial, sans-serif;}
#conteudo #informacoes #restrita form fieldset.home input.bnt{width:100px; background-color:#e5e5e5;}
/*NOVIDADES*/
#novidades {width:270px;float:right; display:block; padding:2px;}

/*MAPA*/
#mapa{float:right; display:block;}

/* MURAL */
#galeria h2{width:100%; padding: 6px 5px 4px 5px;   margin: 0px 0px 12px 0px;   border-bottom: 1px solid;  font-size: 150%;  text-transform: uppercase;  font-weight: normal;}
#galeria form.busca{padding-bottom:10px; margin-bottom:10px; width:500px; margin-left:20px;}
#galeria #foto_grande{width:760px; background-color:#f9f9f9; padding:3px; border:1px solid #ccc; margin:2px;}
#galeria #foto_mini{margin:0 auto; width:500px; padding-top:5px;}
#galeria #foto_mini img{height:40px; width:60px;}
#galeria #foto_mini ul{width:360px; display:block; margin:0 auto;}
#galeria #foto_mini li{float:left; display:block; padding:2px; border:1px solid #ccc; background-color:#f9f9f9; margin:2px;}

/* WELCOME */
#principal{float:left; width:490px; background-color:white;}
#principal p{ line-height: 14px;   padding: 10px 10px 8px 10px; text-align:justify;}
#principal #welcome{float:left; width:490px; padding:5px; margin-bottom:0px; display:block;}
#principal h2{ padding: 6px 5px 4px 5px;   margin: 0px 0px 12px 0px;   border-bottom: 1px solid;  font-size: 150%;  text-transform: uppercase;  font-weight: normal;}
#principal h3{ padding: 0px 0px 0px 20px; margin: 0px 0px 3px 0px; font-size: 100%;text-transform:lowercase  font-weight: normal;color:#FF0000;}
#principal a{ color:#FF0000;}
#principal h3 a:visited{text-decoration:underline; color:#FF0000;}
#principal h3 a:hover{text-decoration:underline; color:#333333;}
#principal ul{margin-left:25px; padding-bottom:10px;} 

#principal li a:hover{ext-transform: uppercase;  font-weight: normal; color:#333333;}

/* RODAPE */
address{margin:0 auto; width:770px; font-style:normal; background-color:#fff; border-top:1px solid #b3b3b3; padding:5px;}
address p{margin-bottom:5px; font-size:10px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
address small{color:#CCCCCC; float:right; display:block;}

/* CONTATO */
#principal #contato{float:left; list-style:none; margin-top:10px; width:200px;;}
#principal #contato h3{color:#003399; background:white url('img/contato.png') no-repeat; text-indent:-5000px; overflow:hidden; border-bottom:1px solid #0082d1;  padding-bottom:7px; text-transform:uppercase; font-size:12px; width:200px; padding-left:5px;}
#principal #contato img{width:260px; height:100px; margin-right:5px; border:1px solid #ccc; background-color:#f1f1f1;}
#detalhes h3{font: bold 15px 'trebuchet ms', arial, verdana, sans-serif; color:#EC1411; padding:10px;}
#contato form{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; font-size:12px; text-align:left; width:320px; margin-top:10px; padding-left:10px;}
#contato input{border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:11px; margin-bottom:5px; color:#333;}
#contato textarea{border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; margin-bottom:5px; color:#333;}
#contato label{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; width:60px; float:left; color:#333;}
#contato fieldset {border:0;}
#contato h2{ padding: 6px 5px 4px 5px;   margin: 0px 0px 12px 0px;   border-bottom: 1px solid;  font-size: 150%;  text-transform: uppercase;  font-weight: normal;}
#conteudo #contato address{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#666; width:250px;}
#conteudo #contato strong{font: normal 12px 'trebuchet ms', arial, verdana, sans-serif; color:#CC0033; font-style:italic; padding-bottom:5px;}
#resposta{margin:0 auto; width:300px; padding-top:20px;}
#resposta p{font: normal 15px 'trebuchet ms', arial, verdana, sans-serif; color:#333; padding:5px; float:right;}
#conteudo #resposta strong{font: bold 15px 'trebuchet ms', arial, verdana, sans-serif; color:#BC071A;}

#erro{font: normal 11px 'verdana', tahoma, sans-serif, arial; color:#ff0000; margin:0 auto; text-align:center; width:160px; padding-top:40px;}
#erro p{margin:0 auto; font-size:11px; width:160px;}

.links{font-size:18px; color:#FF0000;}

/*Formulario*/

form{clear:both; width:450px;}
ul.form li{float:left; padding:5px 0px;}
ul.form li label{display:block; padding-top:5px; padding-bottom:2px; width:150px;}
legend{font-weight:bold; text-transform:uppercase; color:#333; background-color:#fff;}

ul.form li.um{width:100%;}
ul.form li.dois{width:50%;}
ul.form li.tres{width:33%;}
ul.form li.quatro{width:25%;}
ul.form li.cinco{width:19%;}

.gra{width:90%;}
.med{width:50%;}
.peq{width:25%;}

.a{color:#999999}
.bnt{background-color:#ccc; margin-top:10px;}

.mar{margin-top:18px;}

fieldset.curto{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}

#link{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
#link a{background-color:#fff; color:#990000; text-decoration:none;}
input{border:1px #ccc inset; padding:3px; background-color:#f9f9f9; color:#000;}
select{border:1px #ccc inset; padding:2px;}
textarea{border:1px #ccc inset; padding:3px; background-color:#f9f9f9; color:#000; height:100px;}
input.radio{height:10px; margin-left:10px; border:none;}
*html input.radio{height:15px; margin-left:10px; border:none;}

blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 10px 20px;
  border-left: 8px solid;
  color:#FF0000;
}


/*Calendario*/
.cal{cursor:pointer; width:10px; display:block;}
.center{text-align:center; width:95px; text-align:center; display:block;}
h4{margin-left:10px; color:#FF0000; margin-top:10px; margin-bottom:10px;}

#producoes dl{float:right; width:480px; background:white; padding:5px; border-bottom:1px solid #ccc; margin-bottom:10px}
#producoes dt{font-weight:bold; color:#003366}
#producoes dd.local{font:bold 10px 'Tahoma', verdana, sans-serif, arial; color:#0F5C88}
#producoes dd.sub{font:bold 10px 'Tahoma', verdana, sans-serif, arial; color:#0F5C88; padding-bottom:10px}
#producoes dd.desc{font:normal 11px 'Tahoma', verdana, sans-serif, arial; color:#666; text-indent:20px; text-align:justify; padding-bottom:10px}
#producoes dd.link a{font:bold 11px 'Tahoma', verdana, sans-serif, arial; color:#0F5C88; text-decoration:none;}
#producoes dd.link a:hover{font:bold 11px 'Tahoma', verdana, sans-serif, arial; color:#0F5C88; text-decoration:underline}
#producoes dd.img{float:left; background-color:white; text-align:center; margin-right:5px}
#producoes dd.image{width:400px; height:400px; background-color:white; text-align:center; margin-right:5px}
#producoes dd.both{clear:both; padding-top:10px}
#producoes dd.both li{float:left; padding:2px}
#producoes #imagem{float:left; text-align:center; padding:5px;}
#producoes p{text-indent:20px; line-height:16px;}
#producoes p a{padding-top:10px; text-decoration:underline; color:#0F5C88; font-weight:bold; clear:both; display:block; width:50px}
#producoes p a:hover{padding-top:10px; text-decoration:none; color:#0F5C88; font-weight:bold; clear:both; display:block; width:50px}
#producoes h2{border:0; margin:0; font-size:14px; font-weight:bold}
#producoes h3{color:silver; font-weight:normal; font-size:12px;}
#producoes #foto_mini{margin:0 auto; width:500px; padding-top:5px;}
#producoes #foto_mini img{height:40px; width:60px;}
#producoes #foto_mini ul{width:360px; display:block; margin:0 auto;}
#producoes #foto_mini li{float:left; display:block; padding:2px; border:1px solid #ccc; background-color:#f9f9f9; margin:2px;}