/**

Trotes do Chupim: Trotes - Visualizacao
www.trotesdochupim.com.br

CSS por Alexandre Theodoro

**/

/*
1.0 - Topo
	1.1 - Compartilhar
	1.2 - Titulo
	1.3 - Favoritar

2.0 - Conteudo
	2.1 - Bloco Esquerdo
		2.1.1 - Player
		2.1.2 - Adsense
		2.1.3 - Download
	2.2 - Bloco Direito
		2.2.1 - Gostar
		2.2.2 - Informacoes
	2.3 - Descricao

3.0 - Comentarios
*/



/*	1. Topo (Compartilhar/Titulo/Favoritar)
--------------------------------------------------------------------------------------- */
.topo {  border-bottom:1px solid #EEEEEE; margin-bottom:10px; padding-bottom: 10px; padding-top: 3px; display:block; }
.topo .compartilhar { width: 190px; margin: -24px 8px 0 0;; float:right; }
.topo .compartilhar .comp { margin-left: 5px; float: right; }
.topo .compartilhar .comp a { display:block; height:16px; text-decoration:none; outline: none; text-indent: -1000em;}
.topo .compartilhar .comp a.ork { background: #fff url(../images/sprites_trotes2.png) no-repeat -3px -485px; width:44px; }
.topo .compartilhar .comp a.twt { background: #fff url(../images/sprites_trotes2.png) no-repeat 0 -520px; width:68px; }
.topo .compartilhar .txt { font: 12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; padding: 1px 0; }


.carregando { background-image: url('../images/load.gif'); background-repeat: no-repeat; background-position: center top;  margin:auto; display: block ; }
.mostrar { display: block; }
.fav_sucesso {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }
.fav_deletado {color:#FFFFFF; display:block; padding:5px; margin: 15px 0 5px 0; background: #F04839 url(../images/faixavermelha.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }



.trotes-titulo { display: block; padding: 5px; margin-bottom: 10px; }
.trotes-titulo2 { float:left; min-height:50px; width:830px; }
.trotes-titulo2 h2 { padding: 3px 10px; margin-bottom: 4px; color:#000; font: 40px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; float:left; letter-spacing:-0.05em;}
.trotes-data { border-bottom-width:0; float:left; height:50px; position:relative; width:52px; }
.month, .day, .year { background-image:url(../images/datas.png); background-repeat:no-repeat; position:absolute; text-indent:-1000em;}
.month { height:24px; left:0; top:2px; width:32px; }
.day { height:25px; left:0; top:25px; width:32px; }
.year { bottom:0; height:48px; right:0; width:18px; }
.m-01{background-position:0 4px}.m-02{background-position:0 -28px}.m-03{background-position:0 -57px}.m-04{background-position:0 -90px}.m-05{background-position:0 -121px}.m-06{background-position:0 -155px}.m-07{background-position:0 -180px}.m-08{background-position:0 -216px}.m-09{background-position:0 -246px}.m-10{background-position:0 -273px}.m-11{background-position:0 -309px}.m-12{background-position:0 -340px}.d-01{background-position:-50px 0}.d-02{background-position:-50px -31px}.d-03{background-position:-50px -62px}.d-04{background-position:-50px -92px}.d-05{background-position:-50px -123px}.d-06{background-position:-50px -154px}.d-07{background-position:-50px -185px}.d-08{background-position:-50px -216px}.d-09{background-position:-50px -248px}.d-10{background-position:-50px -278px}.d-11{background-position:-50px -309px}.d-12{background-position:-50px -340px}.d-13{background-position:-50px -371px}.d-14{background-position:-50px -402px}.d-15{background-position:-50px -434px}.d-16{background-position:-50px -465px}.d-17{background-position:-100px 0}.d-18{background-position:-100px -31px}.d-19{background-position:-100px -62px}.d-20{background-position:-100px -92px}.d-21{background-position:-100px -123px}.d-22{background-position:-100px -154px}.d-23{background-position:-100px -185px}.d-24{background-position:-100px -216px}.d-25{background-position:-100px -248px}.d-26{background-position:-100px -278px}.d-27{background-position:-100px -309px}.d-28{background-position:-100px -340px}.d-29{background-position:-100px -371px}.d-30{background-position:-100px -402px}.d-31{background-position:-100px -434px}.y-2004{background-position:-150px 0}.y-2005{background-position:-150px -50px}.y-2006{background-position:-150px -100px}.y-2007{background-position:-150px -150px}.y-2008{background-position:-150px -200px}.y-2009{background-position:-150px -250px}.y-2010{background-position:-150px -300px}.y-2011{background-position:-150px -350px}.y-2012{background-position:-150px -400px}.y-2013{background-position:-150px -450px}.y-2014{background-position:-150px -500px}.y-2015{background-position:-150px -550px}.y-2016{background-position:-150px -600px}


.trotes-favoritar { float:left; min-height:60px; width:70px; margin-top:-10px; }
.trotes-favoritar .fav2 { margin-left: 5px; float: right; }
.trotes-favoritar .fav2 a { display:block; height:60px; text-decoration:none; outline: none; text-indent: -1000em; width:70px; }
.trotes-favoritar .fav2 a.lov { background: #fff url(../images/sprites_trotes2.png) no-repeat 0 -558px; }
.trotes-favoritar .fav2 a.lov:hover { background: #fff url(../images/sprites_trotes2.png) no-repeat 0 -618px; }
.trotes-favoritar .fav2 a.lov2, 
.trotes-favoritar  a.lov2:hover { background: #fff url(../images/sprites_trotes2.png) no-repeat 0 -678px; }




/* 2. Conteudo
--------------------------------------------------------------------------------------- */
/* Bloco Esquerdo
--------------------------------------------------------------------------------------- */
.bloco_esquerdo	{ width: 502px; float:left; }
.bloco_esquerdo_adsense	{ width: 336px; margin:auto; margin-bottom: 10px; }
.bloco_esquerdo_naologado 	{ border: 5px #0971d2 solid; background: #EFF4FC; padding: 10px; margin-top: 3px; }
.bloco_esquerdo_naologado p { font: 12px Arial, Helvetica, sans-serif; text-align: left; margin: 0; }
.bloco_esquerdo_naologado p strong { font: bold 16px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: left; padding-bottom: 5px;}
.bloco_esquerdo_naologado p a:link, 
.bloco_esquerdo_naologado p a:visited{font: bold 13px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding:1px;}
.bloco_esquerdo_naologado p a:hover {text-decoration:none; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff;  padding: 1px; } 
.player { margin-bottom: 5px; }
.player #quote p { text-align: center; }
.player .informe { text-align: center; padding-top: 5px; margin-bottom: -5px; }
.player .informe p a:link, 
.player .informe p a:visited { font: bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #000; text-align: center; }
.player .informe p a:hover {text-decoration:underline; }
.media { margin: auto; }


/**
.botao, .botao:visited {
	border: 0;
	background: #0971d2 url(../images/overlay.png) repeat-x; 
	display: block; 
	padding: 8px 14px 9px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center; }
.botao:hover { background-color: #06d;}
**/

.botao, .botao:visited {
	border: 0;
	background: #0971d2 url("../images/trotes_hover.png") repeat-x 0 0; 
	display: block; 
	padding: 8px 14px 9px; 
/*	height: 40px; */
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	margin-top: -3px; }
	
.botao:hover { background:url("../images/trotes_hover.png") repeat-x 0 -40px;}



/* Bloco Direito
--------------------------------------------------------------------------------------- */
.bloco_direito { float:left; margin-left:22px; width:400px; padding:10px; background: #f8f8f8; min-height: 270px; }
.bloco_direito p	{ color:#000; } 
.duracao p, .tamanho p, .downloads p, .tags p, .enviado p { font: 12px "Lucida Grande",Verdana,sans-serif; }
.duracao p strong, .tamanho p strong, .downloads p strong, .tags p strong, .enviado p strong { font: bold 18px Arial, Helvetica, sans-serif; color: #444; letter-spacing: -0.04em; }


.duracao	{ background: #f8f8f8 url(../images/sprites_trotes2.png) no-repeat -4px 1px;  border-bottom: 1px solid #E5E5E5; }
.tamanho	{ background: #f8f8f8 url(../images/sprites_trotes2.png) no-repeat -4px -51px; border-bottom: 1px solid #E5E5E5; }
.downloads	{ background: #f8f8f8 url(../images/sprites_trotes2.png) no-repeat -4px -102px; border-bottom: 1px solid #E5E5E5; }
.enviado	{ background: #f8f8f8 url(../images/sprites_trotes2.png) no-repeat -4px -155px; border-bottom: 1px solid #E5E5E5; }
.tags		{ background: #f8f8f8 url(../images/sprites_trotes2.png) no-repeat -4px -155px; border-bottom: 3px solid #E5E5E5; }
.tags a:link, 
.tags a:visited { font: bold 16px Arial, Helvetica, sans-serif; color:#0971d2; padding: 5px; text-decoration: none; }
.tags a:hover { font: bold 16px Arial, Helvetica, sans-serif; color:#fff; background: #0971d2 url(../images/faixaazul.gif) repeat;  padding: 5px; text-decoration: none; }
.duracao, .tamanho, .downloads, .tags, .enviado { text-align:left; padding: 15px 20px 15px 45px; }


.descricao	{ padding: 8px 0; text-align:left; margin-bottom: 10px; }
.descricao p { font: 20px Arial, Helvetica, sans-serif; color: #3e3e3e; }




/* 3. Comentarios
--------------------------------------------------------------------------------------- */
.comentario p a:link, .comentario p a:visited, .comentario p a:hover { font: 14px Arial, Helvetica, sans-serif; color:#0971d2; font-weight:bold; }
.comentario p a:link, .comentario p a:visited { text-decoration:none; }
.comentario p a:hover { text-decoration:underline;}
.comentario_sucesso {color:#FFFFFF; display:block; padding:15px; margin: 0 0 15px; background: #27CC40 url(../images/faixaverde.gif) repeat; text-align: center; font: bold 12px "Lucida Grande",Verdana,sans-serif; }

/*		3.1. Conteiner
--------------------------------------------------------------------------------------- */
.bloco_comentarios { margin-bottom: 12px;}
.bloco_comentarios h3 { display:block; background: #0971d2 url(../images/maisvideos.jpg) center repeat-x; font: 14px Arial, Helvetica, sans-serif; color:#fff; padding: 6px; font-weight:bold; }
.bloco_comentarios_conteudo		{ border: 1px #0971d2 solid; padding: 10px; }
.bloco_comentarios_conteudo p { font: 12px Arial, Helvetica, sans-serif; }
.bloco_comentarios_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }

/*		3.2. Formularios
--------------------------------------------------------------------------------------- */
.comentario_botao { display:block; height: 1%; overflow:hidden; margin-left: 96px; }
.comentario_form  { padding: 8px 0 0 0; }
.comentario_form2 { border-top: 3px solid #E5E5E5; padding: 8px 0; }
.comentario_caixa  { border: 1px solid #fff; color: #000; font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 6px; width: 760px;}

/*		3.3. Comentarios
--------------------------------------------------------------------------------------- */
.comentario { margin-bottom: 8px; padding: 8px; display:block; overflow: hidden; }
.comentario_perfil	{ width:70px; margin-right: 2px; float:left; margin-bottom:0; }
.comentario_arrow {	position: absolute;	top: 15px;	left: -20px; }
.comentario_conteudo { position: relative;	padding: 15px 20px 20px 20px; background: #fff;	border: 1px solid #cdcfcf; width: 790px; float: right; margin-bottom: 5px; }
.comentario_conteudo p { font: 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 8px; padding-bottom:2px; overflow:hidden; }
.comentario_conteudo p span { font: 0.9em Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #aaa; }
.comentario_conteudo p strong { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }


/*		3.4. Logar
--------------------------------------------------------------------------------------- */
.comentario_logar { padding: 10px; border-top: 3px solid #E5E5E5; margin-top: 5px; }
.comentario_logar p { font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif; }
.comentario_logar p a:link, 
.comentario_logar p a:visited { font: bold 14px Arial, Helvetica, sans-serif; color:#0971d2; text-decoration:none; padding: 3px; }
.comentario_logar p a:hover { text-decoration:none; padding: 3px; background: #0971d2 url(../images/faixaazul.gif) repeat; color: #fff; }



/* 4. Modal jQuery
--------------------------------------------------------------------------------------- */
#modal_content { display: none; position: fixed; left: 50%;	padding: 18px; top:110px;	-webkit-box-shadow: 0px 0px 8px #111; background-color: #fff; width:300px; margin-left:-150px; text-align:center; }
#modal_content small { font-size:77%; }
#modal_content .modal_close	{ float:right; cursor:pointer; border:1px solid #EEEEEE; margin: -10px; }
.modal_close p { font: bold 14px Arial, Helvetica, sans-serif; line-height:1em; padding:3px 6px 4px; }
#modal_content h3{ font-size:116%; }
#modal_overlay { background-color: #000; }
.login1 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; display:block; text-align: left; line-height: 1.5em; padding: 2px; }
.box_login {  margin: auto; background-color: #fff; }
.box_login p { padding: 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align: left; }
.box_login p span { font: 12px Arial, Helvetica, sans-serif; }
.box_login h4 { border-bottom:1px solid #E5E5E5; display:block; font: bold 20px Arial,Helvetica,sans-serif; letter-spacing:-0.01em; padding-bottom:10px; text-align:left; }
.input_login {font-size:14px; height:16px; padding:6px; width:280px; }

/* IE */
* iframe.overlay {position:absolute; top:0; left:0; z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); }
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#rel_login, #rel_cadastro { background: #0971d2 url(../images/faixaazul.gif) repeat; }












    .chartlist { 
      float: left; 
      width: 100%;
	  padding-bottom: 10px;
	  border-bottom: 3px solid #E5E5E5;
	  
    }

    .chartlist li { 
      position: relative;
      display: block;  
      _zoom: 1;
    }
	
	li.gostei { border-bottom: 1px solid #EEE;  }
	
    .chartlist li.gostei a { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
	color: #91BD09; }
	
	
    .chartlist li.gostei a:hover { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
			background-color: #91BD09; 
	color: #fff;
	-moz-box-shadow: 0 1px 5px rgba(145,189,9,1);
	-webkit-box-shadow: 0 1px 5px rgba(145,189,9,1);
 }
 
     .chartlist .gostei .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
	background-color: #F3F5EC;
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }

	
	
	
	
	
	.chartlist li.gostei .count { color: #91BD09; padding: 2px 10px; }
	.chartlist li.gostei:hover .count { color: #fff; }

	.chartlist li.gostei a em  { background: url(../images/sprites_trotes2.png) no-repeat -19px -274px; padding-left: 25px; }
	.chartlist li.gostei a:hover em { background: url(../images/sprites_trotes2.png) no-repeat -19px -326px; padding-left: 25px; }

	
	.chartlist li.gostei .count:hover { color: #91BD09; }
	
	
	
	
	
    .chartlist li.ngostei a { 
      display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
      position: relative; 
      z-index: 2; 
	color: #CC0F1D; }
	
	
    .chartlist li.ngostei a:hover { 
    display: block; 
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 12px;
    position: relative; 
    z-index: 2; 
	background-color: #CC0F1D; 
	color: #fff;
	-moz-box-shadow: 0 1px 5px rgba(236,57,60,1);
	-webkit-box-shadow: 0 1px 5px rgba(236,57,60,1);
 }
 
 
 	.chartlist li.ngostei .count { color: #CC0F1D; padding: 2px 10px; }
	.chartlist li.ngostei:hover .count { color: #fff; }

	.chartlist li.ngostei a em  { background: url(../images/sprites_trotes2.png) no-repeat -18px -378px; padding-left: 25px; }
	.chartlist li.ngostei a:hover em { background: url(../images/sprites_trotes2.png) no-repeat -18px -431px; padding-left: 25px; }

 	.chartlist li.ngostei .count:hover { color: #CC0F1D; }
 
 


    .chartlist .ngostei .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #F9E5E6; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }
	
    .chartlist .count { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      text-align: right; 
	  font: bold 20px Arial, Helvetica, sans-serif;
      line-height: 2em;
	  z-index: 5; 
    }
	

div.pipe {
	position: absolute;
	bottom: -128px;
	left: 50%;
	margin-left: 100px;
	width: 63px;
	height: 128px;
/*	background: url(pipe.png) no-repeat; */
}

div.pipe div.mario {
	position: absolute;
	top: 0;
	left: -30px;
	background: url(mario.png) no-repeat;
}