html {
  height: 100%;
}
* {
	padding: 0;
	margin: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #0d3e5d;
	height: 100%;
    margin: 0;
    background-repeat: no-repeat;


background: rgb(5,24,36); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwNTE4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MiUiIHN0b3AtY29sb3I9IiMwZDNlNWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(5,24,36,1) 19%, rgba(13,62,93,1) 62%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(5,24,36,1)), color-stop(62%,rgba(13,62,93,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,24,36,1) 19%,rgba(13,62,93,1) 62%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,24,36,1) 19%,rgba(13,62,93,1) 62%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,24,36,1) 19%,rgba(13,62,93,1) 62%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,24,36,1) 19%,rgba(13,62,93,1) 62%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051824', endColorstr='#0d3e5d',GradientType=0 ); /* IE6-8 */

	



} 

h1 {
	font-family: Georgia, serif;
	font-size: 42px;

}

section.middle{
	width: 539px;
	background-image: url('/web/img/statserv2.png');
	height: 148px;
	-webkit-animation:slideInDown 3s; 
	animation:slideInDown 3s;
}


.text {
	width: 500px;
	margin: -40 20px;
	height: 400px;
	font-size: 16px;
	color: #2c2c2c;
	position: relative;
	bottom: 30px;
	

	

}
.intra {
	position: relative;
	left: 534px;
	bottom: 55px;
	background:transparent url(http://www.statserv.eu/images/intrastat.png) no-repeat;
	height: 84px;
	width: 200px; 
	top: 440px;
}

.info {

	background-color: #39879e;
	width: 100%;
	height: 55px;
	position: relative;
	top: 158px;
	
	
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;


}

.info p {
	padding: 12px;
	text-shadow: 2px 2px 2px #000;
	font-size: 14px;
	text-align: center;
vertical-align: middle;
      /* the same as your div height */

}


.wrapper{
	width: 750px;
	height: 900px;
	margin: 5px auto;
	background-color: #dadada;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	margin-bottom: 15px;
	


}


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.header{
	width: 100%;
	height: 148px;
	background-color: #051824;
	

}
.header img {
	position: relative;
	right: 40px;

}

/*Navigation*/

nav {
	display: block;
	margin-bottom: 10px;
	
}

nav ul {
	list-style: none;
	font-size: 14px;
	padding-left: 20px;
	
}
nav ul li {
	display: inline;
	position:relative;

}




nav ul li a {
	display: block;
	float: left;
	padding: 3px 6px;
	margin-right: 5px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;

	min-height: 55px;
	width: 100px;
	bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	
	 /* Safari 4-5, Chrome 1-9 */ 
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#051824), to(#051824)); 
	 /* Safari 5.1, Chrome 10+ */ 
	 background: -webkit-linear-gradient(top, #051824, #051824); 
	 /* Firefox 3.6+ */ 
	 background: -moz-linear-gradient(top, #125e8e, #0c3e5e);
	 /* IE 10 */ 
	 background: -ms-linear-gradient(top, #051824, #051824); 
	 /* Opera 11.10+ */ 
	 background: -o-linear-gradient(top, #051824, #051824);
	
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: -webkit-transform 8s, background 8s;
}
nav ul li a:hover {
	
	color: #ffffff;
	padding: 3px 6px;
	text-decoration: none;
	
	 /* Safari 4-5, Chrome 1-9 */ 
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#051824), to(#135d8c)); 
	 /* Safari 5.1, Chrome 10+ */ 
	 background: -webkit-linear-gradient(top, #135d8c, #051824); 
	 /* Firefox 3.6+ */ 
	 background: -moz-linear-gradient(top, #135d8c, #051824);
	 /* IE 10 */ 
	 background: -ms-linear-gradient(top, #135d8c, #051824); 
	 /* Opera 11.10+ */ 
	 background: -o-linear-gradient(top, #135d8c, #051824);
	
	

}

.footer { 
	
	height: 202px;
	background-color: #39879e;
	background-image: url("http://www.statserv.eu/new/img/kuv1.jpg");
}

.footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align:center;

}



/* Animations */



/*Slide in*/
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  90% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

/*Slide in left*/
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}







/* Fade in */
@-webkit-keyframes fadeIn {
0% {display:none ; opacity: 0;}
1% {display: block ; opacity: 0;}
100% {display: block ; opacity: 1;}
}

@keyframes fadeIn {
0% {display:none ; opacity: 0;}
1% {display: block ; opacity: 0;}
100% {display: block ; opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}










/*Down*/
@-webkit-keyframes Down {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes Down {
  0% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.Down {
  -webkit-animation-name: Down;
  animation-name: Down;
}