/* RESET CSS */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* ESTILO DO SITE */
body { background:url(../imagens/fundo.gif) repeat-x top left #6A5C41; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
p { text-align:justify;}
strong { font-weight:bold; color:#666;}
#divbranco { width:705px.; min-height:500px; height:100%; background-color:#FFF; padding:10px;font-weight:normal; font-size:12px; line-height:18px; }
#divbranco h2, #divbranco h3,#divbranco h4 { font-size:14px; font-weight:bold;}
#divbranco h3,#divbranco h4 {font-size:12px;}
.margen20 {margin-top:20px;}
.direita { float:right; margin-left:10px;}
.esquerda { float:left; margin-right:10px;}
#geral { width:100%; min-height:800px; min-width:950px; height:100%;/* background:url(../imagens/helen-h-rampinelli.jpg) top left no-repeat;*/}
#esquerdo { width:224px; float:left;}
#logo { float:left; width:220px; height:184px; background-color:#000;}
#menu { width:224px; height:180px; margin-top:10px; float:left; color:#FBDB97; }
#menu #mpaginainicial {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px 0px;text-indent:-5000px;  margin-left:45px; margin-top:2px;}
#menu #mpaginainicial2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px 0px;text-indent:-5000px;  margin-left:45px; margin-top:2px;}
#menu #mpaginainicial:hover {background-position:-189px 0px;}
#menu .teste {background-position:-189px 0px;}
#menu #martista {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -25px;text-indent:-5000px;  margin-left:45px;}
#menu #martista2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -25px;text-indent:-5000px;  margin-left:45px;}
#menu #martista:hover {background-position:-189px -25px;}
#menu #mobras {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -50px;text-indent:-5000px;  margin-left:45px;}
#menu #mobras2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -50px;text-indent:-5000px;  margin-left:45px;}
#menu #mobras:hover {background-position:-189px -50px;}
#menu #matelie {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -75px;text-indent:-5000px;  margin-left:45px;}
#menu #matelie2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -75px;text-indent:-5000px;  margin-left:45px;}
#menu #matelie:hover {background-position:-189px -75px;}
#menu #mdivulgacao {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -100px;text-indent:-5000px;  margin-left:45px;}
#menu #mdivulgacao2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -100px;text-indent:-5000px;  margin-left:45px;}
#menu #mdivulgacao:hover {background-position:-189px -100px;}
#menu #mprojetosocial {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -125px;text-indent:-5000px;  margin-left:45px;}
#menu #mprojetosocial2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -125px;text-indent:-5000px;  margin-left:45px;}
#menu #mprojetosocial:hover {background-position:-189px -125px;}
#menu #mcontato {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:0px -150px;text-indent:-5000px;  margin-left:45px;}
#menu #mcontato2 {width:181px;height:25px;background: url(../imagens/menu.gif);display:block;float:left;background-position:-189px -150px;text-indent:-5000px;  margin-left:45px;}
#menu #mcontato:hover {background-position:-189px -150px;}
#direito {
	width:600px;
	float:left;
	text-align:left
	min-height:650px;
	height:100%;
	margin-top:0px;
	color:#000;
	padding:10px;
}
#direito h1 {
	font-size:16px; font-weight:bold; color:#FFF;
}
#direito p {
	font-size:10px; color:#FFF; line-height:25px;
}
#direito p strong {
	color:#FFF;
}
#direito .imgindex { border:5px solid #FFF; float:right;}
#direito .ampliar { float:right; margin-bottom:20px; }
h2.vermelho { color:#6A5C41;}
h2.laranja {color:#6A5C41;}
h2.verde {color:#6A5C41;}
p.branco { background-color:#FFF; padding:10px; font-weight:normal; font-size:12px; line-height:18px; float:left;}
#obras { width:725px; float:left; min-height:300px; height:100%; margin-top:10px; color:#000;}
.divobras { float:left; margin:10px; padding:3px; background-color:#F0F0F0; border:1px solid #CCC; width:140px; height:100%; text-align:center;}
.divobras:hover { float:left; margin:10px; padding:3px; background-color:#FFF; border:1px solid #CCC; width:140px; height:100%; text-align:center;}
.divobras h3{color:#D0263C; margin-top:5px;}
#atelie { width:725px; float:left; min-height:300px; height:100%; margin-top:10px; color:#000;}
#divulgacao { width:725px; float:left; min-height:300px; height:100%; margin-top:10px; color:#000; }
#projetosocial { width:725px; float:left; min-height:300px; height:100%; margin-top:10px; color:#000; }
.fotosprojeto { min-height:150px; height:100%; float:left; width:705px;}
.divprojeto { float:left; padding:5px; background-color:#F0F0F0; margin:5px; border:1px solid #CCC;}
#contato { width:725px; float:left; min-height:300px; height:100%; margin-top:10px; color:#000;}
#info {width:295px; float:left; margin-right:10px;}
#formcontato { width:400px; float:right; line-height:15px; color:#666; margin-top:30px;}
#formcontato label {position:absolute; width:150px; }
#formcontato input, #formcontato textarea { border:1px solid #C0C0C0; margin-left:80px; background-color:#F4F4F4; color:#960100; padding:2px;}
#formcontato #nome, form #endereco, form #email, form #assunto, form #mensagem { width:300px;}
form #fone,form #celular {width:90px;}
.destaque {background-color:#3F473C;}
#formcontato input.botao { background:#000; border:1px solid #000; color:#FFF; font-size:10px; font-weight:normal;}
.contato_esq { float:left;}
.preto { color:#000;}

a.m:link, a.m:hover, a.m:visited { color:#FBDB97; font-size:1px;}

a:link { font-weight:bold; text-decoration:none; color:#F90;}
a:visited {font-weight:bold; text-decoration:none; color:#F90;}
a:hover {font-weight:bold; text-decoration:none; color:#D0263C;}
#rodape { width:950px; height:50px; background-color:#000; float:left; margin-top:20px; font-size:10px;}
#rodape h4 { color:#FFF;}
#rodape address { color:#666}
#copyright { width:700px; float:left; margin:10px 0px 0px 5px;}
#webfire { float:right; margin:10px 10px 0 0;}