import url("reset.css");

* {margin:0;padding:0;} 

a{text-decoration: none}
html, body{height: 100%}
body > #wrapper{height: auto !important; min-height: 100%; height: 100%}
body{margin: 0; padding: 0; font-family: 'Cabin', Tahoma, sans-serif}
/* fix para opera */
body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px}
iframe{border: 1px solid #A47549}
img{max-width: 100%; border: 0}

/** IDS **/
#outer{border-top: 10px solid #942f34; width: 100%}
.wrapper{margin: 0 auto; width: 980px; position: relative}
#content{overflow:auto}
#logo h1{width: 205px; height: 75px; background: transparent url(/content/static/menu-logo.png) no-repeat bottom center; background-size: cover; text-indent: -3333px; float: left}

#menu{font-size: 12pt}
	#menu  ul li{}
		#menu  ul li a{color: #4d4d4d; height: 20px; line-height: 20px; text-decoration: none; text-transform: uppercase}
			#menu ul li .active,
			#menu ul li a:hover{color: #942f34}

#footer_wrapper, .push {height: 120px}

#footer_wrapper{border-top: 10px solid #942F34; position: relative; width: 100%}
	#footer{padding: 25px 0; margin: 0 auto; color: #4d4d4d}
	.footerlogo{position: relative; width: 130px; float: right; text-align: right}
		.footerlogo .adm{position: absolute; left: 0; top: 30%}
	.footertext{float: left; text-align: left}
		.footertext p{font-size: 16px; line-height: 10px}
		.footertext p:first-child{font-weight: 700}

#thanks{font: 500 11px Arial, sans-serif; width: 100%; border-radius: 5px;  color: white; -moz-border-radius: 5px; height: 25px; line-height: 25px; text-align: center; margin: 0 auto; display: none; margin-bottom: 10px}

/* login */
#login{
  width:450px;
  margin:0 auto;
  margin-top:5%;
}

#login h1{
  padding:20px 0;
  font-size:120%;
  font-weight:300;
  text-align:center;
}

#login form{
  background:#f0f0f0;
  padding:6% 4%;
}

#login input[type="text"], #login input[type="password"]{
  width:92%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4%;
  font-family:'Cabin',sans-serif;
  font-size:95%;
  color:#555;
}

#login input[type="submit"]{
  width:100%;
  background:#942f34;
  border:0;
  padding:4%;
  font-family:'Cabin',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#login input[type="submit"]:hover{
  background:#900;
}

/*contato*/
#contact-area {width: 100%; padding-top: 7px;}
#contact-area input[type="text"], #contact-area textarea{padding: 5px; width: 75%; font-family: 'Cabin', sans-serif; font-size: 1em; margin: 0px 0px 10px 0px; border: 1px solid #ccc}
#contact-area textarea{height: 90px}
#contact-area textarea:focus, #contact-area input[type="text"]:focus{border: 1px solid #003300}
#contact-area label{float: left; text-align: right; margin-right: 15px; font-weight: 700; width: 15%; font-family: 'Cabin', sans-serif; padding-top: 5px; font-size: 1em}

#recaptcha_widget_div{margin: 0 auto; max-width: 300px}

/** CLASSES **/
.corrige{position: absolute; z-index: 100;left: 0;right: 0}

.font-cabin{font-family: 'Cabin', Tahoma, sans-serif}

.bg-grid{background: url(/content/static/bg-tinygrid.png) repeat top left}

