body
{
background:#c4d4a3 repeat-x;
font-family: Candara, Trebuchet, sans-serif;
font-size:14px;
color: black;
padding:0px;
margin:0px;
}



/* Imagens */

div.image-left
{
display:block;
float:left;
padding-right:20px;
}

div.image-right
{
display:block;
float:right;
padding-left:20px;
}

div.image-center
{
margin: auto;
}


/* Noticias */
.news-wrap
{
padding: 0px 0px 40px 0px;
}

.news-wrap h1
{
padding:0px;
margin:0px;
}

.news-head h2
{
padding-bottom:0px;
margin-bottom:0px;
}

.news-head div
{
padding-bottom:15px;
}

.news-readmore
{
padding: 10px 0px 5px 0px;
font-size: 13px;
text-align: right;
}

.news-body
{
padding-top:20px;
}



/* Formulários*/
.form-post {
    margin-top: 12px;
}
.form-description {
    margin-bottom: 12px;
}
.form-input {
    margin-bottom: 8px;
}
.form-button {
    padding: 10px 0;
}
.form-textline
{
width:450px; 
margin-top:3px;
}

.form-text
{ 
width:450px;
height: 200px;
margin-top:3px;
 }

.form-email
{ 
width:200px;
margin-top:3px;
}


/* button */
input[type="button"], input[type="submit"] {
    height: 38px;
    width: 160px;
}



/* PDF */

.dow-wrapper
{
padding-top:5px;
padding-bottom:15px;
padding-left:50px;
background:url("/files/16/1662.png") no-repeat;
}

.dow-wrapper h2
{
font-size:15px;
margin:0px;
color:#b00e0e;
}


/* Comentários */
.comment-input-txt {
height: 250px;
margin-bottom: 12px;
width: 442px;
}

textarea {
border: 1px solid #C8C8C8;
font-size: 12px;
padding: 13px;
}

.comment-input-name, .comment-input-email {
margin-bottom: 12px;
width: 456px;
}

#xtfo-success
{
font-size:11px;
}

.comment-submit
{
margin-bottom: 40px;
margin-top: 15px;
width: 120px;
}


/* albuns */
td.album-td { padding-bottom:10px;}

.album-subtitle 
{ 
font-size:12px;
text-align:center;
background-color: #f3f3f3;
border: 1px solid #E2E2E2;
padding-top:5px;
padding-bottom:5px;
margin-right:10px;
}



/* Galeria de Imagens */

