*{ margin:0; padding:0; list-style-type: none; }
img{ border: none;}
body{ background: #D0D0C6 url(../images/bg.gif) top repeat-x;}
body#bodyIframe{ background: #D0D0C6 url(../images/bgIframe.gif) top repeat-x;}
*{ outline: 0;}


/* ENTRAR */

html, body#entrar { height: 100%;}
#entrar{ background: #D0D0C6 url(../images/entrarBg.png) repeat-x;}
#entrarCont{ position: relative; background: url(../images/entrarBgCol.gif) repeat-y; margin: 0 auto; min-height: 100%; text-align: center; width: 186px; height: 100%;}
#entrarCont a{ position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -90px;}
#entrarCont img{ margin: 20px 0;}


/* GERAL */

#site{ position:relative; margin: 0 auto; width: 950px; height:560px;}
#logo{ position:absolute; left:41px; z-index:100; width:157px; height:192px;}
#top{ height: 50px; /*padding: 10px 0;*/ padding-top: 10px; width: 100%;}

#menu{ background: url(../images/bgMenu.png) no-repeat; display: inline; float: left; margin: 5px 0 0px 245px; padding: 9px 17px; width:510px; /*height:47px;*/}
#menu li{ display: inline; float: left; font: 16px "Trebuchet MS", Verdana, Arial;}
#menu li a{ background: #8D8167; border-right: 1px solid #fff; color: #FFF; display:block; line-height: 29px; text-decoration: none; text-align: center; width: 125px;}
#menu li a:hover{ color: #fff; background: #412412;}
#menu li a:active{ color: #fff; background: #412412;}
#menu li a.selected{ background: #412412; color: #fff; font-weight: bold;}

#musicPlayer{ float: left; margin: -10px 0 0 45px; width: 100px;}
#musicPlayer *{ outline: 0;}

#cont{ font: 12px Verdana, Arial; margin: 0 auto; text-align: center; width: 100%; height: 480px;}

#rodape{ background: #C9C5B6; border-top: 1px solid #95948B; border-bottom: 1px solid #95948B; clear: both; color:#555; font: 10px normal tahoma, arial; line-height: 24px; text-align: center; width: 100%;}
#rodape a{ color: #444; font: 11px "Trebuchet MS", Verdana, Arial; text-decoration:none;}
#rodape a:hover{ text-decoration: underline;}


/* CLASSES */

.moldura{ background: #CACABC ; border: 6px solid #412512; padding: 2px; }
.clear{ clear: both;}

/* HOME */

.moldura#flashIntro { background: #CACABC ; border: 6px solid #412512; margin: 30px auto 0 auto; padding: 2px; width: 893px;}


/* PERFIL */

/*#perfilCont{ display: inline; float: left; margin: 45px 0 0 190px; text-align: justify; width:465px;}*/
#perfilCont{ display: inline; float: left; margin: 42px 0 0 185px; text-align: justify; width:500px;}
#perfilCont p{ color:#412512; font: 11px/17px Verdana, Arial; margin-left:30px;}
#perfilCont h3{ color:#412512; font: 22px "Trebuchet MS", Verdana, Arial; margin: 15px 0 3px 0;}
#perfilCont ul{ margin: 15px 0 0 90px;}
#perfilCont ul li{ color:#412512; line-height: 21px; list-style: square;}

#perfilBox{ background: #8D8167; color:#fff; float: left; line-height:20px; margin:45px 0 0 30px; padding:5px; text-align: center; width:213px; height:400px;}
#perfilBox img{ border: 3px solid #E1DDD2;}
#perfilBox h2{ font: bold 10px/19px "Verdana"; margin: 2px 0px 15px 0px;}
#perfilBox p{ font: italic 12px/23px "Verdana"; margin: 8px;}


/*#perfilBox h2{ color:#fff; font: bold 18px/19px "Verdana"; margin: 5px 3px 10px 3px;}*/

/* PROJETOS */

#projMenuTop{ background: url(../images/projMenuTopBg.gif) repeat-y 16px 0px; float: left; margin-left: 48px; padding-top: 10px;}
#projMenuTop li.first{ padding-left: 30px;}
#projMenuTop li{ border-top: 1px solid #FFF; float: left; padding: 5px 10px 0 11px; text-transform: lowercase;}
#projMenuTop li a{ color:#8D8167; font: 16px "Trebuchet MS", Verdana, Arial; text-decoration:none;}
#projMenuTop li a:hover{ text-decoration: underline;}
#projMenuTop li a.selected{ color:#412512; cursor: default; font-size: 17px; text-decoration: none;}

#projFotoScroll{ background: url(../images/projSelectBg.png) no-repeat center; display: inline; float: left; margin: 145px 0 0 34px; width: 163px; height: 312px}
#projScroll{ position: relative; overflow: hidden; height: 276px; margin: 0 auto 10px auto; width: 115px;}
#projScroll img{ margin: 5px 0; border: 2px solid #999;}
#projScroll a:hover img{ border: 2px solid #412512;}
#projScroll a img.selected{ border: 2px solid #412512;}
.projMenuScroller{ cursor: pointer; padding: 0 0 10px 0px;}

#projCont{ display: inline; float: left; margin: 12px 0 0 28px; width: 710px;}

#projFoto{ display: inline; float: left; width: 624px; }
#projFoto h1{ background: #8D8167; color: #FFF; font: bold 15px "Trebuchet MS", Verdana, Arial; line-height: 24px; float: right;}
#projFoto h1 span{  padding: 0 20px;}
#projFotoSelec{ background: #8D8167; display: inline; float: left; margin-top:244px; padding: 10px 0px 17px; text-align: center; width: 82px; height: 160px;}
#projFotoSelec a{ background: #CACABC; border: 1px solid #412412; color: #412412; float:left; line-height: 26px; text-decoration: none; margin: 5px 2px 5px 7px;  width: 26px;}
#projFotoSelec a:hover{ background: #412412; border: 1px solid #CACABC; color: #CACABC;}
#projFotoSelec a.selected{ background: #412412; border: 1px solid #CACABC; color: #CACABC;}
#projFotoSelec a.disabled{ background: #8D8167; border: 1px solid #AFA389; color: #AFA389; cursor: default;}


/* SUA OBRA */
.suaObra{}
.suaObra #projMenuTop{ float: left; margin: 0 0 40px 497px;}
.suaObra .boxCont{ background: #8D8167; clear: both; margin: 30px auto 0; padding: 20px; width: 400px;}
.suaObra .boxCont h2{ border-bottom:solid 1px #CCC; clear: both; color: #FFF; font: normal 18px/120% "Trebuchet MS", Verdana; padding-bottom:4px; text-align: center;}
.suaObra p{ color: #FFF; font: normal 13px/150% "Trebuchet MS", Verdana; margin-bottom: 20px;}
.suaObra .clientes{}
.suaObra .clientes li{ border-bottom: 1px solid #CACABC; color: #FFF; font: normal 13px/30px "Trebuchet MS", Verdana; padding: 4px; text-align: left; height: 30px; }
.suaObra .clientes li a{ background: #8D8167; border: 1px solid #412412; color: #FFF; font: normal 11px/30px "Trebuchet MS", Verdana; float: right; padding: 0 5px; margin: 0 4px;}
.suaObra .clientes li a:hover{ background: #412412; border: 1px solid #FFF; }


/* CONTATO  */

#contatoBox{ color:#412512; display: inline; float: left; font: 18px "Trebuchet MS", Verdana; margin: 180px 0 0 24px; text-align:center; width: 180px;}
#contatoBox a{ color:#412512; text-decoration:none;}
#contatoBox a:hover{ color: #FFF; text-decoration: underline;}

#contatoCont{ background: url(../images/contatoBg.png) right top no-repeat; display: inline; float:right; margin: 15px 9px 0 0; width: 691px;} 
#formCont .spacer{ clear:both; height:0px;}
#formCont{ padding: 45px 206px 45px 0;}
#formCont .form{ background: #8D8167; margin: 18px auto; padding: 0 12px; text-align: right; width: 420px; }
#formCont label{ color:#FFF; float:left; font: bold 16px "Trebuchet MS"; padding: 12px 0; text-align:right; width:100px;}
#formCont input,
#formCont textarea{ background: #C9C9BB; border: 1px solid #422613; color: #000; float:left; font: 12px Verdana, Arial; margin:12px 0 12px 10px; padding:3px; width:70%;}
#formCont textarea{ border: 1px solid #422613;}
#formCont input:focus,
#formCont textarea:focus{ background: #FFF;}
#formCont button{ color: #444; cursor: pointer; float: left; font: bold 16px "Trebuchet MS", Verdana, Arial; margin: 10px 0 10px 289px; text-align:center; width:123px;}

#obrigado{ background: #8D8167; color:#FFF; float:left; font: bold 16px "Trebuchet MS"; margin: 158px auto; padding: 12px; width: 420px;}