body{
	margin: 0px;
	position: relative;
}
.dib{
	display: inline-block;
	width: 108px;
}
#test{
	display: block;
	width: 100%;
	height: 30px;
	font: bold 20px "Calibri";
	color: #f00;
	text-align: center;
}

.clear{
	clear: both;
}

#chat{
	display: block;
	position: fixed;
	width: 120px;
	height: 160px;
	bottom: 45px;
	left: 25px;
	z-index: 12;
}

#top{
	display: block;
	width: 100%;
	height: 100px;
	background: #28BCCD;
	/*background: #DC143C;*/
	  /*background: #FF4D00;  */
	 /*background: #03C03C; */
	 /*background: #00CCCC; */
	 /*background: #007CAD; */
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

#hat{
	display: block;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	background: url(/template/img/hat.png);
}

#topBottom{
	display: block;
	width: 100%;
	height: 380px;
	background: #EAEAEA url(/template/img/wave.png) repeat-x 0% 100%;
}

#topBottom header{
	display: block;
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0px;
	position: relative;
}




#menu {
        padding: 0;
        margin: 0;
        font: bold 14px/16px "Comic Sans MS";
        z-index: 3;
}

#menu div {
        list-style: none;
        float: left;
        height: 50px;
        width: auto;
        padding: 0;
        margin: 0;
        margin-left: 10px;
        text-align: center;
        /*background:  #95DF8E;*/
        position: relative;
        padding: 12px 15px 0px 15px;
        z-index: 3;
        border-bottom: 1px solid #fff;
        }
#menu div:first-child{
	margin-left: 0px;
}

#menu div ul{
        list-style: none;
        padding: 0;
        margin: 0;
        width: auto;
        display: none;
        position: absolute;
        left: 0;
        top: 63px;
         z-index: 3;
        }
#menu div ul div{
        float: none;
        height: 50px;
        margin: 0;
        min-width: 153px;
        text-align: center;
        /*background: #95DF8E;*/
         z-index: 3;
        }
#menu div a{
        display: block;
        width: auto;
        height: 50px;
        color: #fff;
        text-decoration: none;
         z-index: 3;
        }

  #menu div:hover ul{
          display: block;
          /*border-bottom: 1px solid #fff;*/
           z-index: 3;
          }
  #menu div:hover{
        background: #9932CC;
        /*background: #28BCCD;*/
        border-bottom: 1px solid #fff;
        z-index: 3;
       }
  #menu div ul div ul{
    left:182px;
    top: 0;
     z-index: 3;
  }
  #menu div ul div ul div{display: none; z-index: 3;}
  #menu div ul div:hover ul div{display: block; z-index: 3;}

.red{
	background: #E63244;
}

.green{
	 background: #03C03C; 
}

.blue{
	 background: #007CAD; 
}

.orange{
	background: #FF9900;
}

.slaider{
	display: block;
	position: absolute;
	width: 1000px;
	height: 300px;
	left: 0;
	top: 100px;
/*	border: 10px solid #fff;*/
}

#wrapper {
	width: 1000px;
	height: 300px;
	left: 50%;
	top: 50%;
}

#carousel {
	width: 1000px;
	height: 300px;
	overflow: hidden;
}

#carousel img {
	display: block;
	float: left;
	border: 10px solid #fff;
}

#content{
	display: block;
	width: 1000px;
	height: auto;	
	margin: 50px auto;
}

#left{
	display: block;
	width: 300px;
	height: auto;
	float: left;
}

#right{
	display: block;
	width: 680px;
	height: auto;
	margin-left: 320px; 
}

.greenBlock{
	display: block;
	width: 300px;
	height: auto;
	background: #9BBA1F;
	/*background: #00de7a;
	/*background: #00aaff; */
	/*background: #00cc99; 01ff8c*/
	/*background: #01ff8c; */
	/*background: #bebc84;*/
	/*background: #fff;*/
}

.greenBlockTitle{
	display: block;
	width: 290px;
	height: 45px;
	padding: 5px;
	font: bold 20px/22px "Comic Sans MS";
	color: #fff;
	text-align: center;
	/*border-bottom: 4px solid #fff;*/
	/*border-bottom: 4px solid #F2F1D4;*/
	background: #92af1d url('/template/img/news.png') no-repeat;
}

.greenBlockText{
	display: block;
	width: 300px;
	color: #fff;
	margin: 0px;
	border-top: 6px solid #fff;
}

.greenBlockText h3{
	display: block;
	width: 270px;
	height: auto;
	font: bold 18px/20px "sans-serif";
	padding: 7px 25px;
	margin: 0px;
}

