*{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
}

body {	
font:normal 11px/1em Verdana, Arial, Helvetica, sans-serif;
color:#333;
background: #fff url(../img/_cssimg/geral_bg.gif) top center repeat;
height: 100%;
text-align: center;
}
html{
height: 100%;
}
hr, legend{
display:none;
}


		a:link, a:visited, a:active {
		color: #069;
		border: 0;
		text-decoration: none;
		outline: none;
		}
		a:hover{
		text-decoration: none;
		color: #036;
		outline: none;
		}
		
		
#container {
text-align: left;
width: 905px;
margin: 0 auto;
overflow: hidden;
position: relative;
}

/*generic css for all elements*/
img {
/*display: block; needed to avoid alignment with baseline of text*/
}


.line {
float: left;
width: 905px;
display: block;
position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
}

.item {
position: relative;
float: left;
overflow: hidden;
left: 905px;
}

.subcontent {
overflow: hidden;
}




/* ====================================== 
   GENERAL CONTENT PRESENTATION
   ====================================== */
   
.hideThis{
display: none;
}
.clearThis{
clear: both;
}
.smashThis{
height: 0;
min-height: 0;
line-height: 0;
}
.noplugin{
font:normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
background: #ff9;
margin:20%;
border:#f00 solid 3px;
padding:1.5em;
}
.noplugin a, .noplugin a:visited, .noplugin a:hover {
background: #ff0;
text-decoration:underline;
color:blue;
}

/* ====================================== 
   SITEWIDE ELEMENTS (TOP, FOOTER, MENU, ETC.)
   ====================================== */
#topLine{
height: 138px;
}
#logoItem{
margin-left: -110px;
width: 110px;
margin-top: 30px;
}


/* MAINMENU */
#mainmenuItem{
margin-left: -905px;
width: 305px;
margin-top: 43px;
}
#mainmenuItem dl{
text-align: right;
}
#mainmenuItem dl dd a{
height: 20px;
line-height: 18px; /* for IE */
padding-bottom: 2px;
}
#mainmenuItem dl dd a span{
visibility: hidden;
display: inline-block;
width:125px;
height: 20px;
}
#mainmenuItem .home a{
background: url(../img/_interface/menu/home.gif) top right no-repeat;
background-position:  right top;
}
#mainmenuItem .contato a{
background: url(../img/_interface/menu/contato.gif) top right no-repeat;
background-position:  right top;
}
#mainmenuItem .eventos a{
background: url(../img/_interface/menu/eventos.gif) top right no-repeat;
background-position:  right top;
}
#mainmenuItem .institucional a{
background: url(../img/_interface/menu/institucional.gif) top right no-repeat;
background-position:  right top;
}
#mainmenuItem dl dd a:hover{
background-position:  right -26px;
}
#home #mainmenuItem .home a, #contato #mainmenuItem .contato a, #eventos #mainmenuItem .eventos a, #institucional #mainmenuItem .institucional a, #evento #mainmenuItem .eventos a {
background-position:  right -26px;
}


/* FOOTER */
#footerLine{
height: 120px;
}
#footerLine #footerItem{
height: 38px;
margin:20px 0 0 -905px;
background: url(../img/_cssimg/footer_bg.gif) no-repeat top left;
width:905px; 
}
#footerLine #footerItem p{
font:normal 11px/38px Arial, Helvetica, sans-serif, Verdana ;
color: #fff;
margin-left: 20px;
margin-top: 1px;
}
* html #footerLine #footerItem p{
margin-top: 0;
}


/* CONTENT PAGEHEAD INSIDE */
#pageheadLine{
height: 214px;
}
#pageheadItem{
margin-left: -905px;
width: 905px;
}

/* CONTENT PAGELINE INSIDE */
#contentLine{
width: 903px;
border: 1px solid #fff;
background:#fff url(../img/_cssimg/geral_content_bg_top.gif) top left repeat-x;
margin-top: 12px;
padding-bottom: 75px; /* Same as bgBottomItem height */
}
#contentLine #bgBottomItem{
height: 75px;
width: 903px;
margin-left: -905px;
background: url(../img/_cssimg/geral_content_bg_bottom.gif) left bottom repeat-x;
position: absolute;
bottom: -2px;
}

/* SIDEBAR */
#contentLine #sidebarItem{
width: 150px;
margin-left: -880px;
margin-top: 40px;
}
#contentLine #sidebarItem h3{
font:normal 18px/1em  Arial, Helvetica,  sans-serif, Verdana;
color: #39c;
margin-bottom: 20px;
}
#contentLine #sidebarItem select{
width: 100%;
border: 1px solid #39c;
font:normal 12px/12px  Verdana, Arial, Helvetica,  sans-serif;
background-color: #edf9ff;
margin-bottom: 10px;
}
#contentLine #sidebarItem dl  {
border-top: 1px solid #9acce5;
}
#contentLine #sidebarItem dl dd a{
font:normal 11px/2.1em  Verdana, Arial, Helvetica,  sans-serif;
padding-left: 10px;
border-bottom: 1px solid #9acce5;
height: 2.1em;
display: block;
}
#contentLine #sidebarItem dl dd a.atual, #contentLine #sidebarItem dl dd a:hover {
background: #c4dfed url(../img/_cssimg/geral_sidebar_bg.gif) 10px center no-repeat;
font-weight: bold;
padding-left: 20px;
color: #069;
}











