/*----- Css design for Zé Menezes Web Site. Url: -----*/


/*----- Css Reset Atributes Begin -----*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td{
		margin:0;
		padding:0;
		border:0;
		outline: 0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	html {
		height: 101%;
	}
	a{
		text-decoration:none;
	}
	ol, ul{
		list-style:none;
	}
	blockquote, q{
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after{
		content:'';
		content:none;
	}
	/* remember to define focus styles! */
	:focus{
		outline:0;
	}
	/* remember to highlight inserts somehow! */
	ins{
		text-decoration:none;
	}
	del{
		text-decoration:line-through;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table{
		border-collapse:collapse;
		border-spacing:0;
	}
/*----- Css Reset Atributes End -----*/

/*----- Global Atributes Begin -----*/
	body{
		background:#000;
		width:1000px;
		margin:30px auto;
		color:#fff;
		text-align:center;
		font-family: 'Trebuchet Ms', Verdana, Arial, Helvetica;
		font-size:12px;
		line-height:1; /*----- Css Reset -----*/
	}
	h1{
		font-size:40px;
	}
	
	h3{
		font-size:12px;
		color: #666;
		margin-top: 25px;
	}
	
	#home{
		background:#000 url(../img/homeBackground.gif) 0 240px no-repeat;
	}
	
	#geral{
	background:#000 url(../img/autoral.gif) repeat !important;
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 100%;

	}
	
/*----- Global Atributes End -----*/

/*----- Header Home Atributes Begin -----*/
	#home #header{
	
		float:left;
		margin:0 25px 0 25px;
		*margin:0 -60px 0 0;
		_margin:0 70px 0 70px;
	}
	#home #header h1 {
		background:url(../img/logo.png) no-repeat;
		display:block;
		width:217px;
		height:93px;
		text-indent:-15000px;
	}
	#insidePage #header h1 a{
		color:#fff;
	}
#home #header ul{
	margin:10px 0 0 15px;
}
	#home #header li,
	#home #header h1{
		font-family: Times;
		text-align:left;
	}
	#home #marketingArea{
		float:right;
		margin:50px 0 0 0;
		width: 310px;
	}
	#home #marketingArea ul li{
		font-family: 'TradeGothicBoldCondensedNo.20', sans-serif;
		float: left;
		margin: 13px;	
	}
	#home #marketingArea ul li a img{
		border: 1px solid #ccc;
	}
	#home #marketingArea ul li a:hover img{
		border: 1px solid #fff;
	}
	#home #marketingArea a{
		color:#fff;
	}
	#home #marketingArea a span.autoralhome{
		width: 286px;
		margin: 0 0 0 13px;
		height: 33px;
		float: left;
		background:url(../img/tt_autoral.gif) top left no-repeat;
	}
	#home #marketingArea a:hover span{
		background:url(../img/tt_autoral.gif) bottom left no-repeat;
	}
	#home #marketingArea #petrobrasLogo{
		margin-left: 44px;
		display:block;
		height:27px;
		background:url(../img/petrobras_logo.gif) no-repeat;
		text-indent:-15000px;
	}
	#home #marketingArea span{
		font-size: 8px;
		text-transform: uppercase;
		display:block;
		margin-bottom:40px;
		margin-left:140px;
		margin-top:-17px;
	}
/*----- Header Home Atributes End -----*/

/*----- Content Home Atributes End -----*/
	#home #content{
		background:url("../img/zeMenezesBackground.png") no-repeat scroll 0 135px transparent;
		*background:url("../img/zeMenezesBackground.png") no-repeat scroll 0 0px transparent; /*----- IE6 Wrong align Background -----*/
		_background:url("../img/zeMenezesBackground.png") no-repeat scroll 0 155px transparent; /*----- IE6 Wrong align Background -----*/
		width:647px;
		height:600px;
		margin: 0 auto;
	}
	#home #content h2{
		*float:right;
	}
/*----- Content Home Atributes End -----*/

