@charset"utf-8";
/* CSS Document */
.verde {
  color: #ccc;
  font-size: 14px;
}
a img{
border:0px;
}
.ximg{
 width: 115px;
  height: 65px;
border:1px solid #4A63C1;
border-radius:5px;
}
.hot
{
background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
color:white;
font-size:11px;
font-weight:bold;
background-color:ForestGreen;
border-radius:3px;
padding:1px 3px;
}
.mesaje
{
background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
color:white;
font-size:11px;
font-weight:bold;
background-color:#b94a48;
border-radius:3px;
padding:1px 3px;
}
.online
{
color:white;
font-size:12px;
font-weight:bold;
background-color:ForestGreen;
border-radius:3px;
padding:1px 5px;
}
.clipire{
color:#e1e1e1;
font-size:12px;
font-weight:bold;
background-color:red;
border-radius:5px;
padding:1px 3px;
animation:xb 1s linear infinite;
}
.youtube{
color:#e1e1e1;
font-size:10px;
font-weight:bold;
background-color:red;
border-radius:5px;
padding:0px 3px;
animation:xb 1s linear infinite;
}
.youtube2{
color:#e1e1e1;
font-size:10px;
font-weight:bold;
background-color:red;
border-radius:5px;
padding:0px 3px;
}
.offline
{
color:white;
font-size:12px;
font-weight:bold;
background-color:Gray;
border-radius:3px;
padding:1px 5px;
}
.pms
{
color:#EEEEEE;
font-size:11px;
font-weight:bold;
background-color:#b94a48;
border-radius:3px;
padding:1px 5px;
}
.pms2
{
color:#EEEEEE;
font-size:11px;
font-weight:bold;
background-color:LightCoral;
border-radius:3px;
padding:1px 5px;
}
.citit
{
color:#EEEEEE;
font-size:11px;
font-weight:bold;
background-color:DeepSkyBlue;
border-radius:3px;
padding:1px 5px;
}
.show {display:block;
}
.activ {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
border:1px solid Lime;
}
.tmp{
background-color:#F0FFFF;color:#003366;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #F0FFFF
}
.reacti{
background-color:#FFFFFF;color:#003366;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #5F9EA0
}
.info{
background-color:#FFFFFF;color:#003366;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #5F9EA0
}
.succes{
background-color:#ffffd5;color:#003366;display:block;padding-right:5px;padding-left:5px;padding-top:7px;padding-bottom:5px;margin:2px;border-radius:3px;border:1px solid #00ca00
}
.nosucces{
background-color:#ffffd5;
color:#003366;
display:block;
padding-right:5px;
padding-left:5px;
padding-top:7px;
padding-bottom:5px;
margin:2px;
border-radius:3px;
border:1px solid #ff3300
}
.inactiv {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
border:1px solid red;
}
.imgpm {
  width: 23px;
  height: 23px;
  border-radius:1px;
padding:1px 1px;
}


.activ50 {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
border:1px solid Lime;
}
.inactiv50 {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
border:1px solid red;
}

.avatactiv {
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  box-shadow: 0 2px 1px #00ff80;  
}
.avatinactiv {
  width: 18px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  
  box-shadow: 0 2px 1px #ff0000;  
}

.ipactiv {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 2px solid #eee;
  box-shadow: 0 3px 2px #00ff80;   
  
}
.rotunjit {

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 2px solid #eee;
  box-shadow: 0 3px 2px #2F4F4F;  

  
}
.orbitRotund50 {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 2px solid #eee;
  box-shadow: 0 3px 2px #2F4F4F;   
  
}
.mata {

max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.collapsible:after
{
content:"\002B";
color:red;
}
.active:after
{
content:"\2212";
}