/*

Theme Name: Sala de Artes

Theme URI: http://www.gori.la

Description: Tema criado para a Sala de Artes.

Version: 1.0

Author: Gori.la - designer: Itálo Santos // interface: Danilo Valque

Author URI: http://www.gori.la

*/



/* ZERANDO CSS -------------------------------*/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;	outline:0;	font-size:100%;	vertical-align:baseline;	background:transparent;}

:focus {outline: 0;}

body {line-height: 1; color: black;	background: white;}

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left;	font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {	quotes: "" "";}

strong {font-weight: bold;}

a {vertical-align: baseline;}



/*------------------------------------------------*/





/* GLOBAIS -------------------------------*/



body{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(../img/bg.jpg) repeat;

}



#geral{

margin: 0 auto;

width: 940px;

background:#FFF;}



a{   margin-bottom:5px;

  height:8px;

  padding: 0px 0px 10px 0px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

  color:#000;

  text-transform:uppercase;

  text-decoration:none;}



a:hover{  text-decoration:underline;}





/* TOPO -------------------------------*/



#topo{

width:940px;

height:210px;}



#marca{ margin-left:20px; padding:15px 0 0 5px; width:184px; height:167px; float:left;  }



#banner1{ width:625px; height:74px; margin-left:230px; padding-top:20px; }/* a largura do banner1 foi alterada para adicionar o nome PUBLICIDADE,a largura anterior era de 606px. Demanda realizada em 14/09/2010, por: Ítalo Ferreira*/



#banner2{ width:300px; height:73px; margin-left:21px; padding-top:5px; float:left;}



#banner3{ width:320px; height:73px; margin-left:535px; padding-top:5px; z-index:9999; /*cursor: pointer*/;}/* a largura do banner3 foi alterada para adicionar o nome PUBLICIDADE,a largura anterior era de 300px. Demanda realizada em 20/09/2010, por: Ítalo Ferreira*/





#banner_programacao{ background:url(../img/programacao2.jpg) no-repeat; width:230px; height:60px; margin: 53px 0 0 700px; position:absolute;}



#banner_programacao h1{ color:#FFF; font-size:14px; text-transform:uppercase; margin:7px 0 0 10px;   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }



#banner_programacao p{ color:#FFF; font-size:14px; font-weight:normal; margin:2px 0 0 10px;   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }



#publicidade {float:right; width:14px; height:58px; padding:5px 1px 0 0px;}





#pubban1 { float:right; width:14px; height:58px; padding:5px 1px 0 0px; /*margin:-75px 0 0 30px;*/}



/*------------------------------------------------*/



/* CINE VIVO -------------------------------*/



#cinevivo{

width:940px;



}







.titulo{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:7px 0 0 10px; font-weight:normal;}



#cinevivo-sala1{ background-color:#C92C25; width:110px; height:32px; position:absolute; margin-top:8px; margin-left:30px; float:left;}

.sala1{ border:#C92C25 solid 1px; margin-left:110px; width:67px; height:32px; margin-top:-25px;}



.titulo-sala{color:#C92C25; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; font-weight:normal; padding:7px 0 0 10px;}



#titulo-vivo{

border-bottom:#C92C25 solid 3px; margin-left:20px;

width:900px;

height:40px;

margin-left:20px;

margin-top:73px;



}



#conteudo-vivo{

height:164px;

margin-top:60px;

border-left:#C92C25 solid 11px; margin-left:20px;

}



.titulo-vivo{ color:#C92C25; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; }



.thumb-vivo{ border:#C92C25 3px solid; margin:10px 0 0 15px; float:left;}



#conteudo-vivo p{padding-top:15px; width:695px; margin-left:200px; line-height:115%;}



.valor{ margin:30px 0 0 45px;}



#fundo-valor{ background-color:#D45651; width:171px; height:25px;  margin:30px 0 10px 3px; }



.titulo-valor{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:5px 0 4px 8px; font-weight:normal;}



#fundo-local-vivo{ background-color:#D45651; width:69px; height:25px;  margin:30px 0 10px 3px; }



.titulo-local{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:5px 0 6px 10px; font-weight:normal;}



#local {margin-left:30px;}

#local p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 -12px 45px;}

#local b{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:15px;}



/*------------------------------------------------*/



/* CINE UFBA -------------------------------*/



#ufba{

width:940px;



}





#cineufba-sala1{ background-color:#AC6A47; width:154px; height:32px; position:absolute; margin-top:8px; margin-left:30px; float:left;}



.title-ufba{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 10px; font-weight:normal; }



#titulo-ufba{

border-bottom:#AC6A47 solid 3px; margin-left:20px;

width:900px;

height:40px;

margin-left:20px;

margin-top:60px;

}



