/* all */

#tooltip{
   background: #ffffff;
   font: verdana;
   font-size: 10px;
   width:auto;
   border:1px solid #778899;
   border-left:5px solid #ff9f00;
   color: #333333;
   font-family: verdana, arial, helvetica, sans-serif;
   opacity: 0.91;
   filter: alpha(opacity="91");
   line-height:15px;     z-index:100;
   margin:0px;
   padding: 3px;
   position: absolute;
   visibility: hidden;
   border-collapse: separate;
}


img 
	{
	 behavior:url("pngbehavior.htc");
	}
.count
	{
	 position:absolute;
	 top:0;
	 left:-300px;
	}


body 
	{
         background: rgb(255, 255, 255);
	 width: 1020px;
	 margin:0 auto;
	 padding:0;
	 color:black;
	 text-align:center;
	}
	
.container	
	{
	border: #e0e0e0 solid;
    border-radius: 5px;
	 margin-top: 15px;
	 box-shadow: 0 0 7px 7px #e0e0e0;
     -webkit-box-shadow: 0 0 7px 7px #e0e0e0;
	}

h1
	{
	 font-weight:bold;
	 font-size:12px;
	 clear:both;
	 margin:0;
	}
h3 
	{
	 color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 margin:0;
	 padding:5px 0;
	 float:left;
	}
h4
	{
	 color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight:400;
	 text-decoration:underline;
	 margin:0;
	 padding:5px 0;
	 clear:right;
	}
.epigraf
	{
	 width:300px;
	 font-size:11px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 float:right;
	}
.quote
	{
	 background:#eeeeee;
	 border:1px solid #cccccc;
	 margin-left:25px;
	 padding:5px;
	 text-indent:20px;
	 text-align:justify;
	 font-size:12px;
	 font-family:Verdana, 'Times New Roman', sans-serif;
	}
.quote_data_r, .qoute_data_l
	{
	 margin:0;
	 padding:0;
	 font-size:11px;
	 font-family:Arial, Helvetica, sans-serif;
	 clear:both;
	}
.quote_data_r
	{
	 float:right;
	}
.quote_data_l
	{
	}
.quote_data_r a, .quote_data_r a:visited, .quote_data_l a, .quote_data_l a:visited
	{
	 font-size:11px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.banner
	{
	 width:88px;
        height:31px;
	 border:0;
	 margin:0;
	}
.rt_banner
	{
	 border:0;
	}
p
	{
	 clear:both;
	}
	
/* head */

.green_bg
	{
	 width:1000px;
	 margin:0 auto;
	 padding:0;
	 text-align:center;
	 height:20px;
	 background:#abd84a;	 
	}
.boxhead a, boxhead a:visited
	{
	 color:#146900;
	 text-decoration:none;
	 font-family:Arial, 'Times New Roman', serif;
	 font-size:12px;
	 text-shadow: 1px 1px 1px #d9ff87;
	 padding:8px 20px 8px 20px;
//         width:110px;
//         height:32px;
	}
.boxhead a:hover
	{
	 color:white;
	 text-decoration:none;
	 padding:8px 20px 8px 20px;
         background:url("imgs/menu_hover.png") repeat-x;
//         width:110px;
//         height:32px;
	}
.top_menu
	{
	 width:1024px;
	 float:right;
	}
	
/* end of head */

/* menu */

.menu
	{
	background: url(imgs/menu_bg.png) repeat-x;
	height: 33px;
	}

.menu a, menu a:visited
	{
	 color:#146900;
	 text-decoration:none;
	 font-family:Arial, 'Times New Roman', serif;
	 font-size:12px;
	 text-shadow: 1px 1px 1px #d9ff87;
	 padding:8px 20px 8px 20px;
//         width:110px;
//         height:32px;
	}
.menu a:hover
	{
	 color:white;
	 text-decoration:none;
	 padding:8px 20px 8px 20px;
         background:url("imgs/menu_hover.png") repeat-x;
//         width:110px;
//         height:32px;
}
/* end of menu */


/* end of all */

/* main */


.content
	{
	 padding:0 225px 0 275px;
	 text-align:left;
	}
.content a:link, .content a:visited
	{
	 color:black;
	 text-decoration:underline;
	}
.content a:hover
	{
	 color:#5DA631;
	}
.news
	{
	 position:relative;
	 float:left;
	 width:240px;
	 padding:0 10px 0 25px;
	 left:-275px;
	 margin-right:-275px;
	 margin-bottom:50px;
	}
.band
	{
	 position:relative;
	 float:left;
	 width:500px;
	}
.topics
	{
	 position:relative;
	 float:left;
	 width:200px;
	 padding:0 2px 0 2px;
	 margin-right:-240px;
	 text-align:center;
	 padding: 5px;
	}
.topics img
	{
	 border:1px solid #66bc29;
	 margin:10px auto 0 auto;
	}
.news_post
	{
	 margin:10px 0;
	 padding:0;
	 text-align:left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:13px;
	}
.band_post
	{
	 margin:10px 0;
	 padding:0px 20px 0px 0px;
	 text-align:left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:13px;
	}
 .band_post img
	{
	 border:1px solid #66bc29;
	 margin-top:10px;
	} 
 .band_post_emo	
		{
	 border:10px solid #66bc29;
	 margin-top:10px;
	} 
.recent
	{
	 margin:10px 0;
	 padding:0;
	 text-align:left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 clear:both;
	}
.weather
	{
	 margin:15px auto;
	 padding:0;
	 width:202px;
	}
.weather img
	{
	 border:0;
	}
.gmtbl
	{
	 border:1px solid #abd84a;
	 margin:0 auto;
	}
.gmtdttl
	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 letter-spacing:1px;
	 font-weight: bold;
	 color:#ffffff;
	 text-align:center;
	 background-color:#abd84a;
	}