/*----- Inside Content Begin -----*/

	#content  {
	}

	#insidePage{
		width:770px;
		margin:10px auto;
		background:#000 url(../img/homeBackground.gif) 0 240px no-repeat;
	}
	#insidePage #header{
		background:url(../img/InsidePageHeaderBackground.gif) no-repeat;
		width:770px;
		height:134px;
	}
	#insidePage #header h1{
		float:left;
		font-size:25px;
	}
	#insidePage #header h2{				
		float:left;
	}
	#insidePage #header h2 a{
		background:url(../img/logoInside.png) no-repeat;
		display:block;
		width:144px;
		height:60px;
		text-indent:-15000px;
	}
	#header #menuesq {
	margin: 0px;
	width: 90px;
	float: left;
	}
	#header #menuesq {
		float: left;
		padding-top: 11px;
	}
	#header #menuesq  a{
		font-size:15px;
		font-family: 'TradeGothicBoldCondensedNo.20', sans-serif;
		text-transform:uppercase;
		color:#bcbcbc;
	}
	#header #menuesq  a:hover,
	#header#menuesq  a:active{
		color:#a0c939;
	}
	#header #menudir {
	float: right;
	width: 550px;
	}
	#insidePage #header #menudir ul{
		padding-top: 11px;
		margin-top: 0px;
		margin-right:11px;
	}
	#insidePage #header li{
		float: right;
		padding: 0px 8px 0 8px;
		font-size:10px;
	}
	#insidePage #header ul li a{
		font-size:15px;
		font-family: 'TradeGothicBoldCondensedNo.20', sans-serif;
		text-transform:uppercase;
		color:#bcbcbc;
	}
	#insidePage #header ul li a:hover,
	#insidePage #header ul li a:active{
		color:#a0c939;
	}
	#insidePage #content{
		width:770px;
	}
	#insidePage #left ul li{
		float:left;
		margin:10px 2px;
	}
	#insidePage #left #nameas{
		display:block;
		text-align:left;
		font-weight:bold;
		color:#616161;
	}
	#insidePage #left #nameas span{
		color:#b0b0b0;
		font-weight:normal;
	}
	#insidePage #content #left p,
	#insidePage #content #right p{
		color:#8a877c;
		margin: 10px 0;
		font-size:11px;
	}
	#insidePage #content #left{
		float:left;
	}
	#insidePage #content #left #autoralInsideLink{
		margin-top:30px;
		text-align:center;
	}
	#insidePage #content #right{
		float:right;
		text-align:justify;
		width:445px;
		line-height:17px;
		border-left:1px solid #a89c9b;
		padding:0 0 45px 35px;
	}
	#insidePage #content #right h2{
		color:#a0c939;
		font-size:18px;
	}
	#insidePage .contato form{
		margin-top:10px;
		width:100px;
	}
	#insidePage .contato form label{
		color:#000;
	}
/*----- Inside Content End -----*/

