@charset "UTF-8";

/* CSS Document */



/*----------------------------------------------------------------------*/
/*	Reset   */
/*----------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0; 
}
	
li {
	overflow-x: hidden;	
}
table {
	border-collapse: collapse;
	border-spacing: 0; }

fieldset, img {
	border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal; }

ol, ul {
	list-style: none; }

caption, th {
	text-align: left; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%; }

q:before, q:after {
	content:''; }

abbr, acronym {
	border: 0; }



/*----------------------------------------------------------------------*/
/*	Global   */
/*----------------------------------------------------------------------*/

body {
	color:#CCCCCC;
	text-align: center;
	background: #848484;
}
	
.ui-tabs-hide {
	display: none; }



/*----------------------------------------------------------------------*/
/*	Layout Classes   */
/*----------------------------------------------------------------------*/

.clear {
	clear: both; }
	
.clearright {
	clear: right; }
	
.clearleft {
	clear: left; }

.appleclear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
	padding: 0; }

.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px; }

.left {
	float: left; }

.right {
	float: right; }
	

/*----------------------------------------------------------------------*/
/*	Text Styles   */
/*----------------------------------------------------------------------*/

body { font: 100 normal 11px/16px Arial, Sans-Serif; }
strong, b { font-weight: bold !important; color: #CCCCCC !important; }	
erro {font: 100 normal 11px/16px Arial, Sans-Serief; color:#FFFF00;}


/*----------------------------------------------------------------------*/
/*	Links   */
/*----------------------------------------------------------------------*/

a:focus { outline: none; }
a:link { color: #FFFFFF; font-weight: normal; text-decoration: none; }
a:visited { color: #FFFFFF; font-weight: normal; text-decoration: none; }
a:hover { color: #FFFFFF; font-weight: normal; text-decoration: underline; }



/*----------------------------------------------------------------------*/
/*	Headers  */
/*----------------------------------------------------------------------*/

h1 {
	 }
	
h2 {
	 }
	
h3 {
	position: absolute;
	top: -15px;
	left: 10px; }
	
h4 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h4 a {
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #0083B5;
	margin-bottom: 3px; }
	
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	margin-bottom: 2px; }
	
.banner {
	position: relative;
	margin-bottom: 10px; }


/*----------------------------------------------------------------------*/
/*	Icons & Buttons  */
/*----------------------------------------------------------------------*/

.circlelrg {
	position: absolute;
	top: -66px;
	left: -62px;
	width: 157px; height: 157px;
	background: url("../templates/images/header/amoeba_lrg-b.png"); }

.circlemed {
	position: absolute;
	top: -35px;
	left: -33px;
	width: 71px; height: 72px;
	background: url("../templates/images/header/amoeba_med-b.png"); }

.circlesml {
	position: absolute;
	top: -33px;
	left: -33px;
	width: 67px; height: 67px;
	background: url("../images/common/headers/circlesmall.png"); }



/*----------------------------------------------------------------------*/
/*	Backgrounds  */
/*----------------------------------------------------------------------*/

.border50 {
	background: url(../templates/images/backgrounds/bdrgradient50.png) repeat-x;
	padding: 7px 7px 0px 7px; }

.border150 {
	background: url(../templates/images/backgrounds/bdrgradient150.png) repeat-x;
	padding: 7px 7px 0px 7px; }

.border250 {
	background: url(../templates/images/backgrounds/bdrgradient250.png) repeat-x;
	padding: 7px 7px 0px 7px; }

.border350 {
	background: url(../templates/images/backgrounds/bdrgradient350.png) repeat-x;
	padding: 7px 7px 0px 7px; }

.border500 {
	background: url(../templates/images/backgrounds/bdrgradient500.png) repeat-x;
	padding: 7px 7px 0px 7px; }
	
/* LINHA DO RODAPÈ */	
.lines50 {
	background: #000000 url(../templates/images/backgrounds/lngradient100_2.png) repeat-x; }

.lines100 {
	background: #000000 url(../templates/images/backgrounds/lngradient100.png) repeat-x; }

.lines200 {
	background: #000000 url(../templates/images/backgrounds/lngradient200.png) repeat-x; }

.lines300 {
	background: #000000 url(../templates/images/backgrounds/lngradient300.png) repeat-x; }

.linescontact {
	background: #000000 url(../templates/images/backgrounds/lngradient200.png) repeat-x; }
	
#contactpanel .linescontact, #aboutpanel .linescontact {
	background: #000000 url(../templates/images/backgrounds/lngradientcontact.png) repeat-x;
	padding: 10px; }
	
#discography .lines100 {
	background: #000000 url(../templates/images/backgrounds/lngradient100.png) repeat-x;
	padding: 10px; }
	
#audio .linescontact {
	background: #000000 url(../templates/images/backgrounds/lngradientcontact.png) repeat-x;
	height: 200px; }
	

/*----------------------------------------------------------------------*/
/*	Grid System   */
/*----------------------------------------------------------------------*/

.wrapper {
	position: relative;
	margin: 0px auto 25px; }

.column { 
	float: left; }

.grid2col, .grid2cola, .grid2colb, .grid2colc .grid2cold, .grid4col {
	width: 100%; }
	
/* equal split */
.grid2col .column { 
	position: relative;
	width: 46%; }
	
/* panels(content) */
.grid2cola .column.first { 
	position: relative;
	width: 63%; }
	
.grid2cola .column.last { 
	position: relative;
	width: 35%; }
	
/* sidebar(layout) */
.grid2colb .column.first { 
	position: relative;
	width: 65%; }
	
.grid2colb .column.last { 
	position: relative;
	width: 29%; }
	
.grid2colc .column.first { 
	position: relative;
	width: 32%; }
	
.grid2colc .column.last { 
	position: relative;
	width: 66%; }
	
.grid2colc .column.last img { 
	float: right; }
	
.grid2cold .column.first { 
	position: relative;
	width: 62%; }
	
.grid2cold .column.last { 
	position: relative;
	width: 34%; }
	
.gridqqq4col .column { width: 23%; margin-left: 0%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }
	
.column.first, .column.last { 
	margin-left: 0 !important; }
	
.column.last { 
	float: right !important; }
	
#container:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after, #topbar:after, #selectors:after, #catselectors:after, #title:after, #discography .bucket:after, .stripViewer .panelContainer:after, #panel3 .newrelwrapper:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
#container, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col, #selectors, #sidebar, #news, #calendar, #links, #title, #discography .bucket, .stripViewer .panelContainer, #panel3 .newrelwrapper, .cataloguebox, .column, #bgcircleswrapper, #carousel, #jcarousel, .carouselcontainer, .bluecontent, .samplerbox, .samplerboard, #licensingform, #licensing101, .artistbucket, .bubble { 
	_zoom:1; }

/*----------------------------------------------------------------------*/
/*	Global Page Structure   */
/*----------------------------------------------------------------------*/

#topbar {
	position: relative;
	width: 100%;
	height: 4px;
	border-bottom: solid #999999 1px; }
	
#header {
	width: 100%;
	position: relative;
	background: url(../templates/images/header/titlegradient.png) repeat-x top  ;
	padding-top: 5px;
	margin-bottom: 0px !important; }
	
#container {
	width: 960px;
	margin: 0px auto 0px;
	text-align: left; }
	
#container_galeria_direita {
	width: 465px;
	margin: 0px auto 0px;
	position: relative;
	left: -243px;
	top: -362px;
	}	
	
#container_galeria_esquerda {
	width: 465px;
	margin: 0px auto 75px;
	position: relative;
	left: 250px;
}
	
		
#container_participe {
	width: 960px;
	margin: 15px auto 75px;
	text-align: left; }
		
