@import url(http://fonts.googleapis.com/css?family=Comfortaa&subset=latin,latin-ext);
html{
	margin:0;
    padding:0;
    height:100%;
}
body#website{
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
	text-align:center;	
	margin:0;
    padding:0;
    background: url('../images/bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale')";    
    height:100%;
    overflow-x:hidden;
    
}
img, img a{
	border:none;
	outline:none;				
}
a, a:link, a:visited, a:focus{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#888;	
	outline:none;			
}
a:hover{
	color:#ddd;				
}
h1, h2, h3, h4, h5, h6, .slogan{
	margin:0;
	padding:10px 0 10px 0;
	color:#333;	
	font-family: 'Comfortaa', cursive;	
	font-weight:normal;
	text-transform:uppercase;
}
h1{
	font-size:26px;				
}
h2{
	font-size:24px;				
}
h3{
	font-size:22px;				
}
h4{
	font-size:20px;				
}
h5{
	font-size:18px;				
}
h6{
	font-size:16px;				
}
img{
	max-width:100%;
	height:auto;				
}
.padded{
	padding:10px;				
}
.shadow{
	-webkit-box-shadow: 0 0 5px 0 #363636;
	box-shadow: 0 0 5px 0 #363636;			
}
.gradient{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );			
}
.transition, .navigation ul li a, .footer ul li a, .box a.more, .panel_menu .top-menu ul li a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;			
}
.row{
	display:block;
	width:100%;
	clear:both;				
}
.radius, .panel_menu{
	-webkit-border-radius: 10px;
	border-radius: 10px;				
}
.one{
	float:left;		
	overflow:hidden;		
}
.height{
	height:100%;				
}
.logo{
	width:21%;				
}
.navigation{
	width:79%;				
}
.third{
	width:33%;				
}
.half{
	width:50%;				
}
.two-third{
	width:66%;				
}
.conteiner{
	max-width:790px;
	margin:0 auto 0 auto;	
	background:rgba(255, 255, 255, 0.8);
	height:100%;			
}
.panel_menu{
	background: rgb(100,105,109);
	background: -moz-linear-gradient(top,  rgba(100,105,109,1) 0%, rgba(23,25,24,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,105,109,1)), color-stop(50%,rgba(23,25,24,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1)));
	background: -webkit-linear-gradient(top,  rgba(100,105,109,1) 0%,rgba(23,25,24,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: -o-linear-gradient(top,  rgba(100,105,109,1) 0%,rgba(23,25,24,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: -ms-linear-gradient(top,  rgba(100,105,109,1) 0%,rgba(23,25,24,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: linear-gradient(to bottom,  rgba(100,105,109,1) 0%,rgba(23,25,24,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64696d', endColorstr='#0a0809',GradientType=0 );	
	width:770px;	
}
.panel_menu .top-menu{
   float: left;
   width: 100%;
   overflow: hidden;
   position: relative;
 }
.panel_menu .top-menu ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
.panel_menu .top-menu ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}
.panel_menu .top-menu ul li a{
   display: block;
   margin: 0 0 0 1px;
   padding: 0px 20px;
   color: #fff;
   text-decoration: none;
   line-height:60px;
   font-size:18px;
}
.panel_menu .top-menu ul li a:hover{
   background: #fff;
   color: #000;
}
.mainsite{
	text-align:left;			
}
.baner img, .right img{
	width:100%;
	height:auto;					
}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none;				
}
.navigation ul li{
	margin:0;
	padding:0;
	list-style:none;	
	float:left;			
}
.navigation ul li a{
	margin:0;
	padding:0px 10px 0px 10px;
	display:block;
	color:#fff;
	text-transform:uppercase;	
	font-family: 'Comfortaa', cursive;	
	font-size:14px;
	line-height:96px;
}
.navigation ul li a:hover, .navigation ul li.active a{
	background:#000;				
}
.box{
	height:450px;	
	text-align:left;
	position:relative;			
}
.box a.more{
	display:block;
	width:100px;
	left:50%;
	margin:0 0 0 -50px;
	padding:7px;
	background:#333;
	color:#fff;
	position:absolute;
	bottom:5px;	
	text-align:center;
	font-style:italic;			
}
.box a.more:hover{
	background:#fff;
	color:#333;	
	-webkit-box-shadow: 0 0 5px 0 #363636;
	box-shadow: 0 0 5px 0 #363636;			
}
.box h3{
	text-align:center;				
}
.content{
	background:#fff;
	text-align:left;				
}
.right{
	height:100%;
	margin:0;
    padding:0;
    height:100%;
    background: url('../images/image_1.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/image_1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/image_1.jpg', sizingMethod='scale')";				
}
.footer {
   float: left;
   width: 100%;
   border-bottom: 1px solid #333;
   overflow: hidden;
   position: relative;
}
.footer ul {
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
.footer ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}
.footer ul li a {
   display: block;
   margin: 0 0 0 1px;
   padding: 3px 10px;
   color: #fff;
   font-size:14px;
   text-transform:uppercase;
   text-decoration: none;
   line-height: 20px;
   font-family:Arial, Helvetica, sans-serif;
}
.footer ul li a:hover, .footer ul li.active a{
   background: #333;
   color: #fff;
}
.author, .author a{
	font-size:12px;
	color:#ddd;				
}
.blog img{
	width:160px;
	height:auto;
	float:left;	
	margin:0 10px 10px 0;
	padding:1px;
	border:#ccc 1px solid;				
}
@media all and (max-width: 950px){
	.logo{
		width:100%;
		background:#fff;				
	}
	.navigation{
		width:100%;				
	}
	.box h3{
		text-align:center;	
		font-size:18px;			
	}
	.navigation ul li a{
		line-height:60px;
	}

}
@media all and (max-width: 900px){	
	.box{
		height:500px;			
	}

}
@media all and (max-width: 805px){
	.box h3{
		text-align:center;	
		font-size:15px;			
	}

}
@media all and (max-width: 745px){
	.one{
		float:none;		
		overflow:hidden;		
	}
	.third{
		width:100%;				
	}
	.half{
		width:100%;				
	}
	.two-third{
		width:100%;				
	}
	.third img{
		margin:0 auto 0 auto;	
		display:block;		
	}
	.box{
		height:auto;
		padding-bottom:45px;			
	}

}











































































































































































































.clr, .clearfix{
	clear:both;				
}