/* content Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { font-family: "Courier New", Courier, Monaco, monospace; color: white;  font: 12px/18px; background-color: #888888; background-image: url(fundo/rotate.php); background-repeat: repeat; background-attachment: fixed;}

h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#header {margin: 0px auto 0; overflow: hidden; width: 750px; position: relative; text-transform: uppercase; font-size: 9px; font-weight: bold; font-family: sans-serif; letter-spacing: 1px; padding: 0px;}
div#headerin { font-family: "Courier New", Courier, Monaco, monospace; background-color: #fff; color: #000; padding: 5px; padding-top: 60px; padding-bottom: 10px; text-align: left;  width: 750px; letter-spacing: 4px; word-spacing: -0px; font-size: 32px; font-weight: normal;}
div#container { margin: 10px auto 0; overflow: hidden; width: 750px; position: relative;}
div#topbar { overflow: hidden; width: 180px; position: absolute; top: 0px; right: 10px;}
div#footer { background-color: #000; margin: 0px auto 10px; overflow: hidden; width: 730px; padding: 10px;}
div#footer img{border: none; vertical-align: top;}
div#text img{border: none; vertical-align: top;}

div#actua {height: 75px; background-color: red; padding: 5px; margin-bottom: 10px;}
div#sobre {background-color: aqua; padding: 5px; color: #141414; margin-bottom: 10px;}
#actua strong{ font-size: 11px; text-transform: uppercase; font-weight: bold; border-bottom-style: solid; border-bottom-width: 4px;}
#actua p{ margin-bottom: 10px; font-size: 13px; font-weight: bold;}

#footer ul li{ margin-right: 20px; display: inline;}
#footer ul{ float: left; margin-right: 80px;}

ul#filter { float: left; font-size: 12px; list-style: none; margin-left: 0; width: 750px; margin-top: 10px; margin-bottom: 10px;}
ul#filter li {
	font-size: 15px; 
	color: black; 
	float: left;
	

	margin-bottom: 10px;

	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}
ul#filter a { color: black; background-color: white; text-decoration: none; width: 170px; 	margin-right: 10px; padding: 2px; padding-left: 6px; padding-right: 48px;}
ul#filter li.current a, ul#filter a:hover { color: white; background-color: black;}
ul#filter li.current a { color: white; background-color: black;}

ul#content { float: left; list-style: none; margin-left: 0; width: 100%; width: 760px;}
ul#content li {  

	background-position: 25px 75px;  

	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 170px;
	height: 220px;
	position: relative;
}

ul#content li h1 { font-weight: normal; word-spacing: -10px; line-height: 24px; letter-spacing: 2px; color: black; padding-left: 4px; padding-bottom: 0px; padding-right: 2px; padding-top: 2px; font-size: 22px; text-transform: uppercase; font-style: normal; width: 100%; margin-bottom: 10px; background-color: white;}


ul#content li h1.novos{ height: 60px; background-image: none; background-color: red;} 
ul#content a { display: inline; width: 100%; color: #fff; text-decoration: none;}
ul#content a:hover { text-decoration: line-through; }
ul#content a img{ border: none;}
.link {
	width: 50%;
	position: absolute;
	bottom: 5px;
	font-size: 9px;
	text-transform: uppercase;
	background-color: #000;
	padding: 1px;
	padding-left: 2px;
	
	font-style: nomal;
	letter-spacing: 2px;
	word-spacing: -8px;
	text-decoration: blink;
	}
.text {
	position: absolute;
	bottom: 35px;
	font-family: sans-serif;
	padding: 2px;
	font-style: italic;
	text-decoration: blink;
	background-color: purple;
	}	
	
ul#content li .link strong{
	color: #a30057;
	}

.cartaz{
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: red;
}

a.poster{

}



.note{font-size: 14px; font-weight: normal; text-transform: lowercase; font-family: serif; font-style: italic; text-decoration: underline;}

	
	
#simpleTooltip { 
	background-color: white;
	color: #000;
	width: 450px;
	padding: 5px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	font-family: serif;
	font-size: 15px;
	line-height:18px;
	font-family: Times, "Times New Roman";
	letter-spacing: 1px;
	}
	
#simpleTooltipx { 
	background-color: #fff;
	color: #141414;
	width: 420px;
	padding: 5px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	font-size: 14px;
	font-family: serif;
	line-height: 17px;
	font-style: italic;}	
	
	
a.testar	{
font-size: 15px;
text-transform: uppercase;
	padding-left: 2px;
	padding-right: 30px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #fff;
	color: #141414;
	text-decoration: none;
	
}

a:hover.testar	{
	text-decoration: line-through;
	
}


a.testar2	{
font-size: 15px;
text-transform: uppercase;
	padding-left: 2px;
	padding-right: 30px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #fff;
	color: #141414;
	text-decoration: none;
	
}

a:hover.testar2	{
	text-decoration: line-through;
	
}


#imagerotation{
background-color: #fff;
text-align: center;
height: 120px;
padding-top: 20px;
margin: 0px;
}

#imagerotation img.merdinha{
margin-right: 5px;
}