/* Depths Z-Index Layers
PageContent / Conteudo site folha = 60;
Menu5 = 50;
Menu4 = 49:
Menu3 = 48;
Menu2 = 47;
Menu1 = 46;


*/

/* ~~~~~~~~~ layout ~~~~~~~~~~ */

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
 }

body {
  background: url(../images/bg_header.png) repeat-x;
  background-position:left top;
}

html {
   background: url(../images/bg_body2.jpg);
}

#container {
	width: 980px;
	margin: auto;
	/*background: #fff;*/
	padding: 10px;
	overflow: hidden;
}

#page-content{
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat;
	padding:40px 0 40px 0;
	/* Glow do Conteudo*/
	-webkit-box-shadow:0 0 25px #000; /* safari, chrome... */
    -moz-box-shadow:0 0 25px #000; /* firefox */
    box-shadow:0 0 25px #000; /* oper a */
	/*Para Internet Explorer*/
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,Direction=50,strength=3);
	/*=====================*/
	position:relative;
	z-index:60;
	
}


/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
	margin: 0 0;
}
#main-navigation ul {
		width: 100%;
		margin:0;
	}
	
	#main-navigation li {
			list-style-type:none;
			float:left;
		}
			#main-navigation li a {
				margin:0;
				padding:0;
				display: block;
				/*background: #666;*/
			}
			#main-navigation li.current a {
				/*background: #666;	*/
			}
			#main-navigation li a:hover {
				/*background: #777;	*/
			}

			
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
	width: 100%;
	overflow: hidden;
}

section {
	float: left;
	width: 570px;
	margin-left:30px;
}

/* ~~~~~~~~~ Contact ~~~~~~~~~~ */
#contact-page {
	padding: 0 30px 0 30px;	
}
#contact-page h2 {
	font-size:18px;
}


#topoContato {
	width:920px;
	padding: 0 0 30px 0;
}

input, textarea {
    padding: 9px;  
    border: solid 1px #674129;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 400px;  
    background: #FFFFFF;  
	/*ss*/
	-webkit-box-shadow:0 0 2px #000; /* safari, chrome... */
    -moz-box-shadow:0 0 2px #000; /* firefox */
    box-shadow:0 0 2px #000; /* oper a */
}

button {
    padding: 9px;  
    border: solid 1px #674129;  
    outline: 0;
	/*ss*/
	-webkit-box-shadow:0 0 2px #000; /* safari, chrome... */
    -moz-box-shadow:0 0 2px #000; /* firefox */
    box-shadow:0 0 2px #000; /* oper a */
}

#botaoEnviar{
	background:#674129;
	width:420px;
	color:#F2E8D9;
	font-size:18px;	
	font-family:Georgia, "Times New Roman", Times, serif;
}

#botaoVoltar{
	background:#674129;
	width:100px;
	color:#F2E8D9;
	font-size:15px;	
	font-family:Georgia, "Times New Roman", Times, serif;
}

#btVoltarCentro{
	margin-left:400px;
}

textarea {  
    width: 500px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%; 
}  
input:hover, textarea:hover,  
input:focus, textarea:focus, button:hover {  
    border-color:#DFC7A2;
}  

#message_form {
	margin-left:250px;
}

#contatoEmail{
	text-align: center;
	font-weight: normal;
	color: #432303;
	font: 1em/1 georgia, 'times new roman', times, serif;
}

/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			
footer {
	width: 980px;
	margin: 20px auto;
	font-size: 1.4em;
	color: #fff;
	text-align: right;
}

.logoFooter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

/*Ajusta logo topo a esquerda*/
.posLogo{
	float:fixed;
	left:660px;
	margin:0;
	position:relative;
} 

.posMenu1{
	width:171px;
	padding:0;
}
.posMenu2{
	width:224px;
	padding:0;
}
.posMenu3{
	width:132px;
	padding:0;
}
.posMenu4{
	width:126px;
	padding:0;
}
.posMenu5{
	width:327px;
	padding:0;
	position:relative;
	z-index:50;
}

div.top {
	position: relative;
	overflow: hidden;
}	
div.top div {
	position: absolute;
	top: 0;
	left: 0;
}
div.top div.first {
	z-index: 1000;
}		
div.top:hover div.first {
	display: none;
}

#bt1 {
	width: 109px;
	height: 50px;
	position:relative;
	z-index:50;
}
#bt2 {
	width: 195px;
	height: 50px;
	position:relative;
	z-index:49;
}
#bt3 {
	width: 115px;
	height: 50px;
	position:relative;
	z-index:48;
}
#bt4 {
	width: 105px;
	height: 50px;
	position:relative;
	z-index:47;
}
#bt5 {
	width: 129px;
	height: 50px;
	position:relative;
	z-index:46;
}


A:link { text-decoration: none; color:#0080FF;}
A:hover { text-decoration: underline; color:#0080FF;}