.greenBlockText span{
	display: block;
	height: 30px;
	width: 300px;
	padding-top: 10px;
	margin-bottom: 50px;
	font: bold 18px/20px "sans-serif";
	text-align: center;
}

.greenBlockText div{
	display: block;
	width: 250px;
	height: auto;
	font: 14px/16px "sans-serif";
	padding: 0px 25px;
	text-indent: 20px;
	text-align: justify;
}

.greenBlockText p{
	width: 250px;
	height: 20px;
	font: 14px/16px "sans-serif";
	padding: 0px 25px;
	text-align: right;
	/*background: #0077CC;*/
}

.greenBlockText a{
	color: #fff;
	text-decoration: none;
}

.greenBlockText a:hover{
	color: #4c4c4c;
	text-decoration: none;
}

.contentR{
	color: #0077CC;
	font: 14px/16px "sans-serif";
	padding: 0px 0px 5px 0px;
}

.contentR h1{
	display: block;
	width: 670px;
	height: 45px;
	padding: 5px;
	font: bold 20px/22px "Comic Sans MS";
	color: #fff;
	text-align: center;
	/*border-bottom: 4px solid #fff;*/
	/*border-bottom: 4px solid #F2F1D4;*/
	background: #D23E30 url('/template/img/news.png') no-repeat 100%;
}

.contentRText{
	display: block;
	width: 680px;
	height: auto;
	color: #4c4c4c;
	font: 17px/19px "sans-serif";
	text-indent: 30px;
	text-align: justify;
}

#map{
	display: block;
	width: 600px;
	height: 450px;
	padding: 0 40px;
}

.listPartners{
	display: block;
	width: 680px;
	min-height: 40px;
	max-height: auto;
	margin: 0;
	margin-bottom: 25px;
	border-bottom: 1px solid #007CAD;
}

.listPartners img{
	display: block;
	width: 200px;
	height: auto;
	max-height: 240px;
	float: left;
	padding: 0;
}

.listPartners span{
	font: bold 14px/16px "sans-serif";
}

.listPartners a{
	color: #007CAD;
	overflow: hidden;
}

.listPartners a:hover{
	color: #FF9900;
}

.listPartnersName{
	display: block;
	width: 465px;
	height: 23px;
	margin-left: 210px;
	font: bold 20px/22px "sans-serif";
	color: #9BBA1F;
	overflow: hidden;
}

.listPartnersAddress{
	display: block;
	width: 465px;
	height: 20px;
	margin-left: 210px;
	font: 14px/14px "sans-serif";
	padding: 3px 0px 0px 0px;
	color: #4c4c4c;
	overflow: hidden;
}

.listPartnersWeb{
	display: block;
	width: 465px;
	height: 20px;
	margin-left: 210px;
	font: 14px/14px "sans-serif";
	padding: 0px 0px;
	color: #4c4c4c;
	overflow: hidden;
}

.listPartnersDescription{
	display: block;
	width: 465px;
	min-height: 50px;
	height: auto;
	margin-left: 210px;
	font: 15px/16px "sans-serif";
	padding: 10px 0px 25px 0px;
	color: #4c4c4c;
	text-indent: 30px;
	text-align: justify;
	overflow: hidden;
}

.eventList{
	display: block;
	height: auto;
	width: 680px;
}

