/* ---> 
IMPORTANT: 
Site copyrighted by BUREAU DE ARQUITETURA. It may not be partially or totally reproduced without written permition.
Last Modification: 05/03/2008
By: Lilian Vasquez
Web Design from: OCTOS CREATIVE COMMUNICATION / www.octosonline.com
Phone: 404-51-3084
<--- */
/* BODY
------------------------------------------------------------*/
html, body, blockquote, q, dt, dl, div, h1, h2, h3, h4, h5, h6, a, table, tr, td, ul, ol, li, img, form {padding:0;margin:0;border:0;}
img {vertical-align: middle; border:none;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;background:#000;}
#all{background:#FFF url(../images/b.gif) bottom repeat-x;}

/* HEADER
------------------------------------------------------------*/
#logo{background:url(../images/logo.jpg) no-repeat;width:250px;height:81px;text-indent: -10000px;overflow: hidden;top:0;left:6px;position:relative;float:left;}
#logo a{position: absolute;top:0;left:0;width:250px;height:81px;}
#logo a:hover{background: none;}
#hea{margin:0 auto;width:776px;height:108px;}

/* MENU
------------------------------------------------------------*/
#menu {padding:0;margin:0;list-style-type:none;float:right;}
#menu li {float:left; width:117px; height:45px;line-height:45px;border-right:1px solid #ccc;position:relative;text-align:right;padding:15px 10px 0 0;font-weight:bold;}
#menu li a, #menu li a:visited {display:block;text-decoration:none; color:#333;}
#menu li a span, #menu li a:visited span {display:none;}
#menu li a:hover {border:0; /* needed to trigger IE */ color:#bbb;}
#menu li a:hover span {display:block;width:117px;height:45px;text-align:right;position:absolute;left:-2px;top:-3px; color:#333; cursor:pointer;padding:15px 10px 0 0;}
b{color:#006600;font-size:22px;font-family:Georgia, "Times New Roman", Times, serif;}

/* BANNER
------------------------------------------------------------*/
.co2 {width:230px; float:left; padding:10px;background:url(../images/co1.jpg) no-repeat;height:377px;}

/* TITLES 
------------------------------------------------------------*/
h1 {font-size: 16px; color:#333333}
h2 {font-size: 15px;color:#333333;margin-bottom: 10px;}
h3 {font-size: 12px;color:#006600;margin-bottom: 5px;}
h4 {font-size: 12px;color:#000;margin-bottom: 5px;font-weight:bold;}

/* CONTENT
------------------------------------------------------------*/
#content{margin:0 auto;width:776px;}
#content a, a:link, a:active {color:#060 ;text-decoration:underline;}
#content a:visited {color:#CC0000;text-decoration: none;}
#content a:hover {background-color:#ccc; color:#000;text-decoration:none;}
.wrap {clear:both;}
.w{height:18px;}
.w2{height:28px;}
.co1 {float:right;width:500px;padding:10px;}
.box{float:left; padding:7px; margin:10px 8px 0 0;border:solid 1px #006600; background:#FFFFFF;}
.box1{padding:7px; margin:10px 0 0 0;border:solid 1px #006600; background:#FFFFFF;}
#sol{padding:15px;border:solid 1px #CCC; background:url(../images/port.jpg) top right no-repeat;}

/* FOOTER
------------------------------------------------------------*/
#foot {background:#000;}
.f {margin:0 auto;width:776px;padding: 15px 10px 20px 0;text-align:right;font-size: 10px;color: #333333;}
#foot a, a:link, a:active {color:#060 ;text-decoration:underline;}
#foot a:visited {color:#666;text-decoration: none;}
#foota:hover {color:#FFF;text-decoration:none;}

/* FORM
------------------------------------------------------------*/
fieldset {margin:0;border: 1px solid #CCC;width:95%;padding:0 10px 0 10px;}
label{width:85px;float: left;text-align:left;display: block;}
.inpu{margin-bottom:5px; width:50%;}
.su{margin-left:85px;}

/* TOOGLE
------------------------------------------------------------*/
dt {margin: 5px 0 10px 0;cursor: pointer;text-decoration:underline;color:#669933;padding-left:20px;background:url(../images/add.gif) left no-repeat;}
dd {line-height: 150%;}	
.show {display: block;}
.hide {display: none;}