/* CSS - Sol Poente :: Outubro 2008 */
/* Vivianne Mello - Código Digital - www.codigodigital.com.br */

/* Gerais*/
 * { padding: 0; margin: 0; }
 :focus { outline: 0; }
 html { background: #fd7716; }
 a:hover { text-decoration: none; }
 body { font-family: Tahoma, Arial, sans-serif; font-size: 15px; color:#000; background:url(../images/bghuge2.jpg) center 6px no-repeat; width: 100%; height: 100%; display: table; }
 a img { border: 0; }
 #wrapper { width: 945px; margin: 16px auto 0; }
 #header { width: 935px; height: 130px; color: #333; margin-left: 10px; }
 #wrapperContent { background: url('../images/bodyback.jpg') top right repeat-y; width: 945px; }
 #content { width: 925px; color: #333; margin: 0px 0px 0px 0px; clear: both; }
 #footer { width: 925px; color: #333; clear: both; }
 #content a { color:#FE7815; }
 #content p.voltar { text-align: right; clear: both; font-size: 12px; }
 p.voltar a { background:url(../images/setab.jpg) left 2px no-repeat; padding-left: 10px; }
/* #newsletterpop { position: absolute; height:60px; left:500px; padding:10px; top:30px; z-index:9999; }*/
 #newsletterpop.esconde { display: none; }
 #newsletterpop { width: 190px; height: 15px; }
 #emailOk { padding-top: 15px; }
 #newsletterpop p { height: 20px; }
 #newsletterpop span { text-align: center; width: 173px; }
 #newsletterpop button { flat: left; background:#F1F8F6 url(../images/fade.png) repeat-x; border:1px solid #B5CCBA; color:#333333; font-weight:bold; margin-left: 3px; }
 span#newsletter { cursor: pointer; text-decoration: underline; height: 15px; }
 span#newsletter:hover { cursor: pointer; text-decoration: none; }
 span#newsletter #cliqueNews { _margin-bottom:0; }
 #faux { background: url(../images/faux.jpg) repeat-y 20px 0; clear: both; overflow: hidden; height: 100%; margin: 20px 0 0 0;}
 
/* Idiomas */
  .idiomas { margin:16px auto 0; width:945px; text-align:right; font-size:12px; }
  .idiomas li { list-style:none; display:inline; }
  .idiomas li a:link, a:visited { color:#fff; }
  .idiomas li.pt { margin-right:10px; }
  .idiomas li.en { margin-right:5px; }
  
 
/* Menu */ 
 .menu, .menu  ul { margin: 0; padding: 0; list-style: none; font-size: 16px; }
 .menu li { float: left; display: block; position: relative; margin-right: -1px; text-transform: uppercase; }
 .menu ul li { margin: 0; /*margin-bottom: -1px;*/ }
 .menu ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }
 .menu li a { color: #bdcefb; }
 .menu li a:hover, .menu li a:focus { color: #fff; }
 .menu a { display: block; padding: 3px; color: #000; text-decoration: none; float: left; height: 52px;}
 .menu a.highlighted { color: #759bff; }
 .menu ul a { float: none; }
 /* \*/
 .menu a { float: none; }
 /* */
 .menu li#empresa a	{ width:114px; background-position:0px -4px; }
 .menu li#empresa a:hover,
 .menu li#empresa a:focus,
 .menu li#empresa a.current { background-position:0px -67px; }
 
 .menu li#div1 a { width: 1px; background-position: -122px -4px; }
 
 .menu li#costa a { width: 185px; background-position:-130px -4px; }
 .menu li#costa a:hover,
 .menu li#costa a:focus,
 .menu li#costa a.current { background-position: -130px -67px; }
 
 .menu li#div2 a { width: 1px; background-position: -119px -4px; }
 
 .menu li#areas a { width: 173px; background-position:-333px -4px; }
 .menu li#areas a:hover,
 .menu li#areas a:focus,
 .menu li#areas a.current { background-position: -333px -67px; }
 
 #menu { height: 63px; margin-top: -6px; }
 #menu ul li a { display: block; background-repeat: no-repeat; text-indent:-9999px; background-image:url(../images/menuorange.jpg); }

/* Rodape */ 
 #footer p.assinatura span { display:block; height:1px; text-indent:-9999px; width:1px; height: 1px; padding-top: 10px; }
 #footer p.assinatura a { color: #A7A6A6; font-size: 13px; }
 #footer p.assinatura { margin: 20px 0 0 20px; height: 50px; padding: 20px 0 0 0; width: 100px; }
 
/* Topo */
 #logomarca { width: 427px; height: 86px; background: url(../images/sol-poente.jpg) 0 1px no-repeat; color: #d76a00; font-size: 11px; padding: 20px 0 0 0; line-height: 1.3; float: left;}
 #logomarca h2 { padding: 18px 0 0 290px; margin: 0; font-size: 11px; font-weight: normal; }
 #logomarca h1 { position: absolute; text-indent: -9999px; width: 290px; height: 68px; float: left; }
 #logomarca h1 a { display: block; width: 300px; height: 68px; }
 #menu { width: 505px; float: right; margin-bottom: 20px; }
 #submenu { width: 395px; float: right; display: block; height: 25px; color: #a7a6a6; font-size: 12px; text-align: right; clear: right; margin-right: 15px; }
 #submenu span { margin: 0 10px 10px; display: inline-block; height: 15px; }
 #submenu span a { color: #a7a6a6; text-decoration: underline; }
 #submenu span a:hover { text-decoration: none; }
 #submenu span img { margin-bottom: -5px; }
 #submenu span#contato a { color: black; }
 #submenu span.bolinhas { margin: 0px; margin-bottom: 10px; }
 
/* Main */
 #content.main { margin-left: 6px; }
 .main #destaques { width: 934px; margin-top: 5px; font-size: 13px; letter-spacing: 0.3px; line-height: 135%; }
 #destaques .destaque { width: 233px; float: left; padding-bottom: 10px; }
 #destaques .destaque:hover { cursor: pointer; }
 a .destaque { text-decoration: none; }
 #destaques a .destaque { color: #DB6704; text-decoration: none; display: block; width: 233px; height: 227px; overflow: hidden; } 
 a#construcao.destaque { background:transparent url(../images/construcao.jpg) 0 0 no-repeat; }
 a#construcao.destaque:hover { background:#ffcc66 url(../images/construcao.jpg) -233px 0 no-repeat; }
 a#energia.destaque { background:transparent url(../images/energia.jpg) 0 0 no-repeat; }
 a#energia.destaque:hover { background:#ffcc66 url(../images/energia.jpg) -233px 0 no-repeat; }
 a#imobiliaria.destaque { background:transparent url(../images/imobiliaria.jpg) 0 0 no-repeat; }
 a#imobiliaria.destaque:hover { background:#ffcc66 url(../images/imobiliaria.jpg) -234px 0 no-repeat; }
 a#agronegocio.destaque { background:transparent url(../images/agronegocio2.jpg) 0 0 no-repeat; width: 234px; }
 a#agronegocio.destaque:hover { background:#ffcc66 url(../images/agronegocio2.jpg) -233px 0 no-repeat; }
 .destaque h4 { height: 35px; overflow: hidden; position: relative; text-indent: -9999px; margin: 126px 0 0 12px; }
 .destaque h4 span { display: block; height: 100%; left: 0; top: 0; position: absolute; width: 100%; }
 .destaque { text-decoration: none; }
 .destaque p { padding: 17px 10px 0 12px; color: #DB6704; }  
 a#construcao h4 span { background:transparent url(../images/sp-construcao.gif) 0 -3px no-repeat; }
 	a:hover#construcao h4 span,
	a:focus#construcao h4 span	 { background:transparent url(../images/sp-construcao.gif) 0 -54px no-repeat; }
 a#imobiliaria h4 span { background:transparent url(../images/sp-imobiliaria.gif) 0 -3px no-repeat; }
 	a:hover#imobiliaria h4 span,
	a:focus#imobiliaria h4 span	 { background:transparent url(../images/sp-imobiliaria.gif) 0 -54px no-repeat; }
 a#energia h4 span { background:transparent url(../images/sp-energia.gif) 0 -3px no-repeat; } 
	a:hover#energia h4 span,
	a:focus#energia h4 span	 { background:transparent url(../images/sp-energia.gif) 0 -54px no-repeat; }
 a#agronegocio h4 span { background:transparent url(../images/sp-agronegocio.gif) 0 -3px no-repeat; }
 	a:hover#agronegocio h4 span,
	a:focus#agronegocio h4 span	 { background:transparent url(../images/sp-agronegocio.gif) 0 -54px no-repeat; }
 #flash { height: 255px; }
 #construcao p a.saibamais { background:transparent url(../images/plus.png) no-repeat scroll left top; padding-left:20px; }
 #construcao p a.saibamais:hover { background:#EEEEEE url(../images/plus.png) no-repeat scroll left top; }
 
/* Internas Gerais */ 
 #textoPrincipal #direita, #textoPrincipal #esquerda { width: 70px; }
 #textoPrincipal #direita:hover, #textoPrincipal #esquerda:hover { cursor: pointer; color: #CC3300; }
 #textoPrincipal #direita { float: right; text-align: right; }
 h4 a { text-decoration: none; color: #333; }
 
 /* FORMULARIO INTERNO */
 #contatoInterno fieldset { border: none; width: 190px; }
 #contatoInterno fieldset div { border:0 none; margin:0 auto 12px; padding:1px; }
 #contatoInterno fieldset div input { border: 1px solid #B5CCBA; padding: 3px; width: 220px; }
 #contatoInterno input { background:#F1F1F1; margin:3px auto; }
 #contatoInterno .invisivel { visibility:hidden; margin:0; height:0; }
 #contatoInterno textarea { border: none; background:#F1F1F1; border: 1px solid #B5CCBA; height:100px; margin:5px auto 10px; padding: 3px; width:220px; }
 #contatoInterno input:hover, #contatoInterno textarea:hover { background: #FAFBFC; }
 #contatoInterno input#goform { background:#F1F8F6 url(../images/fade.png) repeat-x scroll 0 0; border:1px solid #B5CCBA; color:#333333; float:right; font-weight:bold; margin-right: 10px; padding:0.25em; width:80px; }
 
/* Costa */
 #content.costa { width: 920px; margin-top: -20px; } 
 #content.costa #textoPrincipal { width: 934px; padding-left: 5px; }
 #content.costa h3 { font-size: 22px; margin-bottom: 10px; }
 #content.costa #mapaInterativo { width: 590px; height: 350px; margin-left: 330px; background: red; } 
 #content.costa #atrativos { clear: both; width: 600px; float: left; padding-left: 20px;  }
 #content.costa #atrativos h3 { font-size: 18px; }
 .conjuntoCosta { margin-bottom: 30px; }
 #atrativos .atrativo h4 a { text-decoration: none; color: black; }
 #atrativos .atrativo { margin: 30px 0; clear: left; min-height: 170px; height: auto !important; height: 170px; }
 .atrativo a.lightview#linkzinho { background: url(../images/pictures.png) top left no-repeat; padding-left: 20px; }
 .atrativo a.lightview#linkzinho:hover { background: #eeeeee url(../images/pictures.png) top left no-repeat; }
 #atrativos .atrativo p { margin: 8px 0;}
 #atrativos .atrativo img { float: left; margin: 0 10px 20px 0; clear: left; display: inline-block; }
 #content.costa #areasAtuacao { clear: right; float: right; width: 239px; color: #4c4c4c; padding: 5px; font-size: 13px; border-top: 3px solid #FE7815; }
 #content.costa #areasAtuacao img { margin: 10px 0 20px; }
 #content.costa #areasAtuacao h3 { font-size: 14px; font-weight: bold; text-decoration: underline !important; }
 #content.costa #areasAtuacao p { margin-bottom: 20px; }
 
/* Empresa */
 #content.empresa { width: 920px; } 
 #content.empresa #textoPrincipal { width: 410px; float: left; padding-left: 20px; }
 #textoPrincipal h3 { font-size: 28px; font-style: normal; font-weight: bold; margin-bottom: 20px; }
 #content.empresa #animacao { width: 465px; height: 250px; margin-left: 455px; } 
 #content.empresa #sedes { clear: both; width: 600px; float: left; padding-left: 20px; }
 #content.empresa #sedes h3 { font-size: 18px; }
 #sedes .sede h4 a { text-decoration: none; color: black; font-size: 20px; }
 #sedes .sede { margin: 50px 0; clear: left; }
 #sedes .sede p a.lightview { background:transparent url(../images/plus.png) no-repeat scroll left top; padding-left:20px; }
 #sedes .sede p a.lightview:hover { background:#EEEEEE url(../images/plus.png) no-repeat scroll left top; }
 #sedes .sede p { margin: 8px 0;}
 #sedes .sede img { float: left; margin-right: 10px; clear: left; display: inline-block; }
 #content.empresa #profissionais { float: right; width: 239px; color: #4c4c4c; padding: 5px; font-size: 13px; border-top: 3px solid #FE7815; }
 #content.empresa #profissionais img { margin: 0 10px 10px 0; float: left; }
 #content.empresa #profissionais h3 { font-size: 16px; font-weight: bold; color: #333333; margin-bottom:20px; }
 #content.empresa #profissionais p { margin-bottom: 20px; }
 #content.empresa #profissionais h4 span { font-weight: normal; font-size: 11px; display: block; margin:5px 0 10px; }
 #content.empresa #profissionais h4 { /*padding-top: 20px;*/ }
 #profissionais p.profissional { clear: both; }
 #profissionais div.profissional { margin-bottom: 40px; }
 
/* áreas de ATUAÇÃO */
 #content.atuacao { width: 920px; } 
 #content.atuacao #textoPrincipal { width: 616px; float: left; padding-left: 20px; }
 #content.atuacao h3 { font-size: 22px; margin-bottom: 20px; }
 #content.atuacao #animacao { height:160px; margin-left:650px; width:270px; } 
 #content.atuacao #areas { clear: both; width: 600px; float: left; padding-left: 20px; }
 #areas div.area { margin: 0 0 30px 0; clear: left; height: 160px; }
 #areas .area img { float: left; margin-right: 10px; clear: left; display: inline-block; }
 #areas .area h4 a { text-decoration: none; color: black; font-size: 22px; } 
 #areas .area p { margin: 8px 0;}
 #content.atuacao #conheca { clear: right; float: right; width: 239px; color: #4c4c4c; padding: 5px; font-size: 13px; border-top: 3px solid #FE7815; }
 #content.atuacao #conheca img { margin: 10px 0 20px; }
 #content.atuacao #conheca h3 { font-size: 14px; font-weight: bold; text-decoration: underline !important; }
 #content.atuacao #conheca p { margin-bottom: 20px; }
 #content.atuacao #areas h3 { font-size: 18px; }
 
/* Empresas Individuais */
 #content.empresa #servicos { clear: both; width: 600px; float: left; padding-left: 20px; }
 #content.empresa #servicos h3 { font-size: 18px; }
 #servicos .servico h4 a { text-decoration: none; color: black; }
 #servicos .servico { margin: 10px 0 30px 0; clear: left; height: 130px; }
 #servicos .servico p { margin: 8px 0;}
 #servicos .servico img { float: left; margin: 0 10px 10px 0; clear: left; display: inline-block; }
 #content #contatoInterno { float: right; width: 239px; _width:244px; color: #4c4c4c; padding: 5px; font-size: 13px; border-top: 3px solid #FE7815; }
 #content #contatoInterno h3 { font-size: 16px; font-weight: bold; color: #333333; }
 #content #contatoInterno p { margin-bottom: 20px; }
 #content #contatoInterno h4 span { font-weight: normal; font-size: 12px; }
 #content #contatoInterno h4 { padding-top: 20px; }
 
/* Contato */
 #content.pagcontato { width: 920px; } 
 #content.pagcontato #textoPrincipal { width: 400px; float: left; padding-left: 20px; }
 #content.pagcontato h3 { font-size: 22px; margin-bottom: 20px; }
 #content.pagcontato h4 { font-size: 18px; margin: 20px 0 20px; }
 #content.pagcontato h5 { font-size: 16px; }
 #content.pagcontato #contatoPrincipal { width: 444px; margin-left: 478px; background:#fbfbfb; font-size: 13px; } 
 #content.pagcontato #outrosEnderecos { color: #747474; }
 #content.pagcontato #outrosEnderecos h4 { color:#333333; }
 .endereco { height:170px; clear: left; }
 .endereco p { margin: 8px 0; }
 .endereco img { float: left; margin-right: 10px; clear: left; display: inline-block; }
 #contatoPrincipal p { width: 412px; padding: 15px; background:#E7E7E7; border-top: 3px solid #FE7815; height:145px; }
 #contatoPrincipal p img { float: left; margin: 0 20px 10px 0; }
 /* Contato: Formulário*/
 #contatoPrincipal fieldset { border: none; padding:1em; background:#E7E7E7; border-bottom: 3px solid #FE7815; width:416px;}
 #contatoPrincipal fieldset label { display: block; }
 #contatoPrincipal fieldset div { border:0 none; margin:0 auto 12px; padding:1px; }
 #contatoPrincipal fieldset div input { border: 1px solid #B5CCBA; padding: 3px; width: 406px; }
 #contatoPrincipal input { background:#F1F1F1; margin:3px auto; }
 #contatoPrincipal .invisivel { visibility:hidden; margin:0; height:0; }
 #contatoPrincipal textarea { border: none; background:#F1F1F1; border: 1px solid #B5CCBA; height:100px; margin:5px auto 10px; padding: 3px; width:406px; }
 #contatoPrincipal input:hover, #contatoPrincipal textarea:hover { background: #FAFBFC; }
 button#goform { background:#F1F8F6 url(../images/fade.png) repeat-x scroll 0 0; border:1px solid #B5CCBA; color:#333333; float:right; font-weight:bold; padding:0.25em; width:70px; }
 #contatoPrincipal select { border: 1px solid #B5CCBA; padding: 3px; width: 414px; background:#F1F1F1; margin-top: 3px; }
 #contatoPrincipal select option { background:#F1F1F1; }
 #contatoPrincipal select:hover, #contatoPrincipal select option:hover { background: #FAFBFC; }
 .msgErro { color: red; font-weight: bold; font-size: 12px; }
 #aviso { color: red; font-weight: bold; }
 
 
 .cssCaixa  { height: 173px; } 
 .cssCaixa ul {
    width:428px;
    height:200px;
    list-style:none;
    margin:0px;
    padding:0px;     
    overflow: hidden;    
}
.cssCaixa ul li {
    width:428px;
    height:200px;
    padding:0px;
    margin:0px;
    overflow:hidden;
    list-style:none;
}
.Scroll {
	width:428px;
	height:23px;
	background-image:url(ulti/linha.jpg);
	background-repeat:repeat-x;
}
.Scroll .btnPrev {
	margin-left:84px;
}
.Scroll .btnNext {
	margin-left:220px;
}
li.colunaScroll { width: 320px; } 
ul.caixaCosta { height:240px; }
#caixaAnimada.caixaEmpresa {  width: 400px; }
#caixaAnimada.caixaCosta { width: 280px; }
#caixa2 .cssCaixa { height: 240px; }
#formulariosRegistro .Checkboxes input { float: left; }