.eventListLine{
	display: block;
	width: 680px;
	height: 1px;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.eventList h2{
	font: bold 19px/21px "sans-serif";
	color: #000;
	margin: 0;
	padding: 0px 0px;
}

.eventList a{
	color: #000;
	text-decoration: none;
}

.eventList a:hover{
	text-decoration: underline;
	color: #D23E30;
}

.eventTime{
	display: inline-block;
	font: 12px/14px "sans-serif";
	color: #666;
	padding: 0 3px 0 0;
}

.eventAutor{
	width: 560px;
}

.eventList img{
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 0;
	margin: 10px 0 0 0;
}

.eventDescription{
	display: inline-block;
	width: 465px;
	height: auto;
	margin: 10px 0px 0px 10px;
	text-indent: 20px;
	text-align: justify;
	vertical-align: top;
	font: 14px/16px "sans-serif";
	color: #4c4c4c;
}

.eventDescription_ON{
	display: inline-block;
	width: 668px;
	height: auto;
	margin: 10px 0px 0px 10px;
	text-indent: 20px;
	text-align: justify;
	vertical-align: top;
	font: 14px/16px "sans-serif";
	color: #4c4c4c;
}

.travelList{
	display: block;
	height: auto;
	width: 680px;
}

.travelListLine{
	display: block;
	width: 680px;
	height: 1px;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.travelList h2{
	font: bold 19px/21px "sans-serif";
	color: #000;
	margin: 0;
	padding: 0px 0px;
}

.travelList a{
	color: #000;
	text-decoration: none;
}

.travelList a:hover{
	text-decoration: underline;
	color: #D23E30;
}

.travelTime{
	display: inline-block;
	font: 12px/14px "sans-serif";
	color: #666;
	padding: 0 3px 0 0;
}

.travelAutor{
	width: 560px;
}

.travelPhoto{
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 0;
	margin: 10px 0 0 0;
}

.travelPhoto a:hover{
	text-decoration: none;
}

.travelLink{
	display: block;
	width: 155px;
	height: 35px;
	/*background: #28BCCD;*/
	background: #787878 url(/template/img/photo.png) no-repeat 6% 45%;
	margin: 0;
	padding: 10px 0px 0px 45px;
	font: 20px/20px "Comic Sans MS";
	color: #fff;
}

.travelLink:hover{
	background: #585858 url(/template/img/photo.png) no-repeat 6% 45%;
}

.travelPhoto img{
	display: inline-block;
	width: 200px;
	height: auto;
	padding: 0;
}

.travelDescription{
	display: inline-block;
	width: 465px;
	height: auto;
	margin: 10px 0px 0px 10px;
	text-indent: 20px;
	text-align: justify;
	vertical-align: top;
	font: 14px/16px "sans-serif";
	color: #4c4c4c;
}

.travelDescription_ON{
	display: inline-block;
	width: 668px;
	height: auto;
	margin: 10px 0px 0px 10px;
	text-indent: 20px;
	text-align: justify;
	vertical-align: top;
	font: 14px/16px "sans-serif";
	color: #4c4c4c;
}

.number{
	display: block;
	width: 680px;
	text-align: center;
	font: bold 15px/17px "sans-serif";
}

.number a{
	display: inline-block;
	text-decoration: none;
	color: #06f;
}

.number a:hover{
	text-decoration: underline;
	color: #D23E30;
}

#stanley{
	display: block;
	width: 680px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px dotted #ccc;
}

#stanleyIMG{
	display: block;
	width: 680px;
}

#stanleyTEXT{
	display: block;
	width: 680px;
	font: 16px/18px "sans-serif";
	color: #4c4c4c;
	text-align: justify;
	padding: 10px 0 0 0;
	text-indent: 30px;
}

.stanleyFlag{
	display: inline-block;
	width: 220px;
	margin-bottom: 3px;
	margin-right: 6px;
}

.stanleyFlag img:first-child{
	margin-right: 4px;
}

.stanley{
	display: block;
	width: 220px;
	height: 220px;
	margin: 0px 4px 4px 0px;
	position: relative;
}

.stanley a{
	text-decoration: none;
}

.stanleyIMG{
	display: block;
	width: 220px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
}

.stanleyTEXT{
	display: block;
	width: 206px;
	height: 0;
	background: url(img/line.png) repeat-x 0% 115%;
	font: 14px/16px "sans-serif";
	color: #f9f6f0;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 192px 7px 0px 7px;
	opacity: 0;
}

.stanleyTEXT:hover{
	opacity: 1;
	height: 28px;
	background: url(img/line.png) repeat-x 0% 100%;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#lastNews{
	display: block;
	width: 680px;
	height: 0px;
	background: #ccc;
	position: relative;
}

#lastNews div{
	display: block;
	width: 240px;
	height: 20px;
	position: absolute;
	left: 220px;
	top: 10px;
	background: #FFF;
	text-align: center;
	font: bold 18px/20px "sans-serif";
	color: #3c3c3c;
}

.ultraNav{
	display: block;
	width:  339px;
	height: 40px;
	float: left;
	padding: 5px 0px;
	margin-bottom: 12px;
	background: #9932CC;
	font: bold 18px/20px "sans-serif";
	color: #fff;
	text-align: center;	
}

.ultraNav:hover{
	background: #FF9900;
	cursor: pointer;
}

.ultraNavP{
	border-right: 2px solid #fff; 
}

.close_url a{
	display: block;
	height: 20px;
	font: italic 16px/28px "sans-serif";
	color: #4c4c4c;
	padding: 3px 0px;
	text-decoration: none;
}

.close_url a:hover{
	text-decoration: underline;
	color: #6666CC;
}

