/*Global*/
.clear {
clear:both;
height: 1px;
}
body {
background: #43525a url(images/fundo_02.jpg) no-repeat -200px 0;
margin:0 0 20px 0;
overflow-x: hidden;

}
.float-right{
float: right;
}
.float-left {
float: left;
}
/*estrutura*/

#site{
width:100%;
margin: 2% 0 0 10%;
}
.flash {
width: 100%;
} 

/*Header + Menu*/
#header {
width:100%;
margin: 0 auto 5px auto;
}
.top {
width: 860px;
margin: -10px 0 0 0;
}
.identidade {
width:400px;
margin: 0 0 10px 0;
float:left;
}
.login {
width: 200px;
float:right;
margin: 0;
text-align:right;
position: relative;
top: 20px;
}
#form1 {
margin: 0;
padding: 0;
}
#login, #senha {
width: 100px;
margin: 0;
border: 1px solid #ffd300;
background: #43525a;
color: #fff;
}
#enviar {
border: 1px solid #ffd300;
background-color: #43525a;
/*font-size: 10px;*/
}

.menu {
width: 100%;
margin: 10px 0 0 65px;
background: url(images/Munhoz_07.jpg) repeat-x bottom;
padding: 0 0 25px 0;
}
.menu ul{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.menu li {
 float: left;
 list-style: none;
 margin: 0 10px 0 10px;
 padding: 0;
 width:auto;
 }
 
/*Conteudo - Main*/
#main {
margin: 0 0 0px 0;
width:100%;
z-index: 5;
min-height: 370px;
position:relative;
}
.img_fundo {
z-index: -10;
position: absolute ;
top: 20px;
margin: 0 0 0 65px;
}
.bloco {
width: 350px;
float: left;
margin: 0 20px 0 0;
z-index: 5;
position:relative;
/*border-style: solid;
border-color: black;
border-width: 1px;*/

}
.texto-margin {
width: 335px;
margin:35px 0 0 65px;
z-index: 5;
}
.texto {
width: 550px;
margin: 30px 0 0 0;
z-index: 5;
text-align: justify;
/*border-style: solid;
border-color: black;
border-width: 1px;*/
}
ul, li {
list-style: none;
margin: 0;
padding: 0;
}


.foto{
margin-left: 65px;
}
.fotos {
width: 200px;
height: 150px;
margin: 10px 7px 10px 0;
/*border-radius: 10px;*/
border-style: solid;
border-color: blank;
border-width: 3px;
}

.titulo_foto{
margin: 0 0 0 65px;
text-align:center;
width: 850px;
color: #FFD300;
font-size: 13px;
}

/*Footer*/
#footer {
clear:both;
z-index:5;
margin: 20px 0 20px 5%; /*para usar quando tiver o Twitter junto*/
/*margin: 20px 0 20px 17%;  /* para usar este quando o twitter estiver oculto*/
position:relative;
width: 800px;

}
#proal {
 color: #FFD300;
 text-align:right;
 }
 #proal a {
 color: #FFD300;
 }
 #proal a:hover {
 color: #fff;
 }
#twitter {

width: 150px;
margin:0;
float:right;
text-align:right;

} 
#texto-proal {
margin: -50px 0 0 0;
}

/*Tipo + Cores*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #FFFFFF;
}
#footer {
text-align: left;
color: #FFD300;
}
p {
line-height: 16px;
margin:5px 0 5px 0;
clear: both; 
}
.copyright {
color: #FFFFFF;
}
/*Links*/
a { 
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #ffd300;
}
li a:hover {
color: #FFD300;
text-decoration: none;
}
li a:active {
color: #FFD300;
text-decoration: none;
}
a:visited {
color: #FFF;
text-decoration: none;
}
/*Headings*/
h1{
color: #FFD300;
font-size: 14px;
margin: 0 0 10px 0;
}
h2 {
width: 65%;
float:right;
margin: 0 0 10px 0;
color: #FFD300;
font-size: 13px;
text-align:right;
}
h3 {
color: #FFD300;
font-size: 14px;
line-height: 24px;
margin: 0;
}
/*Formulário Contato*/
#nome, #empresa, #endereco, #telefone, #email, #assunto, #anexo {
width: 335px;
border: 1px #FFD300 solid;
background: none;
color: #fff;
}
#mensagem{
width: 335px;
border: 1px #FFD300 solid;
background: none;
color: #fff;
height: 25px;
}
#enviar, #limpa {
background: none;
border: 1px #FFD300 solid;
color: #FFF;
}
#formulario {
margin: 0;
}
.form {
position: absolute;
top: 180px;
}