/* --------------------------------------------------------------
	
	KOPSTEIN CONSTRUTORA

-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   RESET
-------------------------------------------------------------- */

img, input { behavior:	url(resources/scripts/pngbehavior.htc); }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. *//*
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* --------------------------------------------------------------    
   TIPOGRAFY
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 9px;
  color: #867A60;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: verdana, futura bk bt,tahoma,arial,helvetica; font-weight: normal; color: #043C77; letter-spacing: 0.04em }

h1 { font-size: 20px; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 13px; margin-bottom: 0.25em; margin-top: 1.0em;  }
h3 { font-size: 16px; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 18px; line-height: 1; margin-bottom: 0.5em; }
h5 { font-size: 13px; line-height: 1; margin: 0 0 0 0; font-weight: bold; margin-bottom: 7px; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0 0 0 0;
}

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { text-decoration: underline }
a			{ text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists
-------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear 		{ clear: both }

.tituloModelo { font-size: 15px; }

a.btn 		{ 
			  height: 19px;
			  float: left;
			  padding: 1px 6px;
			  color: #DDDCCF;
			  font-weight: normal;
			  background: #000;
			}
			
a.btn:hover {  color: #FFF;	  text-decoration: none; }

.btn { width:100%; text-align: center;}

.labelFormCapa { font-size: 9px; color:#4F4838; }

.logo {
		float:left;
		margin-left:18px;
}

/* FORM
--------------------------------------------------------------- */
input,select { 
	font-size: 11px;
	font-family:Verdana;
	color: #000000; 
	border: 1px solid #D6CDBC;
	background: #ECE9E1; 
}

.btnForm {
		border: 0px;
		background: none;
		width: 89px;
		height: 50px;
}

textarea { 
	font-size: 11px;
	font-family:Verdana;
	color: #000000; 
	border: 1px solid #D6CDBC;
	background: #ECE9E1; 
}

			
/* STRUCTURE
--------------------------------------------------------------- */
html 	{ height: 100%; }

body	{
		width: 100%;
		background: #F3F1E6 url(../images/bg_body.jpg) repeat-x top;
}

.main { 
		font-size: 10px;
		margin-top:14px; 
}

.cabecalho 	{
		width: 757px;
		margin: 7px auto 2px;
		height: 80px;
}

.menu {
		width: 757px;
		margin: 0 auto;
}

.sub_menu {	
			width:737px;
			margin: 0px auto;
			padding: 20px 0px 0px 20px;
			font-size: 9px;
}

.slogan {
		float:left;
		padding-left:100px;
		padding-top: 15px;	
		width: 355px;
		
}

.slogan_foto {
		width: 251px;
		height: 51px;
}

.atendimento {
		float:left;
		padding-top:12px;
}

.atendimento_foto {
		width: 136px;
		height: 67px;
}

.conteudo {	
		width: 757px;
		margin: 14px auto;
}

.empreendimentos_conteudo {
		background: url(../images/bg_empreendimentos.jpg) repeat-x;
}

#splendor, #vivre {
		width: 1000px;
		margin: 5px auto;
}

.splendor_mais {
		width: 1000px;
		margin: 15px auto;
		margin-bottom: 35px;
}

.conteudoInterna {	
		width: 757px;
		margin: 3px auto;
}

.corpo_site {
		line-height: 18px;
		padding: 15px 23px 10px 23px;
		min-height: 470px;
		width: 487px;
		background: url(../images/bg_corpo_site.jpg) no-repeat;
		font-size: 11px;
		color: #443E30;
		float:left;
}

.direita { 
		margin-left: 20px;
		float:left;
}

.rodape {
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		width: 100%;
		height: 81px;
	 	font-size: 9px;
	 	color: #8F8E8A;
	 	background: url(../images/bg_rodape.jpg) repeat-x top;
}

.menu_rodape {
		margin: 0 auto; 
		width:757px;
}

.link_rodape	{ margin-top: -3px; margin-bottom:10px;}
.link_rodape ul	{ text-align: right; }
.link_rodape li	{ display: inline; }
.link_rodape p 	{ margin: 0px 0 0 0 }
.link_rodape a 	{ font-weight: normal; color:#666666;}

.sub_menu a:focus   { text-decoration: underline;  }
.sub_menu a:hover   { text-decoration: underline;  }
.sub_menu a			{ text-decoration: none; color: #2D261E; }

/* CAPA
--------------------------------------------------------------- */
.conteudo_empreendimentos {
		padding: 60px 0 0 2px;
		width: 363px;
		height: 276px;
		float:left;
		background: url(../images/img_empreendimento.jpg) no-repeat;
		margin-bottom:40px;
}

.conteudo_agenda {
		padding: 60px 20px 0 20px;
		width: 167px;
		height: 246px;
		float:left;
		background: url(../images/img_visita.jpg) no-repeat;
}

.conteudo_informativo {
		padding: 60px 20px 0 20px;
		width: 145px;
		height: 246px;
		float:left;
		background: url(../images/img_informativo.jpg) no-repeat;
}

/* KOPSTEIN
--------------------------------------------------------------- */
.foto_david {
		width: 152px;
		height: 210px;
}

.foto_portoAlegre {
		width: 239px;
		height: 206px;
}

/* CONTATO
--------------------------------------------------------------- */

.tbl_form {
			font-size: 11px;
}

.input_form {
			border: 1px solid #4A4435;
			width: 200px;
			height: 16px;
			background: #FFFFFF;
}

.select_form {
			border: 1px solid #4A4435;
			width: 205px;
			height: 20px;
			background: #FFFFFF;
}

.textarea_form {
			border: 1px solid #4A4435;
			width: 200px;
			height: 130px;
			background: #FFFFFF;
}

.width100	{ width: 100px; }
.width202	{ width: 202px; }
.width300	{ width: 300px; }
.height22 	{ height:22px;	}

.imagem_agenda {
		margin-left:3px;
		margin-top: 20px;
		height: 85px; 
		width: 171px;
}

/* LINK REWEB
--------------------------------------------------------------- */
.rodape .menu_rodape a	{
	color:#666;
 }
 
/* EMPREENDIMENTOS PLANTA
--------------------------------------------------------------- */
.bg_planta {
		margin: 0 0 0 0; 
		font-size: 12px; 
		color: #333333; 
		font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; 
		background:#ECE6D4 url(../images/bg_fundo_email.jpg) repeat-x;
}

.bg_planta_corpo {
		padding: 2px 17px 2px 17px; 
		margin: 5px 10px 0px 10px; 
		font-size: 11px;
		background: url(../images/bg_corpo_email.jpg) no-repeat; 
}

.titulo_planta {
		font: 20px Verdana; 
		color:#043C77;
}

.planta_rodape {
		margin-top:10px; 
		text-align:center; 
		width:100%; 
		background:url(../images/bg_fundo_email_rodape.jpg) repeat-x; 
		padding-top:10px;
}

.link_planta {
		font-family: Trebuchet MS;
		font-size: 12px;
		color: #043C77;
}