/* - 
IMPORTANT: 
Site copyrighted by Imoveis SJC Sao Jose dos Campos. It may not be partially or totally reproduced without written permition.  
Last Modification: 08/25/2008
By: Lilian Vasquez - OCTOS CREATIVE COMMUNICATION. Contact Phone: +1 404.514.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;}
body{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;color:#000;background:#000;}
img {vertical-align: middle;}
.wrap {clear:both;}
.space {height:25px;}
/* TITLES
------------------------------------------------------------*/
h1 {color: #000;font-size:18px;margin:10px 0 0 0;font-weight:bold;}
.doc{text-indent:-10000px;overflow: hidden;display:none;}
h2 {color: #000;font-size:18px;margin:10px 0 0 0;font-weight:bold;}
h3 {color: #000;font-size:12px;}
h4 {color: #000;font-size:18px;font-weight:bold;margin-top:8px;}
/* HEADER
------------------------------------------------------------*/
#header {background-color:#FFF;}
#head {margin:0 auto;width:970px;height:45px;background-color:#000;}
/* MENU
------------------------------------------------------------*/
#menu {height:30px; position:relative; z-index:100;}
.menu, .menu ul {list-style-type:none;font-size:13px;}
.menu li.top {display:block; float:left; position:relative; top:15px;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link {display:block; float:left; height:30px; color:#FFFFFF; text-align:center; background:url(../images/off.gif) right no-repeat;}
.menu li.top a:hover.top_link {display:block; float:left; height:30px; color:#D8B400; text-align:center; background:url(../images/off.gif) right no-repeat;}
.menu li.p {width:121px;}
.menu li a {width:121px; text-decoration:none;}
.menu a:hover {visibility:visible;} /* IE6 */
.menu li:hover { position:relative; z-index:200;} /* IE7 */
.menu li a:hover {background:#000;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
/* MENU ROLLOVER
------------------------------------------------------------*/
.menu :hover ul.sub {left:0; top:30px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:190px; height:auto;}
.menu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:190px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px; text-align:left;}
.menu :hover ul.sub li a.fly {background:url(../images/arrow.gif) 150px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#D8B400; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#D8B400 url(../images/arrow_over.gif) 150px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#D8B400 url(../images/arrow_over.gif) 150px 7px no-repeat; color:#fff;} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:165px; top:-1px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:190px; z-index:200; height:auto;}
/* BANNER
------------------------------------------------------------*/
#banner_bk {background:#FFF;}
#banner {margin: 0 auto;width:970px;height:183px;}
#bannerreal {margin: 0 auto;width:970px;background: url(../images/bannerreal.jpg) no-repeat;height:186px;}

/* CONTENT 
------------------------------------------------------------------*/
#cont a:link {color:#3366FF;text-decoration:underline;}
#cont a:visited {color: #CC3300;text-decoration: none;}
#cont a:hover {background-color:#0066CC; color:#FFFFFF ;text-decoration: underline;}
#cont a:active {color:#3366FF;text-decoration:underline;}

#ct a:link {color:#000;text-decoration:none;padding:3px;}
#ct a:visited {color: #000;text-decoration: none;padding:3px;}
#ct a:hover {color:#000;text-decoration:none;background:#CCC; padding:3px;}
#ct a:active {color:#000;text-decoration:none;padding:3px;}

#back{background:#FFF;}
#cont {margin:0 auto;width:970px;background:url(../images/faux2.jpg) repeat-y;}
.slogan {float:right;width:714px;height:21px;text-align:right;}
.col_1 {float:left;width:226px;padding:8px;}
.col_2 {float:right;width:714px;padding:5px 0 14px 14px;}
.col_3 {width:940px;padding:15px;margin:0 auto; border-left:solid 1px #CCC; border-right:solid 1px #CCC;}
.col_3 a:link {color:#3366FF;text-decoration:underline;}
.col_3 a:visited {color: #CC3300;text-decoration: none;}
.col_3 a:hover {background-color: #0066CC; color:#FFFFFF;text-decoration: underline;}
.col_3 a:active {color:#3366FF;text-decoration:underline;}
#classi {margin:0 auto;width:100%;}
.caixa {float:left;padding-right:10px;width:31%;}
.link {font-size:16px;}
.detach_l {float:left;width:168px;margin-right:5px;margin-bottom:20px;border:solid 1px #CC9933;}
.box_cat{float:left;margin:5px 0 5px 5px;}
.box_cat2{float:left;width:27%;margin-left:8px;padding-top:30px;}
.textdetach{padding:10px;font-size:11px;}
.cat_l {border:solid 1px #CCC;width:100%;}
.box {background:#FFF url(../images/celular.jpg) center no-repeat;width:222px;height:147px;border:solid 1px #000;}
.textbox {text-align:center;padding-top:15px;font-size:16px;}
.search {background:#FFF url(../images/lupa.jpg) top right no-repeat;border:solid 1px #000;padding:8px;}
.oportunidade {background:#FFF url(../images/key.jpg) left no-repeat;width:222px;height:110px;border:solid 1px #000;}
.orkut {background:#FFF url(../images/orkut.jpg) left no-repeat;width:222px;height:110px;border:solid 1px #000;}
.twitter {background:#FFF url(../images/twitter.jpg) left no-repeat;width:222px;height:110px;border:solid 1px #000;}
.textoportunidade {float:right;margin-top:20px;margin-right:12px;font-size:19px;text-align:right;}
.textopork {float:right;margin-top:13px;margin-right:10px;font-size:14px;text-align:right;}
#news {background:#FFF url(../images/news.jpg) bottom no-repeat;width:224px;height:110px;border:solid 1px #000;}
#textonews {float:right;margin-top:12px;margin-right:15px;color:#000;font-size:16px;text-align:right;}
#carr {background:#FFF url(../images/carr.jpg) left bottom no-repeat;width:224px;height:110px;border:solid 1px #000;}
#textocarr {float:right;margin-top:22px;margin-right:8px;font-size:17px;text-align:right;}
.special {visibility:hidden;display:none;}
.skcla {float:left;margin-right:10px;width:223px;}
.skcla a:link {color: #0066CC;text-decoration:underline;}
.skcla a:visited {color:#CC3300;text-decoration: none;}
.skcla a:hover {background-color: #0066CC; color:#FFFFFF;text-decoration: underline;}
.skcla2 {float:left;width:223px;}
.skcla2 a:link {color: #0066CC;text-decoration:underline;}
.skcla2 a:visited {color:#CC3300;text-decoration: none;}
.skcla2 a:hover {background-color: #0066CC; color:#FFFFFF;text-decoration: underline;}
#skype {height:50px;border:solid 1px #000;}
#textskype {float:right;margin-top:5px;margin-right:12px;font-size:16px;text-align:right;}
#fundoskype {background:url(../images/skype_logo.jpg) left no-repeat;height:50px;}
#pho {background:#FFF url(../images/pho.jpg) left no-repeat;width:223px;height:50px;border:solid 1px #000;}
#contact {background:#FFF url(../images/cont.jpg) left no-repeat;width:223px;height:50px;border:solid 1px #000;}
#textcla {float:right;margin-top:5px;margin-right:10px;font-size:16px;text-align:right;}
#calcu {background:#FFF url(../images/calcu.jpg) left no-repeat;width:223px;height:50px;border:solid 1px #000;}
#textcalcu {float:right;margin-top:5px;font-size:16px;text-align:right; padding-right:10px;}
.required {color:red;font-weight:bold;}
#cla {background:#FFF url(../images/classificados.jpg) left no-repeat;width:223px;height:50px;border:solid 1px #000;}
.classificados {width:125px;height:110px;border:solid 1px #000;padding:8px;float:left;margin: 0 5px 10px 0;font-size:10px;}
#image{float:right;width:500px;text-align:right;}
.font{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.font2{font-size:10px;}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width:90%;
}
#tu a:link {color:#3366FF;text-decoration:underline;}
#tu a:visited {color:#3366FF;text-decoration:underline}
#tu a:hover {background-color: #0066CC; color:#FFFFFF;text-decoration:none;}
#tu a:active {color:#3366FF;text-decoration:underline;}
#sale {width:938px;height:100px;border:solid 1px #000;background:url(../images/classi.jpg) top left no-repeat; margin-bottom:5px;}
#textsale {margin-left:155px;font-size:12px;padding:10px;}
/* FOOTER
------------------------------------------------------------------*/
#f{background: #000000;border-top:solid 1px #000000;}
#footer {margin:0 auto;padding:15px;font-size: 11px;width:940px;color:#FFF;}
#footer a:link {color:#FFF; text-decoration:underline;}
#footer a:visited {color:#FFF;text-decoration:underline;}
#footer a:hover {background-color:#0066CC;color:#FFF;text-decoration: underline;}
/* FORMS
------------------------------------------------------------------*/
.b {width:90%;margin-bottom:2px;font-size:11px;}
.i {width:30%;margin-bottom:2px;}
.i2 {width:23%;margin-bottom:2px;margin-right:5px;}
.b2 {border:solid 4px #FFFFFF;background-color:#E4E0D6;padding:5px;}
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;}
.passo{font-size:11px;}
.pas{color:#996600;font-weight:bold;}
.tipo {width:40%;float: left;margin-right:30px;}
.linha {width:900px;margin:0 auto;border-bottom:solid 1px #E4E0D6;height:20px;margin-bottom:20px;}
.lupao {background:url(../images/lupao.jpg) top right no-repeat;}
.lili {float:left;width:45%;}
.lili2 {float:right;width:53%;}
.bor {border:solid 1px #CCC;padding:10px;width:918px;}
.col{float:left;width: 45%;padding:5px;}
.w{clear:both;height:30px;}
/* TOOGLE
------------------------------------------------------------*/
dt {margin: 20px 0 5px 0;cursor: pointer;text-decoration:underline;color:#0066FF;padding-left:20px;background:url(../images/bullet_toggle_plus.gif) left no-repeat;height:16px;}
dd {margin: 15px 15px 0px;padding: 15px;line-height: 150%;border: solid 1px #CCC;}
.show {display: block;}
.hide {display: none;}