html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial;background:#e9e9e9;margin-right:50px;}
body img {display:block; outline:0;}
a {text-decoration:none; outline:0;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}

html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:110px;}

/* HEADER */

#header-out {width:100%;}
#header-in {height:355px; background:url(../pics/bg-header_in.jpg) no-repeat;}

#logo {position:absolute;top:34px;left:61px;width:270px;height:175px;z-index:999;background:url(../pics/logomarca-natalcon.jpg) no-repeat;}
a.logo{position:absolute;top:0;left:0;width:270px;height:175px;}

/* ANIMACAO */

#animacao {position:absolute;top:13px;left:365px;}
 
/* MENU */
	
#nav {height:28px;left: 180px;position: absolute;top: 294px;width: 770px; z-index: 1000;}/*width: 670px; left: 280px;*/
#nav ul li {float:left;display:inline;}

#nav ul li a {display:block;height:28px;background:url(../pics/menu-3.png) no-repeat;text-indent:-9000em;overflow:hidden;}/*background:url(../pics/menu-2.png)*/
#nav ul li.menu01 a {width:74px;background-position:0 0;margin-right:37px;}
#nav ul li.menu02 a {width:51px;background-position:-103px 0;margin-right:37px;}
#nav ul li.menu03 a {width:91px;background-position:-191px 0;margin-right:37px;}
#nav ul li.menu04 a {width:134px;background-position:-312px 0;margin-right:37px;}
#nav ul li.menu05 a {width:78px;background-position:-483px 0;margin-right:37px;}
#nav ul li.menu06 a {width:57px;background-position:-594px 0;}
#nav ul li.menu07 a {width:60px;background-position:-685px 0;margin-right:37px;}

#nav ul li.menu01 a:hover {width:74px;background-position:0 -28px;margin-right:37px;}
#nav ul li.menu02 a:hover {width:51px;background-position:-103px -28px;margin-right:37px;}
#nav ul li.menu03 a:hover {width:91px;background-position:-191px -28px;margin-right:37px;}
#nav ul li.menu04 a:hover {width:134px;background-position:-312px -28px;margin-right:37px;}
#nav ul li.menu05 a:hover {width:78px;background-position:-483px -28px;margin-right:37px;}
#nav ul li.menu06 a:hover {width:57px;background-position:-594px -28px;}
#nav ul li.menu07 a:hover {width:60px;background-position:-685px -28px;}

body #pg-aempresa		#nav ul li.menu01 a {width:74px;background-position:0 -28px;margin-right:37px;}
body #pg-clientes 		#nav ul li.menu02 a {width:51px;background-position:-103px -28px;margin-right:37px;}
body #pg-arearestrita 	#nav ul li.menu03 a {width:91px;background-position:-191px -28px;margin-right:37px;}
body #pg-imoveis 		#nav ul li.menu04 a {width:134px;background-position:-312px -28px;margin-right:37px;}
body #pg-localizacao 	#nav ul li.menu05 a {width:78px;background-position:-483px -28px;margin-right:37px;}
body #pg-contato 		#nav ul li.menu06 a {width:57px;background-position:-594px -28px;}
body #pg-contato 		#nav ul li.menu07 a {width:60px;background-position:-685px -28px;}


/* HOME */

#mainContent {margin:0 auto;height:686px;width:1000px;background:url(../pics/bg.jpg) repeat-y;}

#natalcon-home {margin:0 36px 0 91px;width:505px;background:url(../pics/div.jpg) no-repeat right;float:left;display:inline;} 
#natalcon-home img {float:left;display:inline;margin-left:10px; margin-right:10px;}
#natalcon-home h2 {color:#5ccde4;font:bold 20px arial;margin-bottom:5px;}
#natalcon-home h2 a{color:#5ccde4;font:bold 20px arial;margin-bottom:5px;}
#natalcon-home h2 a:hover{color:#5ccde4;font:bold 20px arial;margin-bottom:5px;text-decoration:underline;}
#natalcon-home p {color:#525252;font:normal 13px arial;margin-right:20px;}

#natalcon-home02 {width:240px;float:left;display:inline;margin-left:100px; margin-top:20px;} 
#natalcon-home02 p {color:#525252;font:normal 13px arial;margin-right:20px;}
#natalcon-home02 h2 {color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;}
#natalcon-home02 h2 a{color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;}
#natalcon-home02 h2 a:hover{color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;text-decoration:underline;}

#natalcon-home03 {width:240px;float:left;display:inline;margin-left:20px;margin-top:20px;} 
#natalcon-home03 p {color:#525252;font:normal 13px arial;margin-right:20px;}
#natalcon-home03 h2 {color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;}
#natalcon-home03 h2 a{color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;}
#natalcon-home03 h2 a:hover{color:#5ccde4;font:bold 16px arial;margin-bottom:5px;margin-top:3px;text-decoration:underline;}

.bt-mais {width:14px;height:14px;background:url(../pics/bt-mais.jpg) no-repeat;border:none;display:block;float:right;margin:-17px 25px 0 0;}
.bt-mais:hover {background:url(../pics/bt-mais-hover.jpg) no-repeat;}

#clientes {width:659px;float:left;display:inline;margin:-4px 0 0 27px;position:relative;}
#clientes h1 {background:url(../pics/tt-clientes.png) no-repeat;width:659px;height:96px;text-indent:-9000em;overflow:hidden;border:none;}
#clientes p {color:#525252;font:normal 13px arial;margin:130px 0 0 85px; width:455px;}
#clientes p .bt-mais{margin:20px 10px 0 0;}
.demo ul li {float:left;display:inline;margin:0 5px 3px 0;}
.demo{overflow:auto; clear:both;float:left;display:inline;width:500px;top:111px;left:83px;position:absolute;z-index:1000;}
.demo a{display:block;text-indent:-9999px;height:29px;float:left;background:url(../pics/menu.jpg) no-repeat;cursor:pointer;}
#cliente01{background:url(../pics/cliente01.jpg) no-repeat;width:108px;height:108px;}
#cliente01:hover,#cliente01.hover{background:url(../pics/cliente01-hover.jpg) no-repeat;}
#cliente02{background:url(../pics/cliente02.jpg) no-repeat;width:108px;height:108px;}
#cliente02:hover,#cliente02.hover{background:url(../pics/cliente02-hover.jpg) no-repeat;}
#cliente03{background:url(../pics/cliente03.jpg) no-repeat;width:108px;height:108px;}
#cliente03:hover,#cliente03.hover{background:url(../pics/cliente03-hover.jpg) no-repeat;}
#cliente04{background:url(../pics/cliente04.jpg) no-repeat;width:108px;height:108px;}
#cliente04:hover,#cliente04.hover{background:url(../pics/cliente04-hover.jpg) no-repeat;}
#cliente05{background:url(../pics/cliente05.jpg) no-repeat;width:108px;height:108px;}
#cliente05:hover,#cliente05.hover{background:url(../pics/cliente05-hover.jpg) no-repeat;}
#cliente06{background:url(../pics/cliente06.jpg) no-repeat;width:108px;height:108px;}
#cliente06:hover,#cliente06.hover{background:url(../pics/cliente06-hover.jpg) no-repeat;}
#cliente07{background:url(../pics/cliente07.jpg) no-repeat;width:108px;height:108px;}
#cliente07:hover,#cliente07.hover{background:url(../pics/cliente07-hover.jpg) no-repeat;}
#cliente08{background:url(../pics/cliente08.jpg) no-repeat;width:108px;height:108px;}
#cliente08:hover,#cliente08.hover{background:url(../pics/cliente08-hover.jpg) no-repeat;}

#sidebar .areas {float:left;display:inline;width:195px;margin:10px 0 0 0px; float:left; display:inline;}
#sidebar .areas h2{width:195px;height:33px;text-indent:-9000em;overflow:hidden;border:none;margin:10px 0 5px 4px;}
#sidebar .areas #documentos{background:url(../pics/tt-areadocondominio.jpg) no-repeat;}
#sidebar .areas #boletos{background:url(../pics/tt-areadosindico.jpg) no-repeat;}
#sidebar .areas #fornecedores{background:url(../pics/tt-patrocinadores.jpg) no-repeat; margin-top:10px; height:20px;}
#sidebar .areas #caixa-fornecedores{background:url(../pics/bg-patrocinadores.jpg) no-repeat; width:250px; height:250px; float:left; margin:0 0 0 2px;}
#sidebar .areas #caixa-fornecedores ul{margin:20px 0 20px 17px;}
#sidebar .areas #caixa-fornecedores ul li{margin-bottom:14px; list-style:none;}

#sidebar .areas .text{font: 13px arial; color:#525252}
#sidebar .areas a{color:#03F;}
#sidebar .areas a:hover{color:#03F; text-decoration:underline;}


.restrita #sidebar{width:950px;}
.restrita #sidebar .areas{margin:20px 130px;}
.restrita #sidebar .areas p{width:230px; margin:20px 0 0 0;}
#linha{height:180px; width:3px; border-right:1px solid #CECECE; float:left; display:inline; margin-top:30px; margin-left:30px;}

