/* Reset */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
/* IE reset */
ul { list-style: disc outside; margin-left: 2em; } 
ul li { text-indent: 0; margin-left: 0; }
legend { margin-bottom: 1.6em; } /* IE form margin bug */
sup, sub { font-size: 100%; } /* IE superscript & subscript bug */
blockquote p,  blockquote ul,  blockquote ol,  blockquote dl,  blockquote pre,  blockquote address,
blockquote table,  blockquote form,  blockquote h1,  blockquote h2,  blockquote h3,  blockquote h4,  blockquote h5,  blockquote h6 { margin-top: .8em; margin-bottom: .8em; } /* IE can't handle :first-child */
* html  textarea, * html  input { padding: 0; } /* IE < 7 form fix */
input[type='submit'],  input[type='button'] { padding: 0; } /* IE 7 button fix */
legend+* { margin-top: 0; } /* we already added legend margin */
a abbr, a acronym { text-decoration: underline; } /* IE 7 bug */

/* Geral */
a { text-decoration:none; }
a:link { color: #333; }
a:visited { color: #444; }
a:hover { text-decoration: underline; color: #d4145a; }
a:active, a:focus { color: #c66; }


/* Layout */
body {
	font-family: Verdana, Arial, Helvetica;
	background:  url("/festival/images/bg_body_char.gif") no-repeat center 350px; 
	height: 100%;
	color:#333;
	font-size:11px; }
html {
	background:#e5ded5 url("/festival/images/bg_body_degrade.jpg") no-repeat center top; }
	
#geral {
	margin: 0 auto;
	width: 740px; }

h1{
	color:#d4145a;
	font-size:2em;
	padding-top:100px;}
h2.areaTitle{ 
	background: url("/festival/images/bg_header.gif") no-repeat center right;
	padding-bottom:10px; 
	margin-bottom:10px; 
	width:270px;}
#topo {
	background:#333; }
	#topo ul {
		list-style-type: none;
		margin:0 auto;
		text-align:center;
		width: 740px;}
		#topo li { display:inline; }
			#topo li a {
				color: #ffcb05;
				padding:8px 12px;
				display: -moz-inline-box;
				display: inline-block;
			}
			#topo li a:hover {
				background:#ffcb05;
				color: #333;}
#banner {
	width: 740px;
	height:260px;
	clear: both; }

#content {
	float: left;
	margin-top:-20px;
	position:relative;
	width: 445px; }
	/* Geral */
	#content * { line-height: 1.2em; }
	#content p { margin-bottom: 1.6em; }
	#content p+p { margin-top: -.8em; }
	#content p.description, #content p.description a { 
			color:#d4145a; 
			font-size:12px;
			padding-top:.5em; }
	#content h3, #content h3 a {
		color:#d4145a;
		font-size:25px;
		font-weight:normal; }
	#content h4, #content h4 a {
		color:#d4145a;
		font-size:14px; }
	#content div img {
		background: url("/festival/images/bg_highlight.gif");
		margin-bottom:5px;
		padding: 5px;}
	/* Homepage */
	#content.home div {
		background:none;
		float: left;
		margin: 0 5px 20px 0;
		width: 200px; }
		#content.home p { margin-bottom: 0; }
		#content.home p+p { margin-top: 0; }
		#content.home { line-height: 1.2em; }
		#content.home div h3, #content.home div h3 a { 
			color:#333; 
			font-size:11px;
			font-weight:bold; }
		#content.home h3 a:hover { color: #d4145a; }
		#content.home h4 { 
			color:#333;
			font-weight:bold;
			margin-bottom:5px; }		
		#content.home div .category, #content.home div .category a { 
			color:#d4145a; 
			font-weight:normal; }
	/* Área */
	#content.area div {
		background: url("/festival/images/bg_header.gif") no-repeat bottom right;
		margin-bottom:10px;
		padding-bottom:10px;
		width:425px; }


	

