/* 
  ##########################################################################################################

	Sistema de Imobiliária
	Seu Site na Internet
	Rio de Janeiro, Brasil | Todos os direitos reservados

  ########################################################################################################### 
*/

/* General
---------------------------------- */

html {
	height: 100%;
	background-color: #333;
}

body {
	margin: 0;
	padding: 0;
	font: .625em Arial, Helvetica, sans-serif;
}

body#home {
	background: #fff url(../images/bg_body_home.jpg) repeat-x 50% 0;
}

body#internal {
	background: #fff url(../images/bg_body.jpg) repeat-x 50% 0;
}

#page {
	width: 100%;
	background: transparent url(../images/bg_footer.gif) repeat-x bottom left;
}

#wrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
}

body#home  #wrap {
	background: transparent url(../images/bg_wrap_home.jpg) no-repeat 50% 0;
}

body#internal  #wrap {
	background: transparent url(../images/bg_wrap.jpg) no-repeat 50% 0;
}

/* Headers
---------------------------------- */

h1, h2, h3, h4 {
	margin: .5em 0;
	font-family: GillSans, Trebuchet, "Trebuchet Ms", Calibri, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2.25em;
	color: #508396;
}

#logo h1 {
	margin: 0;
	padding: 0;
}

#logo h1 a {
	border: none;
}

h2 {
	font-size: 2em;
	color: #66ACC6;
}

h2#title-home {
	margin: 25px 0 0 0;
	width: 430px;
	height: 60px;
	text-indent: -9999px;
	background: transparent url(../images/h2-titulo-home.png) no-repeat 0 0;
}

h2#title-page-not-found {
	margin: 25px 0 0 0;
	width: 334px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../images/h2-pagina-nao-encontrada.png) no-repeat 0 0;
}

h2#title-o-que-e {
	margin: 25px 0 0 0;
	width: 125px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../images/h2-o-que-e.png) no-repeat 0 0;
}

h2#title-tour {
	margin: 25px 0 0 0;
	width: 68px;
	height: 22px;
	text-indent: -9999px;
	background: transparent url(../images/h2-tour.png) no-repeat 0 0;
}

h2#title-solicite-o-seu {
	margin: 25px 0 0 0;
	width: 182px;
	height: 22px;
	text-indent: -9999px;
	background: transparent url(../images/h2-solicite-o-seu.png) no-repeat 0 0;
}

h2#title-clientes {
	margin: 25px 0 0 0;
	width: 112px;
	height: 22px;
	text-indent: -9999px;
	background: transparent url(../images/h2-clientes.png) no-repeat 0 0;
}

h2#title-contato {
	margin: 25px 0 0 0;
	width: 112px;
	height: 22px;
	text-indent: -9999px;
	background: transparent url(../images/h2-contato.png) no-repeat 0 0;
}

h3 {
	font-size: 1.6em;
	font-style: italic;
	color: #363636;
}

h3#title-integracao-total {
	margin: 0;
	width: 331px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../images/h3-integracao-total.png) no-repeat 0 0;
}

h3#title-depoimento {
	margin: 0;
	width: 167px;
	height: 29px;
	text-indent: -9999px;
	background: transparent url(../images/h3-depoimento.png) no-repeat 0 0;
}

h3#title-vantagens {
	margin: 0;
	width: 138px;
	height: 26px;
	text-indent: -9999px;
	background: transparent url(../images/h3-vantagens.png) no-repeat 0 0;
	clear: both;
}

h3#title-recursos {
	margin: 1em 0 0 0;
	width: 113px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url(../images/h3-recursos.png) no-repeat 0 0;
	clear: both;
}

h3#title-onde-estamos {
	margin: 2em 0 0 0;
	width: 185px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url(../images/h3-onde-estamos.png) no-repeat 0 0;
}

h3#title-hotsites {
	margin: 2em 0 0 0;
	width: 99px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url(../images/h3-hotsites.png) no-repeat 0 0;
	clear: both;
}


h4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #363636;
}

/* Common
---------------------------------- */

p {
	margin: 1.4em 0;
	padding: 0;
	line-height: 1.4em;
}

img {
	border: 0;
}

hr {
	display: none;
}

a,
a:link,
a:active,
a:visited {
	color: #66ACC6;
	text-decoration: none;
	border-bottom: 1px dotted #66ACC6;
}