#conteudo-ufba{

height:164px;

margin-top:60px;

border-left:#AC6A47 solid 11px; margin-left:20px;

}



.titulo-ufba{ color:#AC6A47; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}



.thumb-ufba{ border:#AC6A47 3px solid; margin:10px 0 0 15px; float:left;}



#conteudo-ufba p{padding-top:15px; width:695px; margin-left:200px; line-height:115%;}



.valor{ margin:30px 0 0 45px;}





#fundo-valor-ufba{ background-color:#AC6A47; width:171px; height:25px;  margin:30px 0 10px 3px; }







#fundo-local-ufba{ background-color:#AC6A47; width:69px; height:25px;  margin:30px 0 10px 3px; }









#local p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 -12px 45px;}

#local b{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:15px;}



/*------------------------------------------------*/



/* CINE MAM -------------------------------*/



#mam{

width:940px;



}





#cinemam-sala1{ background-color:#AC558A; width:154px; height:32px; position:absolute; margin-top:8px; margin-left:30px; float:left;}



.title-mam{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 10px; font-weight:normal;}



#titulo-mam{

border-bottom:#AC558A solid 3px; margin-left:20px;

width:900px;

height:40px;

margin-left:20px;

margin-top:60px;

}



#conteudo-mam{

height:164px;

margin-top:60px;

border-left:#AC558A solid 11px; margin-left:20px;

}



.titulo-mam{ color:#AC558A; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}



.thumb-mam{ border:#AC558A 3px solid; margin:10px 0 0 15px; float:left;}



#conteudo-mam p{padding-top:15px; width:695px; margin-left:200px; line-height:115%;}



.valor{ margin:30px 0 0 45px;}













#fundo-valor-mam{ background-color:#AC558A; width:171px; height:25px;  margin:30px 0 10px 3px; }







#fundo-local-mam{ background-color:#AC558A; width:69px; height:25px;  margin:30px 0 10px 3px; }



#local p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 -12px 45px;}

#local b{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:15px;}



/*------------------------------------------------*/





/* CINE MUSEU -------------------------------*/



#museu{

width:940px;



}





#cinemuseu-sala1{ background-color:#148CC8; width:168px; height:32px; position:absolute; margin-top:8px; margin-left:30px; float:left;}



.title-museu{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}



#titulo-museu{

border-bottom:#148CC8 solid 3px; margin-left:20px;

width:900px;

height:40px;

margin-left:20px;

margin-top:60px;



}



#conteudo-museu{

height:164px;

margin-top:60px;

border-left:#148CC8 solid 11px; margin-left:20px;

}



.titulo-museu{ color:#148CC8; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}



.thumb-museu{ border:#148CC8 3px solid; margin:10px 0 0 15px; float:left;}



#conteudo-museu p{padding-top:15px; width:695px; margin-left:200px; line-height:115%;}



.valor{ margin:30px 0 0 45px;}







#fundo-valor-museu{ background-color:#148CC8; width:171px; height:25px;  margin:30px 0 10px 3px; }







#fundo-local-museu{ background-color:#148CC8; width:69px; height:25px;  margin:30px 0 10px 3px; }





#local p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 -12px 45px;}

#local b{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:15px;}



/*------------------------------------------------*/





/* CINE CINE 14 -------------------------------*/



#cinecine14{

width:940px;



}





#cinecine14-sala1{

	background-color:#0E8A42;

	width:90px;

	height:32px;

	position:absolute;

	margin-top:8px;

	margin-left:30px;

	float:left;

}



.title-cine14{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal; }



#titulo-cine14{

border-bottom:#0E8A42 solid 3px; margin-left:20px;

width:900px;

height:40px;

margin-left:20px;

margin-top:60px;

}



#conteudo-cine14{

height:164px;

margin-top:60px;

border-left:#0E8A42 solid 11px; margin-left:20px;

}



.titulo-cine14{ color:#0E8A42; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}



.thumb-cine14{ border:#0E8A42 3px solid; margin:10px 0 0 15px; float:left;}



#conteudo-cine14 p{

  padding-top:15px;

  width:695px;

  margin-left:200px;

  line-height:115%;

}



.valor{

  margin:30px 0 0 45px;

}



#local p{

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

  margin:15px 0 -12px 45px;

}



#local b{

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:15px;

 }



#fundo-valor-cine14{ background-color:#0E8A42; width:171px; height:25px;  margin:30px 0 10px 3px; }







#fundo-local-cine14{ background-color:#0E8A42; width:69px; height:25px;  margin:30px 0 10px 3px; }





/*------------------------------------------------*/





/* CINE PROGRAMAÇÂO -------------------------------*/



#programacao{

  width:940px;

}



.hr {width:900px; height:3px; margin:0 auto;}



.preto {background:#000;}

.azul2 {background:#014f7a;}

.title-azul2{float:left; width:64px; height:25px; margin:30px 0 0 40px; background-color:#014f7a; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}

.title-azul3{float:left; width:75px; height:25px; margin:30px 0 0 40px; background-color:#014f7a; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}







.title-programacao{float:left; width:130px; height:25px; margin:30px 0 0 40px; background-color:#000; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}



.tit-vivo{

  margin:20px 0 -20px 45px;

}



#titulo-programacao{

border-bottom:#000 solid 3px; margin-left:20px;

  width:900px;

  height:40px;

  margin-left:20px;

  margin-top:60px;

}



#sala-cine-vivo{

  float:left;



}



.blocos-programacao {float:left; width:222px; margin-top:60px;}

.blocos-programacao h3 {display:block;  margin:0 0 20px 20px;  padding:5px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase}

.blocos-programacao .infos {margin:0 0 20px 0; padding-left:10px; }

.blocos-programacao .infos h4 {margin:0 0 10px 0; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.blocos-programacao .infos ul li {margin:0 0 3px 0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000}





/*caixas vermelhas*/

.blocos-programacao.vivo {margin-left:30px;}

.vivo h3 {width:75px; background:#C92C25; }

.vivo .infos  {border-left:#C92C25 solid 11px;}



/*caixas marrom*/

.blocos-programacao.ufba {margin-left:70px;}

.ufba h3 {display:block; width:120px; background:#AC6A47;}

.ufba .infos  {border-left:#AC6A47 solid 11px; }



/*caixas azul*/

.blocos-programacao.azul {margin-left:70px;}

.azul h3 {display:block; width:140px; background:#148CC8;}

.azul .infos  {border-left:#148CC8 solid 11px;}



/*caixas rosa*/

.blocos-programacao.rosa {margin-left:70px; margin-top:30px;}

.rosa h3 {display:block; width:120px; background:#AC558A;}

.rosa .infos  {border-left:#AC558A solid 11px;}



/*caixas verde*/

.blocos-programacao.verde {margin-left:70px; }

.verde h3 {display:block; width:60px; background:#0E8A42;}

.verde .infos  {border-left:#0E8A42 solid 11px;}



.programacao-sala1{

  height:110px;

  margin-top:60px;

  border-left:#C92C25 solid 11px;

  margin-left:20px;

}





.programacao-sala1 p{

  padding-top:15px;

  margin-bottom:-10px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

}



.titulo-programacao{

  color:#000;

  padding-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:16px;



}



.programacao-sala2{

  height:110px;

  margin-top:110px;

  border-left:#C92C25 solid 11px;

  margin-left:20px;

}





.programacao-sala2 p{

  padding-top:15px;

  margin-bottom:-10px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

}







#sala-ufba{

}



.programacao-ufba{

  height:90px;

  margin-top:60px;

  border-left:#AC6A47 solid 11px; margin-left:270px;

  padding-bottom:20px;

}



.programacao-ufba p{

  padding-top:0px;

  margin-bottom:8px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

}





#sala-mam{

  float:left;

  margin-top:30px;

}



.programacao-mam{

  height:90px;

  margin-top:80px;

  border-left:#AC558A solid 11px;

  margin-left:15px;

}



.programacao-mam p{

  padding-top:0px;

  margin-bottom:8px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

}









#sala-museu{

  margin-left:510px;

  margin-top:-175px;

}



.programacao-museu{

  height:90px;

  margin-top:25px;

  border-left:#148CC8 solid 11px;

  margin-left:15px;



}



.programacao-museu p{

  padding-top:0px;

  margin-bottom:8px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;



}









#sala-cine14{

  margin-left:510px;

  margin-top:50px;

}





.programacao-cine14{

  height:90px;

  margin-top:40px;

  border-left:#0E8A42 solid 11px;

  margin-left:15px;



}



.programacao-cine14 p{

  padding-top:0px;

  margin-bottom:8px;

  width:207px;

  margin-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

}





.title-museu-prog{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:4px 0 0 8px; font-weight:normal;}



#museu-prog{ background-color:#148CC8; width:151px; height:25px;  margin-top:35px; margin-left:35px; }







.title-mam-prog{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:4px 0 0 8px; font-weight:normal;}



#mam-prog{ background-color:#AC558A; width:134px; height:25px; position:absolute; margin-top:20px; margin-left:35px; }





.title-vivo{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:4px 0 0 8px; font-weight:normal;}



#vivo{ background-color:#C92C25; width:90px; height:25px; position:absolute; margin-top:8px; margin-left:40px; float:left;}









.title-ufba-prog{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:4px 0 0 8px; font-weight:normal;}



#ufba-prog{ background-color:#AC6A47; width:139px; height:25px; position:absolute; margin-top:-50px; margin-left:290px; }







.title-cine14-prog{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  padding:4px 0 0 8px; font-weight:normal;}



#cine14-prog{ background-color:#0E8A42; width:80px; height:25px;  margin-top:15px; margin-left:35px; }



/*------------------------------------------------*/





/* CINE ESTREIAS -------------------------------*/



#estreias{

  width:940px;



}



#estreias-sala1{ background-color:#666; width:177px; height:32px; position:absolute; margin-top:-17px; margin-left:30px; float:left;}



.title-estreias{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}



#titulo-estreias{

border-bottom:#666 solid 3px; margin-left:20px;

  width:900px;

  height:40px;

  margin-left:20px;

  margin-top:60px;

  height:15px;

}



#estreias ul{

  margin: 30px 0 0 15px;

  margin-right:20px;

}



#estreias ul li{

  margin-bottom:5px;

  height:8px;

  float: left;

  display: inline;

  border-right: 2px solid #CCC;

  padding: 0px 10px 10px 10px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

  color:#000;

  text-transform:uppercase;

}



#estreias ul li.ultimo {

  border: 0;

}



/*------------------------------------------------*/





#clear{

  clear:both;



}





/* NOTICIAS -------------------------------*/



#noticias{

  width:940px;

  margin:0 0 20px 0;

}





#noticias-sala1{
  /*background-color:#F06000; width:92px; height:32px; position:absolute; margin-top:8px; margin-left:30px; float:left;*/
}



.title-noticias{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal;}



#titulo-noticias{

  /*border-bottom:#F06000 solid 3px; margin-left:20px;*/

  width:900px;

  height:40px;

  margin-left:20px;

  margin-top:160px;

}



#conteudo-noticias{

  height:164px;

  margin-top:60px;

  border-left:#F06000 solid 11px;

  margin-left:20px;

  margin-bottom:100px;

}



.titulo-noticias{

  color:#F06000;

  padding-left:15px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:14px;

  font-weight:bold;



}



.thumb-noticias{

  border:#F06000 3px solid;

  margin:10px 0 0 15px;

  float:left;

}



#conteudo-noticias p{

  padding-top:5px;

  width:695px;

  margin-left:200px;

  line-height:115%;

}



#conteudo-noticias a{

	text-decoration:none;

  text-transform:none;

}



/*------------------------------------------------*/



#rodape{

  background:url(../img/bg-rodape.jpg) repeat-x;

  width:940px;

  height:162px;

}



#texto-rodape{

  margin-left:115px;

  padding-top:35px;

  width:300px;

}

#texto-rodape p{

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#000;

  line-height:120%;



}

.logo-rodape{

  float:left;

  width:103px;

  height:83px;

  margin:30px 0 0 10px;

}



#parceiros{
margin-left:400px;
margin-top:-100px;
}

#parceiros img{
  float:left;
  margin: 10px 0px 0 0;
}

#parceiros p{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#333;
}



#assinatura{

 width:940px;

 margin:5px auto 0 auto;

}

#domore a {outline:none; display:block; float:right; width:110px; height:30px; background:url(../img/poweredbydomore.png) no-repeat}

#gorila a {outline:none; display:block; float:right; width:100px; height:30px; background:url(../img/logo-gorila.png) no-repeat}

#assinatura div a span {display:none;}