.gmtdtext
	{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	}

/* footer */

.footer
	{
	 padding:0 225px 0 275px;
	 text-align:left;
	 clear:both;
	}
.left_foot
	{
	 position:relative;
	 float:left;
	 width:275px;
	 height:120px;
	 left:-275px;
	 margin-right:-275px;
	}
.central_foot
	{
	 position:relative;
	 float:left;
	 width:100%;
	 height:120px;
	}
.right_foot
	{
	 position:relative;
	 float:left;
	 width:225px;
	 height:120px;
	 margin-right:-225px;
	}
.left_rol
	{
	 position:relative;
	 left:20px;
	 float:left;
	 margin:-50px 0 0 0;
	 height:170px;
	}
.join
	{
	 position:relative;
	 float:left;
	 margin:0 -50px;
         border:0;
	}
.rights
	{
	 position:relative;
	 top:30px;
	 left:30px;
	 float:left;
	 border:0;
	}
.main_banners
	{
	 position:relative;
	 top:35px;
	 float:right;
	 width:195px;
	}
.goclose
	{
	 position:relative;
	 float:right;
	 margin:-122px 0 -20px 0;
	 border:0;
	}
.right_rol
	{
	 position:relative;
	 float:right;
	 width:100px;
	 height:100px;
	 margin-top:20px;
	 //left:76px;
	}
.end_string
	{
	 height:0px;
	 clear:both;
	 margin-top:-30px;
	}

/* end of footer */	
/* end of main */
/* other */
 
.content_all
	{
	 padding:0 25px;
	 text-align:left;
	 color:black;
	 font-size:13px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.content_all a, .content_all a:visited
	{
	 color:#2f3b15;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:13px;
	}
.content_all a:hover
	{
	 color:#5DA631;
	}
.footer_all
	{
	 width:974px;
	 text-align:center;
	 margin:0 auto;
	 clear:both;
	}
.banners_all
	{
	 width:500px;
	 height:31px;
	 margin:25px auto 5px auto;
	 padding:0;
	}
 
/* end of other */
/* where */

.point
	{
	 vertical-align:text-bottom;
	 margin-bottom:-1px;
	}
.places_foto
	{
	 width:974px;
	 margin:25px auto;
	 padding:0;
	 text-align:center;
	}
.places_foto img
	{
	 margin:0 25px 25px 25px;	 
	 border:6px solid #ccc;
	}
.places_map
	{
	 width:974px;
	 margin:0 auto;
	 padding:0;
	 text-align:center;
	}
.places_map img
	{
	 border:1px solid black;
	}
#map_point_1, #map_point_2, #map_point_3, #map_point_4, #map_point_5, #map_point_6 
	{ position:fixed; left:0; top:0; padding:0; border-top:0; border-left:0; display:none; width:450px; height:300px; }




/* end of where */


#chat{
    width : 600px;
    height : 500px;
    position : fixed; /* фиксируем позицию в окне */
    z-index : 50000;
    /* сдвигаем панель вправо вниз: */
    top : 100%; 
    left : 100%;
    /* выдвигаем краешек: */	
    margin-top : -30px;
    margin-left : -200px;

    border : #e0e0e0 solid;
    border-radius: 10px;
   
    
    padding: 5px;
    box-shadow: 0 0 7px 7px #e0e0e0;
    -webkit-box-shadow: 0 0 7px 7px #e0e0e0;
    
    /*задаем эффект движения: */
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
    background-color: white;
}
#chat:hover{	 
    /* выдвигаем панель на всеобщее обозрение: */	
    margin-top : -500px;
    margin-left : -620px;
    /*задаем эффект движения: */	
    -moz-transition:margin 0.3s linear;	
    -o-transition:margin 0.3s linear;	
    -webkit-transition:margin 0.3s linear;	
    -ms-transition:margin 0.3s linear;	
    transition:margin 0.3s linear;	
}

/*Делаем заголовок панели, как уголок папки с бумагами: */
#chatButton{
    margin-left : 10px;
    margin-top : -6px;
    border : 1px solid #e0e0e0;
    border-radius : 0px 0px 10px 10px;
    text-align : center;
    width : 150px;
    margin-bottom : 5px;
    background : #90c125;
    color:#146900;
	 text-decoration:none;
	 font-family:Arial, 'Times New Roman', serif;
	 font-size:14px;
	 text-shadow: 1px 1px 1px #d9ff87;
    
}

#chatIframe{
    width : 600px;
    height : 500px;
    border : #e0e0e0 1px solid;
}