.slider{background: #efeeef; position: relative}

.text-center{margin: 0 auto; text-align: center}

.botao-verde,
.botao-cinza,
.botao-vermelho
{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10pt;
	padding: 7px 15px;
	cursor: pointer;
	border: 0;
}

.botao-verde{background-color: #1c5652}
.botao-verde:hover{background-color: #1a4c47}

.botao-vermelho{background-color: #942f34}
.botao-vermelho:hover{background-color: #b6474c}

.botao-cinza{background-color: #808080}
.botao-cinza:hover{background-color: #707070}

.btn-fechar{display: inline; float: right; height: 25px; line-height: 25px; margin-top: 7px; padding: 0 10px}

.texto{text-align: center; height: 200px; color: white; font-size: 22pt; display: table; width: 100%}

.bg-vermelho{background-color: #942f34}
.bg-cinza{background-color: #eeeeee}
.bg-white{background-color: #ffffff}
.font-branco{color: #FFFFFF}
.font-vermelho{color: #942f34}
.font-green{color: #1c5652}
.font-cinza1{color: #4d4d4d}
.font-cinza{color: #808080}

.font-10{font-size: 10pt}
.font-12, .font-12 p{font-size: 12pt !important}
.font-14{font-size: 14pt}
.font-16{font-size: 16pt}
.font-18{font-size: 18pt}

.padded-r p{padding-right: 30px}
.padded-l p{padding-left: 30px}

.pointer{cursor: pointer}

/* detalhes do empreendimento */
.empreendimento{position: relative; z-index: 100; display: none; clear: both; width: 100%}
	.empreendimento .titulo{height: 40px; line-height: 40px; padding: 0 10px}

.header-fone{color: white; font-size: 11pt; background: #942f34; padding: 10px 15px; top: 0; right: 0; position: absolute}
.bold{font-weight:bold}
.clear{clear: both}
.space{padding: 10px}
.space-h{padding: 10px 0}
.space-v{padding: 0 10px}

.btn-tour {margin: 0 auto}

.success{background-color: #b5c833}
.error{background-color: #BFA432}

.success,
.error{
	color: white;
	width: 84%;
	margin: 10px auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 4px;
}

.content{color: #808080}

.content h1{font-weight: 700; font-size: 72px; color: #942f34; text-transform: uppercase; background: url(/content/static/h1-border.png) no-repeat bottom left; margin: 0; padding: 15px 0;}
.content h2{font-weight: 400; font-size: 32px; margin: 0; padding: 15px 0;}
.content .cite{font-weight: 700; font-size: 26px; line-height: 33px; background: url(/content/static/cite-border.png) no-repeat bottom left; padding-bottom: 15px}
.content p{font-size: 18px; line-height: 24px}

.content .home h1{font-weight: 700; font-size: 41px; color: #942f34; background: url(/content/static/h1-border.png) no-repeat bottom left; margin: 0; padding: 0 0 15px 0}
.content .home h2{font-weight: 400; font-size: 22px; margin: 0; padding: 0; margin-top: 15px}

.empreendimentos,
.esconde,
.col-75,
.col-60,
.col-50,
.col-40,
.col-33,
.col-25,
.col-20{}

@media (max-width: 320px) {
	/*#contato{top: 120px; position: absolute}*/
	#logo h1{width: 270px; background-size: contain; clear: both}
	#menu ul{padding: 0;}
	.header-fone{display: none}
	.content h1, .content .home h1{font-size: 26px}
	#contact-area input[type="text"], #contact-area textarea {width: 95%; clear: both}
	#contact-area input{width: 100%; clear: both}
	#contact-area label {width: 100%; text-align: left; clear: both}
}

@media (min-width: 321px) and (max-width: 480px) {
	.content h1, .content .home h1{font-size: 32px}
	#logo{clear: both}
	#logo h1{background-size: contain; width: 60%; clear: both}
}

@media (max-width: 480px) {
	.padded-r{padding: 0}
	.footertext p{font-size: 12pt}
	#footer{padding: 5px 0}
	.slider{display: none}
}
	
@media (min-width: 481px) and (max-width: 768px) {
	#logo{clear: both; width: 100%}
}

@media (min-width: 391px) and (max-width: 480px) {
	.content h1 {font-size: 44px}
	#contact-area label {text-align: left; width: 18%}
}

@media (min-width: 481px) and (max-width: 650px) {
	.content h1 {font-size: 55px}
}

@media (min-width: 651px) and (max-width: 770px) {
	.content h1 {font-size: 70px}
}

@media (max-width: 650px) {
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		top: 31% !important;
	}
}

@media (max-width: 800px) {
	.esconde{display: none}
	.footertext{width: 100%}
	.footertext p{text-align: center; line-height: 21px}
	.wrapper{width: 90%}
	#menu{font-size: 12pt; clear: both; width: 100%; margin: 0 auto}
		#menu  ul li{padding: 5px 0; text-align: center; list-style: none}
	.empreendimentos{text-align: center}
}

@media (min-width: 910px) {
	.max-w {max-width: 75%}
	
	.carousel-inner{height: 400px !important}
	#menu{display: table; font-size: 12pt; float: right; padding-top: 55px}
		#menu  ul li{display: table-cell; padding-left: 40px; text-align: left}
	.col-75{width: 75%; float: left}
	.col-60{width: 60%; float: left}
	.col-50{width: 50%; float: left}
	.col-40{width: 40%; float: left}
	.col-33{width: 33%; float: left}
	.col-25{width: 25%; float: left}
	.col-20{width: 20%; float: left}
	.col-15{width: 16%; float: left}
	
	.btn-tour {margin-right: 115px; margin-top: -45px; float: right}
}