#galleria
{
width:320px;
height: 300px;
}







	
	h1
	{
	  margin-top:0px;
          font-size:26px;
          color: #986c17;
	}

	h2
	{
          font-size:20px;
          color: #487c30;
          font-weight:normal;
	  margin-top:0px;
	}

	

	a:link, a:visited
	{
	color: #986c17;
	font-size: 14px;
	text-decoration:none;
outline:0;
	}


	
	a:hover
	{
        font-size: 14px;
	text-decoration:underline;
outline:0;
	}



        div.rodape
	{
        font-size: 11px;
        color: #487c30;
        text-align:right;
        font-weight:bold;
        padding-bottom:0px;
        margin-bottom:0px;
	}



	
       /* zona do topo */


	#top
	{
	  width:100%;
          background-color:#FFF;
	}

	#p4 /* zona esquerda dentro de #top */
	{
	  width:990px;
	  height:90px;
          margin-left:auto;
          margin-right:auto;
	}


	#p4 .image-left
	{
          padding: 10px 0px 10px 30px;
	}



	#p5 /* zona direita dentro de #top */
	{
	  width:990px;
	  height:324px;
          margin-left:auto;
          margin-right:auto;
	}

	#p5 .image-left{
	width: 990px;
	height:320px;
	margin-left: auto;
	margin-right: auto;
	}

	
        #p5 img
        {
        position:absolute;
        z-index:1; 
        }

	
         #p55 /* zona direita dentro de #top */
         {
           width:990px;
           height:50px;
           z-index:2;
           position:absolute;
           background:url("/files/17/178.png") no-repeat;
         }
    	
	
	
        #p55 img
        {
        position:relative;
        left:-10px;
        z-index:0; 
        top:0px;
        }
	
	
	
	
	#main 
	{
	  display:table;
	  width:100%;
          clear:both;
          background:url("/files/21/21.png") no-repeat scroll 50% 0 #c4d4a3;
          margin-left:auto;
          margin-right:auto;
	}


	
	
	/* area principal */
	#content 
	{
	  display:table;
	  width:990px;
          margin-left:auto;
          margin-right:auto;
          padding-top:30px
	}




	#p1 /* zona esquerda */
	{
	  background-color:#fff;
	  display:block;
          float:left;
	  width:505px;
	  border-style:solid;
          border-width:1px;
	  border-color:#ddd;
          padding-top:45px;
          padding-left:45px;
          padding-right:45px;
          padding-bottom:20px;
          min-height:534px
	}


        div.data
	{
          font-size:12px;
          color: #986c17;
          font-weight:bold;
          padding-bottom:8px;
	}



        textarea, input
	{
          font-family: Candara, "Bitstream Vera Sans", Trebuchet, sans-serif;
          font-size:15px;
	}



	#p2 /* zona direita */
	{
	  display:block;
          float:left;
	  width:360px;
	  min-height:600px;
	  margin-left:33px;
	}
	
	#p21 /* zona fotos e comentarios */
	{
	  display:block;
	  background-color: #ecf4e6;
	  width:320px;
	  min-height:430px;
	  margin-bottom:30px;
	  border-style:solid;
          border-width:1px;
	  border-color:#ddd;
          padding:20px;
	}	


	#p211 /* zona logo facebook */
	{
	  display:block;
	  min-height:64px;
          width:360px;
	}

	#p212 /* zona texto facebook */
	{
	  display:block;
	  width:360px;
	  padding-top:15px;
	}


        div.comentarios
	{
	  display:block;
	  width:320px;
	  padding-top:8px;
	  padding-bottom:5px;
          font-size:12px;
	}


        div.autor
	{
	  display:block;
	  width:315px;
          font-size:15px;
          text-align:right;
          font-style:italic;
	}







	
	#p22 /* zona facebook */
	{
	  display:block;
	  background-color: #ecf4e6;
	  width:320px;
	  min-height:57px;
	  border-style:solid;
          border-width:1px;
	  border-color:#ddd;
          padding:20px;
	}	
	
	#p221 /* zona logo facebook */
	{
	  display:block;
          float:left;
	  min-height:64px;
          width:80px;
	}

	#p222 /* zona texto facebook */
	{
	  display:block;
          float:left;
	  width:240px;
	  min-height:64px;
          font-size:14px;
          padding-top:4px;
	}



	/* rodape */


	#footer
	{
	  display:table;
	  width:990px;
          margin-left:auto;
          margin-right:auto;
          padding-top:30px
	}

	#p7 
	{
	  background-color: #ecf4e6;
	  display:block;
	  width: 990px;
	  min-height:250px;
	  border-style:solid;
          border-width:1px;
	  border-color:#ddd;
	}





        #p71
	{
	  display:block;
          float:left;
	  width:650px;
          font-size:12px;
          padding-left:45px;
          padding-top:30px;
	}


        div.mapa
	{
	  display:block;
          float:left;
	  width:130px;
          font-size:13px;
	}



	a.linksite:link, a.linksite:visited
	{
	color: #000;
	font-size: 14px;
        text-decoration:underline;	
	}


	
	a.linksite:hover
	{
        font-size: 14px;
        text-decoration:none;
	}



        #p72
	{
	  display:block;
          float:left;
	  width:290px;
	}





	#p8 
	{
	  display:block;
	  padding-top:30px;
	  width:990px;
	  min-height:65px;
	}


       .galleria-info
        {
        display:none;
        }





}








/* MENU MENU MENU  MENU MENU MENU MENU MENU MENU MENU MENU*/






/* TOP OF THE MENU CASCADE */

.menu, .menu:hover
{
	position: relative;			/* establish a menu-relative positioning context */
	float: left;				/* play nicely with others */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	height: 50px;				/* the menu's overall height */
	width: 990px;				/* we always want our menu to fill the available space */
      /* menu background color */
	
       font-size: 12px;			/* this (and also below) sets the menu's font size */
	color: #515150;
	font-weight: bold;
}

.menu img 
{
	
	vertical-align: top;	/* prevent images from being pushed down by text */
        border:0px;
}

