/*******************************
���������� �����
*****************************/
* {padding:0; margin:0;}
html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; min-width:980px;max-width:1200px; font: 12px tahoma; color: #000; line-height: 17px;margin:0 auto;}
#mw-fix {width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 980? "980px":"100%"); min-width: 980px; margin: 0 auto;}
img {border: none; _behavior: url("/templates/mycity/png/iepngfix.php");}


.gmtdttl{font-size: 100%; font-weight: bold; color: #000000; text-align:right;}
.gmtdtext {font-size: 100%; font-weight: normal; color: #000000;text-align:center;}
.tddiv { text-align: left !important;}
div#cntdiv{ position:absolute; display:block;}
div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:100%; height:100%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;}
div#hiddentl{ position:relative; top:1; left:0; right:0; visibility:hidden;}

/*******************************
��������
*****************************/
img {border: 0;}
.float-left {float: left;}
.float-right {float: right;}
input {font: 12px tahoma;}

/*******************************
�������
*****************************/
dl {margin-bottom: 0px; overflow: hidden; zoom: 1;}
dd {float: left; width: 150px;}
dt {padding: 0; margin: 0 0 0 150px;}

/*******************************
������
*****************************/
*:focus {outline: none;}
a, a:hover {text-decoration: none; color: #00519c; font: 12px tahoma;}
a:hover {text-decoration: underline; color: #000;}
a:active {text-decoration: none; color: #FF0000;}

/*******************************
�����, ������
*****************************/
p {padding: 0;}
li { list-style:none; }
ol li { list-style-type: decimal; list-style-position: inside; }
acronym { cursor:help; border-bottom: 1px dashed #c2272d;}

/*******************************
�������
*****************************/
caption,th,td {text-align: left; font-weight: normal;}
table {border-collapse: collapse; border: none;}

/*******************************
�����
*****************************/
fieldset {border: none;}
textarea {vertical-align: top;}

/*******************************
���������
*****************************/
h1,h2,h3,h4,h5,h6 {font: normal 18px sans-serif;}
h2 {margin: 20px 0 15px 0;}

/*******************************
������� �����
*****************************/
#adv {text-align: center; height: 72px; padding: 8px 0 0 0;}
#adv img {margin: 0 5% 0 0;}

#head {background: url(../images/top1-bg.gif) #ebefef; height: 49px; border-top: 1px solid #ebefef;}

#top {margin: 7px 0 0 19px; padding: 0;}
#top li {width: 20%; font: 11px tahoma; color: #656565; display: inline-block; text-align:left; float: left;}
#top a, #top a:hover {font: 11px tahoma;}

.weather {background: url(../images/weather.gif) no-repeat left; padding: 0 0 0 49px; height: 27px;}
.currency {background: url(../images/currency.gif) no-repeat left; padding: 0 0 0 49px; height: 27px;}

.apple {color: #53b511;}
.chery {color: #d7187b;}
.today {font: bold 16px tahoma; color: #79818c; display: block;}

#column {overflow: hidden; zoom: 1; padding: 22px 17px 0 17px;}
#l-col {float: left; width: 220px; overflow: hidden; zoom: 1;}
#c-col {margin: 0 260px 0 240px;}
#r-col {float: right; width: 250px; overflow: hidden; zoom: 1;}

#logo {height: 78px; font: 11px tahoma; color: #d3d3d3; text-decoration: none;  padding-left: 20px;}
#logo img {width: 164px; height: 38px; display: block; margin: 0 0 4px 0;}


/*******************************
��������� �� ���������
*****************************/
#nav li { color: #5f5f5f; padding: 0 0 0 26px; margin: 0 0 8px 0; line-height: 14px;}
#nav .basic, #nav .basic:hover {font: bold 12px tahoma; display: block; color: #00519c; }
#nav a, #nav a:hover {color: #000; font: 11px tahoma;}
.n-home {background: url(../images/ico/home.png) left no-repeat;}
.n-news {background: url(../images/ico/news.png) left no-repeat;}
.n-ps {background: url(../images/ico/ps.png) left no-repeat;}
.n-ps-brushes {background: url(../images/ico/ps-brushes.png) left no-repeat;}
.n-ps-styles {background: url(../images/ico/ps-styles.png) left no-repeat;}
.n-ps-actions {background: url(../images/ico/ps-actions.png) left no-repeat;}
.n-ps-gradients {background: url(../images/ico/ps-gradients.png) left no-repeat;}
.n-ps-patterns {background: url(../images/ico/ps-patterns.png) left no-repeat;}
.n-ps-shapes {background: url(../images/ico/ps-shapes.png) left no-repeat;}
.n-ps-plugins {background: url(../images/ico/ps-plugins.png) left no-repeat;}
.n-ps-psd {background: url(../images/ico/ps-psd.png) left no-repeat;}
.n-ps-swatches {background: url(../images/ico/ps-swatches.png) left no-repeat;}

/*******************************
������ ������������
*****************************/
#user-menu li { color: #5f5f5f; padding: 0 0 0 26px; margin: 0 0 5px 0; line-height: 14px;}
#user-menu .basic, #nav .basic:hover {font: bold 12px tahoma; display: block; color: #00519c;}
#user-menu a, #nav a:hover {color: #000; font: 11px tahoma;}
.u-admin {background: url(../images/ico/u-admin.png) left no-repeat;}
.u-profile {background: url(../images/ico/u-profile.png) left no-repeat;}
.u-pm {background: url(../images/ico/u-pm.png) left no-repeat;}
.u-favorites {background: url(../images/ico/u-favorites.png) left no-repeat;}
.u-exit {background: url(../images/ico/u-exit.png) left no-repeat;}


/*******************************
��������� �� ����
*****************************/
#menu li { color: #5f5f5f; padding: 0 0 0 26px; margin: 0 0 5px 0; line-height: 14px;}
#menu .basic, #nav .basic:hover {font: bold 12px tahoma; display: block; color: #00519c; }
#menu a, #nav a:hover {color: #000; font: 11px tahoma;}
.m-feedback {background: url(../images/ico/m-feedback.png) left no-repeat;}
.m-about {background: url(../images/ico/m-about.png) left no-repeat;}
.m-advertisement {background: url(../images/ico/m-advertisement.png) left no-repeat;}
.m-disclaimer {background: url(../images/ico/m-disclaimer.png) left no-repeat;}
.m-statistics {background: url(../images/ico/m-statistics.png) left no-repeat;}
.m-rss {background: url(../images/ico/m-rss.png) left no-repeat;}
.m-errors {background: url(../images/ico/m-errors.png) left no-repeat;}




/*******************************
�����
*****************************/
#login {background-color:#FFF; width: 200px; padding: 10px 0 0px 17px;}
#login .row {margin-bottom: 7px;}
#login .i1 {width: 156px; height: 17px; display: block; border: 1px solid #c3d3e7; font: 11px tahoma;}
#login .i2 {width: 80px; font: 12px tahoma; color: #000;}
#login .row a, #login .row a:hover {font: 11px tahoma; color: #79818c;}
#login h6 {font: bold 16px tahoma; color: #79818c; margin: 0 0 10px 0; padding: 0;}
.mlink a, .mlink a:hover {font-size: 12px; color: #79818c; display: block; margin: 3px 0 0 0;}

#adv2 {margin: 20px 0 0 0;}

/*******************************
�����
*****************************/
#search {background: #00519c; height: 37px; padding: 19px 0 0 34px;}
#search .i1 {background: url(../images/sbg.gif) #fefefe; height: 18px; width: 100%; border: none;}
#search .i2 {width: 66px; font: 11px tahoma; color: #000;}
#search .fl {float: left; width: 80%; margin-right: 5px;}
#search .fl2 {float: left;}
#search2 {background: url(../images/s2bg.gif) right no-repeat #00519c; width: 137px; height: 20px; padding: 0 0 0 34px;}
#search2 a, #search2 a:hover {color: #ebebeb; font: 11px tahoma; text-decoration: underline;}

/*******************************
�����
*****************************/
#footer {margin: 10px 10px 0 10px; height: 56px; border-top: 1px solid #cfcfcf; color: #969797; font: 11px tahoma; position: relative;}
#footer a, #footer a:hover {color: #969797; font: 11px tahoma; text-decoration: none;}
#footer .copy { padding-right: 25px; position: absolute; top: 15px; right: 0;}
#footer .copy a { font-weight: bold; }
#footer .scores { padding-left: 25px; position: absolute; left: 0; top: 15px;}


/*******************************
������� 
*****************************/
.snews { overflow: hidden; zoom: 1; margin: 8px 0 8px 0; }
.snews h1 {margin: 0 0 18px 0;}
.snews .stitle {margin: 0 0 8px 0;}
.snews .stitle a, .snews .stitle a:hover { color: #00519c; font-size: 20px;}
.snews img {padding:5px; border: 1px solid #d3d3d3; margin: 0 7px 0 0;}

/*******************************
�������
*****************************/
.srating { margin-right: 5px; }


.list1 li {margin-bottom: 3px; list-style: decimal inside;}

/* main 1 */

.m-head-black {font: 18px tahoma; color: #000; margin: 20px 0 0 0; display: block; text-decoration: underline;}
.m-head-black:hover {font: 18px tahoma; color: #000; margin: 20px 0 0 0; display: block; text-decoration: none;}



.m-head-red img, .m-head-green img, .m-head-blue img, .m-head-black img .m-head-violet img, {margin: 0 0 0 7px;}

/*******************************
����� �����������
*****************************/
.imgl {margin: 0 7px 0 0; float: left;}
.imgr {margin: 0 0 0 7px; float: right;}


/*******************************
���� SITENEWS
*****************************/
h6 {font: 18px tahoma; color: #d93508; text-decoration: none; margin: 20px 0 8px 0;}
.sitenews {border-top: 4px solid #e37355; background: #fefaf8; padding: 10px 9px 1px 9px; font: 11px tahoma; color: #414141;}
.sitenews a, .sitenews a:hover {font-size: 11px;}
.sitenews .row {margin-bottom: 20px;}

/*******************************
�����������
*****************************/
h5 {color: #3f3f3f; font: 20px tahoma; margin: 20px 0 8px 0;}
#voting {background: #FFF; border-top: 1px solid #bbbbbb; padding: 10px 9px 10px 9px; font: 11px tahoma; color: #414141;}
#voting .vote {margin: 5px 0 5px 0;}
#voting .f12 {font: bold 12px tahoma; display: block; margin-bottom: 10px; color: #5a7e92;}
#voting .i2 {width: 100px; height: 20px; font-size: 11px;}

/*******************************
���������
*****************************/
h4 {color: #5a7e92; font: 20px tahoma; margin: 20px 0 8px 0;}
#calendar-block {background: #f9f9f9; border-top: 4px solid #a0bccb; padding: 10px 9px 10px 9px; font: 11px tahoma; color: #414141;}

/*******************************
������� ����
*****************************/
h4 {color: #3f3f3f; font: 20px tahoma; margin: 20px 0 8px 0;}
#block {background: #FFF; border-top: 1px solid #bbbbbb; padding: 10px 9px 10px 9px; font: 11px tahoma; color: #414141;}


/*******************************
������ �������
*****************************/
.f-news {overflow: hidden; zoom: 1; margin: 8px 0 8px 0;}
.f-news h1 {font: 18px tahoma; margin: 20px 0 10px 0; color: #000;}
.f-news img { padding:5px; border: 1px solid #d3d3d3; margin: 0 7px 0 7px;}

.fulltag {font: 11px tahoma; color: #999999; border: 0px solid #f1f1f1; margin: 0px 0 0 0; padding: 8px 9px 8px 9px;}
.fulltag a, .fulltag a:hover {color: #999999; font: 11px tahoma;}

/*******************************
������� �������
*****************************/
.relnews {padding: 15px 0 15px 0;}
.relnews li {margin-bottom: 5px; list-style-type: decimal; list-style-position: inside;}

.google-search { background-color:#f7fbff; border:1px solid#e9f1fa;}

.top-news-list {
  list-style: none; /* nömrə və ya markerləri silir */
  padding: 0;
  margin: 0;
}

.top-news-list li {
  margin-bottom: 8px; /* linklər arasında boşluq */
}

.top-news-list li a {
  text-decoration: none; /* altı xətt silinir */
  color: #007bff; /* link rəngi */
  font-weight: 500;
  transition: color 0.3s;
}

.top-news-list li a:hover {
  color: #0056b3; /* hover rəngi */


.postart { width: 31.33%; margin-left: 1%; margin-right: 1%; height: 235px; background: #fff; /* fbfbfb */ font-size: 20px; position:relative;z-index:0; margin-bottom: 20px; overflow: hidden; float: left; } 
.postart:hover h3{ text-decoration: underline; } 
.postart .imgholder{ height: 146px; min-width: 218px; width: 100%; display: block; overflow: hidden; position: relative; } 
.postart .imgholder img{ display: block; min-height: 100%; width: 100%; } 
.postart .imgholder{ overflow: hidden; margin-bottom: 5px; } 
.postart a{ color: #444444; font-family: Arial; font-size: 15px; margin-bottom: 20px; } 
.postart a:hover{ text-decoration: none; } 
.postart h3{ font-size: 14px; margin:0px;padding:2px 0px; overflow: hidden; max-height: 60px; line-height: 1.4; } 
.postart.artbig , .artbig { height: 295px; } 
.postart .artful { color: #807e7e; height: 50px; font-size: 12px; font-weight: normal; padding: 0px 0px; width: 100%; margin: 8px 0 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; display: block; } 
.timecoms{ display: block; color: #acb2b2; font-size: 12px; font-weight: normal; position: absolute; bottom: 4px; left: -15px; text-align: left; } 
.timecoms .glyphicon{ margin-left: 15px; margin-right: 1px; } 
a.thumb_zoom { display:block;} 
a.thumb_zoom img { -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in; transition:all 0.5s ease-in; } 
a.thumb_zoom:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} 

@media (max-width: 767px) { 
 .postart { width: 47%; } 
 .newslister { margin-left: -3px !important; margin-right: -3px !important; } 
 .timecomsXX { width: 250px; left: -8px; right: 10px; text-align: left; font-size: 11px; } 
}