div {
	text-align: left; }

#footer {
	width: 100%;
	position: relative;
	clear: both;
	padding: 10px 0px 5px 0px;
	text-align: center;
}


/*----------------------------------------------------------------------*/
/*	TITULO  */
/*----------------------------------------------------------------------*/

#bgcircleswrapper { 
	position: relative;
	width: 960px;
	margin: 0px auto; }
		
/* Barra superior com o menu e a frase */
#title {
	position: relative;
	width: 960px;
	list-style: none;
	margin: 0 auto 0px; }

#frase{
	position: absolute;
	top: 10px;
	left: 750px;
	background-repeat: no-repeat;
	background-image: url(../images/frase.png);
	width: 222px;
	height: 21px; }

#logo{
	position: absolute;
	top: 5px;
	left: 90px;
	background-repeat: no-repeat;
	background-image: url(../images/homepage/logo_sangue.png);
	width: 171px;
	height: 59px; }

#logo_posto{
	position: absolute;
	top: 5px;
	left: 290px;
	background-repeat: no-repeat;
	background-image: url(../images/homepage/logo_sangue22.png);
	width: 171px;
	height: 59px; }
	
#title ul {
	list-style: none;
	margin-top: 0px; }

#title #mana {
	padding: 0 0px 0 0px; }
	

