body{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	background: #e6ede9; 
	color: #333;
}

#titulo {
	margin: 0 0 0 0;
	float: left;
	clear: both;
	width: 100%;
	height: 80px;
	z-index: 2;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	color: #666;
}

#seletores {
	width: 1000px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 55px;
	background-image: url(images/selector_back.png);
	background-position: 50px -40px;
}

.seletor{
	display: block;
	float: left;
	width: 210px;
	height: 200px;
	margin: 0 60px 0 0;
	background-position: 0px 0px;
	cursor: pointer;
}

a.seletor:hover {
  background-position: -210px 0px;
}

.lselect{
    display: block;
    width: 210px;
    height: 200px;
}

#hack{
	width:1000px;
	height: 170px;
}

#texto{clear: both;}

#desenhos{	    background-image: url(images/desenhos.png); margin-left: 110px; }
#marina{        background-image: url(images/marina.png);}
#esculturas{	background-image: url(images/esculturas.png);}

#descriptor {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	text-align: center;
	padding-right: 40px;
}

#footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:66px;
   background: url(images/bottom.png) repeat-x bottom left;
   text-align: right;
   overflow: hidden;
   z-index: 900;
}

/******* CONTACT FORM *******/
#contato_bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 901;
}

#contato_title {
  width: 550px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  background: #e6ede9; 
  border: 1px solid #999;
  border-bottom: none;
}

#contato_title:hover {
  background: #d4dbd7;
}

#contato_title a {
	display: block;
  color: #333;
	margin-top: 4px;
	font-weight: 700;
  text-decoration: none;
}
#contato_title a:visited {color: #333;border:0;text-decoration:none; }
#contato_title a:hover {color: #333;border:0;text-decoration:none; }

#contato_title span.hint {
	font-weight:normal;
	font-size: 11px;
}

#contato_title.active {
  width: 548px;
  border: 2px solid #333;
  border-bottom: none;
}

#contato_content{
	width: 538px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
	padding: 10px 0 0 10px;
	border: 2px solid #333;
	border-top: 1px dashed #666;
	border-bottom: none;
	text-align: left;
	display: none;
}
#contato_content.show   {  display: block; }

div.right{ text-align: right;}
.hidden {  display: none;  }
.show   {  display: block; }
strong{ font-weight: 700;}

#contactForm{
	padding: 0 10px 10px;
}
#contactForm.hidden {  display: none;  }
#contactForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#contactForm input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#contactForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactForm textarea{
	width: 450px;
	height: 80px;
	padding: 6px;
	color: #333;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cecece;
}
#contactForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#contactForm div{
	margin-bottom: 15px;
}
#contactForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#contactForm div span.error{
	color: #e46c6e;
}
#contactForm #send{
	background: #6f9ff1;
	background: #6c9;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
	margin-right: 15px;
	width: 150px;
}
#contactForm #send:hover {
	background: #9c9;
}
#contactForm #resetb{
	border: 0px;
	color: #fff;
	font-weight:700;
	width: 150px;
	background: #c66;
	margin-right: 15px;
}
#contactForm #resetb:hover {
	background: #f99;
}
#error{
	width: 480px;
	margin: 0 auto 20px auto;
	border: 1px solid #666;
	background: #ffc;
}
#error ul{
	list-style: square;
	padding-left: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid {
	padding: 15px 0;
	text-align: center;
	color: #063;
}

#formContainer{
	width: 600px;
	margin: 40px auto;
	text-align: left;
}
