* { margin: 0; padding: 0; }
body { background: #7b7c83; font-size: 12px; font-family: Arial; color: #000; }

ul { list-style: none; }

ul.vantagens li { background: url(images/check.gif) left top no-repeat; padding-left: 22px; margin: 8px 0; font-family: Verdana; line-height: 16px; }

p { margin: 0 15px; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana; color: #c94c4c; margin: 0px 15px; font-weight: normal; }
h1 { font-family: Verdana; color: #c94c4c; font-size: 25px; margin-bottom: 5px; }
h2 { font-family: Verdana; color: #c94c4c; font-size: 20px; }

/*Layout*/
#wrapper { margin: 0 auto; width: 960px; background: url(images/cc.png) center repeat-y; }

#content { float: left; width: 500px; margin: 0 30px; display: inline; }

#left { width: 200px; float: left; position: relative; }
#topbar1 { position: absolute; background: url(images/barra-end1.gif) left top no-repeat; top: 57px; left: -230px; height: 63px; width: 225px; z-index: 1; }

#right { width: 200px; float: left; }

#bottom { width: 960px; height: 10px; clear: both; background: #7b7c83; position: relative; }

#footertel { width: 250px; height: 120px; background: #7b7c83 url(images/icon-atend.jpg) bottom left no-repeat; position: absolute; bottom: 5px; left: 0px; }
#footertel p { margin-left: 95px; font-family: Verdana; font-size: 18px; margin-top: 40px; }
#footer { width: 500px; height: 120px; background: #7b7c83 url(images/footer.jpg) center 30px no-repeat; position: absolute; top: -111px; left: 230px; }
#footer p { text-align: center; margin-top: 40px; color: #000; font-size: 11px; }

div.footspacer { width: 100%; height: 140px; }

#topo { width: 500px; height: 265px; position: relative; background: #7b7c83; z-index: 1; }
#logo { width: 499px; height: 254px; position: absolute; top: 12px; left: -5px; background: url(images/logo-old.jpg) no-repeat; }
#txt { width: 250px; height: 239px; position: absolute; top: 178px; left: 260px; display: mnone; color: white; font-size: 11px; }
#toph1 { position: absolute; top: 0; left: 210px; z-index: 1; width: 520px; }
#toph1 { font-weight: normal; font-family: "Trebuchet MS"; font-size: 21px; line-height: 65px; color: #fff; margin: 0; }
#topbar { position: absolute; background: url(images/barra-end2.gif) right top no-repeat; top: 57px; left: 210px; height: 63px; width: 520px; z-index: 1; }
#bar-end { position: absolute; right: 0px; top: 0px; width: 14px; height: 63px; background: url(images/barra-end.gif) no-repeat; display: none; }
.barline { height: 63px; width: 0; border-right: 1px dotted #888; float:left; }
#barlinks { position: absolute; right: 15px; top: 0px; height: 63px; }
#barlinks a { text-align: center; display: block; float: left; width: 50px; padding-top: 38px; margin: 0 5px; text-decoration: none; background: center 10px no-repeat; color: #fff; }
#barlinks a.atend { width: 108px; }
#barlinks a:hover { color: #ff0000; }
span#telefone { color: #c94c4c; font-family: "Arial"; font-size: 20px; line-height: 63px; }


#menu { width: 200px; height: 265px; position: absolute; top: 0; left: -230px; background: #7b7c83; z-index: 2; }
#menu ul { list-style: none; padding-top: 15px; }
#menu li { background: url(images/li.jpg) left no-repeat; height: 25px; line-height: 25px; padding-left: 29px; }
#menu li a { color: #fff; font-size: 11px; text-decoration: none; display: block; width: 100%; }
#menu li:hover { background: url(images/li-hover.jpg) left no-repeat; }

#leftspacer { width: 200px; height: 265px; position: relative; background: #7b7c83; }
#rightspacer { width: 200px; height: 145px; position: relative; background: #7b7c83; z-index:0; }
#right-spacer-bottom { width: 200px; height: 50px; position: relative; }

#publicacoes li { text-align: center; }

#projetos { width: 200px; position: relative; }
#projetos ul { margin: 0 10px; }
#projetos ul li { line-height: 15px; font-size: 12px; color: #fff; }
#projetos ul li:hover { line-height: 15px; font-size: 12px; color: #f00; }
#projetos ul li ul { line-height: 15px; font-size: 12px; padding: 0; margin-bottom: 10px; }
#projetos ul li ul li {  }
#projetos ul li a { color: #fff; line-height: 15px; font-size: 11px; text-decoration: none; }
#projetos ul li a:hover { color: #fff; background: #25449b; line-height: 15px; font-size: 11px; text-decoration: none; }



h3.boxh { border-bottom: 1px dashed #999; background: url(images/box-top.png) top no-repeat; height: 39px; line-height: 39px; background-color: #7b7c83; font-family: Arial; color: #fff; margin: 0; font-size: 13px;  }
h1.boxh span, h3.boxh span { background: url(images/box-icon.gif) no-repeat; height: 10px; width: 10px; margin: 14px 8px 0 14px; float:left;  }
h3#hindex { color: #777; margin: 5px 15px 20px 15px; font-size: 23px; }
div.boxcontent { background: url(images/box-top-center.jpg) top center no-repeat; padding-top: 10px; }

ul.logolist { margin: 0 20px; }

#bot-left { height: 30px; width: 200px; background: #7b7c83 url(images/box-bot.png) top no-repeat; position: absolute; bottom: 110px; left: 0; z-index: 2; }
#bot-center { height: 30px; width: 500px; background: #7b7c83 url(images/box-bot-center.jpg) top no-repeat; position: absolute; bottom: 120px; left: 230px; z-index: 2; }
#bot-right { height: 28px; width: 200px; background: #7b7c83 url(images/box-bot2.png) top no-repeat; position: absolute; bottom: 10px; right: 0; }

/*Conteúdo*/
div.boxcontent  { color: #000; }
div.boxcontent  ul { margin: 0 15px; }
div.boxcontent  a:link, div.boxcontent a:visited { color: #5a6c71; text-decoration: none; }
div.boxcontent  a:hover, div.boxcontent a:active { color: #dd3737; text-decoration: underline; }
span.customspan { font-size: 30px; color: #777; }

.boxli { width: 470px; height: 96px; background: url(images/box.png) no-repeat; color: #333; position: relative; margin: 0 auto; margin-bottom: 10px; }
.boxli:hover { background-image: url(images/boxhover.png); }
a.dtit:link, a.dtit:visited { color: #c94c4c; font-size: 22px; display: block; font-family: Verdana; margin: 0px 5px 3px 5px; padding-top: 10px; text-decoration: none; }
a.dtit:hover, a.dtit:active { color: #c94c4c; font-size: 22px; display: block; font-family: Verdana; margin: 0px 5px 3px 5px; padding-top: 10px; text-decoration: none; }
.boxli p { font-size: 11px; margin: 0 5px; }
.boxli ul { }
.boxli div.dicon { width: 55px; height: 96px; float: left; background: #c7ccd0; margin-right: 10px;  }
.boxli div.dicon img { margin: 0; padding: 0; }

div.tsp { height: 10px; } /*Espacador para o começo dos boxes*/

/*tentar por objetos de mesa ao lado do ntobbok, como uma ciainha de láois canetas, papeis com desenhos, tudo com reflexos*/


/*tutorial*/
#tutorial { background:#fff; margin: 15px 30px; padding-bottom:30px;}
#tutorial h1.boxh { border-bottom: 1px dashed #999; height: 39px; line-height: 39px; background-color: #7b7c83; font-family: Arial; color: #fff; margin: 0; font-size: 20px; } 
#tutorial h2 { font-size: 17px; margin-top:15px; margin-bottom:5px;  }
#tutorial img { margin: 5px 5px 15px 5px;}
/*tutorial*/