/* LOGO CORINTHIANS LATERAL ESQUSERDA SUPERIOR	*/
#bgcircles {
	position: absolute;
	top: 0px;
	left: -225px;
	background-repeat: no-repeat;
	background-image: url(../templates/images/header/header-b_2.jpg);
	width: 440px;
	height: 586px; 
}
	

/*----------------------------------------------------------------------*/
/*	Definições do MENU
/*----------------------------------------------------------------------*/

#navcontainer {
	clear: both;
	position: relative;
	width: 960px;
	margin: 0px auto; }
	
#navcontainer ul {
	float: right;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin: 15px 0px 0px 0px;
	padding: 0px; }

#navcontainer li {
	display: inline;
	margin-left: 10px;
	text-align: center; }

#navcontainer li a {
	padding: 4px 15px 4px 15px;
	color: #fff;
	text-decoration: inherit;
	}
	

#navcontainer li a:hover {
	color: #FFFF00;
	 }

/*----------------------------------------------------------------------*/
/*	About Us Panel   */
/*----------------------------------------------------------------------*/

#aboutpanel h5 {
	color: #FFFFFF; !important
	text-align: center;
	margin-bottom: 30px; }
	
#tabs {	
	height: 600px;
	overflow: hidden; }
		
#tabs ul {
	width: 250px;
	height: 250px;
	float: left; }
	
#tabs li {
	display: block;
	padding: 3px 5px;
	margin-bottom: 10px; }
	
#tabs li a {
	display: block;
	padding: 5px 0 5px 10px;
	width: 200px;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font: 100 10px Arial;
	color: #CCC; }
	
#tabs li a:hover {
	color: #FFF; }
	
#tabs .selected {
	padding: 5px 0 0 10px;
	color: #000;
	font: 300 10px Arial;
	display: block;
	width: 220px;
	height: 15px;
	border: none;
	background-color: #CCC; }
	
#tabs .selected:hover {
	color: #000; }
	
#tabs div#tab1, #tabs div#tab2, #tabs div#tab3, #tabs div#tab4 {
	width: 650px;
	float: left; }


.texto_Clipping{
	width: 100%;
	float: left; }
 
 	
/*----------------------------------------------------------------------*/
/*	Contact Panel   */
/*----------------------------------------------------------------------*/

#contactpanel, #aboutpanel {
	position: relative;
	display: none;
	width: 946px;
 	margin: 10px auto 0px;
 	text-align: left; }
 	
#contactform {
	color: #CCCCCC; }
	
