@import url(menu.css);
html {
}
body {
margin: 0px;
padding: 0px;
background: #1c1c1c url(imgs/fundo.png) repeat-x;
width: 100%;
height: 100%;
color: #999;
}
#base {
width: 750px;
background-color: #000;
margin: 0 auto;
border: 1px solid #232323;
}
#meio {
background: #000 url(imgs/meio_fundo.png) repeat-x 0% 100%;
padding: 10px 10px 50px 10px;
}
#topo {
position: relative;
width: 750px;
height: 70px;
background: #000 url(imgs/logo.png) no-repeat;
margin: 0 auto;
margin-bottom: 1px;
}
#imageFlow {
position: relative;
width: 750px;
height: 280px;
overflow: hidden;
background: #000;
margin: 0 auto 5px auto;
z-index: 99;
}
#imageFlow .diapo {
position: absolute;
left: -4000px;
cursor: pointer;
-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
border: dotted #fff 1px;
margin-left: -1px;
margin-bottom: -1px;
}
#imageFlow .text {
position: absolute;
left: 0px;
width: 100%;
bottom: 16%;
text-align: center;
color: #FFF;
font-family: tahoma, arial, Helvetica, sans-serif;
z-index: 1000;
}
#imageFlow .title {
font-size: 0.7em;
font-weight: bold;
}
#imageFlow .legend {
font-size: 0.6em;
}
#imageFlow .scrollbar {
position: absolute;
left: 10%;
bottom: 10%;
width: 80%;
height: 16px;
z-index: 1000;
}
#imageFlow .track {
position: absolute;
left: 1%;
width: 98%;
height: 16px;
filter: alpha(opacity=10);
opacity: 0.1;
}
#imageFlow .arrow-left {
position: absolute;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .arrow-right {
position: absolute;
right: 0px;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
}
#imageFlow .bar {
position: absolute;
height: 16px;
left: 25px;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
}
#rodape {
width: 752px;
height: 98px;
background: url(imgs/rodape_fundo.png) repeat-x;
margin: 1px auto;
text-align: center;
padding: 10px 0;
font: 0.7em Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #777;
clear: both;
}
a { outline:0; }
.conteudo {
padding: 0; margin: 0;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
/*############# Formulário ##############*/
.conteudo form{
display:table;
width:680px;
padding:25px 28px 30px 28px;
background: url(imgs/fundo_form.png) no-repeat;
margin:0;
}
.conteudo form br{
display:none;
}
#txtposterior, #txtanterior{
margin-bottom:20px;
}
#txtposterior {
padding: 10px 0 30px 0;
}
.conteudo form label {
float:left;
width:421px;
padding:0 0 5px 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #6c5b49;
}
.conteudo .cxinput{
width:421px;
height:20px;
padding:0;
margin:0;
border:1px solid #ccc;
margin-bottom:12px;
background-color:#FFF;
clear: both;
}
textarea{
width:421px;
height:120px;
border:1px solid #ccc;
margin:0 0 10px 0;
padding:0;
background-color:#FFF;
clear: both;
}
.botao{
float:left;
width:77px;
height:21px;
border:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#5d8681;
margin-left: 5px;
}
.bloco-home-galeria {
padding-bottom: 50px;
}
h1, .bloco-home-galeria h3 {
position: relative;
font: normal 21px 'Lucida Sans Unicode', "Times New Roman", Times, serif;
letter-spacing: -0.1em;
z-index: 1;
}
h1 span { letter-spacing: 1px !important; }
.home {
float: left;
width: 350px;
height: 60px;
margin-right: 170px;
position:relative;
text-indent: -9000px;
}
.faleconosco {
float: left;
width: 210px;
height: 60px;
position:relative;
text-indent: -9000px;
}
.bloco-procura {
float: left;
margin-left: 23px;
}
.bloco-procura h3, .bloco-procura label {
display: none;
}
.cxbusca {
width: 170px;
margin-top: 7px;
border: none;
background: none;
color: #7e7e7e;
font: 700 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
.btbusca {
padding: 0 5px;
border: none;
background: none;
cursor: pointer;
}
/*Slider*/
#center {
position: relative;
}
#slider {
position: relative;
width: 700px;
height: 333px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title, #slider a {
color: #CC3333;
font-weight: bold;
font-size: 1em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=50);
opacity: 0.5;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: tahoma, arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: justify;
width: 400px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
#slider a img {
border: none;
}
/*############# GRALERIA ##############*/
.bloco-galeria {
float: left;
background:#111;
width:134px;
text-align: center;
margin:0 7px 5px 0;
padding: 0 0 10px 0;
vertical-align: bottom;
font:11px Arial, Helvetica, sans-serif;
color:#909090;
border:1px solid #333;
height: 210px;
}
.bloco-galeria span {
clear: both;
}
.bloco-galeria img{
border:3px solid #333;
}
.bloco-galeria a img {
border: 1px solid #333;
clear:both;
}
.bloco-galeria h2 {
color: #333;
font: bold 12px Arial, Helvetica, sans-serif;
margin-bottom:10px;
padding:13px 0;
background:url(imgs/textura_titulo_galeria.gif);
}
span.small {
font:9px Arial, Helvetica, sans-serif;
color: #e2671f !important;
padding:10px 0;
width:100%;
float:left;
}
span.spandesc {
font-size:11px;
min-height:1px;
padding:0;
margin:0;
}
p.buscaseparador {
padding:0;
margin:0;
}
div.buscaresultado {
border: 1px solid #e9eef4;
padding: 5px;
margin-bottom: 5px;
}
div.buscaresultado p {
padding: 0; margin: 0;
}
div.buscaresultado p a {
float: left;
background-color: #e9eef4;
width: 98%;
padding: 4px !important;
text-decoration: underline;
color: #069;
}
div.buscaresultado p a:hover {
color: #039;
}
.basegaleria {
float:left;
padding:25px 0;
background:url(imgs/btn_outras_galerias.gif) no-repeat 50% 40%;
width:100%;
height:29px;
text-align:center;
}
.basegaleria a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
height:20px;
padding:10px 40px;
}
.galeria_separador {
width: 100%;
float: left;
height: 20px;
margin-bottom: -12px;
}
.pagination span {
color: #FF6600 !important;
}
p.pdesc {
position: relative !important;
z-index: 1 !important;
}
.botao_outras_galerias { float: right; }