a:hover {
	border-bottom: 1px solid #66ACC6;
}

/* Classes
---------------------------------- */

.floatleft {
	margin: 8px 8px 0 0;
	padding: 0;
	float: left;
}

.info {
	padding: 6px 6px 6px 24px;
	background: transparent url(../images/tick-checklist.png) no-repeat 3px 6px;
}

/* Header
---------------------------------- */

#header {
	margin: 0;
	padding: 85px 0 0 0;
	height: 230px;
}

#logo {
	margin: 0 0 0 105px;
}

/* Navigation
---------------------------------- */

#navigation {
	position: absolute;
	top: 250px;
}

#navigation ul {
	margin: 0 0 0 4px;
	padding: 0;
	height: 56px;
	list-style-type: none;
}

#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	display: block;
	height: 56px;
	border: none;
	text-indent: -9999px;
}

#navigation ul li#nav-home a {
	width: 104px;
	background: transparent url(../images/nav_home.png) no-repeat 0 -112px;
}

#navigation ul li#nav-o-que-e a {
	width: 114px;
	background: transparent url(../images/nav_o_que_e.png) no-repeat 0 -112px;
}

#navigation ul li#nav-tour a {
	width: 105px;
	background: transparent url(../images/nav_tour.png) no-repeat 0 -112px;
}

#navigation ul li#nav-solicite-o-seu a {
	width: 165px;
	background: transparent url(../images/nav_solicite_o_seu.png) no-repeat 0 -112px;
}

#navigation ul li#nav-clientes a {
	width: 131px;
	background: transparent url(../images/nav_clientes.png) no-repeat 0 -112px;
}

#navigation ul li#nav-contato a {
	width: 111px;
	background: transparent url(../images/nav_contato.png) no-repeat 0 -112px;
}

#navigation ul li a:hover {
	background-position: 0 -56px !important;
}

#navigation ul li.selected a {
	background-position: 0 0 !important;
}

/* Container
---------------------------------- */

#container {
	margin: 0;
	padding: 0 30px;
	min-height: 220px;
}

/* Content
---------------------------------- */

#home-content {
	width: 500px;
	font-size: 1.2em;
}

#flash-home {
	position: absolute;
	margin: -5px 0 0 270px;
	background-color: #fff;
	color: #e9e9e9;
}

#what-is-this-about {
	font-size: 1.6em;
	color: #696969;
	font-style: italic;
	margin: 1em 0;
	padding: 0;
}

#badge-sincronizacao {
	position: absolute;
	margin: -40px 0 0 600px;
	width: 200px;
	height: 201px;
	background: transparent url(../images/badge-sincronizacao.png) no-repeat 0 0;
}

#badge-sincronizacao a {
	border: none;
	display: block;
	widows: 200px;
	height: 201px;
	text-indent: -9999px;
}

#button-benefits a {
	color: #000;
	border: none;
	font-weight: bold;
	width: 480px;
	height: 37px;
	background: transparent url(../images/bt-vantagens.png) no-repeat 320px 0;
	line-height: 2.6em;
	display: block;
}

#button-benefits a:hover {
	background-position: 320px -37px;
}

#button-how-it-works {
	padding: 12px 0 0 0;
	clear: both;
}

#button-how-it-works a {
	border: none;
	width: 267px;
	height: 37px;
	background: transparent url(../images/bt-como-funciona.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}

#button-how-it-works a:hover {
	background-position: 0 -37px;
}

#button-request {
	padding: 0;
	clear: both;
}

#button-request a {
	border: none;
	width: 221px;
	height: 37px;
	background: transparent url(../images/bt-solicite.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}

#button-request a:hover {
	background-position: 0 -37px;
}

#siga-no-twitter {
	margin: 1em auto 0 auto;
	clear: both;
}

#siga-no-twitter a {
	margin: auto;
	display: block;
	width: 270px;
	height: 53px;
	background: transparent url(../images/siga-no-twitter.png) no-repeat 0 0;
	text-indent: -9999px;
	border: none;
}

#extra-content {
	margin: 40px 0 0 0;
	height: 360px;
}

.extra-content-column {
	margin: 0 0 20px 0;
	float: left;
}