.menu ul
{
	z-index:100
        padding: 0px 0px 0px 0px;
	margin: 0;
	border: 0;
	list-style-type: none;	/* we don't want to view the list as a list */
	line-height: 2.0em;	/* globally set the menu's item spacing. note */
} 				/* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li
{
	float: left;		/* this creates the side-by-side array of top-level buttons */
	position: relative;	/* create local positioning contexts for each button */
	margin: 0;
}

.menu ul li table
{
	margin: -1px 0;			/* IE5 needs -1px top and bottom table margins */
	margin: 0;			/* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;	/* IE5 needs this for the sub-menus to work */
	font-size: 1.1em;		/* this sets the base font size for our entire menu */
}

.drop
{
	display: block;
	padding: 0px 5px 0px 5px;	/* this sets the l/r margins for our menu item */
	margin: 0;
	text-align: right;		/* this right alignment goes with the float:left below */
	cursor: pointer;		/* IE tries to switch back to an I-beam, don't let it */
	cursor: hand;			/* IE5 only knows about "hand", so set it both ways */
}

.drop span
{				/* this simultaneously left and right aligns the text and */
	float: left;		/* the >> in the drop-down menus which link to sub-menus */
}









/* TOP LEVEL MENU DEFINITIONS  - Barra do menu */

.menu ul li ul 
{
	display: none;			/* initially hide the entire list hierarchy */
	padding: 1px;			/* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited
{					/* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
	height: 39px;
	padding: 11px 41px 0px 4px;	
	color: #515150;
	font-size: 20px;
	font-weight: 400;
	font-family: Arial;
}

.menu ul li:hover a,
.menu ul li a:hover
{					/* selected top-level menu items */
	color: #000;
}










/* 2ND LEVEL MENU DEFINITIONS */

.menu ul li:hover ul,
.menu ul li a:hover ul
{				/* 2nd level drop-down box */
	font-size: 14px;
	font-weight: 400;
	font-family: Candara, "Bitstream Vera Sans", Trebuchet, sans-serif;
       display: block;
	position: absolute;
	margin: 0;
	top: 50px;		/* place us just up underneath the top-level images */
	left: 0px;		/* left-align our drop-down to the previous button border */
	height: auto;		/* the drop-down height will be determiend by line count */
	width: 180px;
	color: black;		/* this sets the unselected-text color */
	background: #FFF;	/* this sets our menu's effective "border" color */
	text-transform: none;
       z-index: 100;
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton 
{				/* our first dropdown should not be skewed */
	left: 0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny 
{						/* 2nd level skinny drop-down box */
	width: 180px;	/* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul
{				/* 2nd level neighborhood drop-down box */
	left: auto;
	right: 0;		/* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul 
{						/* IE5/6 needs a tweak here */
	right: -1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a
{						/* 2nd level unselected items */
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
	border: 0;
	margin: 0;
	padding: 0;
	height: 30px;
	color: #000;			/* this sets the unselected drop-down text color */
	background: #cde59d;	/* this sets the drop-down menu background color */
	width: 160px;
	border-bottom: 1px dotted #000;	/* item separator */
	padding-left: 20px;
        padding-top: 5px;
}


.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover 
{						/* 2nd level selected item */
	color: #000;
	background-color: #fff;
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
}


.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover 
{						/* 2nd level unselected items */
	width: 180px;
	font-size: 16px;
	font-weight: 400;
	font-family: Arial;
	
}










/* 3RD LEVEL MENU DEFINITIONS */

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul
{	/* hide inactive 3rd-level menus */
	visibility:hidden;
	font-size: 1.1em;
}


.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul 
{	/* 3rd level drop-down box */
	visibility: visible;
	position: absolute;
	margin-top: 0px;/* bring the top edge of the 3rd level menu up one */
	top: 0;
	left: 200px;
	width: 160px;
	background: #fff;
	color: #000;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}



.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a
{	/* 3rd level unselected items */
	width: 140px;
	background-color: #a1c26b;
	border-bottom: 1px solid #ffffff;/* item separator */
	color:#000;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}


.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{	
						/* level3 selected items */
	width: 140px;
	background: #fff;
	color: #000;
        font-size: 14px;
	font-weight: 400;
	font-family: Arial;
}


#text 
{	/* the Mac's standard Safari browser will not see this code */
	height: 1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */