/* .................................................................................................

Bascol - Flexcity

[Páginas Internas]

Copyight © 2009 - Plattô Comunicação Interativa

................................................................................................. */

@import url("flexcity.css");

h3 {
	background:transparent;
	color:#333333;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size: 24px;
	font-weight:normal;
	letter-spacing: 0;
	margin:25px 0 10px 0;
}

h4 {
	background:transparent;
	color:#333333;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size: 16px;
	font-weight:normal;
	margin:25px 0 10px 0;
}

h4 img { padding-bottom:7px; }

h5 {
	background:transparent;
	color:#333333;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size: 18px;
	font-weight:normal;
	letter-spacing: 0;
	margin:15px 0 5px 0;
}

button {
	float:left;
	margin-top:10px;
}

/*......................................................
Classes
......................................................*/

.left { float:left; }

.right { float:right; }

.text-center { text-align:center; }

.text-right { text-align:right; }

.small {
	background:transparent;
	color:#666;
	font-size:11px;
	line-height:normal !important;
}

.link {
	background:url(../_imagens/icon-right.gif) no-repeat 5px 8px #efefef;
	font-size:10px;
	padding:3px 5px 3px 15px;
	margin-top:5px;
}

.link-zoom {
	background:url(../_imagens/icon-zoom.gif) no-repeat 5px center #efefef;
	font-size:10px;
	padding:3px 5px 3px 18px;
	margin-top:5px;
}

.link-zoom a, .link a {
	background:transparent;
	color:#333;
}

.link-zoom a:hover, .link a:hover {
	background:transparent;
	color:#F00;
}

.quadro {
	background:transparent;
	color:#666;
	font-family:"MS Sans Serif", Arial, Tahoma;
	font-size:10px;
	line-height:normal;
	margin:10px 25px 0 0;
	padding:8px 10px;
}

.quadro img { margin-top:10px; }

.box-white {
	background:#fff;
	border:3px #e4e4e4 solid;
	margin:25px 0 35px 0;
	z-index:0;
}

.box-white-inner {
	font-size:11px;
	line-height:25px;
	padding:10px 25px;
}

.box-white-inner-2 {
	font-size:11px;
	line-height:25px;
	padding:0 20px;
}

.box-white ul { padding:10px; }

.box-white li {
	background:url(../_imagens/juveve/bullet-green.png) no-repeat left 3px transparent;
	color:#333;
	line-height:20px;
	padding:0 0 0 15px;
}

.content-col {
	float:left;
	position:relative;
	width:48%;
	z-index:0;
}

.content-col-left {
	margin:0 20px 0 0;
	position:relative;
	z-index:0;
}

.content-col-2 {
	float:left;
	position:relative;
	width:32%;
	z-index:0;
}

.space { margin:0 15px; }

.itens { line-height:16px; }

/*......................................................
Bascol
......................................................*/
.bascol {
	width:440px;
	z-index:5;
}

.bascol-blue {
	padding-top:15px;
	height:115px;
}

.bascol-blue img { float:left; }

.bascol-blue-text {
	background:transparent;
	color:#666666;
	float:left;
	line-height:20px;
	padding:10px 0 0 0;
}

.bascol-blue-text h5 {
	font-size:22px;
	font-weight:normal;
}

.bascol-blue-text h5 a {
	background:transparent;
	color:#666;
}

.bascol-blue-text h5 a:hover {
	background:transparent;
	color:#009bb7;
}

.bascol-images { padding-top:10px; }

.bascol-obras {
	position:absolute;
	z-index:0;
	top:10px;
	left:425px;
}

.bascol-obras img, .bascol-images img {
	background:#fff;
	border:3px #e4e4e4 solid;
	padding:2px;
}

.nav-bascol a {
	background:#fff center;
	border:#e4e4e4 2px solid;
	color:#666;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	font-size:9px;
	margin:8px 0 15px 8px;
	padding:1px;
	position:relative;
	width:66px;
	height:66px;
}

.nav-bascol a.activeSlide { border:#ed1c24 2px solid; }

.bascol-legenda {
	background:#fff;
	border:1px #e4e4e4 solid;
	margin:15px 25px 30px 0;
}

.bascol-legenda-inner {
	background:#fff;
	font-size:12px;
	line-height:18px;
	padding:10px 15px;
}

/*......................................................
Conceito
......................................................*/

#conceito {
	background:url(../_imagens/conceito.jpg) no-repeat left top;
	margin-top:-40px;
	padding:40px 0 220px 0;
}

