@charset "utf-8";
/* CSS RESET */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

.hrr { position:fixed; top:-8px; width:100%; border-top:2px solid #6A6A6A; border-bottom:0px; z-index:1001; }

.hs { font-size:14px; color:#fff; margin-left:10px; }
.hn { font-size:13px; color:#fff; margin-right:5px; margin-left:5px; margin-top:6px;}
.hd { color: #8FD9FE; }
.hv { color: orange; }
.hw { color: #68ED41; }
.hm { color: #E979FF; }
.hb { color: #FF1A1A; }

#navbar {
  position: fixed;
  top: -50px;
  width: 100px;
  padding-left:128px;
  display:block;
  transition: top 0.5s;
  text-decoration:none; 
  font:bold 16px Arial, Helvetica, sans-serif; 
  text-shadow: 2px 2px 8px #000;
  z-index:101;
}

#navbar a { color:#ff0000; text-decoration:none; font:bold 16px Arial, Helvetica, sans-serif; text-shadow: 0 0 1px #bf0000, 0px 0px 8px #000; }
#navbar a:hover { color:#0093FF; text-decoration:none; font:bold 16px Arial, Helvetica, sans-serif; text-shadow: 0 0 1px #0093FF, 0 0 8px #000; }
#navbar a:active { color:#54B6FF; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; text-shadow: 0 0 1px #0093FF, 0 0 8px #000; }

#logos {
	background:url(/a/images/baners.png) no-repeat;
	position: absolute;
       width:370px;
	height:112px;
	left: 100px;
	top: 15px;
 	text-shadow: 2px 2px 8px #000000;
       cursor: pointer;
	z-index: 1;
}
#logos:hover {
	background:url(/a/images/baners_hover.png) no-repeat;
	position: absolute;
       width:370px;
	height:112px;
	left: 100px;
	top: 15px;
 	text-shadow: 2px 2px 8px #000000;
       cursor: pointer;
	z-index: 1;
}

.top-container {
	background:url(/a/images/collage1.jpg) no-repeat;
       max-width:100%;  
	height: 85px !important;
  	padding: 10px;
}

.banner {
	background:url(/a/images/collage2.jpg) no-repeat;
       max-width:100%;  
	height: 37px !important;
  	padding: 0px;
  	color: #f1f1f1;
	z-index: 1;
	border-left:0; border-right:0; border-bottom:10px; border-color:#1C1C1C; 
}

.banner #menus{
	position: relative;
       width:auto;  
	z-index: 101;
 	right:2%;
}

.banner #menus table { width:480px; height:37px; }
.banner #menus table td { vertical-align:middle; text-align:center; }
.banner #menus table div { height:35px; }
.banner #menus table div a { position:relative; top:10px !important; color:#FFF; text-decoration:none;font:bold 14px Arial, Helvetica, sans-serif; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; white-space: nowrap; }
.banner #menus table div a:hover { color:#B40404; text-decoration:none;font:bold 14px Arial, Helvetica, sans-serif; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.banner #menus table .mnleft { background:rgba(0,0,0,0.5);  border-top:1px solid #636363; border-left:1px solid #636363; border-right:1px solid #636363; border-top-left-radius:15px; padding-left:4px; padding-right:4px; }
.banner #menus table .mnleft:hover { background: rgba(255,255,255,0.5); }
.banner #menus table .mn2 { background: rgba(0,0,0,0.5); border-top:1px solid #636363; border-right:1px solid #636363; padding-left:4px; padding-right:4px; }
.banner #menus table .mn2:hover { background: rgba(255,255,255,0.5); }
.banner #menus table .mnright { background: rgba(0,0,0,0.5); border-top:1px solid #636363; border-right:1px solid #636363; border-top-right-radius:15px; padding-left:4px; padding-right:4px; } 
.banner #menus table .mnright:hover { background: rgba(255,255,255,0.5); }
.banner #menus table div .mn3 { color:#B40404; text-decoration:none; text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }
.banner #menus table .menu-divider { width:1px;height:36px;background:url(/a/images/menu_divider.gif) top center no-repeat; }

#menu{
	width:90%;
	height:36px;
	background:url(/a/images/menu_bg.gif) top center repeat-x;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:160px;
	margin-bottom:5px;
}

#menu table { width:600px;height:36px;margin-left:0px; }
#menu table td { vertical-align:middle;text-align:center; }
#menu table .menu-divider { width:1px;height:36px;background:url(/a/images/menu_divider.gif) top center no-repeat; }
#menu a { color:#FFF;text-decoration:none;font:normal 18px Arial, Helvetica, sans-serif; }
#menu a:hover { color:#CCC; }


.content {
  	padding: 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 0px;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	font-size: 8px;
	font: inherit;
	vertical-align: baseline;
}

strong { font-weight:bold; }

/* CSS RESET END */

body { background: transparent; }

#header{
	width:90% !important;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background:url(/s/images/banner.gif) 0px 60px no-repeat;
	float:right;
}

#banned{
	width:88% !important;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:8px;
	border-radius:3px;
	border:1px solid #A4A4A4;
	font:normal 15px Arial, Helvetica, sans-serif;
	color:#666666;
	background: rgba(255, 255, 255, 0.6);
}

