.player_som{ display:inline-table; width:136px; height:42px; background-image:url(../inc_audios/img/player-fundo.png); position:relative; }
.player-play, .player-pause{ display:block; cursor:pointer; position:absolute; left:5px; top:3px; width:32px; height:32px; background-image:url(../inc_audios/img/player-play.png); }
.player-pause{ display:none; background-image:url(../inc_audios/img/player-pause.png); }
.player-tempo{ font-weight:900; font-family:Roboto, Arial, sans-serif; font-size:24px; letter-spacing:-1px; color:#666666; line-height:39px; text-indent:50px; }
.player-back{ display:block; cursor:pointer; position:absolute; right:10px; top:7px; width:24px; height:24px; background-image:url(../inc_audios/img/player-back.png); }

/* FORMULÁRIO */
.form{ display:table; width:100%; clear:both; margin-bottom:20px; }
.form > span{ display:table; margin:25px 5px 5px 0px; position:relative; background-color:#F6F6F6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.20); -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.20); box-shadow: inset 1px 1px 4px rgba(0,0,0,0.20); float:left; }
.form > span.check{ background:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.form > span > label{ position:absolute; top:-15px; left:0px; display:block; color:#0A2363; font-weight:normal; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
.form > span > input[type=text], .form > span > input[type=password], .form > span > input[type=date], .form > span > input[type=number], .form > span > textarea, .form > span > select{ display:block; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:15px; padding:0px; margin:10px; border:none; width:92%; background-color:transparent; }
.form > span > select{
	font-size:13px;
	width:94%;
	}
.form > span > input[type=date], .form > span > input[type=number]{ min-width:80px; width:90%; }
.form > span:last-child{ width:100%; display:block; margin:20px 0px 0px 0px; position:relative; border:none; border-top:solid 1px #EEE; padding-top:10px; background-color:transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; }
.form > input[type=submit]{ margin-top:22px; padding:7px; }
.form > .btn{ margin-top:24px; }

.borda_3{
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	}
.pad_5{
	padding:5px;
	}

/* FONTES */ 
.texto_pq,
.texto,
.texto_gd,
.titulo1,
.titulo2,
.titulo3,
.titulo4,
.titulo5,
.rotulo_pq,
.rotulo,
.rotulo_gd,
.titulo_pagina,
.link,
.texto-claro,
.texto-escuro{
	font-family:Roboto, Arial, Helvetica, sans-serif;
	line-height:160%;
	margin:0px;
	}

.texto_pq{ 	font-size:11px;	}
.texto{		font-size:12px;	}	
.texto_gd{	font-size:14px;	}
.texto-claro{ color:#FFF; }
.texto-escuro{ font-weight:700; font-size:14px; }
.paragrafo{
	text-align:justify;
	text-indent:30px;
	line-height:180%;
	margin-bottom:30px;
	}

.titulo1,
.titulo2,
.titulo3,
.titulo4,
.titulo5{
	font-weight:700;
	line-height:90%;
	}

.titulo1{ font-size:48px; margin-bottom:20px; letter-spacing:-2px; }
.titulo2{ font-size:28px; }
.titulo3{ font-size:18px; }
.titulo4{ font-size:16px; }
.titulo5{ font-size:13px; }

.rotulo,
.rotulo_pq,
.rotulo_gd,
.titulo_pagina{
	font-size:50px; 
	font-weight:100; 
	letter-spacing:-3px; 
	text-transform:uppercase; 
	}

.titulo_pagina{
	margin-top:40px;
	}

.rotulo_pq{
	font-size:18px;
	letter-spacing:-1px;
	}
	
.rotulo{
	font-size:32px;
	letter-spacing:-2px;
	}

/* CORES */
a{ color:#B20000; text-decoration:none; }
a:hover{ color:#990000; text-decoration:underline; }

a.claro{ color:#EEEEEE; text-decoration:none; }
a.claro:hover{ color:#FFFFFF; text-decoration:underline; }

.cinza{ color:#666; }
.cinza_bg{ background-color:#666; }
.cor_1{ color:#306C7F; }
.cor_1_bg{ background-color:#306C7F; }
.cor_2{ color:#FF8600; }
.cor_2_bg{ background-color:#FF8600; }


/* BOTÕES */
.btn-download{
	display:block;
	width:136px;
	height:42px;
	background-image:url(../imagens/btn-download.png);
	background-position:0px 0px;
	}
.btn-download:hover{
	background-position:0px -42px;
	}	
.btn-gd{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6)); 
	background: -moz-linear-gradient(top,  #FFFFFF,  #F6F6F6); 
	display:inline-block;
	font-family:Roboto, Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:700;
	color:#333;
	margin:5px 5px 5px 0px;
	padding:14px 24px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:100%;
	border:solid 1px #CCC;
	text-decoration:none;
	cursor:pointer;
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); 
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); 
box-shadow: 1px 1px 4px rgba(0,0,0,0.30);
	}
	
.btn{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F6F6F6)); 
	background: -moz-linear-gradient(top,  #FFFFFF,  #F6F6F6); 
	display:inline-block;
	font-family:Roboto, Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:700;
	background-color:#F6F6F6;
	color:#333;
	margin:5px 5px 5px 0px;
	padding:7px 12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:100%;
	border:solid 1px #CCC;
	text-decoration:none;
	cursor:pointer;
	}
.btn:hover{color:#000;border:solid 1px #BBB;}

.btn-novo,
.btn-excluir,
.btn-salvar,
.btn-cancelar,
.btn-copiar{
	padding-left:30px;
	background-position:7px 4px;
	background-repeat:no-repeat;
	}
.btn-novo{
	background-image:url(../imagens/novo.png);
	}
.btn-excluir{
	color:#F00;
	background-image:url(../imagens/excluir.png);
	}
.btn-salvar{
	background-image:url(../imagens/salvar.png);
	}
.btn-cancelar{
	background-image:url(../imagens/cancelar.png);
	}
.btn-copiar{
	background-image:url(../imagens/copiar.png);
	}

/* MENU */
.menu_vertical{ padding:20px; margin:0px; }
.menu_vertical > li{ padding:0px; margin:0px; }
.menu_vertical > li > a{ display:block; padding:10px; font-family:Roboto, Arial, sans-serif; font-size:13px; }	
.menu_vertical > li > a.atual{ color:#000; background-color:#CCAA00; background-image:url(../imagens/seta_branca_dir.png); background-position:9px 9px; background-repeat:no-repeat; padding:5px 10px 5px 19px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); box-shadow: 1px 1px 4px rgba(0,0,0,0.30); }

/* LISTA */
/*
.lista{ position:relative; width:100%; }
.lista > ul{ position:relative; width:100%; display:table; }
.lista > ul > li{ position:relative; display:table; width:100%; border-bottom:solid 1px #CCC; border-top:solid 1px #EEE; padding-bottom:20px; padding-top:20px; min-height:155px; }
.lista > ul > li:first-child{border-top:none;}
.lista > ul > li:last-child{border-bottom:none;}
.lista > ul > li > a,
.lista > ul > li > div{ display:table; width:100%; }
.lista > ul > li > a > figure,
.lista > ul > li > div > figure{ display:block; float:left; margin-right:10px; width:150px; height:150px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); box-shadow: 1px 1px 4px rgba(0,0,0,0.30);}
.lista > ul > li > a > figure > img,
.lista > ul > li > div > figure > img{ width:100%; height:100% }
.lista > ul > li > .player_som{ position:absolute; bottom:20px; left:170px; width:136px; }
.lista > ul > li > .btn-download{ position:absolute; bottom:20px; left:310px; width:136px; }
.lista > ul > li > .lista-redes{ position:absolute; right:0px; bottom:25px; width:90px; }
.lista > ul > li > .lista-redes > ul, 
.lista > ul > li > .lista-redes > ul > li > a{ display:table; }
.lista > ul > li > .lista-redes > ul > li{ float:left; margin-left:5px; }
*/

.lista{display:table;width:100%;border:solid 1px #EEE;margin:0;padding:0;-moz-border-radius:10px;-webkit-border-radius:10px;}
.lista>li{display:block;list-style:none;padding:5px;margin:0;border-top:solid 1px #EEE;}
.lista>li:first-child{border:none;}
.lista>li:nth-child(even){background-color:#F9F9F9;}
.lista>li:hover{background-color:#F3F3F3;}
.lista>li:first-child:hover{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}
.lista>li:last-child:hover{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}

/* PAGINAÇÃO */
.paginacao{ display:table; width:100%; margin-bottom:5px; }
.paginacao > a{ font-family:Roboto, Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; display:block; float:left; padding:13px; text-decoration:none; margin-right:7px; color:#FFF; background-color:#333; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.20); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.20); box-shadow: 1px 1px 4px rgba(0,0,0,0.20);}
.paginacao > a.atual{ background-color:#CCAA00; color:#FFFFFF; }
.paginacao > a:hover{ background-color:#000; color:#FFFFFF; }

/* ABAS	*/
.abas{ display:table; width:100%; padding:0; margin:10px 0px 0px 0px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.30); box-shadow: 1px 1px 4px rgba(0,0,0,0.30); background-color:#FFF; }
.abas > ul{ display:table; width:100%; background-color:#09C; border-bottom:solid 1px #036; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC', endColorstr='#006699'); background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699)); background: -moz-linear-gradient(top, #0099CC, #006699); padding:0; margin:-10px 0px 0px 0px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; }
.abas > ul > li{ list-style:none; display:block; float:left; padding:0; margin:10px 5px -1px 5px; border-bottom:solid 1px #036; background-color:#333; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; }
.abas > ul > li:hover{ cursor:pointer; background-color:#111111; }
.abas > ul > li:first-child{ margin-left:15px; }
.abas > ul > li > a{ font-family:Roboto, Arial, Helvetica, sans-serif; font-size:16px; font-weight:300; text-decoration:none; text-transform:uppercase; color:#FFF; display:block; padding:15px 20px; }
.abas > ul > li.atual{ background-color:#FFF; border-bottom:solid 1px #FFF; }
.abas > ul > li.atual > a{ color:#000; }
.abas > div{ display:none; margin:20px; background-color:#FFF; }

/* TABELA */
.tabela{

	display:table;
	width:100%;
	border:solid 1px #EEE;
	}
.tabela > thead > tr > th{
	background-color:#EEE;
	}
.tabela > thead > tr > th,
.tabela > tbody > tr > td,
.tabela > tfoot > tr > td{
	padding:7px;
	text-align:left;
	}
.tabela > tbody > tr > td{
	border-bottom:solid 1px #F6F6F6;
	}