/*
Theme Name: Loquefácil
Theme URI: http://www.loquefacil.com.br/c/empresa
Author: Rodrigo Costa da Silva
Author URI: http://www.guigo.co.uk
Description: Tema 2012 do gerenciador de Conteúdo da Loquefácil.
Version: 1.0
*/
* { margin:0; padding:0;}
body { text-align:center; background:#303030; color:#222222; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* General Classes */
a img { border:none;}
.small { font-size:75%;}
.medium { font-size:90%;}
.big { font-size:120%;}
.alignleft { float:left; margin:0 10px 10px 0;}
.alignright { float:right; margin:0 0px 10px 10px;}
.aligncenter { margin:0 auto; display:block; text-align:center;}
.bold { font-weight:bold;}

.red {color:#E0040B;}
.superscript { font-size:xx-small; vertical-align:top;}

/* Layout */
#container { width:990px; margin:0 auto; text-align:left; background:#fff; overflow:hidden;}
/* Header */
#container .header { height:110px; position:relative;}
#container .header .logo { position:absolute; top:10px; left:10px; width:290px; height:90px;}
#container .header .logo h1 a {width:266px; height:83px; background:url(images/logo.png) no-repeat; display:block; text-indent:-9999px;}
#container .header .tools { position:absolute; top:10px; right:10px; width:560px; height:90px;}
#container .header .tools .tools-container { position:relative;}
#container .header .tools .tools-container h2 { width:250px; position:absolute; top:0px; left:25px;  font-size:24px; color:#E0040B; font-weight:normal;}
#container .header .tools .tools-container p { width:180px; position:absolute; top:0px; right:0px; font-size:24px; text-align:right;}
#container .header .tools ul.busca { list-style:none; position:absolute; top:30px; right:0px; width:100%; text-align:right;}
#container .header .tools ul.busca li { float:left;}
#container .header .tools ul.busca li .combo {width:115px; font-size:9px; margin:0 0px 5px 20px;}
#container .header .tools ul.busca li#buscar a { width:115px; height:22px; background:url(images/buscar.png) no-repeat 50% 50%; float:left; text-indent:-9999px; text-align:left;}

/* Menu */
#container .menu { padding:0 0 0 10px;}
#container .menu ul.top-menu { list-style:none; text-align:center;}
#container .menu ul.top-menu li { line-height:26px;}
#container .menu ul.top-menu li a { float:left; width:150px; height:26px; display:block; font-size:11px; background:url(images/menu-bg-unico.png) no-repeat top left; text-decoration:none; color:#1F1410; margin:5px 5px;}
#container .menu ul.top-menu li a:hover {background:url(images/menu-bg-unico.png) no-repeat bottom left; z-index:1;}
#container .menu ul.top-menu li.current a {background:url(images/menu-bg-unico.png) no-repeat bottom left;}
#container .menu ul.top-menu li#menu-home a {float:left; width:150px; height:26px; display:block; font-size:11px; background:url(images/menu-bg-unico-home.png) no-repeat top left; text-decoration:none; color:#1F1410; margin:5px 5px; text-transform:uppercase;}
#container .menu ul.top-menu li#menu-home a:hover {background:url(images/menu-bg-unico-home.png) no-repeat bottom left;}
#container .menu ul.top-menu li.current-home a {float:left; width:150px; height:26px; display:block; font-size:11px; background:url(images/menu-bg-unico-home.png) no-repeat bottom left; text-decoration:none; color:#1F1410; margin:5px 5px; text-transform:uppercase;}
#imoveis-sel a { position:relative; z-index:1;}
#imoveis-sel #lapis { position:absolute; top:-25px; right:-20px; z-index:5;}

/* Content Home */
#container .content {clear:both;}
#container .content a { color:#666; text-decoration:none;}
#container .content a:hover { color:#666; text-decoration:underline;}
#container #home { padding:20px 15px 40px 15px;}
#container #home ul.lista-imoveis { list-style:none;}
#container #home .imoveis-destaque { padding:60px 0 0 0;}
#container #home .imoveis-destaque ul.lista-imoveis li { float:left; margin:0 40px 30px 0; width:300px; height:315px; display:block;}
#container #home .imoveis-destaque ul.lista-imoveis li p { font-size:12px;}
#container #home .imoveis-destaque ul.lista-imoveis li.last { margin:0 0 30px 0 !important;}

#container #home #destaques { padding:40px 0; text-align:center;}
#container #home ul.imoveis, ul.imovel { list-style:none; text-align:left; margin:0 auto; font-size:12px; padding:0 0 20px 0;}
#container #home ul.imoveis li { padding:10px 10px;}
#container #home ul.imoveis li ul.imovel li { padding:0 0 0 0;}
#container #home h2 {font-size: 14px; font-weight: normal; padding: 0px 0px 10px 10px; color: #e0040b; text-transform: uppercase; clear:both; text-align:left;}


/* Content Empresa */
#container #empresa { position:relative; min-height:512px;}
#container #empresa .destaque { width:486px; height:472px; background: url(images/empresa.jpg) no-repeat; position:absolute; top:20px; right:0px;}
#container #empresa .main-empresa { width:466px; margin:0 0 0 20px; margin-right:494px; padding:20px 10px;}
#container #empresa .main-empresa h3 {font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #empresa .main-empresa p { font-size:14px; padding:0 0 20px 0; line-height:1.3em;}

/* Content Facilidades */
#container #facilidades { position:relative; min-height:512px;}
#container #facilidades .destaque { width:486px; height:472px; background:url(images/facilidades.jpg) no-repeat; position:absolute; top:20px; right:0px;}
#container #facilidades .main-facilidades { width:466px; margin:0 0 0 20px; margin-right:494px; padding:20px 0px 20px 10px; }
#container #facilidades .main-facilidades h3 {font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #facilidades .main-facilidades h3.pesquisa {font-size:17px; text-transform:none;}
#container #facilidades .main-facilidades p { font-size:14px; padding:0 0 20px 0; line-height:1.3em;}
#container #facilidades .main-facilidades p a.meuperfil { width:150px; height:26px; text-align:center; text-decoration:none; color:#E0040B; display:block; background:url(images/login-bg.png) no-repeat; font-size:11px; line-height:26px; margin:10px auto;}


/* Content Fale Conosco */
#container #fale-conosco { position:relative; min-height:512px;}
#container #fale-conosco .destaque { width:486px; height:472px; background:url(images/fale-conosco.jpg) no-repeat; position:absolute; top:20px; right:0px;}
#container #fale-conosco .main-fale-conosco { width:466px; margin:0 0 0 20px; margin-right:494px; padding:20px 10px;}
#container #fale-conosco .main-fale-conosco h3 { font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #fale-conosco .main-fale-conosco form { padding:0px 0 20px 0;}
#container #fale-conosco .main-fale-conosco label { font-size:14px; padding:0 0 0px 0; line-height:1.3em; display:block;}
#container #fale-conosco .main-fale-conosco .form-enviar { display:block;}
#container #fale-conosco .main-fale-conosco .form-nome, #container #fale-conosco .main-fale-conosco .form-email, #container #fale-conosco .main-fale-conosco .form-assunto, #container #fale-conosco .main-fale-conosco .form-mensagem  { width:300px; background:#CCC; margin:0 0 10px 0; border:1px solid #999;}

/* Content Área Restrita */
#container #area-restrita { position:relative; min-height:512px;}
#container #area-restrita .destaque { width:486px; height:472px; background:url(http://www.loquefacil.com.br/images/area-restrita.jpg) no-repeat; position:absolute; top:20px; right:0px;}
#container #area-restrita .main-area-restrita { width:466px; margin:0 0 0 20px; margin-right:494px; padding:20px 10px;}
#container #area-restrita .main-area-restrita h3 { font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #area-restrita .main-area-restrita form#area { padding:0px 0 100px 0;}
#container #area-restrita .main-area-restrita .form-enviar { display:block;}
#container #area-restrita .main-area-restrita .form-usuario, #container #area-restrita .main-area-restrita .form-senha  { width:150px; height:26px; background:url(images/login-bg.png) no-repeat; border:none; text-align:center; display:block; margin:0 0 10px 0;}
#container #area-restrita .main-area-restrita .form-senha {margin:0 0 20px 0;}
#container #area-restrita .main-area-restrita table { font-size:12px;}
#container #area-restrita .main-area-restrita table a { color:#000; text-decoration:none;}
#container #area-restrita .main-area-restrita table a:hover { text-decoration:underline;}

/* Content Imovel */
#container #imovel { position:relative; min-height:512px; padding:15px 0 30px 0;}
#container #imovel .destaque { width:486px; height:472px; background: url(images/empresa.jpg) no-repeat; float:right;}
#container #imovel .main-imovel { float:left; padding:20px 0px 20px 0px; width:990px;}
#container #imovel .main-imovel h2 { font-size:20px; font-weight:normal; padding:0 0 5px 31px; color:#E0040B; text-transform:uppercase;}
#container #imovel .main-imovel h3 { font-size:13px; font-weight:normal; text-transform:uppercase; padding:0 0 5px 31px; color:#E0040B;}
#container #imovel .main-imovel .descricao {font-size:13px; padding:0 0px 10px 31px; line-height:1.3em; width:450px;}
#container #imovel .main-imovel p { font-size:13px; padding:0 0 10px 31px; line-height:1.3em;}
#container #imovel .main-imovel p.fotos { font-size:10px;}
#container #imovel .main-imovel ul.dados { padding:0 0 20px 31px; list-style:none; font-size:13px;}

#container #imovel .main-imovel div.caracteristicas { clear:both; padding:10px 0 30px 0;}
#container #imovel .main-imovel div.caracteristicas ul.dados-carac { clear:both; width:950px; padding:0px 0 20px 16px; margin:0 0 0 31px; list-style:square; font-size:13px;}

#container #imovel .main-imovel ul.dados li { line-height:1.5em;}

#container #imovel .main-imovel h3.carac { clear:both;}
/*#container #imovel .main-imovel ul.dados-carac { clear:both; width:500px; padding:0 0 0 20px; margin:0 0 0 30px; list-style:square; font-size:13px;}*/
#container #imovel .main-imovel ul.dados-carac li { float:left; padding:0 20px 10px 0;}
#container #imovel .main-imovel { padding:5px 0;}

#container #imovel .main-imovel #maisinfo { padding:0 0 50px 0; width:450px; float:left;}


/* Form */
.clear {
	clear:both
}
.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:75px;
	font-weight:700
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:0px;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:0px;
}
.element .hightlight {
	border:2px solid #9F1319;
	background:url(images/iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:right;
	padding:10px;
	margin:15px 30px 10px 0;
}
.loading {
	float:right; 
	background:url(images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(images/iconIdea.gif) no-repeat 2px; 
	padding-left:0px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

/* */


#container #imovel .main-imovel #social {padding:0 0 50px 0; width:450px; float:right;}
#container #imovel .main-imovel #social .sharebox { padding:0 0 0 30px;}

/* Content Cadastro */
#container #cadastro { position:relative; min-height:512px; padding:0px 0 30px 0;}
#container #cadastro .destaque { width:486px; height:472px; background: url(images/empresa.jpg) no-repeat; float:right;}
#container #cadastro .main-cadastro { float:left; margin:0 0 0 20px; padding:20px 0px 20px 10px;}
#container #cadastro .main-cadastro h3 { font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #cadastro .main-cadastro p { font-size:13px; padding:0 0 10px 0; line-height:1.3em;}
#container #cadastro .main-cadastro ol { padding:10px 30px;font-size:13px;}
#container #cadastro .main-cadastro ol li { padding:0 0 10px 0;font-size:13px;}

/* Content Documentação */
#container #documentacao { position:relative; min-height:512px; padding:0px 0 30px 0;}
#container #documentacao .destaque { width:486px; height:472px; background: url(images/empresa.jpg) no-repeat; float:right;}
#container #documentacao .main-documentacao { float:left; margin:0 0 0 20px; padding:20px 0px 20px 10px;}
#container #documentacao .main-documentacao h3 { font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #documentacao .main-documentacao p { font-size:13px; padding:0 0 10px 0; line-height:1.3em;}
#container #documentacao .main-documentacao ol, #container #documentacao .main-documentacao ul { padding:10px 30px;font-size:14px;}
#container #documentacao .main-documentacao ol li, #container #documentacao .main-documentacao ul li { padding:0 0 10px 0;font-size:14px;}

/* Content Perguntas */
#container #perguntas { position:relative; min-height:512px; padding:0px 0 30px 0;}
#container #perguntas .destaque { width:486px; height:472px; background: url(images/empresa.jpg) no-repeat; float:right;}
#container #perguntas .main-perguntas { float:left; margin:0 0 0 20px; padding:20px 0px 20px 10px;}
#container #perguntas .main-perguntas h3 { font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#container #perguntas .main-perguntas p { font-size:14px; padding:0 0 10px 0; line-height:1.3em;}
#container #perguntas .main-perguntas ol, #container #documentacao .main-documentacao ul { padding:10px 30px;font-size:14px;}
#container #perguntas .main-perguntas ol li, #container #documentacao .main-documentacao ul li { padding:0 0 10px 0;font-size:14px;}

/* Footer */
#container .footer { clear:both; padding:50px; background:#000; color:#FFF;}
#container .footer p { font-size:12px; text-align:center;}


/* Carousel */
.image_carousel { padding: 15px 0 15px 40px;}
.image_carousel img { border: 1px solid #ccc; background-color: white; padding: 9px; margin: 7px; display: block; float: left;}
.image_carousel a { display: block; float: left;}
.clearfix {float: none; clear: both;}


#slider-code { height: 66px; padding:0px 0 30px 0; overflow:hidden; margin-left:0px; }
#slider-code .viewport { float: left; width: 380px; height: 66px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 20px 10px 0 0; float: left; }
#slider-code .next { margin: 20px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 10px 0 0; padding: 0px; height: 66px; border: none; width: 88px;}

#slider-code .prev { background:url(images/button.png) no-repeat; width:21px; height:29px; text-indent:-9999px; overflow:hidden;}
#slider-code .next { background:url(images/button.png) no-repeat top right; width:21px; height:29px; text-indent:-9999px; overflow:hidden;}


div.imovel-image { background:url(images/frame-imoveis.jpg) no-repeat; width:486px; height:472px; display:block; float:right; padding:0 0 40px 0px; margin:0 -20px 0 0; position:relative;}
div.imovel-image .foto_fachada { position:absolute; top:100px; left:130px;}

div.imovel-data { float:left; width:450px;}

div.imovel-image .foto_fachada img { border-top:10px solid #000; border-right:10px solid #000; border-bottom:40px solid #000; border-left:10px solid #000; -moz-transform:rotate(6deg); -webkit-transform:rotate(6deg); -o-transform:rotate(6deg); -ms-transform:rotate(6deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.1);}

#imoveis { width:880px; margin:0 auto; padding:50px 0;}
#imoveis h3 {font-size:14px; font-weight:normal; padding:0 0 20px 0; color:#E0040B; text-transform:uppercase;}
#imoveis a { color:#333;}


#imoveis table {
	 width:100%;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	 font-size:12px;
	}
	#imoveis table tr td { padding:10px 0;}
	#imoveis table tr td img { margin:10px 0; border:4px solid #F4F4F4;}
	#imoveis table tr td.last_line  { border-top:2px solid #F4F4F4;}
	
	#imoveis table tr td a { color:#999; text-decoration:none;}
	#imoveis table tr td a:hover { color:#333; text-decoration:underline;}
	
#imoveis #pagination {clear: both; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:10px 0; border-top:1px solid #CCC;}