#headers{
	background:url(/a/images/collage1.jpg) no-repeat;
       max-width:100%;  
	height: 125px !important;
	margin:0 !important;
	positiom:absolute;
}

.subheaders{
	background:url(/a/images/collage2.jpg) no-repeat;
       width:100% !important;  
	height: 40px !important;
	margin:0 !important;
	positiom:absolute;
}

#headers img {  
	height: 120px !important;
	margin:0 !important;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: contain;
       max-width:100%;  
} 

#titlu{ 
	position: absolute;
       max-width:100%;  
	padding-left: 125px;
	top: 3px;
	font: normal 30px Arial, Helvetica, sans-serif;
 	text-shadow: 2px 2px 8px #000000;
	color: #fff; 
	z-index: 1;
}
#titlu a { color:#fff; text-decoration:none; font:normal 30px Arial, Helvetica, sans-serif; text-shadow: 2px 2px 8px #000000; }
#titlu a:hover { color:#fff; text-decoration:none; font:normal 30px Arial, Helvetica, sans-serif; text-shadow: 2px 2px 8px #084B8A; }

#container{
	width:100% !important;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.header-container{
	width:90%;
	height:auto;
	margin:0 auto;
	background: transparent;
	padding:10px;
	padding-top:10px;
	border:0px solid #dbdada;
}

.body-container{
	width:81% !important;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:20px;
	padding-top:10px;
	border:0px solid #dbdada;
	background:transparent;
	padding:14px;
}

#rank{
	width:400px;
	height:auto;
	padding:10px;
	background:#F2F2F2;
	clear:left;
	border-radius:3px;
	border:1px solid #BDBDBD;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666;
}


.sms-container{
	width:100% !important;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	background:transparent;
}


#sms{
	color:#7E7E7E;
	width:520px;
	height:auto;
	padding:10px;
	clear:left;
	background:#FFF;
	border-radius:3px;
	border:1px solid #CCC;
	font:normal 14px Arial, Helvetica, sans-serif;
	background: rgba(255, 255, 255, 0.6);

}

#sms2{
	color:#7E7E7E;
	width:582px !important;
	height:auto;
	overflow:hidden;
	padding:10px;
	clear:left;
	border-radius:3px;
	border:1px solid #CCC;
	font:normal 14px Arial, Helvetica, sans-serif;
	background: rgba(255, 255, 255, 0.6);
}

#sms-vip{
	width:520px;
	height:auto;
	padding:10px;
	clear:left;
	background:#FFF;
	border-radius:3px;
	border:1px solid #CCC;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666;
}

#section-left{
	width:50%;
	height:auto !important;
	overflow:hidden;
	float:left;
	font:normal 14px Arial, Helvetica, sans-serif;
}

/* #section-left h1 { font-size:20px; } */
#section-left ul { list-style:none;font-size:18px;color:#8c8a8a;margin-left:20px;margin-top:10px; }
#section-left ul li { background:url(/a/images/arrow-bullet.gif) 0px 4px no-repeat;height:24px;margin-bottom:10px; }
#section-left p { margin-left:24px; }

#section-right{
	position:relative;
	width:40%;
	height:200px !important;
	background:url(/a/images/big-sider.gif) top left no-repeat;
	float:left;
	margin-top:5px;
	margin-left:60px;
}

#section-right h1 { font:normal 20px Arial, Helvetica, sans-serif; color:#787878; }
#section-right table { margin-left:70px; }
#section-right table td { vertical-align:middle;}
#section-right table td #server { width:220px; height:30px; border:1px solid #888787; font:italic 18px Arial, Helvetica, sans-serif; color:#e1dfdf; margin-top:4px; }

#section-right #vreau-boost{
	width:179px;
	height:50px;
	background:url(/a/images/vreau_boost2.png) top center no-repeat;
	cursor:pointer;
	border:0px;
	margin-top:5px;
}
#section-right #vreau-boost:hover{
	width:178px;
	height:49px;
	margin-top:6px;
       margin-left:4px;
}

#section-right #vreau-vip{
	width:179px;
	height:50px;
	background:url(/a/images/vreau_boost.png) top center no-repeat;
	cursor:pointer;
	border:0px;
	margin-top:5px;
}
#section-right #vreau-vip:hover{
	width:178px;
	height:49px;
	margin-top:6px;
       margin-left:4px;
}

