/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #333;
/*	background-color: #66cc33; verde claro */
/*  background-color: #9999ff; roxinho */
/*    background-color: #30e0c1; verde agua */
	 background-color: #e5e2e1;
	text-align: center;
}
.hidden {
	display: none;
}

#page-container {
	width: 800px;
	text-align:center;
	background-image:url(../images/bg.jpg);	
	background-repeat:repeat-y;
    margin: 0 auto;
	padding: 0;
}
#header {
	height: 243px;
	width: 800px;
	background-image:url(../images/bar.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}
#menuwrapper {
	float: left;
	margin-top: 244px;
	width: 66px;
	margin: 0px;
}
/************ inicio layout pagina***********/
#contentwrapper{
float: left;
width: 790px;
}

#contentcolumn{
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
}
#leftcolumn{
clear: both;
float: left;
width: 239px; /*Width of left column*/
height: 700px;
margin: 0px; /*Set left margin to -(MainContainerWidth)*/
border: 1px solid white;
}
#leftitle {
float: left;
width: 210px;
height: 37px;
margin: 0;
background-image:url(../images/tit_decoracao.gif);
background-repeat:no-repeat;
}

#rightcolumn{
	float: right;
    border: 1px solid white;
	color: 333;
	width: 520px;
	height: 334px;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 25px;
	}
/*    duas caixas pequenas abaixo do flash  */
#wraptwoboxes{
float: left;
width: 515px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
}
#leftside {
float: left;
border: 1px solid white;
width: 226px;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
padding: 10px;
}
#rightside {
float: right;
width: 226px;
border: 1px solid white;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 0px;
padding: 10px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#footer {
	clear: both;
	height: 45px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #333;
	padding: 0px 15px;
	line-height: 18px;
	height:auto;
	}
	#footer #altnav {
	width: 500px;
	float: left;
	text-align: left;
	padding-top: 13px;
	margin-left: 140px;
}

#footer #copyright {
	padding-top: 13px;
	width: 760px;
}

	#footer a {
	color: #666;
	text-decoration: none;}
	
	#footer a:hover {
	color: #db6d16;}
	
h1 {
	margin: 0;
	padding: 0;
}
/************imagens da pagina dicas************/
.leftimage{
margin-left: 40px;
margin-right: 0px;
border: 1px solid #000000;
}
.esqimage{
float: left;
margin: 10px;
padding-left: 0;
border: 1px dashed #DDBEBE;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px dashed #DDBEBE;
clear:both;
}
.bordered {border-width:1px; border-color:#cccccc; border-style:solid; padding:15px}/*usado no formulario contato para dar borda no form */

.mapa_grande{ display:none;
margin-left: 0px;
margin-right: 0px;
}


/************ final layout pagina***********/


/**********menu*************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 790px;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
list-style: none;
}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]--> 
/**********final menu *******************/




/*#sidebar-a {
	float: right;
	margin-right: 120px;
	width: 186px;
	line-height: 18px;
}
    #sidebar-a .padding {
	    padding: 0px;}
		

#side-b {
	float: right;
	background-image:url(../images/festas.gif);
	background-repeat:no-repeat;
	margin-top: 269px;
	color: 333;
	width: 485px;
	margin: 10px;
	padding: 10px;
}

#menufestas {
float: right;
color: #9f6262;
padding: 10px;
   margin: 20px;
	width: 185px;
	}
#menurecepcao {
float: left;
color: #9f6262;
padding: 30px;
   margin: 20px;
	width: 500px;
	}


#googlebannerhoriz{
float:left;
width: 778px;
height: 60px;
background-color:#FFF;
}
.googlebannerin{
float:left;
width: 728px;
height: 60px;
background-color:#FFF;
margin-left: 20px;
}
.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
#antfooter{ 
    clear: both;
	float: left;
	width: 800px;
	margin: 5px;
	}
		

#contentl {
background-color:#b9faf8;
margin: 5px;
    clear: both;
    float: left;
	width: 368px;
    line-height: 15px;}
	
	#contentl .padding {
		padding: 10px;}
		
	#contentl h2 {
		margin: 0;
		padding: 0;
		padding-bottom: 10px;}
	
	#contentl p {
	   font-family:Arial, Helvetica, sans-serif;
	   font-size: 95%;
	   color:#000000;
		margin: 8px;
		padding: 5px;
		padding-bottom: 10px;}
	#contentr {
    clear: both;
    float: right;
	width: 370px;
    line-height: 15px;}	


/*****************Coupon***************
.coupon{
width: 750px;
background-color: #FFFFFF;
color: #666;
border: 5px dashed #66cc66;
margin: 10px auto;
text-align: left;
}
.notice{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color:#000000;
}
.scissorsimage{
float: right;
margin-left: 0px;
margin-right: 0px;
}
.leftimage{
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
border: 1px solid #000000;
}


/* set millions of background images 
.rbroundbox { background-color: #e7f1f8; }
.rbtop div { background: url(../images/corners/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/corners/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/corners/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/corners/br.gif) no-repeat bottom right; }

.rbroundbox-y { background-color: #f9f8d9; }
.rbtop-y div { background: url(../images/corners/tly.gif) no-repeat top left; }
.rbtop-y { background: url(../images/corners/try.gif) no-repeat top right; }
.rbbot-y div { background: url(../images/corners/bly.gif) no-repeat bottom left; }
.rbbot-y { background: url(../images/corners/bry.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. 
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop-y div, .rbtop-y, .rbbot-y div, .rbbot-y {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 7px; 7px; 0px; 0px; }
.rbroundbox { width: 100%; margin: 0; }
.rbroundbox-y { width: 100%; margin: 0; }
/*********************end of round corners*************************/


/******************** Forms *******************/

#form-a  {
	margin : 0px;
	float:left;
	width: 300px;
	}
form{ margin:0;}	

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0px 0px 0px 0px;
}
input, select, option  {  /*estilo para a parte de dentro do formulario*/
	font-size : 12px;
	background : #eeeeee;
	color : #000000;
	font-family : verdana, arial, geneva, sans-serif;
} 
textarea  {
	font-size : 12px;
	background : #eeeeee;
	color : #000000;
	font-family : verdana, arial, geneva, sans-serif;
}
input.submit  {
	font-size : 10px;
	font-weight : bold;
	background : #ff0000;
	color : #ff0000;
	font-family : verdana, arial, geneva, sans-serif;
}

/*********************daqui para baixo é para conf. das notinhas em amarelo*******************/
form div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form div.notes h4 {
  background-image: url(../images/info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form  div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form div.notes p.last {
  margin: 0em;
}
/**********************************/
h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FF0000;}

/* Begin Images 
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */