@import url(reset.css);
body>*{
margin:0;
}
html{
height:100%;
background:#fff;
}

header{
width:100%;
height:120px;
background-color:#fff;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:50% 0;
}

div.box img{
    max-width: 100%;
    margin: auto;
    display: block;
	width: 20%;
}

#ahead{
display:block;
}

.znakiRoz a{
color:#F9EF00;
text-decoration:underline;
}

menu li.online a{
background-color:#11a288;
}

menu li.online a:hover{
background-color:#0f917a;
}

nav {
	width: 100%;	

}

nav menu {
	list-style: none;
	padding:0px;
	margin:0px;
}
    

nav li a {
	background: #444;
	border-right: 1px solid #000;
	color: #fff;
	display: inline-block;
	float: left;
	font: bold 16px tahoma, Arial, sans-serif;
	padding: 4px 0px;
	text-align: center;
	text-decoration: none;
	width: 25%;
	height:58px;
	line-height:53px;
	
	/*TRANSISTIONS*/
	-webkit-transition: background 0.1s ease;
	   -moz-transition: background 0.1s ease;
	     -o-transition: background 0.1s ease;
	    -ms-transition: background 0.1s ease;
	        transition: background 0.1s ease;
			
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    box-sizing: border-box;
}

/*HOVER*/
nav li a:hover {
	background: #222;
}

/*SMALL*/


/*BORDER FIX*/
nav li:last-child a {
	border: none;
}

/*BLUE MENU*/


.blue li a {
background: #005EA5;
}


.blue li a:hover {
background: #015390;
}

article{
width:100%;
overflow:hidden;
background-color:#F6F6F6;
float:left;
}


article div.box{
width:950px;
overflow:hidden;
margin:7px auto;
background-color:#fff;
border:1px solid #F1F1F1;
border-radius:15px;
box-shadow: 3px 3px 7px 0 rgba(88, 88, 88, 0.8);
}

div.box h1{
font:18px Impact, Arial, sans-serif;
text-align:center;
margin-top:10px;
}

div.box p{
font:15px tahoma,arial,sans-serif;
color:#0e2d02;
margin-left:10px;
margin-top:15px;
margin-bottom:20px;
text-align: center;
}
div.box span{
font-weight:bold;
}
div.box ul{
list-style-type:square;
}

div.box li{
font:15px tahoma,arial,sans-serif;
color:#000;
margin-left:50px;
margin-top:15px;
}




article div.box a:link{
	color:#000000;
}

article div.box a:visited{
	color:#909090;
}


div.box div.number li{
display:inline-block;
margin:0;
margin-left:8px;
margin-top:20px;
margin-bottom:20px;
}
div.number a{
text-decoration:none;
}
div.number a:hover{
text-decoration:underline;
}


div.social{
width:30%;
margin:5px auto;
text-align:center;
}

span.ya-share2__badge span{
line-height:normal;
padding-top:0px;
color:#fff;
}

span.ya-share2__badge{
line-height:19px;
padding-top:0px;
}


footer{
width:100%;
height:80px;
background-color:#fff;
float:left;
border-top: 1px solid #c5c5c5;
}
footer .feet{
overflow:hidden;
width:100%;
margin:auto;
padding-top:30px;
background-color:#fff;
}

footer p{
font:bold 15px "Roboto",arial,sans-serif;
color:#000; 
float:left;
text-align:center;
width:175px;
}
footer p.name{
text-align:left;
margin-left:5%;
width:30%;
}

footer p.year{
text-align:center;
width:30%;
}
footer p.mail{
text-align:right;
width:30%;
}

footer span{
line-height:30px;
padding-top:10px;
}


@media screen and (max-width: 1600px) {
article div.box{
width: 62%;
}

}

@media screen and (max-width: 1366px) {
article div.box{
width: 70%;
}

}



@media screen and (max-width: 1024px) {
article div.box{
width: 75%;
}

}


@media screen and (max-width: 800px) {
article div.box{
width: 100%;
}


}



@media screen and (max-width: 768px) {
footer p.name{
margin-left:0%;
}
article div.box{
width: 100%;
}

}

@media screen and (max-width: 600px) {
footer p{
font:10px impact,arial,sans-serif;
}

}


@media screen and (max-width: 414px) {
footer p{
font:10px impact,arial,sans-serif;
}




}




/* MEDIA QUERIES*/
@media screen and (max-width : 1530px){
	nav li a {
		font: bold 15px tahoma, Arial, sans-serif;
		line-height:50px;
	}
	
}

@media screen and (max-width : 1410px){
	nav li a {
		height:68px;
		line-height:60px;
	}
	
}

@media screen and (max-width : 1310px){
	nav li a {
		width:50%;
		border-bottom: 1px solid #fff;
	}
	
}


@media screen and (max-width : 1220px){
	nav li a {
		font: bold 15px tahoma, Arial, sans-serif;
		line-height:60px;
	}
	
}


@media screen and (max-width : 930px){
	nav li a {
		border-bottom: 1px solid #fff;
		font: 15px tahoma, Arial, sans-serif;
		line-height:60px;
		height:64px;
	}
	
	nav li:last-child a, nav li:nth-child(4) a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {
		border-bottom: none;
	}
}


@media screen and (max-width : 580px){
	nav li a {
		width: 50%;
		font: 15px tahoma, Arial, sans-serif;
		padding-top: 20px;
		padding-bottom: 12px;
	}
	
	nav li:nth-child(even) a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a {
		border-bottom: 1px solid #fff;
	}
}


@media screen and (max-width : 320px){
	nav li a {
		font: 15px tahoma, Arial, sans-serif;
	}
}