@import url("displaytag.css");

@import url("thickbox.css");



#assinatura {

	position:absolute;

	left:143px;

	top:780px;

	text-align:center;

	_margin-left:-139px;

	_margin-top:7px;

}

#assinatura a {

	text-decoration:none;

	color:#4488BB;

	font-style:italic;

}



/* -------------

- PAGE LAYOUT -

------------- */



body {

	margin: 10px;

	text-align:center;

	background:url(../site_img/back.gif);

}



#layout {

	width:730px;

	margin:5px auto;

	padding:0px;

	overflow:hidden;

	border:0px solid #000;

	text-align:center;

}





#table {

	width:100%;

	margin:-3px auto;

	padding:5px;

	border:1px solid #000;

	text-align:center;

	background-color: #FFA54F;

}





#index_leftframe {

	width:99px;

	height:695px;

	_width:100px;

	_height:697px;

	float:left;

	border:1px solid #000;

	border-right:0px;

	padding:0px;

	margin:0px;

	background-color: #99CCFF;



	

}

#index_mainframe {

	width:629px;

	height:695px;

	_width:630px;

	_height:697px;

	float:right;

	padding:-0px;

	margin:0px;

	font-size:1.2em;

	border:1px solid #000;

	border-left:0px;

	background-color: #EFEFF7;

}



#leftframe {

	width:140px;

	height:700px;

	float:left;

	border-left:1px solid #000;

	border-top:1px solid #000;

	border-bottom:1px solid #000;

	padding:0;

	margin:0;

	background-color: #99CCFF;

	

}

#mainframe {

	width:588px;

	float:right;

	font-size:1.2em;

	border-right:1px solid #000;

	border-top:1px solid #000;

	border-bottom:1px solid #000;

	background-color: #EFEFF7;

}





h1{		

	font-size:30px;

	font-family:Arial;

	color:#333333

	

}





h1.registrado{		

	font-size:24px;

	font-family:Arial;

	color:#333333



}



#cabecalho {

	border: 1px solid #000000;

	background-color: #99CCFF;

	width: 728px;		

	padding-bottom:25px;

	text-align: right;



}



#footer {

	text-align:center;

}





#menu {

	border:none;

	margin: 10px;

	font: 9px Arial, sans-serif;

}

#menu li {

	list-style: none; 

	margin: 2px;

	display: inline;

}

#menu li a {

	height:1px; /* IE5.0 bug */

	padding: 3px 5px; 

	margin:0;

	border: 1px solid #000; 

	background: #999;

	text-decoration: none;

}

#menu li a:link {

	color: #fff;

}

#menu li a:visited {

	color: #fff;

}

#menu li a:hover {

	background: #ccc;

	color: #000; 

	border-color: #000;

}



#bodyIndex #menu ul li a.menuIndex,

#bodyPerito #menu ul li a.menuPerito,

#bodyMotivos #menu ul li a.menuMotivos,

#bodyProdutos #menu ul li a.menuProdutos,

#bodyPrecos #menu ul li a.menuPrecos,

#bodyDepoimentos #menu ul li a.menuDepoimentos,

#bodyCursos #menu ul li a.menuCursos,

#bodyLinks #menu ul li a.menuLinks

{ background-color: #ccc; color: #000; border-color: #000; }









#banner_left_1{

	position:relative;

	_position:absolute;

	left:0%;

	top:5%;

	margin: 20px;

	_margin-left:5px;

	_margin-top: 80px;

}

#banner_left_2{

	position:relative;

	_position:absolute;

	left:0%;

	top:10%;

	margin: 20px;

	_margin-left:5px;

	_margin-top:150px;

}



#banner_produto{

	position:absolute;

	left:720px;

	top:150px;

	margin: 0px;

	_margin-left:-137px;

	_margin-top:7px;

}



#banner_bottom{

	text-align: right;

	padding: 10 0 10 0px;

	margin: 0px;

	border: 0px solid #000; 

	clear: both;

}

#banner_bottom li{

	text-align: right;

	list-style: none; 

	margin: 0.55em;

	display: inline;

}





