/* CSS Document (home) */
/* 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: #ebebeb; font: 12px Arial, Helvetica, sans-serif; margin: 10px auto; text-align: center; }

/* fontes */
p { font-size: 12px; color: #363e29; text-align: justify; padding-top: 9px; }
h1 { font-size: 24px; color: #363e29; float: left; text-align: left; padding-top: 15px; }
h3 { font-size: 14px; color: #363e29; text-align: left; padding: 0 0 0 20px; }
h4 { font-size: 14px; color: #000; text-align: center; padding-top: 3px; margin-bottom: 5px; }
h5 { font-size: 14px; color: #000; text-align: left; padding-top: 4px; padding-left: 4px; }
h6 { font-size: 12px; color: #363e29; text-align: left; padding-top: 4px;  }

/*classes (span) */
.campero { color: #01010; font-style: italic; font-weight: bold; }

/* geral*/
#geral { background: #fff; width: 750px; margin: auto; height: auto; }

/*topo*/
#topo { margin-top: 13px; }

/*menu*/
#menu { width: 750px; height: 26px; border-bottom: 1px solid #000; }
#menu ul { list-style: none; }
#menu li { display: inline; }
#menu a { color: #010101; float: left; font-size: 16px; font-weight: 700; padding: 2px 12px; text-decoration: none; }
#menu a:hover { text-decoration: underline; }

/* conteudo */
#conteudo { background: #fff; float: left; width: 530px; min-height: 350px; padding: 15px 0 0 30px; }
#bemvindo { font-weight: bold; }

#conteudo2 p { font-size: 14px; font-weight: 700; padding-top: 17px; }

#imgarea { background: url(../img/bg_area.jpg) no-repeat; float: right; width: 259px; height: 54px; }
#imgarea p { text-align: center; padding: 5px 0 0 0; }
#imgarea a { color: #363e29; }
#imgarea a:hover { text-decoration: none; }
.bot { clear: both; }

/* area clientes */
#areaclientes { background: url(../img/bg_area.jpg) no-repeat; margin-top: 10px; width: 498px; height: 120px; border: 1px solid #fff; }
#areaclientes img { float: left; margin: 15px 15px 0 15px; }
#f1 { padding: 0 0 0 10px; border: 0; float: left; }
#f1 input { border: 1px solid #000; width: 100px; }
label { color: #363e29; float: left; padding-left: 10px; padding-top: 10px; }

/* publicidade */
#publicidade { background: url(../img/publicidade.jpg) no-repeat; background-color: #fff; float: right; margin-top: 15px; margin-right: 20px; width: 145px; height: auto; }
#publicidade img { padding-top: 3px; }

/* set millions of background images (todo) */
.rbroundbox { background: #fff; width: 750px;  }
.rbtop div { background: url(../img/tl.jpg) no-repeat top left; }
.rbtop { background: url(../img/tr.jpg) no-repeat top right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop {
width: 750px;
height: 14px;
font-size: 1px;
}
.rbcontent { margin: 0; height: 100%; }
.rbroundbox { width: 750px; }

/* footer*/
#footer { background: url(../img/bg_footer.jpg) no-repeat; clear: both; width: 750px; height: 120px;  }
#footerbg { padding-top: 80px; width: 745px; height: 37px; }
#footerbg img { float: right; padding: 3px 0px; }
#end { color: #000; float: left; padding: 5px 0 0 5px;  }

/* clientes*/
.clientes { float: left; padding: 5px 0 0 23px; }

/*fale conosco */
dt { float: left; clear: left; width: 40%; padding: 2px; text-align: left; color: #363e29; font-weight: bold; }
dd { color: #363e29; text-align: left; padding: 1px 0 1px 1px; }
.input { border: 1px solid #363e29; padding: 2px; margin-top: 8px; height: 17px; }
.btn { background-color: white; color: #363e29; padding: 2px; font-size: 12px; margin-left: 160px; }
fieldset { clear: both; float: left; width: 340px; margin: 5px 0 0 0; }
select { border: 1px solid 363e29; }
#fcontato { clear: both; float: left; width: 340px; margin: 5px 0 0 0; }
#fcontato dt { float: left; clear: left; width: 25%; padding: 2px; text-align: left; color: #363e29; font-weight: bold; }

/* cadastre-se*/
#cadastrese { clear: both; margin-top: 30px; } 
#cadastrese td { color: #363e29; font-size: 12px; }

/*galerias */
#galeria { clear: both; float: left; margin-top: 20px; width: 550px; height: 400px;  }
.fotos { float: left; margin: 10px; width: 110px; height: 130px; }
.fotos img { border: 1px solid #373f30; }
.fotos img:hover { border: 1px solid #fff;  }  
.fotos a { color: #000; text-decoration: none; }
.centro { text-align: center; font-weight: bold; }
#paginacao { clear: both; text-align: center; margin-left: 80px; }
.prox { color: #373f30; font-weight: bold; text-decoration: none; }
.prox:hover { text-decoration: underline; }

.noticia { color: #373f30; text-decoration: none; } 
.noticia:hover { text-decoration: underline; } 

#p_noticias a { color: #373f30; text-align: left; text-decoration: none; font-size: 14px; }
#p_noticias a:hover { text-decoration: underline; }

.clientes2 { float: left; width: 500px; clear: both; height: 100px; }
.clientes2 img { float: left; border: solid 1px black; margin: 3px; }
.clientes2 p { float: left; text-align: left; width: 500px; font-size: 14px; }