@import url('https://fonts.googleapis.com/css?family=Clicker+Script|Quicksand:400,500,700|Rouge+Script');

body {
	background: #e9ccb2 url("images/apaschitausta.jpg");
	margin:0;
	padding:0;
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	color:#353535;
	text-align:justify;
	line-height:1.7;
	}

div {
	margin:0;
	padding:0;
	border:0;
	}

a {
	color:#b51051;
	text-decoration:none;
	}

a:hover, #linkit a:hover, #ala a:hover {
	text-shadow: 0px 0px 3px #cccccc;
	color: #000;
	}

#koko {
	width: 1200px;
	margin: 0 auto;
	}

#jatko {
	background: url("images/apaschi_asu_02.png") repeat-y;
	width: 1200px;
	}

#tekstit {
	margin-top: 350px;
	margin-left: 60px;
	margin-bottom: 30px;
	width: 1080px;
	}

#ala {
	width:1200px;
	background: url("images/apaschi_asu_03.png") repeat-x;
	height: 40px;
	}

#copyt {
	margin-left: 44px;
	width: 1112px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #a1a1a1;
	text-align:center;
	border-top: 5px solid #f2bbd1;
	}

#copyt a {
	color: #a1a1a1;
	text-decoration:none;
	}

#menu {
	width: 1200px;
	min-width:1200px;
	margin-top: -348px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	color: #000;
	font-family: 'Lato', sans-serif;
	}

#menu a {
	color: #000;
	padding: 15px 30px 12px 30px;
	 -webkit-transition: all 0.4s ease-out;
	 -moz-transition: all 0.4s ease-out;
	 -o-transition: all 0.4s ease-out;
	 transition: all 0.4s ease-out;
	}

#menu a:hover {
	color: #b51051;
	padding: 14px 30px 13px 30px;
	background-color: #d9a8bc;
	border-bottom: 5px solid #b51051;
	border-top: 5px solid #b51051;
	 overflow: hidden;
	 -webkit-transition: all 0.4s ease-in;
	 -moz-transition: all 0.4s ease-in;
	 -o-transition: all 0.4s ease-in;
	 transition: all 0.4s ease-in;
	}

h1{
    font-family: 'Rouge Script', cursive;
	font-size: 35px;
	color: #b51051;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 0px 3px #cccccc;
	line-height: 1; 
	}

h2{
    font-family: 'Rouge Script', cursive;
	font-size: 25px;
	color: #b51051;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 0px 3px #cccccc;
	line-height: 1; 
	}

h3{
	font-size: 15px;
	text-transform: uppercase;
	color: #b51051;
	font-weight: bold;
	text-align: left;
	text-shadow: 0px 0px 3px #cccccc;
	line-height: 1;
	}

h4{
	font-size: 15px;
	text-transform: uppercase;
	color: #b51051;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 3px #cccccc;
	line-height: 1;
	}

img.isoetu {
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.isokes {
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.isooikee {
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    height: 250px;
    float: right;
    margin-left: 20px;
}

hr {
  display:block;
  border:0px;
  height:50px;
  width: 800px;
  background-image:url('images/hr.png');
}

hr.pie {
  display:block;
  border:0px;
  height:50px;
  width: 600px;
  background-image:url('images/hr2.png');
}

ul.a {
    list-style-type: circle;
    text-align:center;
}

ul.b {
    list-style-type: circle;
    text-align:left;
}

.koirasivu {
    position: relative;
    text-align: center;
	color: #b51051;
    width: 350px;
}

.koiranimi {
    position: absolute;
    bottom: 3px;
    left: 3px;
    background-color: rgba(181,16,81,0.5);
    width: 349px;
    font-size: 17px;
}

.koiranimi a {
	color: #fff;
	text-shadow: 0px 0px 3px #cccccc;
}

.koiranimi a:hover {
	color: #000;
	text-shadow: 0px 0px 3px #cccccc;
}

img.koir {
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    width: 350px;
    height: 233px;
}

table {
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	text-align: justify;
	line-height: 1.7;
	border: 0px;
	border-spacing: 0px;
	}
	
#paivitys {
	background: url("images/apaschitausta2.jpg");
    width: 800px;
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.pai1 {
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    padding: 5px 5px 10px 5px;
    width: 100px;
    border-right: 3px #ffffff double;
}

.pai2 {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    padding: 5px 5px 10px 5px;
}

.pai3 {
    font-family: 'Rouge Script', cursive;
    font-size: 35px;
    padding: 10px;
    border-bottom: 3px #ffffff double;
    text-align: center;
}

.pai4 {
    font-weight: normal;
    text-align: center;
    padding: 10px;
    border-left: 3px #ffffff double;
    width: 250px;
}

#koiratab {
    width: 80%;
    border: 0;
    margin-left:auto;
    margin-right:auto;
}

.koiratab1 {
    text-align:center;
    width:50%;
}

.koiratab2 {
    text-align:center;
    width:50%;
    padding-top:40px;
}
	
#k_perus {
	background: url("images/apaschitausta2.jpg");
    width: 800px;
    border: 3px #ffffff double;
    box-shadow: 0px 0px 5px #a5a5a5;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.k_tie1 {
    vertical-align: top;
    text-align: center;
    padding: 10px;
}