#form {

	width:600px;

	padding:10px;

	margin:10px;

	font-size:1.2em;

	text-align:left;

	font-size:12px;



}





















input, select, textarea {

	display: block;

}

input.texto {

	width: 200px;

}

input.botao {

	width: 100px;

	display:inline;

}



/* loja virtual */

body.loja {

	margin: 10px;

	margin-right: 250px;

	background: #FEFFFF;

}



.loja h1 {

	margin-bottom: 15px;

	margin-left: -20px;

	padding: 2px;

	padding-left: 75px;

	font-size: 28px;

	height: 50px;

	background: url('../img/fundo-titulo.png') bottom left repeat-x;

}



.cd {

	position: relative;

	margin: 6px;

	padding: 2px;

	border: 8px solid #e1e1e1;

	background: #f5f5f8;

	width: 230px;

	height: 200px;

	float: left;

	display: inline;

}



.cd img {

	width: 75px;

	height: 75px;

	float: left;

	margin-right: 5px;

}

.cd span.titulo {

	display: block;

	font-size: 20px;

	font-family: Tahoma, Verdana;

}

.cd span.artista {

	display: block;

	font-size: 14px;

}

.cd hr {

	clear: both;

	border:0;

	height: 0;	

}

.cd ol {

	list-style-type: decimal-leading-zero;

	list-style-position: inside;

	margin: 0;

	padding: 0;

}

.musica {

	margin: 2px;

	margin-top: 4px;

	border-top: 2px solid #dededf;

	border-left: 2px solid #dfdfdf;

	border-bottom: 2px solid #bfbfbf;

	border-right: 2px solid #bababe;

	background: #f9f9ff;

	padding: 3px;

	cursor: move;

}

#carrinho {

	position:absolute;

	top: 5px;

	right:5px;

	width: 250px;

	background: #edecff;

	padding: 0;

	z-index: 5;

	border: 5px solid #4444ff;

}



#carrinho h2 {

	margin: 0;

	padding: 2px;

	width: 250px;

	color: white;

	background: #4444ff;

	font-size: 18px;

	text-align: center;

}

#carrinho a {

	display: block;

	font-size: 18px;

	text-align: center;

	text-decoration: none;

	color: #4444ff;

	font-family: Tahoma, Verdana;

	margin: 5px;

}

#compras {

	min-height: 100px;

	width: 242px;

	margin: 4px;

	background: #f6f6ff;

	padding: 0;

}



#compras ul {

	list-style-type: none;

	width: 100%;

	margin: 0;

	padding: 0;

}

.compra img {

	float: left;

	width: 25px;

	height: 25px;

}

.compra {

	background: #fdfdfd;

	margin: 2px;

	margin-bottom: 5px;

}

#total {

	font-weight: bold;

	font-family: Tahoma, Verdana;

	display: block;

	text-align: right;

	font-size: 14px;

}



/* formulario final */

#formulario {

	display:none;

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	width: 100%;

}

#formulario form {

	height: 100%;

	width: 100%;

	background: #ececec;

	opacity: 0.95;

	padding: 80px;

}



#finaliza {

	display:none;

}

#TB_ajaxContent  form {

	margin-left: 100px;

	margin-top: 30px;

	width: 200px;

}

#TB_ajaxContent input[type=submit] {

	margin-top: 20px;

}



#TB_ajaxContent  h3 {

	text-align: center;

	font-size: 14px;

	padding-bottom: 5px;

	margin-bottom: 10px;

	border-bottom: 1px solid #ececec;

}



#TB_ajaxContent li {

	padding: 5px;

	list-style-type: none;

	border-bottom: 1px dashed #ccc;

}



/* tocador */

iframe.player {

	position: absolute;

	top: 5px;

	left: 5px;

	height: 10px;

	width: 10px;

	border: 0;

	z-index: -10;

}

img.logo {

	position: absolute;

	top: 3px;

	left: 3px;

}

.musica a {

	display: none;

}



/* rodape */

#rodape {

	clear: both;

	font-size: 10px;

}