/* ====================================== 
   HOME
   ====================================== */
   
#home #destaqueLine{
height: 340px;
}
#home #destaqueItem{
margin-left: -905px;
width: 905px;
}

#home #destaqueLine{
height: 340px;
}

#home #banner1Item, #home #banner2Item, #home #banner3Item{
margin-left: -905px;
width: 291px;
height: 170px;
}

#home #banner1Item{
margin-left: -905px;
width: 291px;
}

#home #banner2Item{
margin-left: -598px;
width: 291px;
}

#home #banner3Item{
margin-left: -291px;
width: 291px;
}




/* ====================================== 
   EVENTOS LISTA
   ====================================== */

#eventos #contentItem{
width: 650px;
margin-left: -685px;
margin-top: 40px;
}
#eventos #contentItem h2{
font:normal 30px/1em  Arial, Helvetica,  sans-serif, Verdana;
color: #39c;
font-weight: lighter;
letter-spacing: -.03em;
margin-bottom: 40px;
}
#eventos h3 {
color: #39c;
padding-bottom:4px;
border-bottom: 1px solid #39c;
}


#eventos #contentItem .evento{
border-bottom: 1px solid #cef;
clear: both;
margin-bottom: 40px;
}
#eventos #contentItem .evento .eventoImg{
width: 83px;
height: 83px;
float: left;
margin-top: 2px;
}
#eventos #contentItem .evento .eventoImg a{
border: 1px solid #7fb2cc;
width: 81px;
height: 81px;
display: block;
}
#eventos #contentItem .evento .eventoImg a:hover{
border: 1px solid #069;
}
#eventos #contentItem .evento .eventoDesc{
width: 650px;
float: right;
}
#eventos #contentItem .evento h3{
font:bold 12px/1.2em Verdana, Arial, Helvetica, sans-serif;
color: #069;
margin: .2em 0 .2em 0;
}
#eventos #contentItem .evento p{
font:normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1em;
}
#eventos #contentItem .evento p.data{
font:normal 10px/1em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
color: #666;
}
#eventos #contentItem .evento p.link{
font:normal 10px/1em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 20px;
}



/* ====================================== 
   EVENTO MOSTRA
   ====================================== */
#evento #contentItem{
width: 390px;
margin-left: -685px;
margin-top: 40px;
}


#evento #contentItem h2{
font:normal 30px/1em  Arial, Helvetica,  sans-serif, Verdana;
color: #39c;
font-weight: lighter;
letter-spacing: -.03em;

}
#evento #contentItem p.data{
font:normal 10px/1em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
color: #666;
margin-bottom: 40px;
}
#evento #contentItem p.capitular{
font:bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
color: #39c;
}
#evento #contentItem p{
font:normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1em;
}

/* FOTOS ITEM */
#evento #fotosItem{
width: 235px;
margin-left: -265px;
margin-top: 40px;
}

#evento #fotosItem .foto {
margin-bottom: 40px;
}
#evento #fotosItem .foto img{
margin-bottom: -1px;
}


#evento #fotosItem .foto div a{
border: 1px solid #7fb2cc;
width: 232px;
display: block;
overflow: hidden;
}
#evento #fotosItem .foto div a img{
width: 232px;
}
* html #evento #fotosItem .foto div{
width: 231px;
}
#evento #fotosItem .foto div a:hover{
border: 1px solid #069;
}

#evento #fotosItem .foto p.legenda{
font:italic 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
color: #39c;
text-align: right;
}



/* ====================================== 
   INSTITUCIONAL
   ====================================== */

#institucional #contentItem{
width: 390px;
margin-left: -685px;
margin-top: 40px;
}

#institucional #contentItem h2{
font:normal 30px/1em Helvetica,  Arial,  sans-serif, Verdana;
color: #39c;
font-weight: lighter;
letter-spacing: -.03em;
margin-bottom: 40px;
}
#institucional #contentItem p.capitular{
font:bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
color: #39c;
}
#institucional #contentItem p{
font:normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1em;
}


		* html #institucional #sidebarItem dl{
		height:0; /*To show the top border*/
		}
#institucional #contentItem dt{
font:bold 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding: 2em 0 .5em 0;
color: #39c;
}
#institucional #contentItem dd{
background: url(../img/_cssimg/geral_seta_link.gif) no-repeat center left;
font:normal 11px/2em Verdana, Arial, Helvetica, sans-serif;
color: #069;
padding: 0 0 0 .8em;
}