.forminput {
	display: block;
	margin-bottom: 10px;
	background: transparent;
	border:  1px solid #292929;
	color: #CCCCCC; }
	
#medium .forminput {
	background: transparent;
	border:  1px solid #292929;
	color: #CCCCCC; }
	
.formlabel {
	display: block;
	margin-bottom: 4px;}

.textarea {
	width: 350px;
	height: 150px; }
	
.textline {
	width: 300px; }
	
#contactpanel h1 {
	margin-bottom: 10px; }
	
#ajaxresponse {
	font: normal 20px/30px Arial;
	width: 400px; }
	
	
/*----------------------------------------------------------------------*/
/*	Subscribe Form   */
/*----------------------------------------------------------------------*/

#subscribe {
	color: #999;
	margin-right: 20px; }
	
#subscribetoggle {
	color: #666;
	margin-right: 20px; }
	
#subscribe .forminput {
	display: inline;
	margin: 0px 10px 0 0;
	background: transparent;
	border:  1px solid #666666;
	color: #CCCCCC; }
	
#subscribe .formlabel {
	display: inline;
	margin-right: 3px;}
	
#subscribe .textline {
	width: 145px; }
	
.formbutton {
	font-size: 9px;
	color: #444444; }
	
.formbutton {
	font-size: 10px;
	color: #999999; }	
 	
/*----------------------------------------------------------------------*/
/*	Panels   */
/*----------------------------------------------------------------------*/

#featuredwrapper {
	position: relative;
	clear: both;
	margin: 20px auto;
	width: 960px; }
	
#billboard {
	position:relative;
	width: 946px;
	background-image: url(../templates/images/backgrounds/bdrgradient250.png);
}

#campanha {
	position:relative;
	width: 946px;
	background-image: url(../templates/images/backgrounds/bdrgradient500.png);
}

#clipping {
	position:relative;
	width: 1200px;
	background-image: url(../templates/images/backgrounds/bdrgradient500.png);
}
	
#participe {
	position:relative;
	width: 550px;
	background-image: url(../templates/images/backgrounds/bdrgradient500.png);
}	
	
#panels {
	position:relative;
	width: 100%; }
	
#audio1, #audio2, #audio3, #audio4 {
	margin-top: 5px;
	margin-bottom: -5px; }
	
#nrplayer1, #nrplayer2, #nrplayer3, #nrplayer4 {
	height: 35px;
	margin-bottom: 10px; }



/*----------------------------------------------------------------------*/
/*	Sidebar  */
/*----------------------------------------------------------------------*/

#sidebar .button {
	margin-top: 45px;
	margin-bottom: 45px; }

#audio {
	position: relative;
	margin-bottom: 10px;
	height: 200px; }
	
#news, #newsarchive, #newsletters, #calendar, #links {
	position: relative;
	margin-bottom: 70px; }


/*----------------------------------------------------------------------*/
/*	Error Pages  */
/*----------------------------------------------------------------------*/


#error404 {
	width: 800px;
	height: 120px;
	background: transparent url(../templates/images/headers/banners/404.gif) no-repeat;
	margin: 150px 80px 200px; }
	
#error403 {
	width: 800px;
	height: 120px;
	background: transparent url(../templates/images/headers/banners/403.gif) no-repeat;
	margin: 150px 80px 200px; }



/*----------------------------------------------------------------------*/
/*	RODAPÉ */
/*----------------------------------------------------------------------*/

/* FONTE */
#footer p {
	font: 10px Arial, Sans-Serif;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px; }
	
#footer ul {
	font: normal 9px/10px Arial, Sans-Serif;
	text-align: center;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	width: 100%;/* fixes Firefox 0.9.3 */ }

#footer ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1px;
	/* matches link padding except for left and right */
	padding-top: 1px; }

#footer ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #ffffff;
	text-decoration: none;
	border-right: 2px groove #333333; }

#footer ul li a:hover {
	color: #FFFF00; }