/*------------------------------------------------*/





/* MENU TOPO -------------------------------------*/



#menu{

  background: #f2f2f2;

  height:38px;

  border-top:#000 solid 2px;

  border-bottom:#000 solid 2px;

  width:940px;

  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  text-transform:uppercase;

  font-size:14px;

  z-index:10;

}



#menu ul {

  margin: 12px 0 0 17px;

}



#menu ul li {

  float: left;

  display: inline;

  border-right: 1px solid #CCC;

  padding: 0 10px;

}

#menu ul li.ultimo {

  border: 0;

}



#menu ul li a {

  text-decoration: none;

  padding: 0 0 7px;

}

#menu ul li a:hover {

  border-bottom-style: solid;

  border-bottom-width: 5px;

}



.cine-vivo{

  color:#C92C25;

  border-bottom-color:#C92C25;

 }

.cine-ufba{

  color:#AC6A47;

  border-bottom-color:#AC6A47;

 }

.cinema-mam{

  color:#AC558A;

  border-bottom-color:#AC558A;

 }

.cinema-museu{

  color:#148CC8;

  border-bottom-color:#148CC8;

}

.cine-cine14{

  color:#0E8A42;

  border-bottom-color:#0E8A42;

}

.prog{

  color:#000;

  border-bottom-color:#000;

}

.proximas-estreias{

  color:#666;

  border-bottom-color:#666;

}

.noticia{

  color:#F06000;

  border-bottom-color:#F06000;

}



/*------------------------------------------------*/

/* CONTATO */

.sobreposicao {

    width: 100%;

    height: 10000px;

    background: #000;

}

#Under {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -10;

	display:none;

    overflow:  hidden;

}

#Under #Contato {

	position: absolute;

	top:50%;

	left: 50%;

	margin:  -144px 0 0 -184px;

        width: 367px;

        height: 289px;

	}

#Under .inner {

	background: #E0E0E0;

}



#Under #Contato form {

    padding: 32px 30px;

    float: left;

    display: inline;

    width: 350px;

    height: 140px;

    background: #fff;

}

#Under #Contato label {

	display: block;

	float: left;

	overflow: hidden;

	width:40px;

	height:15px;



}

#Under #Contato label.lbnome { font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:7px;

}



#Under #Contato label.lbemail { font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:7px;



}





#Under #Contato label.lbtel {

 font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000;

 margin-top:7px;

}





#Under #Contato label.lbmsg {



}







#Under #Contato input,

#Under #Contato textarea {

    width: 280px;

    border: 0;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0 0 10px 10px;

    padding: 5px 6px;

	float: left;

	display: inline;

	color: #515151;

	font-size: 10px;

	text-transform: uppercase;

	background: #D6D6D6;

	overflow: hidden;

}

#Under #Contato textarea {

       height: 71px;

       overflow: auto;

        margin: 0 0 8px 10px;

		padding: 10px 6px;

	text-transform: none;

}

#Under #Contato br {

	clear: both;

	font-size: 0.01em;

	height: 0;

	line-height: 0;

}

#Under #Contato .botoes {

    position: absolute;

    bottom: 100px;

    right: -5px;

    z-index: 3;

}

#Under #Contato .botoes button {

        border: 0;

        background: none;

        width: 50px;

        height: 20px;

        margin: 0 0 0 13px;

        cursor: pointer;

        display: block;

        float: left;

		overflow:hidden;

}

#Under #Contato .botoes .btEnviar{

color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;

  background-color:#000;

  width:70px;

	height:25px;

		 text-align:center;

		  text-transform:uppercase;







}



#Under #Contato .botoes .btLimpar{

color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;

  background-color:#000;

  width:70px;

	height:25px;

	text-align:center;

	 text-transform:uppercase;







}



#Under a.btFechar {

	background: url(../img/btFechar.png) left top no-repeat;

	text-indent: -9000px;

	overflow: hidden;

	display: block;

	width: 22px;

	height: 22px;

	position: absolute;

	top: 0px;

    right: -63px;

    z-index: 3;

}



.contato{ margin-left:-10px;}

form h2 { margin-top:-20px; font-size:17px;}

form p { margin:5px 0 20px 0;}

/* CONTATO */

.sobreposicao {

    width: 100%;

    height: 10000px;

    background: #000;

}

#Under {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    overflow:  hidden;

}

