/* Resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset-img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* body */
body{background:#F0F0F0 url(../img/back_principal.gif) 0 0 repeat-x;font:normal 10px Verdana,"Sans Serif",Arial,Helvetica,sans-serif;text-align:center;}
#All{position:relative;width:78.5em;margin:0 auto;text-align:left;padding-top:6px;clear:both;}

/* Header */
#Header{width:785px;height:251px;}

/* Logo */
#HLogo{width:270px;height:120px;background:url(../img/logo_principal.gif) 10px 20px no-repeat;float:left;margin:0 45px 0 2.6em;}
#HLogo a{display:block;width:100%;height:100%;}

/* Menu */
#Hmenu{float:left;}
#Hmenu li{margin:28px 2px 0 0;float:left;}
#Hmenu a{display:block;width:80px;height:37px;font:700 1.2em Arial;color:#F1E8CB;text-transform:uppercase;text-align:center;padding-top:8px;text-decoration:none;background:#8B2626 url(../img/back_menu.gif) 0 0 no-repeat;}
#Hmenu .Active{background-position:0 -48px;color:#770000;}
#Hmenu .Active:hover{color:#770000;}
#Hmenu a:hover{color:#fff;}

/* Mini opções */
#BarraMenu{float:right;margin-right:5px;width:60px;}
#BarraMenu li{margin:22px 4px 0 0;float:left;width:23px;height:23px;}
#BarraMenu a{display:block;width:100%;height:100%;}
#BarraMenu .Home{background:url(../img/home.gif) 0 0 no-repeat;}
#BarraMenu .Home:hover{background:url(../img/home.gif) 0 -23px no-repeat;}
#BarraMenu .Contato{background:url(../img/email.gif) 0 0 no-repeat;}
#BarraMenu .Contato:hover{background:url(../img/email.gif) 0 -23px no-repeat;}

/* Image Replacement */
#HLogo h1,#BarraMenu span,.Hide{display:none;}

/* Banner */
#HImage{width:785px;height:139px;clear:both;background-repeat:no-repeat;}
.default{background-image:url(../img/himage.jpg);}
.portfolio{background-image:url(../img/himage-portfolio.jpg);}
.empresa{background-image:url(../img/himage-empresa.jpg);}
.servicos{background-image:url(../img/himage-servicos.jpg);}
.noticias{background-image:url(../img/himage-noticias.jpg);}
.eventos{background-image:url(../img/himage-eventos.jpg);}

/* Middle */
#Middle{width:76.1em;overflow:auto;clear:both;margin-top:1.4em;padding-left:2.3em;background:#fff url(../img/bg-lateral-meio.gif) right 0 repeat-y;border-left:1px solid #E0E0E0;border-top:1px solid #E0E0E0;}
#Conteudo{float:left;color:#990000;margin-top:2.8em;padding-bottom:2em;width:47em;}
#Conteudo fieldset{border:0;margin:20px 0 20px 0;padding:0;}
#Conteudo fieldset legend{display:block;color:#461C1C;background:#f0f0f0;padding:3px;margin-bottom:10px;}

#MiddleBottom{background:#fff url(../img/bg_middle_c.gif) 0 0 repeat-x;height:13px;width:100%;}
#MiddleBottom .Left,#MiddleBottom .Center,#MiddleBottom .Right{height:13px;font-size:1em;}
#MiddleBottom .Left{background:url(../img/bg_middle_l.gif) left 0 no-repeat;float:left;width:1.2em;}
#MiddleBottom .Right{background:url(../img/bg_middle_r.gif) right 0 no-repeat;float:right;width:1.2em;}

#Conteudo h2{font:700 1.8em Arial,"Sans Serif",Verdana,Helvetica,sans-serif;background:url(../img/bg-h2.gif) no-repeat;height:32px;width:450px;margin:0 0 1.3em -6px;padding:3px 0 0 53px;} /* mudei o tamanho da font pra EM, que fica melhor */
#Conteudo .titulo{background-image:url(../img/bg-h2-not.gif);}
#Conteudo h3{clear:both;font-size:1.2em;font-weight:bold;background:url(../img/seta.gif) 0 3px no-repeat;margin:2.1em 0 1em -5px;padding-left:20px;} /* mudei o tamanho da font pra EM, que fica melhor */
#Conteudo p{font:normal 1.1em Verdana,"Sans Serif",Arial,Helvetica,sans-serif;color:#000;line-height:15px;margin-bottom:1em;} 
#Conteudo p span{font-weight:700;color:#690019;}
#Conteudo .dest{color:#444;}
#Conteudo .data{font-weight:700;color:#979797;}
#Conteudo p a{text-decoration:none;color:#990000;}
#Conteudo p a:hover{text-decoration:underline;}
#Conteudo p .link{color:#000;}
#Conteudo a{text-decoration:none;color:#990000;}
#Conteudo a:hover{text-decoration:underline;}

#Conteudo li{background:url(../img/lista01.gif) 0 0.5em no-repeat;font-weight:normal;font-size:1.1em;color:#000;margin-left:2em;line-height:15px;padding-left:1em;}
#Conteudo ul {margin:0.5em 0 1.5em 0;}
#Conteudo li a{font-weight:normal;color:#990000;text-decoration:none;}
#Conteudo li a:hover{text-decoration:underline;}
#Conteudo .distante li{margin-bottom:8px;}

#Conteudo li p{margin:0;font-size:10px;font-weight:700;}
#Conteudo form ul table{margin:0;font-size:10px;}
#Conteudo form ul table td{padding:5px 16px;}

#Conteudo .voltar{background:url(../img/voltar.gif) 0 0.5em no-repeat;margin-top:40px;text-indent:1em;}
#Conteudo .voltar a{font-weight:bold;font-size:0.8em;color:#990000;margin-top:40px;}
/* esses códigos são para gerar a borda arredondada, para o conteúdo não ter tamanho limitado */

.CinzaBorderTop,.CinzaBorderBottom,.BegeBorderTop,.BegeBorderBottom{width:100%;background:#EBEBEB;height:5px;clear:both;}
.BegeBorderTop,.BegeBorderBottom{background:#F1E8CB;}
.CinzaBorderTop .Left,.CinzaBorderTop .Right,.CinzaBorderBottom .Left,.CinzaBorderBottom .Right,.BegeBorderTop .Left,.BegeBorderTop .Right,.BegeBorderBottom .Left,.BegeBorderBottom .Right{height:5px;width:2em;}
.CinzaBorderTop .Left{background:url(../img/bg_cinza_tl.gif) left 0 no-repeat;float:left;}
.CinzaBorderTop .Right{background:url(../img/bg_cinza_tr.gif) right 0 no-repeat;float:right;}
.CinzaBorderBottom .Left{background:url(../img/bg_cinza_bl.gif) left 0 no-repeat;float:left;}
.CinzaBorderBottom .Right{background:url(../img/bg_cinza_br.gif) right 0 no-repeat;float:right;}

.BegeBorderTop .Left{background:url(../img/bg_bege_tl.gif) left 0 no-repeat;float:left;}
.BegeBorderTop .Right{background:url(../img/bg_bege_tr.gif) right 0 no-repeat;float:right;}
.BegeBorderBottom .Left{background:url(../img/bg_bege_bl.gif) left 0 no-repeat;float:left;}
.BegeBorderBottom .Right{background:url(../img/bg_bege_br.gif) right 0 no-repeat;float:right;}

/* div da direita */

#Servicos{float:right;width:23em;margin-right:26px;} /* adicionei um margin-right */

#Intranet{width:239px;background:#F8F8F8;overflow:auto;} /* tirei o background image e coloquei como cores; tirei a altura*/
#Intranet h2{font-weight:700;padding-left:10px;font-family:normal Arial,Verdana,"Sans Serif",Helvetica,sans-serif;color:#770000;text-transform:uppercase;background:#EBEBEB;} /* adicionado */
#Intranet input{width:90px;padding:1px;border:1px solid #b0b0b0;font:normal 0.9em Verdana;color:#999999;} /* chamei o input direto em vez de criar uma classe, adicionei fonte, cor, padding*/
#Intranet .conteudo{padding:0.4em 0 1em 0.5em;text-transform:uppercase;text-indent:0.5em;}
#Intranet .campos{float:left;margin:1px;}
#Intranet .campook{margin-top:1.3em;}
#Intranet #Botao{height:1.8em;padding-top:0;font-size:0.9em;width:2.9em;background:#EBEBEB;color:#000;} /* classe para o botão OK, adicionei cor de back */

#Destaques{padding-top:20px;padding-bottom:10px;text-align:right;}
#Destaques h2{margin:0 1em 0 10.9em;background:#8B2626 url(../img/back_destaques.gif) 0 0 no-repeat;font:700 1.2em Arial;color:#fff;text-transform:uppercase;text-align:center;padding:2px 0 2px 0;}
#Destaques .conteudo{background:#EBEBEB;height:88px;}
#Destaques li{float:left;}
#Destaques a{display:block;width:66px;height:86px;margin:0 4px;border:1px solid #d1d1d1;}
#Destaques a:hover{border:1px solid #8B2626;}
#Destaques #Destaque1{background:url(../img/destaque1.gif) no-repeat;}
#Destaques #Destaque2{background:url(../img/destaque2.jpg) no-repeat;}
#Destaques #Destaque3{background:url(../img/destaque3.gif) no-repeat;}

#Noticias{margin-top:15px;padding-bottom:15px;text-align:right;}
#Noticias h2{margin:0 1em 0 12.2em;background:#8B2626 url(../img/back_noticias.gif) 0 0 no-repeat;font:700 1.2em Arial;color:#fff;text-transform:uppercase;text-align:center;padding:2px 0 2px 0;}
#Noticias span{padding-top:3px;padding-left:3px;}
#Noticias .conteudo{padding:0 8px 8px 8px;text-align:left;background:#EBEBEB;}

#ServicosChamada{margin-top:15px;padding-bottom:15px;text-align:right;}
#ServicosChamada .conteudo{padding:8px;text-align:left;background:#EBEBEB;}
#ServicosChamada h2{margin:0 1em 0 10.9em;background:#8B2626 url(../img/back_destaques.gif) 0 0 no-repeat;font:700 1.2em Arial;color:#fff;text-transform:uppercase;text-align:center;padding:2px 0 2px 0;}
#ServicosChamada li{background:url(../img/lista01.gif) 0 0.7em no-repeat;font-weight:normal;font-size:1.1em;color:#000;margin-left:1.5em;line-height:1.6em;padding-left:1em;}

#Materia{border-bottom:3px solid #fff;padding:1em 0;}
#MateriaUltima{padding-top:1em;}
#Materia h3,#MateriaUltima h3{font:700 1.1em Arial,Verdana,"Sans Serif",Helvetica,sans-serif;color:#8b2626;margin:0.3em 0;}
#Materia dt,#MateriaUltima dt{font:normal 120% Arial,Verdana,"Sans Serif",Helvetica,sans-serif;}
.leiamais{display:block;text-align:right;margin-top:1em;}
.leiamais a{font-weight:700;color:#666;}
#Noticias #MateriaUltima li{background:url(../img/lista01.gif) 0 0.5em no-repeat;font-weight:normal;font-size:1em;color:#000;padding-left:1em;margin:0 0 1em 1em;}
#Noticias #MateriaUltima li a{color:#000;text-decoration:none;}
#Noticias #MateriaUltima li a:hover{color:#8b2626;text-decoration:underline;}

#Equipe{width:46.5em;padding-bottom:15px;float:none;clear:both;}
#Equipe h2{width:5.2em;height:15px;margin:0 1em 0 1em;background:#8B2626 url(../img/bg-equipe.gif) 0 0 no-repeat;font:700 1.2em Arial;color:#fff;text-transform:uppercase;text-align:center;padding:2px 0 2px 0;}
#Equipe span{padding-top:3px;padding-left:3px;}
#Equipe .conteudo{padding-bottom:3px;text-align:center;background:#F1E8CB;}

#ConteudoNoticias li{margin-left:1em;}

#ConteudoEventos table{color:#000;}
#ConteudoEventos table th{padding-bottom:3px;}
#ConteudoEventos table td{padding-bottom:3px;}
#ConteudoEventos ul li{margin-bottom:10px;text-align:left;}
#ConteudoEventos #pagamento{margin:20px 0 30px 0;width: 530px;}
#ConteudoEventos .titulo2{display:block;padding:220px 5px 5px 5px;font-weight:700;}

#ConteudoEventos #eventosSaoJoao{background:url(../img/eventos-saojoao.jpg) 5px 5px no-repeat;}
#ConteudoEventos #eventosEmp1{background:url(../img/eventos-emp1.jpg) 5px 5px no-repeat;}
#ConteudoEventos #eventosEmp2{background:url(../img/eventos-emp2.jpg) 5px 5px no-repeat;}
#ConteudoEventos #eventosEmp3{background:url(../img/eventos-emp3.jpg) 5px 5px no-repeat;}
#ConteudoEventos #eventosForum6{background:url(../img/eventos-forum6.jpg) 5px 5px no-repeat;}
#ConteudoEventos .ListaEventos li{margin:2em 0 0 4.6em;display:block;float:left;width:160px;text-align:center;background:none;padding:0;border:1px solid #E0E0E0;}
#ConteudoEventos .ListaEventos li a{display:block;font-weight:700;font-size:1.1em;text-decoration:none;height:30px;padding:220px 5px 5px 5px;color:#770000;border:1px solid #fff;}
#ConteudoEventos .ListaEventos li a:hover{color:#000;text-decoration:none;border-color:#770101;}

#Conteudo table{margin-top:12px;}
#Conteudo table .LinhaDestaque01{background:#efefef;}
#Conteudo th{font-weight:700;text-align:center;}
.tabela0{margin-top:20px;border:0;width:440px;}
.tabela0 .celula1{width:30%;text-align:right;padding-right:5px; vertical-align:top;padding-top:3px;}
#tabela2,#tabela3{width:440px;border:1px solid #898989;text-align:center;}
#tabela2 .titulo,#tabela3 .titulo{background-color:#EFEFEF;height:18px;}
#tabela2 .destaque, #tabela3 .destaque{background-color: #F5F5F5;}
#tabela2 .destaque2, #tabela3 .destaque2{background-color: #E5E5E5;}
#tabela2 .destaque3, #tabela3 .destaque3{background-color: #EBEBEB;}
#Conteudo textarea, input, select{font:normal 11px Verdana;color:#4c0909;background:#f7f7f7;border:1px solid #ccc;padding:2px;}
#Conteudo .obrigatorio{color:#C01D1A;}

.data{font-size:1.1em;} /* economizei alguns códigos */
.noticia{padding-left:16px;font-size:1em;} /* economizei alguns códigos */
.noticia a{text-decoration:none;color:#000;}
.noticia a:hover{text-decoration:underline;}
.GaleriaThumb{margin-top:1em;}
.GaleriaThumb a img{border:1px solid #d1d1d1;margin:1em 3px 0 0;padding:2px;}
.GaleriaThumb a:hover img{border-color:#000;}
.borda-img{border:2px solid #ebebeb;padding:3px;margin:0 10px 5px 0;}
.borda-img-2{border:1px solid #d1d1d1;margin:0 3px;}

.Alerta{background-color:#EAE7DE;border:1px solid #A3A3A3;padding:10px;margin-bottom:2em;color:#000;}
.formato{color: #999999;margin-bottom:6px;}

/* Footer */
#Footer{width:100%;overflow:auto;clear:both;height:160px;padding-top:15px;background:url(../img/bg-rodape.gif);}
#Footer address{font:normal 1.1em Verdana,"Sans Serif",Arial,Helvetica,sans-serif;color:#770000;text-align:center;line-height:1.6em;}

/* Form Contato */
#ConteudoContato label{display:block;width:7em;float:left;text-align:right;overflow:auto;padding:2px;}
#ConteudoContato input,#ConteudoContato textarea{display:block;margin-left:8.2em;padding:2px;font:normal 0.9em Verdana,"Sans Serif",Arial,Helvetica,sans-serif;}
#ConteudoContato .Clear{margin-left:8.2em;background-color:#EFEFEF;}
#ConteudoContato .Hide{display:none;}
#All .over{border-color:#000;background:#fff;}

/* LightBox */

#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}

#imageData{padding:0 10px; color:#666;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em;}	
		
#overlay{position:absolute;top:0;left:0;z-index:90;	width:100%;height:500px;background-color:#D2D2D2;}

/*Estilo da pagina INICIAL*/
#ConteudoDestaque{float:left;background:#f8f8f8 url(../img/margin01.gif) center repeat-y;margin-bottom:2.5em;}
#ConteudoDestaque h4{font:700 12px Arial,Verdana,Helvetica,sans-serif;color:#770101;margin-top:-10px;margin-bottom:5px;}
#ConteudoDestaque div{width:19em;float:left;padding:0 2em;}
#ConteudoDestaque p a{font-size:10px;line-height:13px;}
#ConteudoDestaque p{margin-top:10px;color:#7d7d7d;font-size:10px;line-height:13px;}

#DestaqueUm{width:20em;float:left;padding-right:2em;margin-left:1em;border-right:3px solid #f8f8f8;}
#DestaqueDois {width:20em;float:left;padding-left:2em;}
#DestaqueDois li,#DestaqueUm li{margin-left:1em;}
#DestaqueDois .sub,#DestaqueUm .sub{color:#8D8154;margin-top:0.5em;}
#DestaqueDois .mais,#DestaqueUm .mais{float:right;}

/* Fomulários */
#Conteudo form ol li{background:none;padding:0;margin-bottom:8px;}
#Conteudo form ol li label{display:block;float:left;width:10em;text-align:right;margin-right:3px;padding:4px 0 2px 0;}
#Conteudo form ol li .label01{float:none;width:auto;text-align:left;margin-top:18px;}
#Conteudo form ol li{line-height:0.9em;}

#Conteudo .Alerta ul{margin:1em 0 0 0;}
#Conteudo .Alerta ul li{line-height:0.8em;background:none;padding:0;font-size:1em;}