#footer #line {
	border-left: 2px groove #333333; }



/*----------------------------------------------------------------------*/
/*	Navigation States   */
/*----------------------------------------------------------------------*/

#homepage #nav_home a,
#newspage #nav_news a,
#writerpage #nav_writers a,
#cataloguepage #nav_catalogues a,
#licensingpage #nav_licensing a {
	background-color: #FFF;
	color: #000;
	font-weight: bold; }

#home #nav_home a:hover,
#news #nav_news a:hover,
#writers #nav_writers a:hover,
#catalogues #nav_catalogues a:hover,
#licensing #nav_licensing a:hover {
	background-color: #000;
	color: #FFF;
	font-weight: bold; }



/*----------------------------------------------------------------------*/
/*	List Styles   */
/*----------------------------------------------------------------------*/

.lista ul, .listaa ul, .listb ul, .listc ul {
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 7px; }

.lista li, .listaa li, .listc li {
	list-style: none;
	border-bottom: 1px dotted #222222; }
	
.listb li {
	list-style: none;
	border-bottom: 1px dotted #222222;
	color: #7c7b7b !important;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	outline: none; }
	
.lista li a, .listaa li a, .listc li a {
	color: #7c7b7b !important;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	outline: none; }
	
.lista li a:hover, .listaa li a:hover, .listc li a:hover {
	background-color: #111111;
	opacity: 0.6;
	filter: alpha(opacity=60);
	color:#FFF !important;
	font-size: 10px !important;
	font-weight: normal !important;
	text-decoration: none !important; }	
	
.lista li a {
	padding: 8px 8px 8px 23px;
	background: url(../templates/images/buttons/circletiny.png) no-repeat 5px 11px; }

.listaa li a {
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 8px 8px 8px 23px;
	background: url(../templates/images/buttons/circletiny.png) no-repeat 5px 11px; }

.listb li {
	padding: 8px 8px 8px 30px;
	background: url(../templates/images/buttons/calendar_icon.png) no-repeat 5px 9px; }

.listc li a {
	padding: 8px 8px 8px 25px;
	background: url(../templates/images/buttons/linkarrow.png) no-repeat 5px 11px; }
	
#selectors {
	margin-bottom: 25px; }
	
#selectors ul {
	margin-bottom: 25px; }
	
#selectors li {
	position: relative;
	display: inline;
	float: left;
	list-style:none;
	margin: 0px 5px 4px 0px; }
	
#selectors li.blue1 {
	background: url(../templates/images/buttons/button_blue60.gif) repeat-y; }
	
#selectors li.blue2 {
	background: transparent url(../templates/images/buttons/button_blue45.gif) repeat-y; }
	
#selectors li.blue3 {
	background: transparent url(../templates/images/buttons/button_blue30.gif) repeat-y; }	
	
#selectors li a {
	display: block;
	font: 900 9px Arial;
	color: #999;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	padding: 2px 5px 2px 125px;
	width: 100px;
	border-left: 0px solid #555555; }
	
#selectors li a:hover {
	background: transparent url(../templates/images/buttons/button_blue100.gif) repeat-y;
	color: #FFF; }
	
#catselectors {
	margin-bottom: 25px; }
	
#catselectors ul {
	margin-bottom: 25px; }
	
#catselectors li {
	position: relative;
	display: inline;
	float: left;
	list-style:none;
	margin: 0px 5px 4px 0px; }
	
#catselectors li.blue1 {
	background: url(../templates/images/buttons/button_blue60.gif) repeat-y; }
	
#catselectors li a {
	display: block;
	font: 900 9px Arial;
	color: #999;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	padding: 2px 5px 2px 125px;
	width: 170px;
	border-left: 0px solid #555555; }
	
#catselectors li a:hover {
	background: transparent url(../templates/images/buttons/button_blue100.gif) repeat-y;
	color: #FFF; }

.link_mao{
	cursor: pointer;
}