body {
margin: auto;
margin: 1px;
max-width: 100%;
padding: 1px;
font-family: 'Crimson Pro',serif;
font-weight:bold;
font-size: 17px;
vertical-align: middle;

text-shadow: 0 1px 0 rgba(0,0,0,0.1);
background-color: white;
	
}
.link { color: #FF0000; }

.meniu{background-color:#FFFFFF;font-size: 17px;color:#003366;display:block;padding-right:1px;padding-left:1px;padding-top:2px;padding-bottom:3px;margin:1px;border-radius:0px;border:0px solid #D5D5D5}

.img-fit img {
width: 100%; 
height: 100%; 
object-fit: cover;
border-radius: 3px;
box-shadow: 0 0 1px #2E2E2E; }

.track-img {
width: 53px; 
height: 53px; 
margin-right: 0px; 
border-radius: 3px;
box-shadow: 0 0 3px #2E2E2E; }


a.sm2_button{position:relative;display:inline-block;width:18px;height:18px;text-indent:-9999px;overflow:hidden;vertical-align:middle;border-radius:2px;margin-top:-1px;-webkit-transition-property:hover;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out 0s;-o-transition-property:background-color;-o-transition-duration:.15s;*text-indent:0px;*line-height:99em;*vertical-align: top;}
a.sm2_button:focus{outline:none;}
a.sm2_button,a.sm2_button.sm2_paused:hover{background-color:#39c;background-image:url(http://i.imgur.com/lIkWQ0h.png);background-image:url(http://i.imgur.com/lIkWQ0h.png);background-image:none , url(http://i.imgur.com/lIkWQ0h.png);background-size:9px 10px;*background-image:url(http://i.imgur.com/lIkWQ0h.png);background-repeat:no-repeat;background-position:5px 50%;*background-position:5px 4px}
a.sm2_button:hover,a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover{background-color:#c33}
a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}a.sm2_button.sm2_paused,a.sm2_button.sm2_paused:hover{background-color:#666}


.form-search{max-width:700px;margin: 0px auto;background:#fff;color:#3f465e;padding:0px;border-radius:2px;box-shadow:0 .2px 5px #000;}
.search{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:block;position:relative;height:2.8em;background-color:#fff;border:0px solid #d0d0d0;padding-left:5em;padding-right:5em}


.btnn {
  padding: 0.7em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
font-family: 'Crimson Pro',serif;
  background: #111;
  cursor: pointer;
vertical-align: middle;
  position: relative;
  z-index: 0;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.bftn-hover {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 3px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 3px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.bbtn-hover:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  background: RoyalBlue;
font-family: 'Crimson Pro',serif;
  left: 0;
  top: 0;
  border-radius: 3px;
}



.button {
  background-color: LightSteelBlue;
  border: 1px solid black;
  color: red;
  padding: 3px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
border-radius: 0.8em;
font-family: 'Crimson Pro', serif;
font-weight:bold;
box-shadow:inset 0 0 6px #2E2E2E;
box-shadow: 0 0 5px #2E2E2E;
}

.buttons {
 display: inline-block;
 background-color: DodgerBlue;
 border: 1px solid #444;
 border-radius: 8px;
font-family: 'Crimson Pro', serif;
box-shadow: 0 0 5px #2E2E2E;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 padding: 0px 5px;
}

.buttons:link:red, .buttons:visited, .buttons:hover, .buttons:active {
 text-decoration: white;
 color: white;
}

.buttons:hover {
 background-color: #BBB;
 background-image: -webkit-linear-gradient(top, #DDD, #AAA);
 background-image: -moz-linear-gradient(top, #DDD, #AAA);
 background-image: -o-linear-gradient(top, #DDD, #AAA);
 background-image: linear-gradient(top, #DDD, #AAA);
 color: yellow;
}

.buttons:active { background: #CCC; }

.newsList{
  margin: 1px;
   width: 50px;
   height: 50px;
   vertical-align:middle;
   border:0px solid #D3D3D3;
   box-shadow: 0 0 3px #2E2E2E;
   border-radius: 2px;
} 

.center {
 width: 53px;
   height: 53px;
   vertical-align:middle;
   border:px solid #D3D3D3;
   box-shadow: 0 0 3px #2E2E2E;
   border-radius: 2px;
}

 .central {
margine-stânga: auto; 
margine-dreapta: auto; } 

.contur {
max-width: 100%;
margin: 1px;
border-radius: 3px;
background-color: #202732;
}

a { transition: all 0.3s ease; }


span.HOT {
padding: 1px 3px;
line-height: 12px
border:1px solid #337fed;;
font-size: 10px;
color: #FFFFFF;
background: #ff5733;
border-radius:3px;
box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);
}

span.SUPER {padding: 1px 3px;margin: 2px; line-height: 12px;font-size: 15px;color: #FFFFFF;background: #8e7aff;border-radius:13px;box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);}
span.HIT {padding: 1px 4px;line-height: 12px;font-size: 15px;color: #ffffff;background:#FF0000;border-radius:3px;}
span.REMIX {padding: 3px 3px;line-height: 12px;font-size: 10px;color: #FFFFFF;background: #B40431;border-radius:9px;box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);}
span.ORIGINALA {padding: 1px 3px; margin: 2px;line-height: 12px;font-size: 15px;color: #ffffff;background: #8A2908;border-radius:13px;box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);}
span.BELEA {padding: 1px 3px; margin:2px;line-height: 12px;font-size: 13px;color: #FFFFFF;background: #ff0000;border-radius:3px;box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);}
span.EXCLUSIVITATE {padding: 1px 3px;line-height: 12px;font-size: 10px;color: #ff5733;background: #ddd;border-radius:3px;box-shadow: inset 0 1px rgba(255,255,255,0.2), 0 1px rgba(0,0,0,0.2);}


	
 &:active {
	position:relative;
	top:1px;
}

.myButton {
  background-color: DodgerBlue;
  color: rgb(255, 255, 255);
cursor: pointer;
  position: relative;
  z-index: 0;
touch-action: manipulation;
user-select: none;
  border: 1px solid #337fed;
  box-shadow: 0 0 5px #2E2E2E;
  margin: 4px;
  height: 100px;
  width: 96%;
  color: black;
  cursor: pointer;
  border-radius: 0.1em;
  font-family: 'Crimson Pro', serif;
  font-weight:bold;
}

.myButton:hover {
  background-color: RoyalBlue;
} 
      

.btn {
 background-color: DodgerBlue;
   vertical-align: middle;
   margin:2px;
  font-size: 17px;
  border: 1px solid #337fed;
  box-shadow: 0 0 5px #2E2E2E;
  padding: 9px;
  color: black;
  cursor: pointer;
  border-radius: 0.1em;
  font-family: 'Crimson Pro', serif;
  font-weight:bold; 

}

.btn:hover {
content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  
 padding: 9px; 
  width: 100%;
  height: 0%;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 3px;
}





.icon{	
   width: 20px;
   height: 20px;
   vertical-align:middle;
   padding: 0px;
   border-radius: 1px;
}

.cover{	
   width: 30px;
   height: 15px;
   vertical-align: middle;
	border:0px solid white;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-goog-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}


a:link {
color: #0078E8;
text-decoration: none; }

a:visited {
color: #0078E8;
text-decoration: none; }

a:hover {
color: red;
text-decoration: 10px;
font-size: 17px;}

a:active {
color: #0078E8;
text-decoration: none; }

img { border: none; }

.avatar {
border: 1px solid #A6A6A6;
border-radius: 5px;
width: 130px;
height: 150px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }

.avatar:hover { border: 1px solid #FFFFFF; }

.warn {
margin: 1px;
border-radius: 0px;
text-align: center;
border: solid 0px #fff;
background-color: #fff;
padding: 0px;
color: #000000;
.warn img { border-radius: 10px; }
.warn a:hover img { opacity: 0.5; }
text-shadow: 0 1px 0 rgba(0,0,0,0.5); }

.warn2 {
font-family: 'Crimson Pro',Crimson;
margin-top: 2px;
text-align: center;
border: solid 1px #FF0000;
background-color: #fff;
padding: 3px;
color: #000000;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.warn_aspect {
font-family: 'Crimson Pro',serif;
margin: 1px;
border-radius: 2px
text-align: center;
border: solid 1px #1E 90 FF;
background-color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,0.1); }

.warn_aspect img { border-radius: 10px; }

.warn_aspect a:hover img { opacity: 0.5; }

.warn22 {
font-family: 'Crimson Pro',serif;
text-align: center;
padding: 9px;
margin: 3px;
margin-bottom: 0; }

.warn222 {
font-family: 'Crimson Pro',serif;
text-align: center;
padding: 5px;
margin: 3px;
margin-top: 0; }

.warn2222 {
font-family: 'Crimson Pro',serif;
text-align: center;
padding: 5px;
margin: 3px;
margin-top: 0;
margin-bottom: 0; }

.line11 {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 2px solid #fffff; 
background-color: #fff; }

.line11km {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff; 
background-color: #fff; }

.line11_sub {
font-family: 'Crimson Pro',serif;
border-top: 1px dotted dimgray;
font-size: 11px;
margin-top: 3px;
padding-top: 2px; }

.line11 a, .line11km a { display: block; }

.line11:hover, .line11km:hover { background: #F7F7F7; }

.linee11 {
font-family: 'Crimson Pro',serif;
margin: 0px;
padding: 0px;
border-radius: 0px;
border: 0px solid #fff;
background-color: #fff; }

.linee11km {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff; }

.linee11:hover, .linee11km:hover { background: #F7F7F7; }

.line111 {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-repeat: repeat-x;
background-position: bottom;
background-color: #fff;
}

.line111_sub {
border-top: 1px dotted #000000;
font-size: 12px;
margin-top: 1px;
padding-top: 1px; }

.line1111 {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff; }

.line2 {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 0px solid white;
font-weight: bold; 
background: white; }

.linekm {
font-family: 'Crimson Pro',serif;
margin: 0px;
padding: 0px;
border-radius: 0px;
border: 1px solid #fff;
font-weight: bold; 
background-color: #fff; }

.line a, .linekm a { display: block; }

.line:hover, .linekm:hover { background: #F7F7F7; }

.linex a {color: green;}
.linex { 
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff;
text-decoration: 900px;
color: red;
font-weight: bold; }

.linexkm a:link {color: red;}

.linexkm {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff000;
color: red;
font-weight: bold; }

.linex:hover, .linexkm:hover { background: #F7F7F7; }

.line {
font-family: 'Crimson Pro',serif;
margin: 1px;
border: 0px solid #fff; 
background-color: #fff; }

.line2km {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 1px solid #fff;
background-color: #fff; }

.line2:hover, .line2km:hover { background: #F7F7F7; }

.line22 {
font-family: 'Crimson Pro',serif;
margin: 1px;
padding: 1px;
border-radius: 0px;
border: 0px solid black;
background-color: #fff; }



.header {
font-family: 'Crimson Pro',serif;
margin: 1px 0px;
font-size: 16px;
font-weight: 800;
text-align: left;
color: white;
padding: 2px;
border-bottom: 0px solid #000000;
background-color: white;
border-top-right-radius: 0.0em;
border-top-left-radius: 0.0em; }

.head {
font-family: 'Crimson Pro',serif;
font-weight: 700;
font-size: 16px;
margin: 0;
padding: 4px;
color: #FFFFFF;
text-shadow: #000000 2px 2px 2px;
text-align: center; }

.head a:link { color: #FFFFFF; }

.head a:visited { color: #FFFFFF; }

.head a:hover {
color: #FFFFFF;
text-decoration: underline; }

.message {
font-family: 'Crimson Pro',Crimson;
margin: 1px;
text-align: center;
padding: 3px;
border: 0px solid #fff;
background: #fff; }

.message2 {
font-family: 'Crimson Pro',Crimson;
margin: 1px;
text-align: center;
padding: 3px;
border-radius: 0px;
border: 1px solid #fff;
background: #fff; }

.message a.activ, .message2 a.activ  {
color: #FF0000; }

.message22 {
font-family: 'Crimson Pro',Crimson;
margin: 0px;
text-align: center;
padding: 3px;
border-radius: 0px;
background: #E8E8E8; }

.page_title {
font-family: 'Crimson Pro',Crimson;
font-weight: 700;
font-size: 16px;
margin: 0;
padding: 5px;
color: #FFFFFF;
text-shadow: #000000 2px 2px 2px;
text-align: center; }

.page_title a:link { color: #FFFFFF; }

.page_title a:visited { color: #FFFFFF; }

.page_title a:hover {
color: #FFFFFF;
text-decoration: underline; }

.footer {
font-family: 'Crimson Pro',Crimson;
font-weight: 700;
font-size: 16px;
margin: 0;
padding: 5px;
color: #FFFFFF;
text-shadow: #000000 2px 2px 2px;
text-align: center; }

.footer a:link { color: #FFFFFF; }

.footer a:visited { color: #FFFFFF; }

.footer a:hover {
color: #FFFFFF;
text-decoration: underline; }

.br {
background-color: white;
border: 0px;
height: 0px;
width: 0px; }

input[type="text"], input[type="password"], input[type="file"], textarea, select, input[type="checkbox"] {
border-radius: 2px;
border: black solid 1px;
font-family: 'Crimson Pro', serif;
font-size: 16px;
margin: 1px;
color: red;
padding: 3px;
font-weight: 700; }

input[type="text"], input[type="password"], input[type="file"] {
height: 16px;
box-shadow: inset 0 0 5px #2E2E2E;
font-family: 'Crimson Pro', serif;
font-size: 16px;
width: 200px; }

select {
border-radius: 2px;
box-shadow: inset 0 0 5px #2E2E2E;
font-family: 'Crimson Pro', serif;
font-size: 16px;
height: 30px;
width: 200px; }

textarea {
border-radius: 2px;
box-shadow: inset 0 0 5px #2E2E2E;
font-family: 'Crimson Pro', serif;
font-size: 16px;
width: 250px;
height: 70px;
max-width: 250px;
max-height: 70px; }

input[type="submit"] {
border-radius: 2px;
margin: 2px;
background-color: #F4F4F4;
border: black solid 1px;
box-shadow: inset 0 0 5px #2E2E2E;
font-family: 'Crimson Pro', serif;
font-size: 16px;
padding: 2px;
font-weight: 700;
cursor: pointer;
height: 22px; }

.bun {
border-radius: 3px;
background-color: #F4F4F4;
margin: 2px;
padding: 1px;
border: #BBBBBB solid 1px;
font-weight: 700;
cursor: pointer;
text-shadow: 0 1px 0 rgba(0,0,0,0.3); }

.bun:link {
color: #000000;
text-decoration: none; }

.bun:hover {
  background-color: RoyalBlue;
}


.bun:visited, .button:active {
color: #0077E0;
text-decoration: none; }

.input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.text:focus, input[type="select"]:focus, select:focus { border: #0077E0 solid 1px; }

.HIGHLIGHT { background-color: #FFFFCC; }