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


header{
width:100%;
height:120px;
background: #fff;
}


#ahead{
display:block;
}


.home a{
color:#000000;
text-decoration:underline;
font-weight:bold;
background:#f1f1f1 !important;
}


article div.box h1{
font:16px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
font-weight:bold;
color:#444;
padding:5px;
text-align:center;
}

.btn-info {
    background-color: #008db6 !important;
    border-color: #007fa4 !important;
}


nav {
width: 100%;
}

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

nav li a {
	background: #444;
	border-bottom: 1px solid #f1f1f1;
	color: #666666;
	display: inline-block;
	float: left;
	font: 16px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
	padding: 4px 0px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	height:50px;
	line-height:41px;
	
	/*TRANSISTIONS*/
	-webkit-transition: background 0.2s ease;
	   -moz-transition: background 0.2s ease;
	     -o-transition: background 0.2s ease;
	    -ms-transition: background 0.2s ease;
	        transition: background 0.2s ease;
			
		-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    box-sizing: border-box;
}

/*HOVER*/
nav li a:hover {
background: #222;
text-decoration:none;
color: #666666;
}

/*SMALL*/


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

/*BLUE MENU*/


.blue li a {
background:#ffffff;
}


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





article{
width:100%;
overflow:hidden;
background:#fff;
float:left;
}
body,article{
height:100%;
}


article div.box{
width:1000px;
overflow:hidden;
margin:4px auto;
}


div.well p{
	color:#5a5a5a !important;
}

div#endDiv{
	margin-bottom:40px;
}


h2{
font:15px 'PF DinDisplay','Trebuchet MS',Arial, sans-serif;
font-weight:bold;
color:#000;
line-height:30px;
padding-top:10px;
margin-left:5px;
}


span{
font-weight:bold;
line-height:30px;
padding-top:10px;
}


div.box ul li{
	list-style-type:circle;
	margin:12px 8%;
}


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:#CCCCCC;
float:left;
background-repeat:repeat;
border-top:1px solid #d7d7d7;
}
footer .feet{
overflow:hidden;
width:100%;
margin:auto;
padding-top:30px;
}

footer p{
font: 16px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
color:#000000; 
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%;
}




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

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

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

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

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

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

@media screen and (max-width: 600px) {
footer p{
font:12px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
}
article div.box p{
font-size:14px;
}
}

@media screen and (max-width: 414px) {
article div.box{
width: 100%;
}
footer p{
font:10px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
}
}









/* MEDIA QUERIES*/
@media screen and (max-width : 1530px){
	nav li a {
		font: 15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
		line-height:41px;
	}
	
}

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


@media screen and (max-width : 1220px){
	nav li a {
		font: 15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
		line-height:41px;
	}
	
}


@media screen and (max-width : 930px){
	nav li a {
		width: 100%;
		border-bottom: 1px solid #f1f1f1;
		font: 15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
		line-height:41px;
		height:50px;
	}
	
	nav li:last-child a, nav li:nth-child(4) a {
		border-right: none;
		border-bottom:1px solid #fff;
	}
	
	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: 100%;
		font: 15px "Segoe UI","wf_segoe-ui_normal","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 "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;
	}
}

/*images-responsive*/