#titleNews{
	display: block;
	height: auto;
	width: 640px;
	margin: 0px 0px 5px 0px; 
	padding: 3px 20px;
	font: bold 20px/22px "sans-serif";
	color: #6666CC;
}

#descriptionNews{
	display: block;
	height: auto;
	width: 650px;
	/*margin: 0px 0px 5px 0px; */
	padding: 3px 20px 5px 10px;
	font: italic 16px/18px "sans-serif";
	color: #4c4c4c;
	text-indent: 30px;
	text-align: justify;
}

#oneNews{
	display: block;
	height: auto;
	width: 650px;
	padding: 3px 0;
	font: 14px/16px "sans-serif";
	color: #4c4c4c;
	text-indent: 30px;
	text-align: justify;
}

.timeNews{
	display: inline-block;
	height: 20px;
	width: auto;
	padding: 3px 0;
	font: bold 14px/16px "sans-serif";
	color: #4c4c4c;
}


.timeNews span{
	display: inline-block;
	height: 20px;
	width: auto;
	padding: 3px 0px;
	font: 14px/16px "sans-serif";
	color: #6666CC;
}

.dFile{
	display: block;
	width: 680px;
	height: 25px;
	font: 14px "sans-serif";
	color: #4c4c4c !important;
	padding: 0 !important;
}

#DFile{
	display: block;
	margin-top: 74px; 
}

.dFile span{
	display: inline-block;
	min-width: 100px !important;
	height: 20px;
	padding-left: 10px;
}

.dFile a{
	display: inline-block;
	width: 150px;
	height: 20px;
	color: #f90;
}

.dFile a:hover{
	text-decoration: underline;
	color: #9932CC;
}











#bottom{
	display: block;
	width: 100%;
	height: auto;
	/*background: #af7e95;*/
	background: #74bdb0;
}

.futtor{
	display: block;
	width: 1000px;
	height: auto;
	margin: 0px auto; 
	position: relative;
}

.futtor a{
	display: inline-block;
	width: auto;
	height: 16px;
	padding: 12px 0px;
	color: #fff;
	font: 14px/16px "sans-serif";
	text-decoration: none;
	/*border-right: 1px solid #ccc;*/
}

.futtor a:hover{
	color: #4c4c4c;
	text-decoration: none;
}

.futtor span{
	display: inline-block;
	text-align: right;
	width: auto;
	height: 16px;
	padding: 0px 0px 0px 278px;
	color: #fff;
	font: 14px/16px "sans-serif";
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.5;  /*Здесь можете менять значение от 0 до 1*/
    position:fixed;
    bottom:50px;
    right:70px;
    display:none;
    text-indent:-9999px;
    background: url(/template/img/up.png) no-repeat; /*Путь к картинке, на которую будут нажимать для подъема наверх страницы*/
    outline:0;
    z-index: 99;
}

.scrollup:hover{
	opacity: 1;
}


#login{
	display: block;
	margin: 50px 150px;
}

#login input{
	display: block;
	height: 30px;
	width: 180px;
	padding: 0px 10px;
}

#login input:last-child{
	display: block;
	height: 30px;
	width: 100px;
	border: 0px solid #000000;
	background: #000;
	color: #fff;
	margin-left: 50px; 
	cursor: pointer;
}

.allNews{
	display: block;
}

.allNews a{
	display: block;
	text-decoration: none;
	font: 12pt "Time New Roman";
	color: #666;
}

.allNews a:hover{
	color: #f90;
}

@media only screen and (max-width: 1024px){
#chat1{
	display: block;
	position: fixed;
	width: 0;
	height: 0;
	/*background: url(/template/img/t.png);*/
	background: #ccc;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.futtor span{
	padding: 12px 0px 12px 240px;
}

}

@media only screen and (max-width: 1250px){
.scrollup{
    width: 20px;
    height: 20px;
    opacity: 0.3;  /*Здесь можете менять значение от 0 до 1*/
    position: fixed;
    padding: 0;
    margin: 0;
    bottom: 10px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: #000 url(/template/img/up1024.png) no-repeat; /*Путь к картинке, на которую будут нажимать для подъема наверх страницы*/
    outline: 0;
    z-index: 99;
}

.scrollup:hover{
	opacity: 0.7;
}

}


@media only screen and (max-width: 950px){
.futtor span{
	padding: 12px 0px 12px 190px;
}
}

@media only screen and (max-width: 400px){
#left{
	display: block;
	width: 0px;
	height: 0px;
}
}