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

body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background-image:url(../img/back_meteo.png); background-attachment:fixed; }

	/* ################## Baner ##################### */

.list_for_bacjground { background:#e2eff4; width:100%; margin-top:-3px; box-shadow:0 0 5px 0 #FFF; -webkit-box-shadow:0 0 18px 0 #8a8a8a; -moz-box-shadow:0 0 5px 0 #FFF; }
.list_for_bacjground .baner { background-image:url(../img/baner3.jpg); background-repeat:no-repeat; width:100%; height:233px; }
.list_for_bacjground .baner .text { display:block; margin-left:27px; padding-top:173px; font-size:11px; color:#FFF; border:0px #ccc solid; width:365px; text-align:justify; float:left; }
.list_for_bacjground .baner h2 { color: #018ab2; float: left; font-weight: normal; position: absolute; text-align: center; top: 90px; width: 328px; margin-left:  22px; }
.list_for_bacjground .baner h2 a { color: #018ab2 !important; text-decoration: none !important; }

.list_for_bacjground .baner .text a { color:#FFF; font-weight:bold; text-decoration:blink; }
.list_for_bacjground .baner .text a { color:#FFF; font-weight:bold; text-decoration:none; }

.list_for_bacjground .baner .text-warning { background-color: rgba(0, 102, 153, 0.7); color: #fff; float: left; height: 50px; margin-left: 22px; position: relative; text-align: center; top: 160px; vertical-align: middle; width: 328px; }
.list_for_bacjground .baner .text-warning a { color: white !important; text-decoration:  none !important; }


.list_for_bacjground .baner .photo { width:590px; height:175px; border:0px #ccc solid; float:right; padding-right:5px; }

	/* ################## top_menu ##################### */
	
.leftside_topmenu  {	margin:0px; padding:0px; }
.middleside_topmenu  {	margin-left:1px; padding:0px; background-color:#0f62b2; color:#FFF; font-weight:500; height:20px; padding-left:5px; padding-top:5px; width:99%; }
.rightside_topmenu  {	margin:0px; padding-left:10px;  }
 


/* baner */


.slider { border:0px #000 solid; width:585px; height:180px; float:right;  }

	/* TOP SLIDER */




/* ################## left side ##################### */
.left_side { width:200px; border:0px #ccc solid; padding-left:2px; }

.left_side .title_menu { border-bottom: 3px solid #0085B7; color: #2A8BBB; font-size: 13px; margin-top: 5px; padding-bottom: 2px; width:200px; font-weight:bold; }

.left_side .link_leftside a { display: block;  color: #323232; text-decoration: none; padding-left: 15px; padding-right: 7px; font-size: 12px;
padding-top: 6px; padding-bottom: 3px; border-bottom: 1px dotted #CCC; -webkit-transition: all .3s ease-out; } 


.left_side .link_leftside a:hover { background: #6DBBEA;  -webkit-transition: all .1s ease-out;}


/* ################## right side ##################### */

.right_side { width:200px; border:0px #ccc solid; padding-left:2px; }

.right_side .title_menu { border-bottom: 3px solid #0085B7; color: #2A8BBB; font-size: 13px; margin-top: 5px; padding-bottom: 2px; width:200px; font-weight:bold; }

.right_side .other { text-align:center; padding-top:10px; padding-bottom:10px; }

.right_side .news { font-size:11px; color:#000; width:195px; text-align:justify; padding-left:2px; padding-top:8px; padding-bottom:10px; }
.news .news_text { color:000; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:900; text-align:left;}

.right_side .news img { border:1px solid #ccc; width:50px; height:50px; margin-top:2px;}
.right_side .news a { color: #343434; font-size:12px; text-decoration:none;  }
.right_side .news a:hover { color: #323232; text-decoration:none; }

 /* kalendar */ 
 
 .kalendar {	font-size:11px; color:#333; text-align:center; background-color:#98c5d8; }
.kalendar1 { font-size:11px; color:#333; text-align:center; background-color:#5aa4d1; }
.kalendar2 { font-size:10px; color:#333; text-align:center; background-color:#e2e2e2; }
.kalendar3 { font-size:13px; color:#333; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }


	/* ################## middle ##################### */

.middle { background:#FFF; width:99%; height:100%; text-align:left;  }
.middle .title { padding-left:30px; padding-top:8px; color:#018ab2; font-size:15px; font-weight:900;
border-bottom: 1px #CCC dotted;
padding-top: 5px;
padding-bottom:3px;

font-weight: bold;
text-shadow: black -1px -1px 50;
}
.middle .text { padding-left:5px; padding-top:10px; padding-bottom:22px; color:#333; font-size:12px; text-align:justify; padding-right:5px; font-family:Arial, Helvetica, sans-serif; }
.middle .text a { color:#125f9b; font-weight:900; }
.middle .text a:hover { color:#125f9b; font-weight:900; text-decoration:none; }
.middle .link_gelery a { color:#000; padding:5px; text-decoration:none; }
.middle .link_gelery a:hover { background-color:#247cc0; color:#FFF; padding:5px; text-decoration:none; }
.middle .text img { border:1px #ccc solid; padding:3px; margin-left:1px; margin-right:7px;  text-align:left; }



/* ################## footer ##################### */
.footer  {float:left; display:block; margin-top:-4px; color:#FFF; height:55px; width:100%; box-shadow:0 0 5px 0 #8a8a8a; -webkit-box-shadow:0 0 18px 0 #8a8a8a;
-moz-box-shadow:0 0 10px 0 #8a8a8a;

background: #124488; /* Old browsers */
background: -moz-linear-gradient(top,  #124488 0%, #3366aa 84%, #3d72ad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#124488), color-stop(84%,#3366aa), color-stop(100%,#3d72ad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #124488 0%,#3366aa 84%,#3d72ad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #124488 0%,#3366aa 84%,#3d72ad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #124488 0%,#3366aa 84%,#3d72ad 100%); /* IE10+ */
background: linear-gradient(to bottom,  #124488 0%,#3366aa 84%,#3d72ad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124488', endColorstr='#3d72ad',GradientType=0 ); /* IE6-9 */
}

.footer .copy1 { float:left; width:500px; font-size:10px; padding-left:6px; padding-top:5px; line-height:16px; text-shadow:0px 0px 1px #000; }
.footer .copy1 a { color:#FFF; text-decoration:underline; font-weight:100; }
.footer .copy1 a:hover { color:#FFF; text-decoration:none; font-weight:100; }

.footer .copy2 { float:right; width:300px; text-align:right; padding-right:6px; font-size:9px; padding-top:5px; text-shadow:0px 0px 1px #000; }
.footer .copy2 a { color:#FFF; text-decoration:underline; font-weight:100; }
.footer .copy2 a:hover { color:#FFF; text-decoration:none; font-weight:100; }



/* ################## KARTA ##################### */

	#frame {  width:570px; height:500px; border:0px #ccc solid; padding-top:-30px; }
	.fixed {  position: relative;  width: 240px;  margin: 0 auto;  top: 278px;  left: -70px; font-size:9px; margin-top:-110px;  } /* Dushanbe */ 
	.fixed1 {  position: relative;  width: 240px;  margin: 0 auto;  top: 330px;  left: 150px; font-size:9px;  }  /* Badakhshon */
	.fixed2 {  position: relative;  width: 240px;  margin: 0 auto;  top: 295px;  left: -70px; font-size:9px;  } /* Khatlon */
	.fixed3 {  position: relative;  width: 240px;  margin: 0 auto;  top: 80px;  left: -5px; font-size:9px;   } /* Suqd */
	
	#frame .fixed a { text-decoration:none; color:#0b538e; font-weight:900; text-shadow:0px 1px 1px #c1c1c1; }
	#frame .fixed1 a { text-decoration:none; color:#0b538e; font-weight:900; text-shadow:0px 1px 1px #c1c1c1; }
	#frame .fixed2 a { text-decoration:none; color:#0b538e; font-weight:900; text-shadow:0px 1px 1px #c1c1c1; }
	#frame .fixed3 a { text-decoration:none; color:#0b538e; font-weight:900; text-shadow:0px 1px 1px #c1c1c1; }





.link_content { float:left; }
.link_content a { padding:5px; text-decoration:none; }
.link_content a:hover { background-color:#247cc0; color:#FFF; padding:5px; text-decoration:none; }