/* FESTIVAL DE CINEMA */
@charset "utf-8";

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
* 
{ margin: 0; padding: 0; }

body 
{ background: #FFF; color: #666; font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif; margin: 0; padding: 0; }

img
{ border: 0; }

a, a:visited
{ border: 0; color: #4f340a; text-decoration: underline; }

a.linkPadrao, a.linkPadrao:visited
{ border: 0; color: #4f340a; text-decoration: underline; }

hr
{ border: 1px solid #e7e1d6; margin: 3px 0; }

hr.imprensa
{ border: 1px solid #f0e2a3; margin: 3px 0; }

.fltLeft
{ float: left; }

.mLR20
{ margin: 0 20px 0 20px; }

.mTop5
{ margin-top: 5px; }

.mTop10
{ margin-top: 10px; }

.mTop20
{ margin-top: 20px; }

.mBottom5
{ margin-bottom:5px; }

.mLeft50
{ margin-left: 50px; }

.mLeft20
{ margin-left: 20px; }

.mLeft10
{ margin-left:10px; }

.margin-left
{ margin: 5px; }


/* ---------->>> FORMS <<<-----------*/
input, select, textarea
{ background: #f2eccc; border: 1px solid #efda86; color: #885b1b; font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif; padding: 2px; width: 330px; }

.error
{ background: #f2eccc; border: 2px solid #C00; color: #885b1b; font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif; padding: 2px; width: 330px; }

select
{ background: #f2eccc; border: 1px solid #efda86; color: #885b1b; font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif; padding: 2px; width: 350px; }

button
{ background: #f2eccc; border: 1px solid #efda86; color: #885b1b; font: normal 10px/14px Tahoma, Arial, Verdana, sans-serif; padding: 3px 4px; }

.label
{ clear: left; display: inline; float: left; margin: 0 5px 10px 0; text-align: right; width: 65px; }

.labelMenor
{ clear: left; display: inline; float: left; margin: 0 5px 10px 0; text-align: left; width: 35px; }

.text
{ clear: right; float: left; margin-bottom: 10px; width: 330px;  }

.select
{ clear: right; float: left; margin-bottom: 10px; width: 335px;  }

.textMenor
{ width: 270px; }

.buttonMenor
{ background: #f2eccc; border: 1px solid #efda86; color: #885b1b; font: normal 10px/12px Tahoma, Arial, Verdana, sans-serif; padding: 3px 4px; }


/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#wrapperTop
{ background: url(../img/design/bg_top.gif) repeat-x; height: 351px; width: 100%; }


/* ---------->>> BANNER <<<-----------*/
#topBanner
{ height: 338px; margin: 0 auto; overflow: hidden; width: 1152px; }


/* ----------->>> MENU <<<------------*/
#navBar
{ background: #FFF; border-bottom: #e8d379 1px solid;  height: 43px; width: 100%; }

	#navBar ul
	{ margin: 0 auto; width: 760px; }

	#navBar li
	{ float: left; height: 25px; list-style: none; padding: 13px 0 0 0; }

	#navBar .marginMenu
	{ margin: 0 13px; }

	#navBar .marginMenuEsq
	{ margin: 0 10px 0 3px; }

	#navBar .marginMenuDir
	{ margin: 0 0 0 10px; }

	#navBar li:hover
	{ border-bottom: #edc133 5px solid; }



/* -----------------------------------*/
/* -------->>> ESTRUTURA <<<----------*/
/* -----------------------------------*/
#wrapper
{ background: url(../img/design/bg_wrapper-top.jpg) top repeat-x #FFF; padding: 40px 0 0 0; width: 100%; }

#content
{ margin: 0 auto; width: 760px; height: 100%; }

	#content .colEsq
	{ background: url(../img/design/bg_colesq.gif) repeat-y; color: #4f340a; float: left; height: 670px; width: 225px; }

	#content .colDir
	{ float: left; width: 533px; }

	#content .colEsqInterna
	{ background: url(../img/design/bg_colesq.gif) repeat-y; color: #4f340a; float: left; width: 225px; }

	#content .colEsqProg
	{ color: #4f340a; float: left; width: 225px; }

	.fundoProg
	{ background: url(../img/design/bg_colesq.gif) repeat-y; }

	#content .colDirInterna
	{ float: left; width: 533px; }




/* -----------------------------------*/
/* --------->>> CONTENT <<<-----------*/
/* -----------------------------------*/
.homeDestaque
{ margin: 0 0 0 18px; width: 175px; }

	.homeDestaque .saibaMais
	{ color: #785117; padding: 0 8px 8px 0; text-align: right; width: 167px; }

.internasTitulo
{ border-bottom: #ecd67b 1px solid; height: 30px; margin: 0 0 18px 5px; width: 750px; }

.internasCol1
{ float: left; width: 470px; }

.internasCol2
{ float: left; margin: 0 0 0 30px; width: 250px; }

.internasCol1b
{ float: left; width: 330px; }

.internasCol2b
{ float: left; margin: 0 0 0 30px; padding: 0 0 0 7px; width: 384px; }

.txtDestaque
{ color: #90611d; font-weight: bold; }

.txtBig
{ color: #90611d; font: bold 13px/15px Tahoma, Arial, Verdana, sans-serif; margin: 0 0 5px 0; }

.txtNoticia
{ color: #90611d; font: normal 20px/22px Tahoma, Arial, Verdana, sans-serif; margin: 0 0 5px 0; }
 

/* ----->>> BOX PROGRAMAÇÃO <<<-------*/
.progTitulo
{ border-bottom: #ecd67b 1px solid; height: 30px; margin: 0 0 18px 10px; width: 523px; }

.progTituloInterna
{ height: 30px; margin: 0 0 19px 10px; width: 523px; }

.progSelect
{ float: left; margin: 5px 0 0 195px; }

.progTxt
{ float: left; margin: 10px 0 0 0; width: 280px; }

.progSelectInterna
{ float: left; margin: 5px 0 0 60px; width: 180px; }

.selectProgramacao
{ width: 120px; }

.progTicket
{ clear: left; height: 134px; margin: 7px 0 7px 0; width: 516px; }

	.progTicket .progImg
	{ float: left; height: 134px; width: 150px; }

	.progTicket .progInfo
	{ background: url(../img/design/prog_bg-ticket.jpg) top left no-repeat; float: left; height: 110px; padding: 12px; width: 280px; }

		.progTicket .progInfo .progLocal
		{ background: url(../img/design/prog_bg-linha.gif) top left no-repeat; float: left; height: 32px; margin-top: 8px; padding: 0 0 0 10px; width: 160px; }

		.progTicket .progInfo .progData
		{ background: url(../img/design/prog_bg-linha.gif) top left no-repeat; float: left; height: 32px; margin: 8px 0 0 8px; padding: 0 0 0 10px; width: 90px; }

	.progTicket .progAba
	{ float: left; height: 134px; width: 59px; }

ul.tabNavigation
{ background: #FFF; list-style: none; margin: 0; padding: 0; }

	ul.tabNavigation li
	{ background: #FFF; display: inline; }

	ul.tabNavigation li a
	{ background: #FFF; border-left: 1px solid #FFF; float: left; height: 25px; padding: 7px 10px 5px 10px; text-align: center; width: 60px; }

	ul.tabNavigation li a.selected, ul.tabNavigation li a:hover 
	{ background: #edc133; float: left; height: 25px; padding: 7px 10px 5px 10px; text-align: center; width: 60px; }

	ul.tabNavigation li a:focus
	{ outline: 0; }

div.tabs > div
{ background: #FFF; padding: 20px 10px 10px 10px; width: 505px; }

#dia19, #dia20, #dia21, #dia22, #dia23, #dia24, #dia25
{ background:url(../img/design/prog_fundo.jpg) center 80px no-repeat #edc133; height: 591px; width: 512px; }

#dia19i, #dia20i, #dia21i, #dia22i, #dia23i, #dia24i, #dia25i
{ background:url(../img/design/prog_fundo.jpg) center 80px no-repeat #edc133; width: 512px; }

#filmes
{ background:url(../img/design/prog_fundo.jpg) center 80px no-repeat #edc133; height: 720px; width: 512px; }

#curtas, #danca, #musica, #teatro, #expo
{ background:url(../img/design/prog_fundo.jpg) center 80px no-repeat #edc133; height: 587px; width: 512px; }

#oficinas, #sessao, #teatro
{ background:url(../img/design/prog_fundo.jpg) center 80px no-repeat #edc133; height: 600px; width: 512px; }

.waste 
{ min-height: 10px; }

.progRodape
{ clear: left; height: 32px; width: 757px; }

.progObs
{ color: #885b1b; font: normal 10px/12px Tahoma, Arial, Verdana, sans-serif; }

.abaFilmes
{ width: 80px; }


/* --->>> FESTIVAL DE CURTAS <<<---*/
.botoesCurtas
{ clear: left; margin: 10px 0 0 0; text-align: right; width: 377px; }


/* ----->>> LOCALIZAÇÃO <<<-------*/
.localCol1
{ float: left; width: 465px; }

.localCol2
{ float: left; margin: 0 0 0 25px; text-align: right; width: 250px; }

.mapa
{ border: 4px solid #90611d; }

.mapaLink
{ background: #90611d; font: normal 10px/14px Tahoma, Arial, Verdana, sans-serif; padding: 0 8px 5px 0; text-align: right; width: 250px; }

	.mapaLink a, a:visited
	{ color: #FFF; }

.listaFotos ul
{ margin: 0; padding: 0; }

.listaFotos li
{ float: left; list-style-type: none; margin: 0 7px 10px 7px; }


/* ----->>> IMPRENSA <<<-------*/
.imprensaCol1
{ float: left; width: 500px; }

.imprensaCol2
{ float: left; margin: 0 0 0 30px; width: 217px; }

#content .colRelease
{ background: url(../img/design/releases_base.gif) bottom center no-repeat #f2eccc; color: #4f340a; float: left; width: 217px; }

.imprensaSubtitulo
{ color: #999; font: italic 12px/14px Tahoma, Arial, Verdana, sans-serif; }

.imprensaLinha
{ border-bottom: #321e03 dotted 3px; height: 5px; margin: 30px 0; width: 100%; }

.imprensaMaterias
{ line-height: 18px;  margin: 20px 0 0 0; }

.imprensaFonte
{ color: #999; font: normal 10px/12px Tahoma, Arial, Verdana, sans-serif; }


/* ------->>> CONTATO <<<---------*/
.botoesContato
{ clear: left; margin: 10px 0 0 0; text-align: right; width: 405px; }


/* ------>>> TRAILERS <<<--------*/
#loader
{ position: absolute; left: 50%; margin: -13px  0 0 -25px; top: 50%; }

.video
{ background-color: #FFF; height: 344px; margin: 1px 0 0 3px; width: 424px; }

.legenda
{ color: #90611d; font: bold 13px/15px Tahoma, Arial, Verdana, sans-serif; float: left; margin: 12px 0 0 10px; width: 382px; }

.close
{ float: left; margin: 10px 0 0 0; width: 19px; }


/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/
#footer
{ background: #f5cd41; clear: left; margin: 30px auto 0 auto; width: 100%; }

	#footer .linha
	{ background: #c7892c; height: 13px; width: 100%; }

	#footer .copyright
	{ background: url(../img/design/footer_copyright.jpg) top center no-repeat; color: #90601d; height: 112px; margin: 0 auto; padding: 5px 0 0 0; text-align: center; width: 100%; }

	#footer .creditos
	{ color: #785117; height: 71px; margin: 15px auto 18px auto; text-align: center; width: 750px; }

		#footer .creditos .txt
		{ float: left; margin: 25px 10px 0 0; }