/* FOTOS ITEM */
#institucional #fotosItem{
width: 235px;
margin-left: -265px;
margin-top: 40px;
}

#institucional #fotosItem .foto {
margin-bottom: 40px;
}
#institucional #fotosItem .foto div a{
border: 1px solid #7fb2cc;
width: 232px;
height: 174px;
display: block;
}
#institucional #fotosItem .foto div a:hover{
border: 1px solid #069;
}

#institucional #fotosItem .foto p.legenda{
font:italic 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
color: #39c;
text-align: right;
}



/* ====================================== 
   CONTATO
   ====================================== */

#contato #contentItem{
width: 390px;
margin-left: -685px;
margin-top: 40px;
}

#contato #contentItem h2{
font:normal 30px/1em Helvetica,  Arial,  sans-serif, Verdana;
color: #39c;
font-weight: lighter;
letter-spacing: -.03em;
margin-bottom: 40px;
}
#contato #contentItem h3 {
color: #39c;
padding-bottom:4px;
border-bottom: 1px solid #39c;
font:bold 14px/1em  Arial, Helvetica,  sans-serif, Verdana;
height: auto;
}

#contato #contentItem p.capitular{
font:bold 10px/1.4em Verdana, Arial, Helvetica, sans-serif;
color: #39c;
}
#contato #contentItem p{
font:normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1em;
}
		* html #contato #sidebarItem dl{
		height:0; /*To show the top border*/
		}
#contato #contentItem dd{
margin-bottom: .5em;
}




/* ENDERE�O ITEM */
#contato #enderecoItem{
width: 235px;
margin-left: -265px;
margin-top: 40px;
}
#contato #enderecoItem {
/* padding-top: 80px; */
}
#contato #enderecoItem h2{
font:bold 16px/1em Helvetica,  Arial,  sans-serif, Verdana;
color: #39c;
letter-spacing: -.03em;
margin-bottom: 10px;
}
#contato #enderecoItem p{
font:normal 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1em;
}

#contato #enderecoItem .foto {
margin-bottom: 30px;
}
#contato #enderecoItem .foto div a, #contato #enderecoItem .foto #map img{
border: 1px solid #7fb2cc;
width: 232px;
height: 174px;
display: block;
}
#contato #enderecoItem .foto div a:hover{
border: 1px solid #069;
}

#contato #enderecoItem .foto p.legenda{
font:italic 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
color: #069;
text-align: right;
}
#contato #enderecoItem .foto .fone{
color: #39c;
font:bold 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
}

#contato #enderecoItem .foto #map a{
 cursor: url(../img/_cssimg/magnify.cur), pointer; 

}









/* ====================================== 
   FORMS
   ====================================== */

#contato .form li, #contato .form dd{

padding-bottom: 10px;
}
 

/* ###### LABELS */
#contato .form label{
color: #39c;
font:bold 11px/1.4em Arial, Helvetica, Verdana, sans-serif;
}
#contato .form .labelSobre{
display: block;
}
#contato .form .labelDir{
/* color: #333; */
font:normal 11px/1.4em Arial, Helvetica, Verdana, sans-serif;
padding-right: 1em;
}

#contato .form label.error{
color:red;
font-weight:normal;
font-style: italic;
display:block;

}

/* ######### INPUTS */
#contato .form input, #contato .form select, #contato .form textarea{
font:normal 12px/1.4em Arial, Helvetica, Verdana, sans-serif;
border: 1px solid #39c;
border-top-color: #069;
border-left-color: #069;
width: 380px;
background: #deeef7;
}

#contato .form .inputCampo{
height: 18px;
line-height: 18px;
padding: 1px 0 0 3px;
}
#contato .form .textAreaCampo{
height: 10em;
padding: 1px 0 0 3px;
}
#contato .form .dropDown{
font:normal 12px/24px Arial, Helvetica, Verdana, sans-serif;
height: 20px;
width: 386px;
}

#contato .form .dropDia {
width: 50px
}
#contato .form .dropMes {
width: 100px
}
#contato .form .dropAno {
width: 60px
}

#contato .form .dropDown option{

}

#contato .form .btEnviar {
text-align: right;
}

#contato .form .btEnviar input{
width: 59px;
height: 15px;
border: none;
text-align: right;
margin-right: 3px;
height: auto;
width: auto;
background: none;
}
#contato .form dd.subLegend{
color: #39c;
font:bold 11px/1.4em Arial, Helvetica, Verdana, sans-serif;
padding-bottom: 0;
}
#contato .form input.radioCheckbox{
position: relative;
top: 3px;
border: none;
background: none;
width: auto;
}


/* ====================================== 
   FORMS ERROR MESSAGES
   ====================================== */

#contato #contentItem .form p{
font:bold 12px/1em Arial, Helvetica, Verdana, sans-serif;
color: #069;
}









