a{color:#0079a4;text-decoration:none}
a:hover{text-decoration:underline}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,ul{margin:0;padding:0}
address,caption,cite,code,font,h1,h2,h3,h4,h5,h6,pre,table{font-size:1em;font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:Tahoma,Arial,sans-serif;margin:0 0 .2em;line-height:1.1em}
h1,h2{font-size:20px;color:#000}
h3{font-size:1em;font-weight:700;line-height:18px}
h4{font-size:10px;font-weight:700;line-height:18px}
input,select,textarea{border:1px solid #bebea5;font-size:12px;color:#646464;padding-left:4px}
body{color:#505041;background-color:#f3f2e9;font-family:Tahoma,Arial,sans-serif;font-size:14px}
.pagebg,p{padding:0;margin:0}
hr{border:0 none;height:1px;border-top:1px solid #cfcfcf}
.lightgray{color:#666}
ul{margin:0;list-style-position: inside;list-style-image:none; list-style-type: none; }
ul li{margin:0;padding:0}
ol{list-style-image:none;list-style-position: inside;list-style-type:decimal}

img, embed, iframe, video, audio {max-width: 100%; width: 100% \9 }

#header, .page, #footer{  max-width:956px; width: 100%; margin:0 auto; box-sizing: border-box; }
#headside, .sidebar{width:250px; float:right;  box-sizing: border-box; }
.sidebar{ padding-top:20px}
#headmain, .mainbar{width:678px;overflow:hidden;float:left; }
#footer{height: 100px;overflow:hidden;background:#fff url('images/footer_bg.png') no-repeat right top;border:1px solid #dcdccc;border-radius:10px;margin:20px auto;padding:13px;position:relative;clear:both}
#created{width:140px;float:left;padding:20px 10px}
#scetcik{width:210px;float:right;border:0 solid red;padding-top:0;padding-right:5px;text-align:right}
.opentable{clear:both;padding:6px}
.spdbar{margin-bottom:10px; padding: 0px 5px; }
.logosun{width:170px; margin-left:15px; margin-top: 20px;  }
#topmenus{height:62px;overflow:hidden;background:url('images/topmenu.png') no-repeat 0 0;color:#fff;line-height:60px; border-radius:11px; text-align: left; }
#topmenus a{color:#fff;font-weight:700; margin-left: 15%; }
#alfavit{height:45px;border-radius:11px;overflow:hidden;background-color:#008ac3;color:#fff;text-align:center;line-height:19px;padding-top:5px;margin-bottom:18px}
#alfavit a{color:#fff; font-size: 12px; font-weight:700;margin-left: 11px}
#srcform{height:36px;border-radius:11px;overflow:hidden;background-color:#c7c4ab;margin-bottom:18px;padding-left:15px; position: relative; }
.src_div{height:23px;overflow:hidden;background:transparent url('images/topmenu.png') no-repeat 109px -62px;margin-top:7px; }
.src_div select{width:100px;padding:2px}
.srctext{ width: 77%; border:0 none; margin-top:6px; overflow:hidden;background: #fff; padding: 4px 10px; border-radius: 6px; box-shadow: 0 0 4px #DEDDDD inset; }
.src_submit{ position: absolute;  right: 20px; top: 0px; width:86px;height:36px;background:transparent url('images/myimages.png') no-repeat 0 -90px;margin-left:12px;border:0 none;color:#fff;font-size:10px;font-weight:700;cursor:pointer;text-align:center}
.charts{width: 48%;background:#fff;border:1px solid #dcdccc;border-radius:6px;float:left; margin-bottom: 10px}

.charts h2{color:#fff;font-size:18px;font-weight:400;padding:7px 0px; margin:5px; border-radius: 4px; text-align: center; background:#d00089; }
.charts h2 a{color:#fff;text-decoration:none}
.charts h2 a:hover{color:#fff;text-decoration:underline}
.chartsinn{ margin:10px; margin-top: 0px; }
.charts_right{float:right}
.charts_right h2{background:#019dcf; }
.chartsinn{font-size:13px;line-height:19px;padding:6px 0}
.chartsinn a{color:#0079a4;text-decoration:none;font-weight:700}
.chartsinn a:hover{color:#0079a4;text-decoration:underline}
.charts_right .chartsinn a,.charts_right .chartsinn a:hover{color:#d00089}
.menu-blocks{padding-left:33px}
.blockreklam{margin-bottom:10px}
.mpblok{margin-bottom:15px;background:#fff;padding:5px;border:1px solid #dcdccc;border-radius:6px}
.mpblok_head{color:#fff;font-size:18px;padding:7px;border-radius: 4px;text-align:center;margin-bottom:10px;background:#019dcf; }

.clearfix:before, .clearfix:after{  display: table;  content: " "; }

.clearfix:after{ clear: both;}

.charts ul{ list-style-type: decimal; }
.mp3ultit { font-weight: bold; padding: 5px 2px;  }
.mp3ultit i{ font-style: normal; float: right;  }
.mp3ul { /* list-style-type: decimal; */ }
.mp3ul li { background: #f3f2e9;  padding: 5px 9px; }
.mp3ul li:nth-child(even)  {background: #ecece0; }
.mp3ul li i { font-style: normal; float: right; color: #d00089; text-align: center; }

article, .article { 
	background: #fff;
    border: 1px solid #dcdccc;
    border-radius: 8px;
    padding: 15px; margin-bottom: 15px;
    min-height: 200px;
}

.logincenter { margin-bottom: 10px; clear: both; }
.logincenter .btn { margin-right: 10px; }

.comsendform, #comouter { margin-left: 15px !important; margin-right: 15px !important; }

.vipmp3class a { color: #d00089; }
.vipmp3class { background: #fff9e5; margin-bottom: 15px; list-style-type: none !important; }
.vipmp3class li:before { content: '- '; }
.mpblokcont .vipmp3class li:before { content: ''; }

.down_area .btn { margin-right: 15px; clear: both; margin-bottom: 10px; width: 120px; }


.fullss { margin: 10px; clear: both; color: #676464; margin-top: 20px; font-size: 13px; margin-bottom: 0px; }

.left_rek_banner {
    top: 0px; left: 50%; width: 160px; height: 600px; margin-left: -650px; z-index: 1000;
    background-color: transparent; position: fixed; display: block;overflow: hidden;
}


.right_rek_banner {
    top: 0px;  right: 50%; width: 160px; height: 600px; margin-right: -650px; z-index: 1000;
    background-color: transparent; position: fixed; display: block;  overflow: hidden;
}


.left_rek_banner a, .right_rek_banner a {
    display: block
}

.banner5 { clear: both; margin: 10px 0px; border: 1px solid #b3b3b3; border-radius: 6px; }

@media (min-width: 768px) and (max-width: 959px){


.contentgray{ padding: 10px; }

#headmain, .mainbar{width: 70%; }
#headside, .sidebar { width: 28%;}

img, embed, iframe, video, audio {max-width: 100%; width: 100% \9 }
}

@media (max-width: 767px){

div#sl-catfish-wrapper { width: 100% !important;  margin-left: 0px !important;    left: 0px !important;    height: auto !important; }

.topzengimcel_button {  }

.sidebar{width: 100%; float: none; }
#headside, #alfavit, .al-cover { display: none; float: none; }
#headmain, .mainbar{width: 100%;overflow:hidden;float: none; }
#header, .page, #footer{  overflow: hidden; }
#footer{ height: auto; padding: 10px; margin: 10px auto; }
#footer img{ height: 0px; }
#created{width: 100%;float: none;padding: 0px 0px; }
#topmenus{height: 40px !important;overflow:hidden;color:#fff;line-height:40px; border-radius:11px; text-align: left; 
background: #0097d6;
background: -moz-linear-gradient(left,  #0097d6 0%, #00bfff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0097d6), color-stop(100%,#00bfff));
background: -webkit-linear-gradient(left,  #0097d6 0%,#00bfff 100%);
background: -o-linear-gradient(left,  #0097d6 0%,#00bfff 100%);
background: -ms-linear-gradient(left,  #0097d6 0%,#00bfff 100%);
background: linear-gradient(to right,  #0097d6 0%,#00bfff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d6', endColorstr='#00bfff',GradientType=1 );

}
#topmenus a{color:#fff;font-weight:700; margin-left: 8%; }
.blockreklam{margin-left:10px; }
.charts{width: 100%; float: none;}
.al-info{float: none; width: 90%; margin: 0px 4%; }
.contentgray{ padding: 10px; }

img, embed, iframe, video, audio {max-width: 100%; width: 100% \9 }

#topmenus{height: 49px; margin-bottom: 10px; }
}