#Under #Contato {

	position: absolute;

	top:50%;

	left: 50%;

	margin:  -144px 0 0 -184px;

        width: 367px;

        height: 289px;

	}

#Under .inner {

	background: #E0E0E0;

}



#Under #Contato form {

    padding: 32px 30px;

    float: left;

    display: inline;

    width: 350px;

    height: 140px;

    background: #fff;

}

#Under #Contato label {

	display: block;

	float: left;

	overflow: hidden;

	width:40px;

	height:15px;



}

#Under #Contato label.lbnome { font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:7px;

}



#Under #Contato label.lbemail { font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:7px;



}





#Under #Contato label.lbtel {

 font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000;

 margin-top:7px;

}





#Under #Contato label.lbmsg {



}







#Under #Contato input,

#Under #Contato textarea {

    width: 280px;

    border: 0;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0 0 10px 10px;

    padding: 5px 6px;

	float: left;

	display: inline;

	color: #515151;

	font-size: 10px;

	text-transform: uppercase;

	background: #D6D6D6;

	overflow: hidden;

}

#Under #Contato textarea {

       height: 71px;

       overflow: auto;

        margin: 0 0 8px 10px;

		padding: 10px 6px;

	text-transform: none;

}

#Under #Contato br {

	clear: both;

	font-size: 0.01em;

	height: 0;

	line-height: 0;

}

#Under #Contato .botoes {

    position: absolute;

    bottom: 100px;

    right: -5px;

    z-index: 3;

}

#Under #Contato .botoes button {

        border: 0;

        background: none;

        width: 50px;

        height: 20px;

        margin: 0 0 0 13px;

        cursor: pointer;

        display: block;

        float: left;

		overflow:hidden;

}

#Under #Contato .botoes .btEnviar{

color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;

  background-color:#000;

  width:70px;

	height:25px;

		 text-align:center;

		  text-transform:uppercase;







}



#Under #Contato .botoes .btLimpar{

color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;

  background-color:#000;

  width:70px;

	height:25px;

	text-align:center;

	 text-transform:uppercase;







}



#Under a.btFechar {

	background: url(../img/btFechar.png) left top no-repeat;

	text-indent: -9000px;

	overflow: hidden;

	display: block;

	width: 22px;

	height: 22px;

	position: absolute;

	top: 0px;

    right: -63px;

    z-index: 3;

}



.contato{ margin-left:-10px;}

form h2 { margin-top:-20px; font-size:17px;}

form p { margin:5px 0 20px 0;}



small {

font-size:9px;

}

/* CINE CINE 14 -------------------------------*/



#festival7{width:940px; margin:0 auto; }

#festival7-sala1{

	background-color:#014f7a;

	width:600px;

	height:40px;

	position:absolute;

	margin-top:8px;

	margin-left:30px;

	float:left;

	left: 522px;

	top: 5559px;

}

#festival7-sala1UFBA{

	background-color:#014f7a;

	width:73px;

	height:40px;

	position:absolute;

	margin-top:8px;

	margin-left:30px;

	float:left;

	left: 1298px;

	top: 5557px;

}

#festival7-sala1XIV{

	background-color:#014f7a;

	width:73px;

	height:40px;

	position:absolute;

	margin-top:8px;

	margin-left:30px;

	float:left;

	left: 1298px;

	top: 5557px;

}

.title-festival7UFBA1{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal; }

.title-festival7XIV1{ color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal; }

.title-festival7{ color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase;  padding:8px 0 0 8px; font-weight:normal; }

#titulo-festival7{ border-bottom:#014f7a solid 3px; margin-left:20px;width:900px; height:40px; margin-left:20px;margin-top:60px;}

#conteudo-festival7{height:164px; margin-top:60px;border-left:#014f7a solid 11px; margin-left:20px;}

.titulo-festival7{ color:#014f7a; padding-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}

.thumb-festival7{ border:#014f7a 3px solid; margin:10px 0 0 15px; float:left;}

#conteudo-festival7 p{ padding-top:15px; width:695px; margin-left:15px; line-height:115%;}

.valor{   margin:30px 0 0 45px;}

#local p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 -12px 5px;}

#local b{  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; }

#fundo-valor-festival7{ background-color:#014f7a; width:171px; height:25px;  margin:30px 0 10px 45px; }

#fundo-local-festival7{ background-color:#014f7a; width:69px; height:25px;  margin:30px 0 10px 45px; }





/*------------------------------------------------*/