/* Sidebar */
#sidebar {
	float: right;
	width: 235px; }
	#sidebar h3 { 
		background: url("/festival/images/bg_headerM.gif") no-repeat bottom right; 
		margin-top: 2em;}
	#sidebar h3.first { margin-top: 0;}
	#sidebar h4 { margin-top: 1.2em;}
	/* flash - xicara*/
	#xicara{
		margin-top:-12px;
		position:relative; }
	/* busca */
	#arquivo select {
		margin-top:5px;
		width:180px; }
		#arquivo .submit {
			border:0 none;
			cursor: pointer;
			font-weight:bold;
			height:22px;
			width:36px;
			padding:0;
			padding-left:5px;
			text-align:left;
		    background-color: transparent;
			background:url("/festival/images/bg_submit.gif") no-repeat center bottom; }

	/* galeria */
	#galleryPreview {
		background: url("/festival/images/bg_highlight.gif");
		list-style:none;
		margin:5px 0 0 0;
		padding:5px 0 5px 5px; }
		#galleryPreview li {
			float:left;
			margin:2px; }
			#galleryPreview li a { border:1px black solid; display:block}
			#galleryPreview li a:hover { border:1px #d4145a solid; }
	#invite {
		clear:both;
		margin-top: 2em; }
		#invite img { cursor:pointer; }
	/* Rating */
	div.rankIndex { padding:10px 0; }
		div.rankIndex a {
			background:url("/festival/images/rating.gif") bottom center no-repeat;
			height:23px;
			float:left;
			padding-right:5px;
			text-indent:-5000px;
			width:38px; }
			div.rankIndex .ranked { background:url("/festival/images/rating.gif") top center no-repeat; }

/* Upcoming events */
#programacao {	
	clear:both; 
	padding-top:15px; }
	#programacao ul {
		margin:0;
		padding:0;
		list-style-type: none;}
		#programacao li {
			 background:url("/festival/images/bg_bubble.gif") no-repeat top left;
			 float:left; 
			 font-size:10px;
			 height:60px;
			 letter-spacing:-1px;
			 padding:10px 35px 0 7px;
			 text-align:center;
			 width:60px; }

/* Rodape */
#rodape {
	margin:10px auto 0;
	width:740px; }

#inferior {
	background: #ffcb05;
	padding-bottom:20px; }
	#inferior div {
		margin:0 auto;
		width: 740px; }
		#inferior div div {
			margin:10px 5px 10px 0;
			float:left;
			width: 140px;}
			#inferior ul {
				margin:0;
				list-style:none; }
				#inferior li { margin-top:10px; }

/* popup para imagens */
#popupResource {
	background:#e5ded5; 
	border:solid #ccc;
	border-width:1px 2px 3px 1px;
	left:50%;
	margin-left:-375px;
	padding:5px;
	position:absolute;
	top:50px;
	z-index:201; }
	a#pCloseResource {
		font-weight:bold;
		padding:5px;
		position:absolute;
		top:10px;
		right:20px; }

div#message-background{
	background-color:#040200;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
	
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    -khtml-opacity: 0.7;}

#popupMail {
	position:absolute;
	z-index:101;
	background:url("/festival/images/bg_invite.gif") no-repeat center;
	height:302px;
	width:600px;
	left:50%;
	top:100px;
	margin-left:-325px;}
	#popupMail .wrapper{
		margin:35px 0 0 275px;}
		#popupMail h2 {margin:1.5em 1em;}
		#popupMail ul {list-style:none; margin:0; width:300px;}
		#popupMail li { clear:both; margin-bottom:.5em;}
		#popupMail label{ float:left; text-align:right; width:80px; }
		#popupMail input, #popupMail textarea { margin-left:10px; width:200px; }
		#popupMail .submit { width:auto; float:right; }
		#popupMail .closeForm { position:absolute; top:30px; right:30px; }


/*classe para limpar containers com filhos flutuantes*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
/*.clearfix {display: inline-table;}*/
*.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */