/*  ESTRUTURA GERAL  */
html, body { margin: 0; padding: 0; }
body { background: url(../img/pattern.gif) repeat scroll 0 0 #000; border-top: 80px solid black; color:#666; font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Arial; } 

input[type=text], textarea { background-color:#000; border:#222 1px solid; color:#129336; padding:10px; font:80% normal "Trebuchet MS", Tahoma, Verdana; width: 98%;  }
input[type=text]:focus, textarea:focus { border:1px solid #129336; color:#129336; }
input[type=submit] { background-color: #129336; border:2px solid #333; font-size:110%; width:300px; height:40px; color:#fff; cursor:pointer; } 
input[type=submit]:hover { color: black; }

fieldset { padding-top:3%; border:0px dotted #000; width:100%; margin:1em auto; color:#555; font-size: 150%; }
legend { font-size:250%; color:#fff; margin:0 20px 0 0; padding:0; }

a { font-size: 75%; text-decoration:none; color:#ddd; }
a:hover { color: #129336 }

dl 	   { background-color: #000; clear: both; display: block; height: 150px; margin: 0 0 1.8em 0; padding: 10px 10px 20px 10px; width: 100%; }
dt	   { float: left; height: 150px; margin: 0 0 10px 0 !important; width: 520px; }
dt img { border: 5px solid #111; }
dd 	   { float: left; font-size: 70%; padding: 0; width: 325px  }
dd h3  { color:#fff; font-size:120%; font-style:italic; margin:0 0 .8em 0 !important; padding:0; }
dd div { color: #666 !important; font-size: 80% !important; margin-bottom:10px; }
dd a   { display: block; margin-top: 10%; }
dd a.link_site {  }
dd label { font-weight: bold; }


/**  LAYOUT  
********************************************************************************************************************************************************************/
#pagina { height:100%; margin: -80px auto 2em auto; width: 960px; }

/* cabeçalho (logo e menu) */
#header { margin: 0; height: 80px; padding: 0 0 2em 0; width: 100% }
#header .logo { background:url(../img/logo.png) no-repeat scroll 0 0 #000; float: left; height:80px; margin:0 auto; padding:0; text-indent:-9999px; width: 250px; }
#header .menu { float: right; margin: 30px 0; padding: 0;  width: 500px; }
.menu ul { position: relative; width: 100% }
.menu ul li { float: left; list-style: none; text-align: right;  margin: 0 2em 0 0; }
.menu ul li:last-child{ margin: 0 !important; }
.menu ul li a { font-size: 100%; font-weight: bold;  }

/* conteudo em geral */
ul.services    { width:100%; margin-left:0; padding:1em; }
ul.services li { color:#fff; font-size:75%; list-style:circle; line-height:1.8em; }

/*  rodape  */
#rodape 		{ background-color: #000; clear: both; font-size: 70%; height: 80px; margin: 0; text-align:center; width:100%; }
#rodape .footer { line-height:2.5em; margin: auto; width: 960px }
.footer img 	{ border:0; margin-top:10px}
.footer a   	{ border:0; font-size: 100% !important }

#link_topo 		   { clear: both; color: red; height: 20px;  left: 96%; padding: 0; position: fixed; text-align: center; top: 97.5%; width: 50px;  }
#link_topo a 	   { color: #129336 !important; }
#link_topo a:hover { color: #fff; }


/* FORMULÁRIO 
********************************************************************************************************************************************************************/
input[type=text].disabled { border:1px solid #f2f2f2; background-color:#f2f2f2; }
input[type=text].validation-failed, textarea.validation-failed { border:1px solid #129336;	color :#129336; }
input[type=text].validation-passed, textarea.validation-passed { border:1px solid #00CC00;	color :#129336; }

.validation-advice { margin:5px 0;	padding:5px; background-color:#129336; color:#000; }
.custom-advice { margin:5px 0; padding:5px; background-color:#c8aa00; color :#fff; font-weight:bold; }
.form-row { clear:both;	padding:0; margin-bottom:2em; }
.field-label { color:#fff; }
.field-widge { }