/* CSS Document */
html, body{
padding:0;
margin:0;
background-color:#EAE7DF;
font-family:"Trebuchet MS", Tahoma, "Lucida Sans", Verdana;
}
object {
outline:none;
}
/*TIPOGRAFIA*/
h1,h2,h3,ul,li,p,a {
padding:0;
margin:0;
}
h1, h2 {
color:#5B4A39;
font-weight:normal;
}
h1 {
font-size:1.5em;
margin-bottom:0.5em;
}
h2 {
font-size:0.8em;
margin-bottom:1em;
}
h3 {
font-size:0.8em;
color:#660000;
}
p, li {
font-size:0.8em;
color:#8E7459;
line-height:1.6em;
margin-bottom:1em;
}
* a {
color:#BA412C;
}
* a:hover {
text-decoration:none
}
strong {
font-weight:bold;
}
/*FORMULÁRIO*/
label {
font-size:0.8em;
color:#5B4A39;
font-variant:small-caps;
display:inline;
margin:0 0.3em 0 0.5em;
}
.block_label {
display:block;
}
#meio input, #meio textarea, #meio select {
background-color:#EAE7DF;
border:1px solid #8E7459;
color:#8E7459;
font-family:"Trebuchet MS", Tahoma, "Lucida Sans", Verdana;
font-size:0.8em;
}
.input_p {
width:7em;
}
.input_m {
width:20em;
}
.input_g {
width:40em;
}
textarea {
width:650px;
height:150px;
}
.submit {
padding:2px;
float:right;
margin:10px;
}
.submit:hover {
border-width:2px;
padding:1px;
}
form p {
font-size:1em;
}
/*ESTRUTURA*/
#pacote {
width:100%;
position:relative;
}
#topo {
height:150px;
width:100%;
background:url(img/topo.png) no-repeat;
position:relative;
z-index:1;
}
#club #topo{
background:url(img/topo_club.png) no-repeat;
}
#meio {
width:100%;
position:absolute;
top:0;
background:url(img/bg_body.jpg) no-repeat bottom right;
}
#barra1 {
position:absolute;
top:0;
z-index:1;
}
#menu {
height:320px;
width:230px;
margin:150px -90px 0 0;
position:relative;
z-index:3;
}
#parceiros_home{
width:130px;
padding:0 10px;
height:120px;
position:relative;
z-index:4;
}
#parceiros{
width:130px;
padding:0 10px;
height:120px;
position:relative;
z-index:5;
}
#parceiros img, #parceiros_home img {
border:none;
float:left;
}
#barra2 {
min-width:905px;
width:100%;
position:relative;
background:url(img/lado.png) repeat-y left;
overflow:hidden;
}
#club #barra2{
background:url(img/lado_club.png) repeat-y left;
background-color:#FFEAD4;
}
#lado {
width:30%;
max-width:300px;
min-height:100%;
position:absolute;
left:1010px;
top:0;
z-index:0;
background:url(img/bg_lado.png) repeat-y;
padding-left:-15px;
}
#bg {
width:91%;
margin-left:9%;
margin-top:-33px;
background:url(img/bg_sombra.jpg) repeat-x bottom;
}
#banner {
width:870px;
margin:100px auto 0 auto;
padding:0 73px;
height:260px;
background:url(img/bg_banner_p.jpg) no-repeat center top;
}
#club #banner {
background:url(img/bg_banner_p_club.jpg) no-repeat center top;
}
#bg_home {
width:85%;
margin-left:15%;
background:url(img/bg_banner.jpg) no-repeat center top;
margin-top:-33px;
}
#banner_home {
height:500px;
width:870px;
margin:100px auto 0 auto;
}
#banner_img {
position:absolute;
right:2%;
height:520px;
border:none;
}
#banner_img2 {
position:absolute;
right:2%;
height:250px;
border:none;
}
#cont {
width:660px;
margin:auto;
padding:40px 0 70px 150px;
}
#club #cont{
padding-bottom:90px;
}
#extras {
width:85%;
position:relative;
top:-40px;
left:143px;
z-index:2;
}
#extras #abas {
margin-top:-60px;
}
#rodape {
height:40px;
width:100%;
position:absolute;
bottom:0;
left:0;
background-color:#C5BCA4;
border-top:2px solid #FFFFFF;
z-index:10;
font-size:0.85em;
}
#club #rodape {
background-color:#D7B393;
}
#rodape p {
margin:0;
padding:5px;
}
img {
border:1px solid #C5BCA4;
padding:5px;
}
/*ESTRUTURAS ESPECÍFICAS*/
.box_cinema1 {
min-height:350px;
padding-bottom:30px;
margin-bottom:30px;
}
.foto_filme img {
border:2px solid #C5BCA4;
padding:5px;
width:200px;
height:140px;
}
.foto_filme h3 {
padding:5px;
}
.foto_filme a{
display:block;
width:109px;
height:23px;
background:url(img/bt_trailer.png) no-repeat;
}
.foto_filme span {
display:none;
}
.sinopse {
max-height:10em;
overflow:auto;
padding-right:15px;
border-bottom:1px solid #C5BCA4;
border-top:1px solid #C5BCA4;
}
.foto_filme {
width:210px;
height:100%;
float:left;
text-align:right;
}
.dados_filme {
padding:10px;
float:left;
width:420px;
border-left:2px solid #C5BCA4;
margin-left:2px;
}
.sala_cinema {
color:#8E7459;
border-bottom:2px solid #C5BCA4;
margin-left:-10px;
padding-left:10px;
width:200px;
}
.box_inst1 {
padding-left:80px;
}
.box_inst1 h1 {
display:inline;
margin-left:-80px;
}
.box_inst1 .barra {
width:180px;
height:1px;
margin-left:-50px;
margin-bottom:5px;
border-bottom:1px solid #C5BCA4;
}
.vitrine {
width:400px;
height:300px;
}
/*SUBMENU*/
#submenu {
width:100%;
height:30px;
background:url(img/bg_menu_inst.png) repeat-x;
margin-top:-10px;
}
#submenu ul {
padding:3px 0 0 0;
margin-left:25%;
}
#submenu li {
float:left;
font-size:1em;
margin-left:30px;
list-style:none;
}
#submenu a {
color:#660000;
text-decoration:none;
}
#submenu a:hover, #submenu h3 {
color:#999999;
}
/*CLASSES*/
.clear {
clear:both;
height:10px;
}
.h2_line h2, .h2_line p {
display:inline;
}
.inline {
display:inline;
}
.box1 {
width:98%;
padding:1%;
border:2px solid #C5BCA4;
}
.box1 ul {
padding-left:20px;
}
.box1 li {
float:left;
width:200px;
margin-bottom:0.5em;
}
.box2 {
padding:0 30px 30px 30px;
}
.box_texto p {
margin:0;
padding:0;
}
.navegacao {
text-align:left;
}
#galerias {
padding:0;
margin:0;
list-style:none;
width:600px;
}
#galerias li {
width:250px;
margin:5px 15px;
height:80px;
padding:5px;
float:left;
display:block;
border:1px solid #C5BCA4;
}
#galerias li:hover{
border:1px solid #5B4A39;
}
#galerias img {
max-height:70px;
max-width:120px;
padding:0;
margin-right:10px;
border:none;
float:left;
}
#galerias p {
float:left;
}
#galerias a{
padding:5px;
height:70px;
width:240px;
display:block;
color:#8E7459;
text-decoration:none;
background-color:#CFCAB4;
}
#club #galerias a {
background-color:#FFF8F0;
}
#fotos {
padding:0;
margin:0;
list-style:none;
width:600px;
}
#fotos li {
height:100px;
width:100px;
display:block;
float:left;
margin:0 20px 20px 0;
text-align:center;
}
#fotos img:hover{
border:1px solid #5B4A39;
}
#fotos img {
max-width:90px;
max-height:90px;
margin:auto;
}
#banner_parceiros{
width:487px;
height:140px;
}
#topo #login {
float:right;
text-align:right;
background:url(img/bg_aba_login.png) no-repeat;
width:145px;
height:95px;
padding:0 15px 0 0;
}
#login form {
padding:0;
margin:0;
}
#login label {
color:#5B4A39;
margin:0;
}
#login .login {
width:70px;
height:20px;
padding:2px 5px;
background:url(img/bg_login.png) no-repeat;
border:none;
margin:0;
font-size:0.8em;
}
#login .bt {
font-size:0.7em;
border:none;
}