@import url('home.css'); @import url('abas.css'); *, html, body {margin: 0; padding: 0;}
body {background: #FFF; color: #333; margin: 20px; font: 13px/150% Arial,sans-serif;}
a:link, a:visited {color: #cc251b; text-decoration: underline;}
a:hover, a:active {color: #8a0b04; text-decoration: underline;}
h1 {font: bold 32px/100% Arial,sans-serif;}
h2 {font: italic 18px "Times New Roman",serif;}
h3 {font: bold 16px/100% Arial,sans-serif;}
h4 {}
h5 {}
h6 {}
hr {background: #FFF; color: #FFF; height: 1px; margin-bottom: 40px; border-top: 0px; border-bottom: 1px solid #999;}
blockquote {color: #666; margin-bottom: 30px; text-align: right; font-style: italic;}
p {margin-bottom: 10px;}
.clear {clear: both;}
.esquerda {width: 49%; float: left;}
.direita {width: 49%; float: right; text-align: right;}
.highlight {color: #8a0b04 !important;}
.pdf {background: url(../images/pdf.png) no-repeat; padding-left: 20px;}
.excel {background: url(../images/excel.png) no-repeat; padding-left: 20px;}
#main {width: 970px; margin: auto;}
 #header {width: auto; height: 110px;}
#header h1 a {width: 280px; height: 60px; margin-bottom: 10px; border: none; float: left; background: url(../images/logo.png) no-repeat; text-indent: -100000px;}
 #menu {width: 670px; height: 20px; display: block; padding-top: 40px; float: right; list-style: none; font-size: 16px; text-align: right; text-transform: lowercase;}
#menu li {display: inline;}
#menu li a:link, #menu li a:visited {color: #333; border-left: 1px #DDD solid; padding: 0 2px 0 4px; text-decoration: none;}
#menu li a.home {border-left: none; padding-left: 0;}
#menu li a:hover, #menu li a:active {color: #cc251b; text-decoration: underline;}
 #title {height: 30px; margin-bottom: 50px;}
#title h1 {color: #999; margin-bottom: 5px;}
#title h2 {color: #333;}
 #search-topo {width: 310px; float: right;}
#search-topo input[type="text"] {color: #999; width: 295px; padding: 5px; border: 1px solid #999; background: #EEE url(../images/search.png) no-repeat center right; font: italic 20px "Times New Roman",serif;}
 #lateral {width: 170px; float: left; padding-right: 20px; border-right: 1px #DDD solid; font-size: 14px;}
#lateral ul {margin: 10px 0 30px 10px; list-style: none;}
#lateral ul li {margin-bottom: 2px;}
#lateral .alfabetica {margin-top: 5px;}
#lateral .alfabetica a {width: 10px; padding: 4px; display: block; float: left; text-align: center;}
#lateral .alfabetica a:hover, #lateral .alfabetica a:active {color: #FFF; background: #cc251b; text-decoration: none;}
 #search {margin-bottom: 60px;}
#search h3 {margin: 20px 0 10px;}
#search input[type="text"], #search select {color: #666; background: #EEE; border: 1px solid #999; padding: 3px; font: 13px Arial,sans-serif;}
#search input[type="submit"] {color: #222; background: url(../images/botao-60x30.png) no-repeat; border: none; width: 60px; height: 30px; margin: 10px 10px 0 100px; font: 13px Arial,sans-serif;}
#search input[type="text"] {width: 38px;}
 #search #busca {width: 155px;}
 #search #altura, #search #largura {width: 100px; margin: 0 10px 0 0;}
 #conteudo {width: 750px; float: right;}
#conteudo h3 {margin: 30px 0 10px;}
 .navegacao {font-size: 14px; text-align: center; margin: 10px 0 20px;}
.resultados, .paginacao {font-size: 14px; margin-bottom: 30px;}
.paginacao a:link, .paginacao a:visited, .paginacao .atual {padding: 4px;}
.paginacao a:hover, .paginacao a:active, .paginacao .atual {color: #FFF; background: #cc251b; text-decoration: none;}
 .obra, .artista {width: 150px; height: 250px; margin: 0 0 20px 30px; float: left; text-align: center; font-size: 12px;}
.obra strong, .artista strong {font-size: 13px;}
.obra a:link, .obra a:visited, .artista a:link, .artista a:visited {color: #333; text-decoration: none;}
.obra a:hover, .obra a:active, .artista a:hover, .artista a:active {color: #cc251b; text-decoration: none;}
.obra img, .artista img {width: 140px; height: 140px; border: #DDD 3px solid;}
.obra img:hover, .obra a:hover img, .artista img:hover, .artista a:hover img {border: #cc251b 3px solid;}
 .foto-obra {width: 506px; height: 326px; display: block; float: left; margin: 0 10px 20px 0; padding-right: 10px; overflow: hidden; font-size: 11px; text-align: center; border-right: 1px #DDD solid;}
.foto-obra img {display: block; margin: 0 auto 3px; border: 3px #DDD solid;}
.foto-obra img:hover {border: 3px #cc251b solid;}
.info {height: 223px; margin-top: -30px; border: 1px #FFF solid;}
.adquira {width: 220px; height: 80px; color: #FFF; border: none; margin: 30px 0 20px; background: url(../images/botao-adquira.png) no-repeat; font: 18px Arial,sans-serif;}
 .foto-adquira {width: 506px; height: 326px; display: block; float: left; margin: 35px 20px 20px 0; overflow: hidden; font-size: 11px;}
.foto-adquira img {display: block; margin-bottom: 3px; border: 3px #cc251b solid;}
.foto-adquira img:hover {border: 3px #8a0b04 solid;}
.info-adquira {height: 500px; height: 200px; float: left}
 .foto-artista {width: 200px; height: 250px; display: block; float: left; margin: 0 20px 20px 0; overflow: hidden;}
.foto-artista img {display: block;}
.quem {margin-top: 0px !important;}
 .imagem-galeria {width: 256px; height: 350px; margin-right: 40px; float: left; color: #666; font-weight: bold;}
.imagem-galeria img {width: 250px; height: 350px; margin-bottom: 5px; border: #FFF 3px solid;}
.galeria img {width: 70px; height: 70px; margin: 0 14px 18px 0; border: #FFF 3px solid; display: block; float: left;}
.galeria img:hover {border: #cc251b 3px solid;}
.galeria-voltar {display: block; margin: -10px 0 10px;}
 #conteudo.interna {width: 970px; float: none; margin-left: 0;}
 .msgenviada {margin-top: 40px; text-align: center;}
.foto_galeria {margin: 0 0 5px 20px; display: block; float: right;}
 #captacao {margin-top: 20px; list-style: none;}
#captacao .item {font-size: 14px;}
#captacao li {width: 470px; clear: both; margin-bottom: 30px; margin-left: 10px; min-height: 50px;}
#captacao img {width: 50px; height: 50px; float: left; margin-right: 10px;}
 #aquisicao {margin-top: 20px; list-style: none;}
#aquisicao .item {font-size: 14px;}
#aquisicao li {width: 470px; clear: both; margin-bottom: 30px; margin-left: 10px; min-height: 50px;}
#aquisicao img {width: 50px; height: 50px; float: left; margin-right: 10px;}
 #obra-adquirida {width: 100%; margin: 20px 0 10px; padding-bottom: 30px;}
#obra-adquirida th {border-bottom: 1px #DDD solid; text-align: left;}
#obra-adquirida .thumb {width: 80px;}
#obra-adquirida img {width: 50px; height: 50px; display: block; border: #DDD 3px solid;}
#obra-adquirida img:hover {border: #cc251b 3px solid;}
#googlemaps {width: 425px; height: 350px; margin-top: 40px; margin-left: 30px; float: right; border: #DDD 3px solid;}
#formcontato {width: 450px; margin-top: 30px;}
#formcaptacao {margin-top: 20px; margin-left: 20px; padding-left: 30px; text-align: left; border-left: 1px #DDD solid;}
#formaquisicao {width: 380px; margin-left: 80px; text-align: left;}
#formcontato label {font-size: 14px;}
#formcontato input[type="text"], #formcontato textarea, #formcaptacao input[type="text"], #formcaptacao textarea, #formaquisicao input[type="text"], #formaquisicao textarea {color: #666; background: #EEE; border: 1px solid #999; padding: 3px; font: 13px Arial,sans-serif;}
#formcontato input[type="submit"], #formcaptacao input[type="submit"], #formaquisicao input[type="submit"] {color: #222; background: url(../images/botao-60x30.png) no-repeat; border: none; width: 60px; height: 30px; margin-top: 10px; font: 13px Arial,sans-serif;}
#formcontato input[type="text"], #formcaptacao input[type="text"], #formaquisicao input[type="text"] {width: 250px;}
#formcontato textarea, #formcoaptacao textarea, #formaquisicao textarea {width: 360px;}
 #footer {color: #555; height: 60px; margin-top: 60px; padding-top: 30px; border-top: 1px #DDD solid; clear: both; font-size: 12px;}
  #acervo .item {margin-bottom: 10px;}
#acervo .item_margin {margin-right: 17px;}
#acervo a:link, #acervo a:visited {color: #999; width: 165px; height: 105px; border: 3px #999 solid; padding: 5px 0 5px 5px; display: block; float: left; font: bold 14px/100% Arial,sans-serif; text-decoration: none;}
#acervo a:hover, #acervo a:active {color: #cc251b; border-color: #cc251b;}
#acervo img {width: 160px; height: 80px; margin-bottom: 5px; border: none;}
 .info span {color: #999; text-transform: lowercase}
.value {margin-top: -30px;}
.value span {font-size: 16px;}
 #search-topo input[type="text"] {width: 264px; background-image: none}
#search-topo input[type="submit"] {background: url(../images/search.png) no-repeat center right; border: none; width: 30px; height: 34px; vertical-align: top}
#no_results_found {padding: 15px; background: #E5E5E5; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 50px}
 #conteudo h3 {font-size: 20px}
 .simple_form.bid label.boolean {float: right; margin-right: 35%}
.simple_form.bid #bid_accept_rules {float: left}
 div.chamada-leilao, div.chamada-expo {min-height: 320px; height: auto}
div.chamada-highlight {margin-left: 215px}
div.chamada-leilao input[type=submit] {margin-right: -15px}
div.highlight-leilao {float: left; width: 650px}
div.info-leilao {margin-top: 15px}
div.chamada-leilao.captacao {min-height: 0; height: auto}
div.chamada-leilao.captacao h3 {font-style: italic}
 div.leilao-anterior p, div.expo-anterior p {margin-left: 96px}
 strong.inicial {font-size: 14px; margin-left: 15px}
 .fotos-galeria{ margin: 0 0 5px 20px; float: right; list-style-type: none; width: 250px}
#apresentacao {line-height: 1.8em}
#apresentacao strong {display:block; padding-top: 20px}
 #flash {clear: both}
#flash .success, #flash .notice, #flash .failure, #flash .alert {padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd}
#flash .success, #flash .notice {background: #EFE; border-color: #DED; color: #696}
#flash .failure, #flash .alert {background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4}
 .simple_form label abbr {border: none; color: #D00}
.simple_form span.hint {display: block; clear: left; color: gray}
.simple_form span.error {display: block; clear: left; color: #D00}