/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
/*body { background: #000 url('../img/bg.jpg') no-repeat; background-position: center; font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }*/

body { background-image:url(../img/bg.jpg);
	background-position:top center;
	background-repeat: no-repeat;


    font: 12px Arial, Helvetica, sans-serif;
}

#geral { width: 766px; margin: auto; }
#topo { margin: auto; height: 135px; }
#menu { background: url('../img/menu.jpg'); width: 766px; height: 375px; }
#menu ul { float: left; margin: 25px 0 0 40px; }
#menu ul li { text-align: left; margin-top: 20px; }
#menu ul li img { float: left; }
#menu ul li a { color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; }
#menu object { margin-left: 65px; margin-top: 0; padding-top: 0; }

#noticias { background: url("../img/noticias.jpg") repeat-x; width: 245px; height: 339px; float: left; }
#noticias h1 { color: #767e86; font-size: 20px; font-weight: normal; text-align: left; margin: 25px; text-transform: uppercase; }
#noticias .noticia { color: #636b72; text-align: left; margin: 15px; }
#noticias .noticia a { color: #115a00; font-weight: 700; }

#bemvindo { background: url("../img/bemvindo.jpg") repeat-x; width: 521px; height: 339px; float: left; }
#bemvindo img { float: left; }
#bemvindo h1 { color: #115a00; font-size: 20px; margin: 20px 0 0 220px; text-align: left; text-transform: uppercase; font-weight: normal; }
#bemvindo p { color: #636b72; text-align: left; margin: 20px 0 0 220px; }

#bemvindo #projetos { width: 200px; height: 150px; clear: both; float: left; }
#bemvindo #projetos h1 { color: #115a00; font-size: 20px; margin: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; float: left; }
#bemvindo #projetos p { color: #636b72; text-align: left; margin: 10px 0 0 20px; float: left; display: inline; }
#bemvindo #projetos a { color: #115a00; }
#bemvindo .quad { margin: 20px 0 0 15px; }

#sobre { background: url("../img/sobre.jpg") no-repeat; width: 766px; height: 339px;  }
#sobre h1 { color: #115a00; font-size: 20px; padding: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; }
#sobre p { color: #000; text-align: left; width: 350px; padding: 20px 0 0 20px; float: left; }

#pgprojetos { background: url("../img/bg_servicos.jpg") repeat-x; width: 766px; height: 339px; }
#pgprojetos h1 { color: #115a00; font-size: 20px; padding: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; }
#pgprojetos p { color: #95a0a9; text-align: left; padding: 20px 0 0 20px; }
#pgprojetos img { float: left; margin: 40px 0 0 5px; }

#pgservicos { background: url("../img/servicos.jpg") repeat-x; width: 766px; height: 339px; }
#pgservicos h1 { color: #115a00; font-size: 20px; padding: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; }
#pgservicos p { color: #95a0a9; text-align: left; padding: 20px 0 0 20px; }

#pgservicos #services { margin: 20px 0 0 20px; }
#pgservicos #services li { color: #115a00; text-align: left; line-height: 18px; }


#produtos { background: #e9ecf1; width: 766px; height: 339px; }
#produtos h1 { color: #115a00; font-size: 20px; padding: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; float: left; width: 300px; }
#produtos p { float: left; width: 420px; padding: 23px 0 0 20px; text-align: right; height: 24px; }
#produtos a { text-transform: uppercase; font-weight: normal; text-decoration: none; font-size: 14px; color: #5e5e5e; }
#produtos img { float: left; border: 7px solid #d8dde2; margin: 10px 0 0 20px; }

#gallery { height: 310px; }

#produtos #paginacao { float: none; text-align: center; width: 766px; padding: 0; margin: 5px 0 0 0; height: auto; clear: both; }

#contato { background: url("../img/contato.jpg") no-repeat; width: 766px; height: 339px;  }
#contato h1 { color: #115a00; font-size: 20px; padding: 20px 0 0 20px; text-align: left; text-transform: uppercase; font-weight: normal; }
#contato p { color: #95a0a9; text-align: left; width: 350px; padding: 20px 0 0 20px; float: left; }
#contato #endereco { float: left; width: 350px; margin: 100px 0 0 35px; color: #5e5e5e; }

#rodape { background: url("../img/rodape.jpg") no-repeat; width: 766px; height: 102px; clear: both; }
#rodape #end { color: #fff; text-align: left; padding: 40px 0 0 20px; float: left; width: 500px; }
#rodape p { color: #fff; text-align: left; padding: 40px 0 0 20px; }


.bold { font-weight: 700; }

/* ----------- Forms ----------- */
.myform { margin: 5px auto; width: 350px; padding: 5px; float: left; }
/* ----------- stylized ----------- */
#stylized { clear: both; float: left; }
#stylized h1 { font-size: 14px; font-weight: bold; margin-bottom: 8px; }
#stylized label { display: block; font-weight: bold; text-align: right; width: 120px; float: left; line-height: 30px; color: #5e5e5e; clear: both; }
#stylized select { width: 150px; float: left; margin: 4px 0 0 5px; border: 1px solid #666; }
/*#stylized .small { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px;}*/
#stylized input { float: left; font-size: 12px; padding: 2px 2px; border: solid 1px #b0b0b0; width: 200px; margin: 4px 0 10px 5px; }
#stylized button { clear: both; margin-left: 145px; width: 100px; height: 25px; background: #666; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-weight: bold; }
#stylized .erro { color: red; font-weight: 700; }
#stylized .texto { clear: both; font-size: 11px; font-weight:normal; }
#stylized textarea { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #b0b0b0; width: 200px; height: 45px; margin: 2px 0 10px 5px; }