/*----- Autoral Atributes Begin -----*/
	.autoral{
		margin:0 auto !important;
	}
	.autoral #header{
		background:url(../img/autoralHeader.gif) no-repeat !important;
		height:45px !important;
	}
	.autoral #header ul{
		float:none !important;
		margin:0 0 0 160px;
		padding:12px;
		*padding:0;
	}
	.autoral #content{
		width:770px !important;
		text-align:left;
		margin: 0 auto;
	}
	.autoral #content{
		width:770px !important;
		text-align:left;
		margin: 0 auto;
	}

	#div_imagem  {
		margin-top: 15px;
		float: left;
		width: 230px;
		height: 500px;
	}
	
	#compreaqui  {
		text-align: right;
		text-transform: uppercase;
		margin-top: 10px;
		float: left;
		width: 206px;
		font-size: 12px;
		font-family: 'TradeGothicMedium';
		line-height: 2em;
	}
	#compreaqui a {
		text-decoration: none;
		color: #fff;
	}
	#compreaqui a:hover {
		text-decoration: none;
		color: #fc0;
	}
	#div_texto  {
		margin-top: 15px;
		float: left;
		margin-bottom: 50px;
		width: 484px;
		height: 500px;
		display: table;
	}
	#capacd_med {
		margin-right: 7px;
		border: 1px solid transparent;
		float: left
	}
	#capacd_med_selected1 {
		margin-right: 7px;
		border: 1px solid #a0c939;
		float: left
	}
	#capacd_med_selected2 {
		margin-right: 7px;
		border: 1px solid #f7ac1b;
		float: left
	}
	#capacd_med_selected3 {
		margin-right: 7px;
		border: 1px solid #69bce8;
		float: left
	}	
	.autoral #content #topContent {
	margin-left: 25px;
	}
	.autoral #content #topContent p{
		line-height:17px;
		font-size:11px;
	}
	.cdContent #content #topContent p{
		margin: 10px 0 0 0 !important;	
	}	
	#topContent {
		width: 720px;
	}
	.cdContent #content #titleCd{
	font-family: 'TradeGothicMedium';
	line-height: 1.6em;
		margin: 0 0 10px 0;
		letter-spacing: -0.1em;
		font-size:18px;
		text-transform: uppercase;
		color:#fff;
	}
	.autoral #content #bottomContent{
		margin-top:15px;
		height: 260px;
	}
	.autoral #content #bottomContent .cdName{
		display:block;
		margin-bottom:10px;
	}
	.autoral #content #bottomContent li{
		float:left;
		margin-right:16px;
	}
	.autoral #petrobrasAutoral span{
		display:block;
	}
	.autoral #artistAutoral{
		line-height: 1.5em;
		margin:40px 0;
	}
	.autoral #artistAutoral h2{
		font-family: 'TradeGothicMedium';
		font-weight: bolder;
		letter-spacing: -0.1em;
		font-size:32px;
		text-transform:uppercase;
	}
	.autoral #artistAutoral h2 span{
		font-weight: normal;
		color:#bfa699;
	}
	.autoral #artistAutoral h3{
		font-family: 'TradeGothicBoldCondensedNo.20';
		font-size: 24px;
		line-height: 2.8em;
		color: #fff;
		padding: 0;
		margin: 0;
	}
	.autoral #artistAutoral p {
		padding: 0;
		margin: 2px 0 0 0;
	}
	.table_musicas {
		width: 100%;
		clear: both;
	}
	.table_musicas td.titulo {
		height: 30px;
		vertical-align: middle;
	}
	.table_musicas td.titulo_cat_extra {
		font-size: 18px;
		line-height: 3.2em;
		padding-left: 3px;
		vertical-align: middle;
	}
	.table_musicas td.titulo_extra {
		padding-left: 3px;
		height: 30px;
		vertical-align: middle;
	}
	.table_musicas td.part {
		height: 30px;
		padding: 0px 6px 0px 6px;
		vertical-align: middle;
		text-align: center;
	}
	.table_musicas td.part a.partitura {
		padding: 0;
		display: block;
		background: transparent url(../img/icone_partitura.png) no-repeat top center;
		height: 19px;
		width: 11px;
	}	
	.table_musicas td.part a:hover.partitura {
		padding: 0;
		display: block;
		background: transparent url(../img/icone_partitura.png) no-repeat bottom center;
		height: 19px;
		width: 11px;
	}
	.table_musicas td.part a {
		color: #b4ada9;
		font-weight: bold;
	}
	.table_musicas td.part a:hover {
		color: #fff;
		font-weight: bold;
	}		
	.zebra {
		background:url(../img/bg_linha.png);
	}	
	.player {
		vertical-align: middle;
		padding-left: 6px;
		height: 30px;
		width: 30px;
	}
	
	
	
	
	
	.greenCd,
	.orangeCd,
	.blueCd{
		font-family: 'TradeGothicMedium';
		font-size: 15px;
		text-transform: uppercase;
	}
	a.greenCd{
		color:#a0c939;
	}
	a:hover.greenCd{
		color:#86ad23;
	}
	a.orangeCd{
		color:#f7ac1b;
	}
	a:hover.orangeCd{
		color:#d49316;
	}
	a.blueCd{
		color:#69bce8;
	}
	a:hover.blueCd{
		color:#4f9dc7;
	}
	.autoral #capaCd{
		float:left;
		margin:0 20px 10px 0;
	}
	/*----- Autoral Cd Content Begin -----*/
		.cdContent #content{
		}
		.cdContent #bottomContent ul li{
			float:none !important;
			margin:15px 0;
			line-height:15px;
		}
		.cdContent #bottomContent ul li span{
			vertical-align:top;
			margin-left:20px;
		}
		.cdContent .musicName,
		.cdContent .musicJukebox{
			width:290px;
			display:block;
			float:left;
		}
	/*----- Autoral Cd Content End -----*/
/*----- Autoral Atributes End -----*/


@font-face {
	font-family: 'TradeGothicBoldCondensedNo.20';
	src: url('fonts/tradegothic-boldcondtwenty-webfont.eot');
	src: local('☺'), url('fonts/tradegothic-boldcondtwenty-webfont.woff') format('woff'), url('fonts/tradegothic-boldcondtwenty-webfont.ttf') format('truetype'), url('fonts/tradegothic-boldcondtwenty-webfont.svg#webfontqlTngh6b') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TradeGothicMedium';
	src: url('fonts/tg______-webfont.eot');
	src: local('☺'), url('fonts/tg______-webfont.woff') format('woff'), url('fonts/tg______-webfont.ttf') format('truetype'), url('fonts/tg______-webfont.svg#webfontSOqiXHZJ') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ze1{
	font-size:16px;
	color:#FFF;
}