@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Dosis|Niconne');


html {

	background-image:url(bg.jpg);

	background-repeat:no-repeat;

	background-size:cover;

	background-attachment:fixed;

}



#wrapper {

	width:1100px;

	margin:0 auto;

	font-family: Calibri;

	font-size:19px;

}



a {

	text-decoration:none;

	color:#000;

	transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

}



a:hover {

	color:#000;

	transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;;

}



.header {

	width:100%;

	height:586px;

	margin-top:-360px;

	background-image:url(head.png);

	background-repeat:no-repeat;

	background-position:left;

}



.header h1 {

	float:left;

	width:300px;

	text-align:right;

	padding-right:140px;

	margin-top:360px;

	font-size:90px;

	font-weight:100;

	font-family: 'Niconne', cursive;

	color:#ffffff;

	text-shadow:0px 0px 4px rgba(0,0,0,0.7);

}




}



.navi ul {

	list-style-type:none;

	text-align:right;

}



.linkki {

  display: inline-block;

  padding:10px 10px 10px 0px;

  width:150px;

  color:#f1e8dd;

  vertical-align: middle;

  text-align:right;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.linkki:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #731F2E;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 100% 50%;

  transform-origin: 100% 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

	text-align:right;

}

.linkki:hover, .linkki:focus, .linkki:active {

  color: #F2E6A7;

}

.linkki:hover:before, .linkki:focus:before, .linkki:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



.content {

	background-color:rgba(241,232,221,0.7);

	margin-top:-115px;

	padding:30px;

	

}



.content h1, h2, h3 {

	color:#731F2E;

	font-family: Arial;

	margin-bottom:0px;

	padding-left:30px;


}



.footer {

	font-size:13px;

	text-align:center;

	margin-top:20px;

	margin-bottom:20px;

	color:#b7ab9c;

	font-family: Arial;

	line-height:20px;

}



.footer a {

	color:#b7ab9c;

	font-family: Arial;

	text-decoration:underline;

}



.footer b {

	font-size:15px;

}

div, table {
font-family: arial, sans-serif;
font-size: 15px;
color: #000;
text-align: justify;
line-height: 2.1; }

}


table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ text-align: left;
  background: #731F2E;
  color: #FFF;
  padding: 0px 10px;}
  
table tr td
{ background: #f0f0;
  color: #2A2929;

table {
color:#000;
font-family: Arial;
border: 0px; 
 } 

ul li {
	list-style-type: none;
	margin-left: -40px;
}
ul li a {
color: #731F2E; 
display: block;
font-family: 'Asar', sans-serif;
text-align:center;
border-bottom:0px;
padding: 5px 0px 3px 0px; 
 
}
ul li a:hover {
color: #731F2E;
border-bottom:0px;
background-color: #EDCF05;
}