/*......................................................
Diferenciais
......................................................*/
.qualidade-thumbs {
	margin:10px 0 20px 15px;
	text-align:center;
}

.qualidade-thumbs li {
	background:#fff;
	border:#e4e4e4 1px solid;
	color:#666;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	float:left;
	font-size:9px;
	margin:0 8px 10px 0;
	padding:5px;
}

.qualidade-thumbs img {
	border:#e4e4e4 2px solid;
	height:70px;
	padding:2px;
	width:74px;
}

.qualidade-thumbs li p { padding:3px 5px 0 0; }

.qualidade-thumbs li p img {
	border:none;
	height:11px;
	padding:0;
	width:11px;
}

#tooltip {
	background-color: #fff;
	border: 1px solid #ccc;
	position: absolute;
	padding: 5px;
	opacity: 0.90;
	z-index: 3000;
}

#tooltip h3,
#tooltip div {
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin: 0;
	padding:5px;
}

.diferenciais-detalhe {
	background:transparent;
	color:#999;
	font-size:9px;
	text-align:justify;
	padding:15px 15px 0 25px;
}

.diferenciais-itens p { padding-bottom:20px; }

.diferenciais-itens a {
	background:transparent;
	color:#000;
}

.diferenciais-itens a:hover { text-decoration:underline; }

/*......................................................
Empreendimentos
......................................................*/

.content-empreendimentos h2 {
	font-size:32px;
	margin:5px 0 20px 0;
}

.content-empreendimentos .imagem {
	border:#e4e4e4 2px solid;
	margin:0 15px 15px 0;
	padding:2px;
}

/*.........................................................
Contato / Cadastro
.........................................................*/
#contato, #cadastro { padding-left:13px; }

#contato div {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#cadastro div {
	height:45px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#cadastro div div {
	height:auto !important;
	width:205px;
	padding-right:0;
	padding-bottom:0;
}

#contato input, #cadastro input {
	padding:3px 5px;
	width:190px;
}
#cadastro div.campo_maior {
	width:390px;	
}
#cadastro div.campo_menor {
	width:190px;	
}
#cadastro div.campo_maior input{
	width:405px;
}
#contato input, #cadastro select.tipo_imovel{
	width:110px;
	padding:3px 0;
}
#contato input, #cadastro select.estados{
	width:100px;
	padding:3px 0;
	margin-top:5px;
}
#contato textarea, #cadastro textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	height:200px;
	width:438px;
}

#contato span, #cadastro span {
	font-size:16px;
	padding-right:15px;
	width:200px;
}

#contato .check{
        margin:0 !important;
	padding:0 !important;
	width:20px !important;
}

#cadastro span.menor, #cadastro input.menor {
	padding-right:0 !important;
	width:80px !important;
}

#cadastro input.menor { margin-top:5px !important; }

#cadastro .radio {
	margin:0 !important;
	padding:0 !important;
	width:20px !important;
}

#cadastro th {
	background:transparent;
	color:#333;
	font-weight:bold;
	padding-top:5px;
	padding-right:5px;
	vertical-align:top;
}

#cadastro td { padding:5px; }

.detalhe {
	background:transparent;
	color:#666;
	font-size:10px;
	padding:8px 0 0 90px;
	text-align:right;
}

.detalhe-2 {
	background:transparent;
	color:#666;
	font-size:10px;
	padding:15px 0 10px 0;
	text-align:left;
}

.contato { padding:15px 0; }

.contato img {
	float:left;
	margin-right:10px;
}

.contato h3, .contato p {
	float:left;
	width:250px;
}

.contato h3 { margin-top:40px; }

.contato .text-thin {
	background:transparent;
	color:#333;
}

.contato .text-thin a {
	background:transparent;
	color:#333;
	font-weight:bold;
}

.contato .text-thin a:hover {
	background:transparent;
	color:#ed1c24;
	text-decoration:underline;
}

#submitMessage {
	background:#e6e7e9;
	color:#333;
	float:left;
	font-size:10px !important;
	margin:9px 0 0 5px;
	padding:10px 15px;
	visibility:hidden;
}

.botao {
	border:none;
	color:#ed1c24;
	font-family:"Arial Narrow", Tahoma, Arial;
	padding:5px 8px 5px 14px!important;
	margin:15px 0 10px 0;
	text-align:left;
}

.erroEmail {
        border-color: #FF0000;
}