@font-face {
    font-family: "century gothic"; 
    src: url(CenturyGothic.ttf) type('truetype'); 
  }
  @font-face {
    font-family: "impact"; 
   src: url(Impact.ttf) type('truetype'); 
  }

html, body {
margin:0px;
	text-align:center;
	padding:0px; 
	background-image:url(images/background.jpg);
	position:relative; 
	background-size:100%;
	
}
.language {
    width: 55%;
    float: left;
    text-align: right;
}
.language a {
padding-left:7px;
}

#all {
	text-align:left;

}


* #all {height:100%;
}

.head {
	display:block;
	height: 200px;
	background-repeat: no-repeat;
	margin:0 auto;
	width:100%;
	min-width:1024px;
	max-width:1024px;
}


#container {
	position:relative; 
	display:block; 
	margin:0 auto;
	width:100%;
	min-width:1024px;
	max-width:1024px;
	padding-bottom:20px;
	font-family:Open Sans;
}


#inner {
	display:block;
	position:relative;	 
	padding:1px;
	width:100%;
}
#footer{
	height:10%;
	width:100%;
	display:inline-block;
	background: linear-gradient(to bottom,#f5f5f5,#e2e0e0);
	box-shadow: inset 0 5px 10px rgba(0,0,0,0.2);
	padding-top:1%;
	font-family:century gothic;
	color:#6E8B3D;
	margin-top:50px;
	

}
#left {

 z-index:1;
	border-radius:20px 20px 20px 20px;
	float:left; 
	position:relative; 
	width:23%;
	left:0px;
	height:80%;
	}
#right {
	border-radius: 20px 20px 20px 20px;
    float: right;
    position: relative;
    width: 23%;
    left: 0px;
    height: 780px;
    background-color: #ecffd7;
	}

#right h2{
	text-align:center;
font-size: 20px;}
#right p{
	padding-left:10px;
	font-size:14px;
}
#center {
	/*position:relative;*/ 
	display:block;
	float:left;
	width: 780px;
	height:780px;
	background-image:url(images/contentfon.png);
	border-radius:15px 15px 40px 40px;
}
#centurion{
	position:relative;
	display:block;
	float:left;
	width: 780px;
	height:780px;
	background-image:url(images/contentfon.png);
	background-size:100%;
	border-radius:15px 15px 40px 40px;
}
#centertion{
	position:relative;
	display:block;
	float:left;
	width: 550px;
	height:780px;
	background-image:url(images/contentfon.png);
	background-size:100%;
	border-radius:15px 15px 40px 40px;
}
#centerino{
	/*position:relative;*/ 
	display:block;
	float:left;
	width: 1024px;
	height:780px;
	background-image:url(images/contentfon.png);
	background-size:100%;
	border-radius:15px 15px 40px 40px;
}
#centerbot{
	margin-top:20px;
	display:block;
	float:left;
	width: 1024px;
	height:250px;
	background-color: #ecffd7;
	border-radius: 20px 20px 20px 20px;
}
#centerbot h2{
	text-align:center;
padding-left:10px;
padding-top:5px;
    font-size: 20px;
}
#centerbot p{
	text-indent: 20px;
    padding-left: 20px;
    font-family: sans-serif;
}
}
.clear {
	clear:both;
}



ul#sliding-navigation
{
	list-style: none;
   
	margin: -20px 0;
	padding: 0;
}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;

	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #000;
/*	background:#87CEEB ;*/
	font-weight: normal;
	text-align:left;
	font-size: 1.5em;
	font-family:sans-serif;;
	padding:0px 0px 5px;
}

ul#sliding-navigation li.sliding-element a
{
	color: #696969;
	background:	#ADD8E6;
	border: 1px solid #6E8B3D;
	border-radius: 10px 0px 15px 0px;
	text-decoration: none;
	font-family:century gothic;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fff; }
/* Вертикально меню блок*/
.menuver {
	list-style:none;
	-webkit-padding-start: 0px;
	margin:0px;
	background-color:#66ba06;
	border-radius:20px 20px 20px 20px;
	border: 1px solid #669009;
	text-align: center;
}

a {
	text-decoration:none;
}
/* Вертикальное меню ссылки*/
.versuulka{
	text-decoration:none;
	color:white;
	font-size:18px;
	font-family: fantasy;}
.verspisk {
	/*background-image:url(images/vermenubutton.png);*/
	line-height:45px;
	margin-top:5px;
	text-align:left;
	border-radius:20px 20px 20px 20px;
}
/* При наведении */
.verspisk:hover {
	background-color:#9ce548;
}

.grid{
float:left;
width:31%;
margin-left:10px;
line-height: 65px;
font-family:'Roboto', sans-serif ; 
color:grey;   
}
.grid a{
	color:grey;
}
.grid a:hover {
	color:black;
}
	
.gridgor {
	display:block;
	height: 170px;
	}
.news {
	display:block;
	margin-top:20px;
 text-align: left;
 width:200px;
}	

h2 { font-family:sans-serif;;
    margin:0;
	padding:0;
    font-weight:normal;
	    font-size: 20px;
}
.logo {float:left;
	line-height:115px;
	display:block;
	opacity:0.7;}
.logo a{
	font-size:80px;
	color:#97d930;
	
}
.logo:hover {opacity:1}	


.info {
	height:90px;
	padding-top:25px;
	padding-left:65%;
	font-family: sans-serif;
    font-size: 28px;
	margin-bottom: 10px;}
 .info img{

	 margin-top:5px;
 } 
.social a{
	    font-size: 50px;
    margin-left: 20%;
    text-align: center;
}
.social a:hover{
	color:#6E8B3D;
}