#section-right #vreau-week{
	width:179px;
	height:50px;
	background:url(/a/images/vreau_week.png) top center no-repeat;
	cursor:pointer;
	border:0px;
	margin-top:5px;
}
#section-right #vreau-week:hover{
	width:178px;
	height:49px;
	margin-top:6px;
       margin-left:4px;
}

#section-right #vreau-month{
	width:179px;
	height:50px;
	background:url(/a/images/vreau_month.png) top center no-repeat;
	cursor:pointer;
	border:0px;
	margin-top:5px;
}
#section-right #vreau-month:hover{
	width:178px;
	height:49px;
	margin-top:6px;
       margin-left:4px;
}

#section-right p { font:italic 12px Arial, Helvetica, sans-serif; color:#7a7a7a; margin-top:0px; }

#cum-functioneaza h1 { font:normal 24px Arial, Helvetica, sans-serif;color:#343434; }
#cum-functioneaza img { display:block;border:0px;margin:0 auto; }
#cum-functioneaza #inner-text { width:90%;margin:0 auto;height:auto;overflow:hidden;padding:20px;background:#FFF;border:1px solid #dcdada;margin-top:20px;text-align:justify; }
#cum-functioneaza #inner-text p { font:normal 12px "Lucida Console", Monaco, monospace;color:#343434; }

#servere-boostate h1 { font:normal 24px Arial, Helvetica, sans-serif;color:#343434; }
#servere-boostate table { width:100%;margin-top:10px;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#666; }
#servere-boostate table td { border-bottom:1px solid #999;vertical-align:middle; padding-top:4px; padding-bottom:4px; }
#servere-boostate table tr { border-left:1px solid #999; border-right:1px solid #999; }
#servere-boostate table td p { margin-left:20px; }
#servere-boostate table td strong { font-weight:bold; }
#servere-boostate table .row1 { background:#E4E4E4; }
#servere-boostate table .row2 { background:#D8D8D8; }
#servere-boostate a { color:#B40404; text-decoration:none; font-weight:bold; }
#servere-boostate a:hover { color:red; text-decoration:none; font-weight:bold; }
.image { background: url('/a/images/bg_image.png'); }


#footer{
	max-width:90%;
	height:50px;
	margin:0 auto;
}

#inner-footer{
	max-width:80%;
	margin:0 auto;
	padding-left:0px;
	font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#424242;
}

#inner-footer a { color:#424242; text-decoration:none; }
#inner-footer a:hover { color:#81BEF7; }
#inner-footer table { height:50px; }
#inner-footer table td { padding-left:5px; }
#inner-footer hr { background:1C1C1C; max-width:100%; height:1px; border-top:1px; border-left:0; border-right:0;  border-bottom:0; border-color:#1C1C1C; margin-bottom:6px; }


#container inner-footer hr { background:#transparent; max-width:90%; height:3px; border-color:#1C1C1C; border-top:1px; border-left:0; border-right:0; border-bottom:0; padding-bottom:4px;}


#inner-footer .footer-text{
	max-width:90%;
	height:auto;
	padding:10px;
	background:#FFF;
	border-radius:3px;
	border:1px solid #CCC;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666;
}



#text-footer{
	width:97% !important;
	height:auto;
	padding:10px;
	background: rgba(255, 255, 255, 0.7);
	border-radius:3px;
	border:1px solid #CCC;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666;
}


#google {    
    position:fixed; 
    background: url(/a/images/g-google.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin:5px; 
    cursor:pointer;
    z-index:100;  
}
#google:hover {    
    background: url(/a/images/g-google_h.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

#stats {
    position:absolute; 
    background: rgba(0,0,0,0.4);
    border: 1px solid #4B4B4B;
    border-radius: 5px;
    padding: 6px;
    width:270px;
    height:45px;
    margin:5px; 
    right:20px;
    top:4px;
    z-index:100;  	
}