.caixa {background:url(../pics/bg-caixa.jpg) no-repeat;width:230px;height:80px;position:relative;}
.caixa2 {background:url(../pics/bg-caixa2.jpg) no-repeat;width:230px;height:55px;position:relative;}
.caixa label {font:bold 12px arial;color:#565656;display:block;width:200px;position:absolute;top:-22px;left:4px;}
.input-informativo {background:none;border:none;font:12px arial;color:#565656;width:150px;height:18px;padding:3px 5px;}
.form_textfield {background:url(../pics/input-caixa.jpg) no-repeat; width:161px; height:23px;position:absolute;top:12px;left:16px;}
.bt-verde{cursor:pointer; background:url(../pics/ok-verde.jpg) no-repeat;width:24px;height:23px;border:none;position:absolute;top:30px;right:-32px;}
.bt-verde:hover{background:url(../pics/ok-verde-hover.jpg) no-repeat;}
.bt-vermelho{cursor:pointer; background:url(../pics/ok-vermelho.jpg) no-repeat;width:24px;height:23px;border:none;position:absolute;top:0;right:-32px;}
.bt-vermelho:hover{background:url(../pics/ok-vermelho-hover.jpg) no-repeat;}
input#login{position:absolute; top:0px;}
input#senha{background:url(../pics/input-caixa.jpg) no-repeat;position:absolute; width:151px; top:30px;}

#clientes li{ float:left; margin:3px }
#clientes ul{ width:450; height:235px; margin-left: 80px; mar}

/* ESTRUTURA DAS INTERNAS */

#internas {margin:0 auto;width:1000px;background:url(../pics/bg.jpg) repeat-y;padding-bottom:70px;}
html > body #internas {height:auto; min-height:540px;}

#internas p {font:normal 12px arial;color:#525252;margin:0 65px 14px;text-align:justify;}

#internas h1 {width:660px;height:73px;text-indent:-9000em;overflow:hidden;margin:0 0 40px 27px;border:none;}
#internas h1.aempresa {background:url(../pics/tt-aempresa.jpg) no-repeat;}
#internas h1.clientes {background:url(../pics/tt-clientes.jpg) no-repeat;}
#internas h1.arearestrita {background:url(../pics/tt-arearestrita.jpg) no-repeat;}
#internas h1.imoveis {background:url(../pics/tt-imoveis.jpg) no-repeat;}
#internas hl.imoveis {background:url(../pics/tt-imoveis.jpg) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat;}
#internas h1.contatointerna {background:url(../pics/tt-contato.jpg) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat;}
#internas h1.atendimento {background:url(../pics/tt-atendimento.jpg) no-repeat;}
#internas h1.proposta {background:url(../pics/tt-proposta.jpg) no-repeat;}

#internas .restrito{ color:#03F;}
#internas .restrito:hover{ color:#03F; text-decoration:underline;}

/* FORMATAÇAO DAS INTERNAS */
#internas h2 {color:#7C7C7C;font:bold 16px arial;margin:30px 0 5px 65px;}
#internas h2 a {font:bold 14px arial; color:#525252; text-decoration:underline;}
#internas h3 {font:bold 14px arial; color:#5ccde4; margin:0x 0 8px 0px; text-align:justify;}

.space-tit {margin-top:35px;}

.coluna{width:270px;margin:20px 25px 10px 27px;float:left;display:inline;}
.coluna1{margin-left:60px;}
.coluna ul {margin:0 0 13px 0;}
.coluna ul li {font:normal 12px arial;color:#525252;}
.div-coluna {width:500px;border-bottom:1px solid #F4F4F4;margin:0 auto 30px auto;}

.clientes-col {margin:0 0 20px 65px;}
.clientes-col ul {margin:0 120px 50px 15px;float:left;display:inline;width:170px;}
.clientes-col ul li {font:normal 12px arial;color:#525252;list-style-type:square;margin-bottom:2px;}

/* NOVO MODELO CLIENTES */
.clientes-col2 {margin:0 0 20px 65px;}
.clientes-col2 ul {margin:0 0 50px 50px;float:left;display:inline;width:173px;}
.clientes-col2 ul li {font:normal 12px arial;color:#525252;list-style-type:square;margin-bottom:2px;}
.clientes-col2 ul li a{color:#46b8cf; font-weight:bold;}


/*#internas ul {margin-bottom:10px;}
#internas li {font:normal 12px arial; color:#525252; margin:0 42px 8px 20px; list-style-type: square; text-align:left;}*/

div.mapa-google{margin-left:45px;}

#lado-esquerdo{width:700px; float:left; display:inline;}
#sidebar{width:240px; float:left; display:inline;}

#lado-esquerdo-emp{width:500px; float:left; display:inline;}
#sidebar-emp{width:380px; height:300px; float:left; display:inline;}


/* CLIENTES */
#clientes-line-a {margin-top: 0px; height: 1060px;}
#clientes-coluna-a {margin-left:65px; width: 260px;	height: 1060px;}
#clientes-coluna-b {margin-left:370px;	margin-top:-1060px;	width: 260px; height: 1060px;}
#clientes-coluna-c {margin-left:690px;	margin-top:-1060px;	width: 260px; height: 1060px;}

/* FORMULARIO DE CONTATO */

#form-contato {margin:20px auto 0 auto; width:400px;}
#form-contato p {margin:15px auto 25px 65px !important;} 
#form-contato fieldset {border:none; width:380px;}

.contato, textarea {font:normal 13px arial; color:#000;border:1px solid #d4d4d4;background:#fff;}
.contato:focus, textarea:focus {border:1px solid #1D415B;background:#fff;}

#form-contato label {width:80px;font:bold 11px arial;color:#525252;text-align:right;padding-right:10px;padding-top:11px;float:left; display:inline;cursor:pointer;}

input.contato {width:250px;height:20px;margin:0 7px 6px 7px;padding:6px;}
textarea {width:254px;height:110px;margin:2px 0 0 5px;overflow:auto;padding:5px;}

input#enviar {width:80px;height:35px;border:1px solid #d4d4d4;background:#fff;cursor:pointer;float:left;
display:inline;margin:253px 0 0 497px;color:#525252;font:bold 12px arial;}
input#enviar:hover {border:1px solid #1D415B;}




/* FOOTER */

#end {position:absolute;bottom:24px;left:368px;z-index:1000;}
#end address {font:normal 13px arial;color:#000;}

#maisinformacoes {position:absolute;bottom:73px;left:80px;}

#predios {position:absolute;bottom:0;right:27px;}

a#assinatura {display:block;position:absolute;bottom:13px;left:74px;width:100px;height:24px;background:url(../pics/assinatura.jpg) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {position:absolute;bottom:0;width:100%;}
#footer-in {height:142px;background:url(../pics/bg-footer_in.jpg) no-repeat right;}


#osx-modal-content, #osx-modal-data {display:none;}
#osx-overlay {background-color:#000; cursor:wait;}
#osx-container {background-color:#eee; color:#000; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000;background-color:#ddd;border-bottom:1px solid #ccc;font:bold 16px Trebuchet MS, verdana;padding:6px 8px;
text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;font:normal 17px Trebuchet MS, verdana;color:#6b6b6b;}
#osx-container p {margin:20px 0 0 0;font:normal 13px Trebuchet MS, verdana;color:#6b6b6b;}
#osx-container span {color:#777; font-size:.9em;}
.simplemodal-close {border:1px solid #fff;background:#eeeeee;width:80px;height:30px;color:#ababab;float:right;margin:0 15px 15px 0;padding:3px;cursor:pointer;}



/* css novo */

.img-right {float:right;display:inline;margin:0 55px 10px 20px;border:8px solid #EFEFEF;}



/* FORMULARIO DE PROPOSTA */

#form-proposta {margin:20px auto 0 auto; width:400px;}
#form-proposta p {margin:15px auto 25px 65px !important;} 
#form-proposta fieldset {border:none; width:450px; margin-bottom:30px;}

.proposta, textarea {font:normal 13px arial; color:#000;border:1px solid #d4d4d4;background:#fff;}
.proposta:focus, textarea:focus {border:1px solid #1D415B;background:#fff;}

#form-proposta label {width:130px;font:bold 11px arial;color:#525252;text-align:right;padding-right:10px;padding-top:11px;float:left; display:inline;cursor:pointer;}

input.proposta {width:250px;height:20px;margin:0 7px 6px 7px;padding:6px;}
textarea {width:254px;height:110px;margin:2px 0 0 5px;overflow:auto;padding:5px;}

input#enviar {width:80px;height:35px;border:1px solid #d4d4d4;background:#fff;cursor:pointer;float:left;
display:inline;margin:965px 0 0 548px;color:#525252;font:bold 12px arial;}
input#enviar:hover {border:1px solid #1D415B;}
span.cond {font:normal 12px Trebuchet MS, arial; color:#5f5347; margin:0 30px 18px 15px;}