.menuss {
float:left;
height:60px;
width:195px;
background-image:url(images/menubutton.png); 
margin-right:4px;
margin-left:4px;
opacity: 0.7;
line-height: 60px;
font-family: impact;
text-decoration: none;
font-size: 26px;
color:#009999;
}
.menuss1 {
float:left;
height:60px;
width:195px;
background-image:url(images/menubutton.png); 
margin-right:4px;
margin-left:4px;
opacity: 1;
line-height: 60px;
font-family: impact;
text-decoration: none;
font-size: 26px;
color:#009999;
}
.menuss:hover{opacity:1;
	border:1px solid white;
     
 } 

.menuss:active{
    opacity:1;
    border:1px solid white;
}	

.navigation {list-style: none; 
	margin: 0; 
	padding-left: 0;
	text-align:center;
	width:100%;}


/*Блок новостей*/
.newsblock{
	border-bottom:1px solid #bceb6e;
	padding-top:10px;
}
/*Дата новости*/
.newsdate{
	padding-top:10px;
	font-size:12px;
	
}
.allnewsbutton a{
	color:#6E8B3D;
}
.allnewsbutton a:hover{
	color:#fff;
}
.allnewsbutton{
	width:200px;
	line-height:31px;
	text-align:center;
	margin-top:10px;
	background-color:#bceb6e;
	border-radius:10px 0px 15px 0px;
	border: 1px solid #6E8B3D;
}

/*Стиль самой новости*/
.newsform{
	padding-top:5px;


	
}
/* Новости ссылка*/
.newssul {
		font-size:0.75em;
	color:#39481c;
		text-decoration:none;
		    font-family: century gothic;
}
.newssul:hover {
	color:black;
}
.newssul:active {
	color:#6E8B3D;

}
h1 {
	font-family:sans-serif;
	font-weight: normal;
	
}
/*Контент заголовок*/
.zagcontent{
padding-left:10px;
	
}
.content h2{
padding-left:10px;
padding-top:5px;
font-size: 20px;	
}
/*Контент блок*/
.content img {
	width:500px;
	height:200px;
	border-radius:0px 20px 20px 0px;
	margin-left:125px;
	box-shadow: 3px 3px white;
	
}
/*Абзац */
.contentext{
	text-indent: 20px;
	padding-left: 20px;
	    font-family: sans-serif;
		
}

.newscl{
	text-align:right;
	padding-right:15px;
	border-bottom:2px solid #87CEEB;
}
.newscl a{
	color: #87CEEB;
}
.newscl a:hover{
	color: black;
}
.slide-up-boxes a { 
     
			display: block; 
			margin: 0 0 20px 0; 
			background: rgba(215, 215, 215, 0.15); 
			height: 65px; 
			overflow: hidden; 
			float:left;
			width:32%;
			margin-top:10px;	
		}
		
		.slide-up-boxes h5 { 
		     
			color: #333; 
			text-align: center;
			height: 65px; 
			font: italic 20px/0px Georgia, Serif;    /* Vertically center text by making line height equal to height */
			 opacity: 1;
			 -webkit-transition: all 0.2s linear; 
			 -moz-transition: all 0.2s linear; 
			 -o-transition: all 0.2s linear;
		}
		
		.slide-up-boxes a:hover h5 { 
			margin-top: -100px; 
			opacity: 0; 
		}
		.slide-up-boxes img {margin-top:-25px;}
		.slide-up-boxes div { 
			position: relative; 
			color: white; 
			font: 20px/15px Georgia, Serif;
			height: 65px; 
			padding: 20px; 
			opacity: 0; 
			-webkit-transform: rotate(6deg); 
			-webkit-transition: all 0.4s linear; 
			-moz-transform: rotate(6deg); 
			-moz-transition: all 0.4s linear; 
			-o-transform: rotate(6deg); 
			-o-transition: all 0.4s linear; 
		}
		.slide-up-boxes a:hover div { 
			opacity: 1; 
			-webkit-transform: rotate(0); 
			-moz-transform: rotate(0); 
			-o-transform: rotate(0); 
		}
		.slide-up-boxes a:nth-child(1) div { background: #8ad319  ; text-align:center}
		.slide-up-boxes a:nth-child(2) div { background: #367db2  ;text-align:center }
		.slide-up-boxes a:nth-child(3) div { background: #393838 ; text-align:center }
	

/*ПАНЕЛЬ КОНТАКТОВ*/
.zagform{
	padding-top:40px;
	width:250px;
}
#slide-out {
     z-index:2;
            position: fixed;
            top: 40px;
            left: 0;
            width: 45px;
            padding: 12px 0;
            text-align: center;
            background: #bceb6e;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
			opacity:0.7;
        }
		#slide-out:hover{
			opacity:1;
		}
        #slide-out_inside {
       
            position: fixed;
            top: 40px;
            left: -250px;
            background: #B0E0E6;
            width: 200px;
            padding: 25px;
            
 
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
            text-align: left;
            -webkit-border-radius: 0 0 5px 0;
            -moz-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
        }
        #slide-out_inside textarea {
            width: 190px;
            height: 100px;
            margin-bottom: 6px;
			    border-radius: 7px 7px 7px 7px;
        }
        #slide-out:hover {
            left: 250px;
        }
        #slide-out:hover #slide-out_inside {
            left: 0;
        }
 
        input.name {
         margin-bottom: 5px;
		 border-radius: 7px 7px 7px 7px;
        }
		
		input.button {
			background-color:#6E8B3D;
			width:190px;
			height:35px;
			border-radius: 7px 7px 7px 7px;
			border: none;
			font-family: 'Roboto', sans-serif;
			border:1px solid grey;
		}
		input.button:hover{
			background-color:#83a549;
		}