.column-left {
	padding: 0 20px 0 0;
	width: 420px;
	background: transparent url(../images/dotted.gif) repeat-y top right;
}

.column-right {
	padding: 0 0 0 40px;
	width: 440px;
}

ul#integracao {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#integracao li {
	float: left;
	text-align: center;
	width: 130px;
	height: 50px;
}

ul.checklist {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
	width: 800px;
}

ul.checklist li {
	margin: 0;
	padding: 6px 6px 6px 24px;
	background: transparent url(../images/tick-checklist.png) no-repeat 3px 6px;
	border-bottom: 1px dotted #e9e9e9;
}

ul#nav-tour {
	margin: 2em 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 900px;
}

ul#nav-tour li {
	padding: 10px 15px;
	float: left;
	height: 200px;
}

ul#nav-tour li span {
	margin: .4em 0;
	padding: 0;
	font-size: 1.4em;
	font-style: italic;
	clear: both;
	display: block;
	width: 180px;
}

ul#nav-tour li a,
ul#nav-tour li a:link,
ul#nav-tour li a:active,
ul#nav-tour li a:visited {
	border: none;
}

ul#nav-tour li a img {
	border: 4px solid #333;
}

ul#nav-tour li a:hover img {
	border: 4px solid #66ACC6;
}

ul.list-clientes {
	margin: 2em 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.list-clientes li {
	padding: 10px 40px 10px 10px;
	float: left;
	height: 240px;
}

ul.list-clientes li div {
	margin: .4em 0;
	padding: 0;
	display: block;
	width: 250px;
}

ul.list-clientes li a,
ul.list-clientes li a:link,
ul.list-clientes li a:active,
ul.list-clientes li a:visited {
	font-size: 1.4em;
	font-style: italic;
	clear: both;
	color: #696969;
	border: none;
}

ul.list-clientes li a:hover {
	text-decoration: underline;
	border: none;
}

#box-hotsites {
	padding: 0;
	border-top: 2px solid #e9e9e9;
	clear: both;
}

#box-localizacao {
	float: right;
	width: 420px;
}

ul#list-about {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}

ul#list-about li {
	float: left;
	width: 440px;
	padding: 0 0 0 20px;
}

ul#list-about li.left {
	padding: 0 20px 0 0;
	background: transparent url(../images/dotted.gif) repeat-y top right;
}

ul#list-about li #cadastro-ip {
	padding-left: 80px;
	background: transparent url(../images/lock.png) no-repeat 0 4px;
	height: 190px;
}

ul#list-about li #cadastro-de-laudo {
	padding-left: 80px;
	background: transparent url(../images/laudo.png) no-repeat 0 4px;
	height: 250px;
}

ul#list-about li #relatorios {
	padding-left: 80px;
	background: transparent url(../images/line_chart.png) no-repeat 0 4px;
	height: 250px;
}

ul#list-about li #atendimento {
	padding-left: 80px;
	background: transparent url(../images/chat.png) no-repeat 0 4px;
	height: 160px;
}

ul#list-about li #sincronizacao {
	padding-left: 80px;
	background: transparent url(../images/sinc.png) no-repeat 0 4px;
	height: 190px;
}

ul#list-about li #sincronizacao h3 strong {
	color: #F60;
}


ul#list-about li #ficha-atendimento {
	padding-left: 80px;
	background: transparent url(../images/ficha.png) no-repeat 0 4px;
	height: 180px;
}

ul#list-about li #permissoes {
	padding-left: 80px;
	background: transparent url(../images/user_level.png) no-repeat 0 4px;
	height: 160px;
}

ul#list-about li #permissoes2 {
	padding-left: 80px;
	background: transparent url(../images/escala.png) no-repeat 0 4px;
	height: 160px;
}

ul#list-about li #permissoes3 {
	padding-left: 80px;
	background: transparent url(../images/postit.png) no-repeat 0 4px;
	height: 160px;
}

ul#list-about li #tabelas {
	padding-left: 80px;
	background: transparent url(../images/attach.png) no-repeat 0 4px;
	height: 180px;
}

ul#list-about li #cadastro-ip ul li,
ul#list-about li #cadastro-de-laudo ul li,
ul#list-about li #atendimento ul li,
ul#list-about li #sincronizacao ul li,
ul#list-about li #ficha-atendimento ul li,
ul#list-about li #permissoes ul li,
ul#list-about li #relatorios ul li,
ul#list-about li #tabelas ul li {
	padding-left: 14px;
	background: transparent url(../images/bullet.gif) no-repeat 0 10px;
}

