



td        {font-size: 11px;font-family: verdana, arial, helvetica, sans-serif;
	       padding: 2px;color:#a0a0a0; border:0px black solid;}

body      {font-size: 11px;color: #aaaaaa; font-family: verdana, arial, helvetica, sans-serif;
      	   background-color: #545454; padding:2px; margin:0px; }
table	  {border: 1px #9C9C9C solid; background-color: #101010; }

a:link	  {color: #E8E8E8; font-size: bold; text-decoration: none; }
a:active  {color: #FFFF00;text-decoration: none;}
a:visited {color: #E8E8E8;text-decoration: none;}
a:hover	  {color: #FFFF00;text-decoration: underline;}
.voltar	  {color: #c7c7c7; text-decoration: none;font-size: 1px; }

.original    {background-color:#828282; }
.orkut       {background-color:#00C5CD; }
.matrix      {background-color:#00CD00; }
.originalon  {background-color:#494949; }
.originaloff {background-color:#000000;	}
.rank	     {background-color:#EE0000;	}
.rankon	     {background-color:#CD0000;	}
.rankoff     {background-color:#8B0000;	}
.orkuton     {background-color:#104E8B; }
.orkutoff    {background-color:#000080;	}
.matrixon    {background-color:#008b00; }
.matrixoff   {background-color:#006400;	}
.responsive  {width: 100%; height: auto;}
.center 	 {text-align: center; height: auto; margin-left:auto; margin-right:auto; }
.semborda 	 {border:none; text-align: center; margin-left:auto; margin-right:auto; height: auto;}

@media only screen and (max-width: 840px) { .ate840 { width: 100%; height: auto;  }}
@media only screen and (max-width: 600px) { .ate600 { width: 100%; height: auto;  }}
@media only screen and (max-width: 400px) { .ate400 { display:none; visibility:hidden; }}
@media only screen and (min-width: 400px) { .ate399 { display:none; visibility:hidden; }}

@media only screen and (max-width: 860px) { #menu_maior { display:none; visibility:hidden; }}
@media only screen and (min-width: 860px) { #menu_menor { display:none; visibility:hidden; }}



@media only screen and (max-width: 800px) { .div_6  { width: 15%;	height: auto; }}
@media only screen and (max-width: 820px) { .div_14 { width: 5%;	height: auto; }}
@media only screen and (max-width: 820px) { .td_600 { width: 600px; height: auto; }}


@media only screen and (max-width: 600px) { #letra_vm   { display:none; visibility:hidden; }}
@media only screen and (min-width: 600px) { #letra_fixa { display:none; visibility:hidden; }}
 

@media only screen and (max-width: 720px) 					  { #table1 { display:none; visibility:hidden; }}
@media only screen and (min-width: 720px) , (max-width: 350px){ #table2 { display:none; visibility:hidden; }}
@media only screen and (min-width: 350px) 					  { #table3 { display:none; visibility:hidden; }}

@media only screen and (max-width: 600px) { #audio1  { display:none; visibility:hidden;  } }
@media only screen and (min-width: 600px) { #audio2  { display:none; visibility:hidden;  } }

@media only screen and (max-width: 380px) { #img1  { display:none; visibility:hidden; } }
@media only screen and (min-width: 380px) { #img2  { display:none; visibility:hidden; } }             

@media only screen and (max-width: 450px) { #font1  { display:none; visibility:hidden; } }
@media only screen and (min-width: 450px) { #font2  { display:none; visibility:hidden; } }             

@media only screen and (max-width: 500px) { #col  { display:none; visibility:hidden; } }  
@media only screen and (min-width: 500px) { #col2 { display:none; visibility:hidden; } } 


 audio
{
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}