* 



/*Efeito de tranzição -------------------------*/



     	{padding:0;
	 margin:0;
	 -o-transition:all 300ms linear;
	 -moz-transition:all 300ms linear;
	 -webkit-transition:all 300ms linear;
	 transition:all 300ms linear;}
	 
/* ----------------------------------- */


 {
    transition: all 0.5s;
}
a:hover body {
	font-size:28px;
	font: 25px Arial;
}	 

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

{
	padding:0;
	margin:0;
}

.emote{
	width: 2.2em;
}

body {
	color: #333;
	font: 19px Sans-Serif;
	background: #eee;
    transition: all 0.5s;	
}

h1 {
	text-align: center;
	padding: 20px 0 12px 0;
	margin: 0;

}
h2 {
	font-size: 19px;
	text-align: center;
	padding: 0 0 12px 0; 
}

.linha1 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: -5px;  
}

.linha2 {
	font-size: 13px;
	text-align: left;
	line-height: -5px;  
}

#container {
	box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
	position: relative;
	background: white;
    border-radius: 25px;	
}

table {
	background-color: #ffccff;
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0;
}

th {

background: #f832ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f832ff 0%, #ff9eff 17%, #ff00ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f832ff), color-stop(17%,#ff9eff), color-stop(100%,#ff00ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f832ff 0%,#ff9eff 17%,#ff00ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f832ff 0%,#ff9eff 17%,#ff00ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f832ff 0%,#ff9eff 17%,#ff00ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f832ff 0%,#ff9eff 17%,#ff00ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f832ff', endColorstr='#ff00ff',GradientType=0 ); /* IE6-9 */

	color: #FFF;
	cursor: pointer;
	padding: 2px 1px;
}

th small {
	font-size: 9px; 
}

td, th {
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;	
}

.id{
	width:1px;
}
.chat{
	max-width:100px;
	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.nome{
	width:1px;
}
.nome p{
	max-width:174px;
	font-size:1em;
	position: relative;
  text-align: center;
  	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.thnome{
	width:90px;
}
.canal{
	width:1px;
}

.horario{
	text-align:  center;
	width:190px;
}

a {
	text-decoration: none;
}

td a {
	color: #663300;
	display: block;
	padding: 2px 1px;
}
th a {
	padding-left: 0
}

td:first-of-type a {
	background: url(./.images/file.png) no-repeat -0.12% 50%;
	padding-left: 51px;
}
th:first-of-type {
	padding-left: 5px;
}

td:not(:first-of-type) a {
	background-image: none !important;
} 

tr:nth-of-type(odd) {
	background-color: #ffddff;
}

tr:hover td {
background: #ff7802; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7802 0%, #ffb03a 35%, #ffaf30 59%, #ffa007 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7802), color-stop(35%,#ffb03a), color-stop(59%,#ffaf30), color-stop(100%,#ffa007)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff7802 0%,#ffb03a 35%,#ffaf30 59%,#ffa007 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff7802 0%,#ffb03a 35%,#ffaf30 59%,#ffa007 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff7802 0%,#ffb03a 35%,#ffaf30 59%,#ffa007 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff7802 0%,#ffb03a 35%,#ffaf30 59%,#ffa007 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7802', endColorstr='#ffa007',GradientType=0 ); /* IE6-9 */


	color: #600;

}

tr:hover td a {
	color: #000;
}





/* icons for file types (icons by famfamfam) */

/* images */

table tr td:first-of-type a[href$=".gif"] 
{background-image: url(./.images/gif.gif);}
table tr td:first-of-type a[href$=".jpg"] 
{background-image: url(./.images/jpg.png);}
table tr td:first-of-type a[href$=".png"]
{background-image: url(./.images/png.png);}
table tr td:first-of-type a[href$=".svg"], 
table tr td:first-of-type a[href$=".jpeg"]
{background-image: url(./.images/image.png);}

/* zips */
table tr td:first-of-type a[href$=".zip"] 
{background-image: url(./.images/zip.png);}

/* css */
table tr td:first-of-type a[href$=".css"] 
{background-image: url(./.images/css.png);}

/* docs */
table tr td:first-of-type a[href$=".doc"]
{background-image: url(./.images/doc.png)}
table tr td:first-of-type a[href$=".docx"],
table tr td:first-of-type a[href$=".ppt"],
table tr td:first-of-type a[href$=".pptx"],
table tr td:first-of-type a[href$=".pps"],
table tr td:first-of-type a[href$=".ppsx"],
table tr td:first-of-type a[href$=".xls"],
table tr td:first-of-type a[href$=".xlsx"]
{background-image: url(./.images/office.png)}

/* videos */
table tr td:first-of-type a[href$=".avi"], 
table tr td:first-of-type a[href$=".wmv"], 
table tr td:first-of-type a[href$=".mp4"], 
table tr td:first-of-type a[href$=".mov"], 
table tr td:first-of-type a[href$=".m4a"]
{background-image: url(./.images/video.png);}

/* audio */
table tr td:first-of-type a[href$=".mp3"]
{background-image: url(./.images/mp3.png);}
table tr td:first-of-type a[href$=".ogg"], 
table tr td:first-of-type a[href$=".aac"], 
table tr td:first-of-type a[href$=".wma"] 
{background-image: url(./.images/audio.png);}

/* web pages */
table tr td:first-of-type a[href$=".html"],
table tr td:first-of-type a[href$=".htm"],
table tr td:first-of-type a[href$=".xml"]
{background-image: url(./.images/xml.png);}

table tr td:first-of-type a[href$=".php"] 
{background-image: url(./.images/php.png);}

table tr td:first-of-type a[href$=".js"] 
{background-image: url(./.images/script.png);}

/* directories */
table tr.dir td:first-of-type a
{background-image: url(./.images/folder.png);}

/* Rerre custom */
table tr td:first-of-type a[href$=".rli"] 
{background-image: url(./.images/rli.png);}
table tr td:first-of-type a[href$=".txt"]
{background-image: url(./.images/txt.png)}
table tr td:first-of-type a[href$=".pdf"]
{background-image: url(./.images/pdf.png)}
table tr td:first-of-type a[href$=".swf"]
{background-image: url(./.images/swf.png)}
table tr td:first-of-type a[href$=".apk"]
{background-image: url(./.images/apk.png)}
table tr td:first-of-type a[href$="Downloads"]
{background-image: url(./.images/Downloads.png)}

@media screen and (min-width: 0px) and (max-width: 400px){


		body {background: #ffddf6;}


.uma-div{
	position: relative;
	width:  100%;
	height: 100%;
	margin: 0 auto;
	background-color: #0fff4f
}}

@media screen and (min-width: 401px) and (max-width: 900px){
	body {background: #00ddf6;}

.uma-div{
	position: relative;
	width:  100%;
	height: 100%;
	margin: 0 auto;
	background-color: yellow;
}}

@media screen and (min-width: 901px){
	body {background: #ffdd00;}

.uma-div{
	position: relative;
	width:  50%;
	height: 100%;
	margin: 0 auto;
	background-color: #00f2ff
}}


div.linha {
  position: relative;
  width: 100%;
  font-weight:    bold;
     padding-bottom: 6px;

} 
div.texto {
  position: relative;
  width: 100%;
  font-weight: normal;

} 
div.hora {
  position: absolute;
     bottom: -0.2em;
     right: 0;
  width: 200px;
  font-weight: bold;

  font-size:      0.6em;
  text-align: right;
}
.uuid {
	font-size: 0.4em;
	text-align: left;
	line-height: -5px;  
}
.usuario {
	font-weight: bold;
	text-align: left;
	line-height: -5px;  
}