.body_classic { background: url('/a/images/bg/blue.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.body_vip { background: url('/a/images/bg/yellow.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.body_week { background: url('/a/images/bg/green.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.body_month { background: url('/a/images/bg/mov.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.body_bans { background: url('/a/images/bg/rosu.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.body_silver { background: url('/a/images/bg/gri.png') no-repeat center center fixed; 
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#ifrgtrs { display:block;position:absolute;top:-10px;width:2px;height:2px;scrolling:none; }


#protocol {
	text-align:left; 
	font-size:13px; 
	color:#C60000; 
	margin:4px; 
	padding-left:4px;
}
#protocol h {
	text-decoration:underline; 
	color:#C60000;
}
#protocol hf {
	font-size:13px; 
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


#smscs {
       position: relative;
	top: -15px;
	width: auto !important;
	border: 1px solid #CCC;
       padding: 2px;
	border-radius: 3px;
}
.cs_16 {
	background-image: url("/a/images/rightbanner/1.jpg");
	background-size: cover;
	width: 598px;
	height: 171px !important;
	border-radius: 4px;
}
.cs_16 .logo {
	display: block;
	background-image: url("/a/images/rightbanner/cs_1.6.png");
	background-repeat: no-repeat;
	width: 263px;
	height: 165px;
	position: absolute;
	top: 10px;
	left: 5px;
}


.dmap {
	color: #15A6DE;
       cursor: pointer;
}
.dmap:hover {
	color: #C60000;
}


.terms {
	cursor:pointer;
	text-decoration:none;
	color:#2B9F0E;"
}
.terms:hover {
	color:#D40000;"
}





#section-right #prv input[type=checkbox] {
         position: relative;
	  top: 0px;
	  cursor: pointer;
}
#section-right #prv input[type=checkbox]:after {
         content: "";
         display: block;
         position: absolute;
         width: 11px;
         height: 11px;
         top: 0;
         left: 0;
         border: 1px solid #737373;
         border-radius: 3px;
         background-color: white;
}
#section-right #prv input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 11px;
         height: 11px;
         top: 0;
         left: 0;
         border: 1px solid #D30303;
         border-radius: 3px;
         background-color: #D30303;

}
#section-right #prv input[type=checkbox]:checked:after {
         content: "";
         display: block;
         position: absolute;
         width: 3px;
         height: 9px;
         top: 1;
         left: 4px;
         border: 1px solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         background-color: #D30303;
}


#section-right #tac input[type=checkbox] {
         position: relative;
	  top: 1px;
	  cursor: pointer;
}
#section-right #tac input[type=checkbox]:after {
         content: "";
         display: block;
         position: absolute;
         width: 11px;
         height: 11px;
         top: 0;
         left: 0;
         border: 1px solid #2B9F0E;
         border-radius: 3px;
         background-color: white;
}
#section-right #tac input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 11px;
         height: 11px;
         top: 0;
         left: 0;
         border: 1px solid #2B9F0E;
         border-radius: 3px;
         background-color: #2B9F0E;

}
#section-right #tac input[type=checkbox]:checked:after {
         content: "";
         display: block;
         position: absolute;
         width: 3px;
         height: 9px;
         top: 1;
         left: 4px;
         border: 1px solid white;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         background-color: #2B9F0E;
}







#section-right #strike {
  background-color: #3E9DD8;
  background-image: linear-gradient(#257EB6, #58BFFF, #257EB6);
  border: 1px solid #2E8CC6;
  border-radius: 6px;
  color: white;
  padding: 12px 14px;
  margin-top: 5px;
  margin-bottom:3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 3px 4px 4px #7A7A7A;
}
#section-right #strike:hover {
  background-color: #3E9DD8;
  border: 1px solid #2E8CC6;
  color: white;
  margin-top:6px;
  margin-bottom:2px;
  margin-left:2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 2px 3px 4px #7A7A7A;
}

#section-right #vip {
  background-color: #D61C02;
  background-image: linear-gradient(#C81900, #FF6B56, #C81900);
  border: 1px solid #B41701;
  border-radius: 6px;
  color: white;
  padding: 12px 14px;
  margin-top: 5px;
  margin-bottom:3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 3px 4px 4px #7A7A7A;
}
#section-right #vip:hover {
  background-color: #D61C02;
  border: 1px solid #B41701;
  color: white;
  margin-top:6px;
  margin-bottom:2px;
  margin-left:2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 2px 3px 4px #7A7A7A;
}


#section-right #week {
  background-color: #27AE01;
  background-image: linear-gradient(#209000, #30DC00, #209000);
  border: 1px solid #0CB401;
  border-radius: 6px;
  color: white;
  padding: 12px 14px;
  margin-top: 5px;
  margin-bottom:3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 3px 4px 4px #7A7A7A;
}
#section-right #week:hover {
  background-color: #27AE01;
  border: 1px solid #0CB401;
  color: white;
  margin-top:6px;
  margin-bottom:2px;
  margin-left:2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 2px 3px 4px #7A7A7A;
}


#section-right #month {
  background-color: #BC1DD5;
  background-image: linear-gradient(#AB0DC4, #E857FF, #AB0DC4);
  border: 1px solid #A213B9;
  border-radius: 6px;
  color: white;
  padding: 12px 14px;
  margin-top: 5px;
  margin-bottom:3px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 3px 4px 4px #7A7A7A;
}
#section-right #month:hover {
  background-color: #BC1DD5;
  border: 1px solid #A213B9;
  color: white;
  margin-top:6px;
  margin-bottom:2px;
  margin-left:2px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 2px 3px 4px #7A7A7A;
}