@charset "utf-8";

/*---------------------------------------------
>> ESTRUTURA
---------------------------------------------*/

body {
  background:#FFF;
  padding-left:140px;
}
#container {
  float:left;
  display:inline;
}
#index #container {
  background: url(../images/header_lula_bege.gif) no-repeat 0 5px #dbd6d1;
  width:100%;
  min-height:1000px;
}
#grafico, #fotografia {
  background: url(../images/back_sec.gif) repeat-y #dbd6d1 -50px 0;
}
#grafico #container {
  background: url(../images/header_grafico.gif) no-repeat 0 5px;
}
#fotografia #container {
  background: url(../images/header_fotografia.gif) no-repeat 0 5px;
}
#infobio {
  background:#FFF;
}
#infobio #container {
  background:url(../images/header_lula.gif) no-repeat 0 5px;
}

/*---------------------------------------------
>> PÁGINAS
---------------------------------------------*/

/* ESTILOS GLOBAIS */


/* BOTÕES */

.btn-proxima-bege, .btn-proxima-branco {
  /*position:absolute;
  bottom:0;*/

  margin-top: 15px;

  background:url(../images/btn_proxima_bege.gif) top no-repeat;
  width:58px;
  height:35px;
}
.btn-proxima-bege:hover {
  background:url(../images/btn_proxima_bege.gif) bottom no-repeat;
}
.btn-proxima-branco {
  background:url(../images/btn_proxima_branco.gif) top no-repeat;
}
.btn-proxima-branco:hover {
  background:url(../images/btn_proxima_branco.gif) bottom no-repeat;
}

.fotos-interno {
  float: left;
  display:inline;
}

/* MENU */

#menu span { display:block; font-weight:bold; float:left; display:inline; margin:0 3px;}
#menu, #menu a {font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; float:left; display:inline}
#menu a:hover {background:#232020;color:#FFF;text-decoration:none;}

.menu-index {
  position:absolute;
  top:146px;
  left:546px;
}
.menu-grafico {
  position:absolute;
  top:92px;
  left:485px;
}
.menu-fotografia {
  position:absolute;
  top:92px;
  left:497px;
}
.menu-infobio {
  position:absolute;
  top:109px;
  left:585px;
}

#menu .home {
	background:url(../images/menu_home.gif) no-repeat top;
	width:42px;
	height:13px;
	display:inline-block;
}
#menu .home:hover {
	background:url(../images/menu_home.gif) no-repeat bottom;
}
#menu .fotografia {
	background:url(../images/menu_fotografia.gif) no-repeat top;
	width:94px;
	height:13px;
	display:inline-block;
}
#menu .fotografia:hover {
	background:url(../images/menu_fotografia.gif) no-repeat bottom;
}
#menu .grafico {
	background:url(../images/menu_grafico.gif) no-repeat top;
	width:66px;
	height:13px;
	display:inline-block;
}
#menu .grafico:hover {
	background:url(../images/menu_grafico.gif) no-repeat bottom;
}
#menu .info-bio {
	background:url(../images/menu_infobio.gif) no-repeat top;
	width:70px;
	height:13px;
	display:inline-block;
}
#menu .info-bio:hover {
	background:url(../images/menu_infobio.gif) no-repeat bottom;
}


/* GALERIA */

#content {
  margin:245px 0 100px 0;
  width:761px;
  float:left;
  display:inline;
}
#contentIndex {
  margin:245px 0 100px 0;
  float:left;
  display:inline;
}
#content #galeria, #contentIndex  #galeria {
  display:block;
  position:relative;
  height:auto;
}
#content .galeria-image, #contentIndex .galeria-image {
  margin-right:20px;
}
#content-info li, #content-info li span, #contentIndex li, #contentIndex li span {
  color:#999;
  font-size:12px;
  font-weight:normal;
  line-height:20px;
  letter-spacing:2px;
}
#content .tipo, #contentIndex .tipo {
  text-transform:uppercase;
  margin-bottom:20px;
}

#index #content #galeria {
  width:750px;
}

#index #conteudo1 {
	width:700px;
	float:left;
	display:inline;
}
#index #conteudo2 {
	float:left;
	display:inline;
	margin-left:20px;
}
#grafico #content-info, #fotografia #conteudo2 {
	position:absolute;
	top:0px;
	left:628px;
}


/* PÁGINAS SECUNDÁRIAS */

#categorias {
  float:left;
  display:inline;
  margin:242px 0 0 10px;
}
#categorias li a {
  color: #999;
  font-weight:normal;
  font-size:12px;
  letter-spacing:2px;
  line-height:20px;
}
#categorias li a.active {
  color:#000;
}

/* CONTENT TEXT */

.content-text {
  padding-left:155px;
}
.content-text p {
  font-size:14px;
  color:#999;
  line-height:20px;
  margin-bottom:20px;
}
.content-text h2 {
  text-transform:lowercase;
  color:#999;
  letter-spacing:4px;
  margin-bottom:20px;
}
.content-text a {
  font-weight:normal;
  color:#999;
}
#infobio-foto {
  background:#dcd6d1;
  width:570px;
  margin-bottom:20px;
}

/* CONTATO */

#contato {
	margin-top:30px;
}
#contato label {
  text-transform:lowercase;
  color:#999;
  letter-spacing:4px;
}
#contato .text, #contato .textarea {
	width:558px;
	border:none;
	background:#DCD7D1;
	padding:5px;
	margin:10px 0 20px 0;
}
#contato .textarea {
	height:250px;
	margin-bottom:5px;
}
#contato .btn-enviar {
  text-transform:lowercase;
  color:#999;
  letter-spacing:4px;
  background:none;
  border:none;
  padding:0px;
  margin-bottom:30px;
}


/* VALIDATE ERROR */

.error {
  border: 1px solid red !important;
}

label.error  {
  display: none !important;
}