ul#list-about li ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

ul#list-about li ul li {
	float: none;
	width: 300px;
	height: auto;
	padding: .2em 0;
	line-height: 1.6em;
}

.desenvolvimento {
	width: 272px;
	float:right;
	background:#f2f2f2;
	padding: 20px 20px 60px 20px;
	margin: 10px 0 56px 0;	
	}
	
.desenvolvimento ul {
	margin: 0;
	}
	
.desenvolvimento ul li{	
	padding-left: 14px;
	background: transparent url(../images/bullet.gif) no-repeat 0 5px;
	list-style: none;
	margin: 20px 0 0 -30px;
	}

/* Blockquote
---------------------------------- */

blockquote {
	margin: 2em 0;
	padding: 0 30px 0 0;
	background: transparent url(../images/quote-right.png) no-repeat bottom right;
	text-align: left;
}

blockquote p.quote-text {
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 1.2em;
	background: transparent url(../images/quote-left.png) no-repeat top left;
}

blockquote p.attribution {
	margin: 1em 0;
	padding: 0 0 0 90px;
	font-style: italic;
}

/* Vcard
---------------------------------- */

.vcard {
	margin: 1.2em 0;
	font-size: 1.4em;
}

.vcard .url {
	font-weight: bold;
}

.vcard .adr {
	margin: 1.2em 0;
}

/* Forms
---------------------------------- */

form {
	margin: 0;
	padding: 0;
}

#frm_contato {
	width: 440px;
	background: transparent url(../images/dotted.gif) repeat-y top right;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#fds_endereco {
	border: 1px solid #e9e9e9;
	padding: 10px;
	margin: 0;
	width: 430px;
	float: right;
}

label {
	display: block;
	margin: 0 1em 1em 0;
	float: left;
}

legend {
	color: #000;
	font-style: italic;
}

.x-large {
	width: 600px;
}

.large {
	width: 400px;
}

.small {
	width: 193px;
}

.x-small {
	width: 80px;
}

.textfield,
.text,
.select {
	display: block;
	margin: .1em 0 0 0;
	border: 1px solid #9a9a9a;
	background-color: #fafafa;
	padding: .2em;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}

form br {
	clear: left;
}

.lblerror {
	padding: 2px 4px 2px 24px;
	background: transparent url(../images/warning.png) no-repeat 2px 2px;
	color: #f00;
	display: none;
}

.input-error {
	border: 1px solid #f00;
}

/* Footer
---------------------------------- */

#footer {
	clear: both;
	margin: 40px 0 0 0;
	padding: 0 0 20px 30px;
	text-align: left;
	width: 940px;
	background-color: #333;
}

#footer  ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 31px;
}

#footer ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	display: block;
	height: 31px;
	border: none;
	text-indent: -9999px;
}

#footer ul li#nav-footer-home a {
	width: 53px;
	background: transparent url(../images/nav_footer_home.png) no-repeat 0 0;
}

#footer ul li#nav-footer-o-que-e a {
	width: 81px;
	background: transparent url(../images/nav_footer_o_que_e.png) no-repeat 0 0;
}

#footer ul li#nav-footer-tour a {
	width: 52px;
	background: transparent url(../images/nav_footer_tour.png) no-repeat 0 0;
}

#footer ul li#nav-footer-solicite-o-seu a {
	width: 103px;
	background: transparent url(../images/nav_footer_solicite_o_seu.png) no-repeat 0 0;
}

#footer ul li#nav-footer-contato a {
	width: 66px;
	background: transparent url(../images/nav_footer_contato.png) no-repeat 0 0;
}

#footer ul li a:hover {
	background-position: 0 -31px !important;
}

#footer #by {
	position: absolute;
	margin: -30px 0 0 720px;
}

#footer #by a {
	display: block;
	width: 211px;
	height: 32px;
	text-indent: -9999px;
	background: transparent url(../images/desenvolvido_por_seusitenainternet.png) no-repeat 0 0;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited { 
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #363636;
}

#footer a:hover {
	border-bottom: 1px solid #363636;
}

/* End
---------------------------------- */
