body {
	background:#000;
	padding:0px;
	margin:0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;
	font-family: 'Nova Square', cursive;
	}
	
a:link {border:0px!important;}	
img {border:0px!important;}
	
	
.holder {width:100%; min-width:1200px; height:100%; min-height:800px; padding:0px; margin:0px;}


.tausta	{	background:#000 url('../img/tausta-iso.jpg');
	width:1301px; height:989px;
		
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   z-index:-600!important;
    margin: auto;
	}
	
	.center {
	
	width:1024px; height:768px;
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   	z-index:-500!important;
    margin: auto;
	}

	
	#tietoa {width:100%; min-width:480px; margin-top:0px; padding:0px; z-index:2000!important;background:#036; height:25px;}
	#link {float:left;}
	#liput {width:35px; height:20px; float:right; margin-right:20px; margin-top:2px;}

	
	h3 {color:#fff; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:normal;  padding:6px 0px 6px 13px;  margin:0px; }
	h3 a:link {color:#fff; text-decoration:none;}
	h3 a:visited {color:#fff; text-decoration:none;}
	
	
#menu-up {width:495px; height:190px; margin-left:305px;float:none; clear:both;}
#title {width:940px; height:75px; margin-left:85px;float:none; clear:both;}
#menu-dwn {width:495px; height:190px; margin-left:220px; float:none; clear:both;}	

#title1{	
	font-family: 'Montserrat', sans-serif; 
	color:#999;
	float:left; font-size:70px;
	font-weight:bold;
	line-height:1.46em;
	padding-right:30px;
	}
	
#title2{	
	font-family: 'Aldrich', sans-serif;
	color:#FFF;
	float:left; font-size:90px;line-height:1.15em;
	}
	
	
.square-img img{border-radius:10px;}

#menut {width:1024px; height:768px; margin:9% auto 0 auto;}

.menu-item {width:150px; height: 190px; float:left; padding:0px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;  margin-right:18px;}
	
	#menu-name-1 {width:150px;height:30px; background:#fca533; border-radius:7px;}
	#menu-name-1:hover {background:#e2e2e2;}
	#menu-name-2 {width:150px;height:30px; background:#13a179; border-radius:7px; color:#fff;}
	#menu-name-3 {width:150px;height:30px; background:#b8cad3; border-radius:7px;}
	#menu-name-4 {width:150px;height:30px; background:#f0008a; border-radius:7px; color:#fff;}
	#menu-name-5 {width:150px;height:30px; background:#fff; border-radius:7px;}
	#menu-name-6 {width:150px;height:30px; background:#3276b9; border-radius:7px; color:#fff;}
	
	#nimi-1 {padding-top:6px; margin:2px 0px 0px 22px; width:105px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nimi-2 {padding-top:6px; margin:2px 0px 0px 22px; width:115px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nimi-3 {padding-top:6px; margin:2px 0px 0px 20px; width:115px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nimi-4 {padding-top:6px; margin:2px 0px 0px 18px; width:115px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nimi-5 {padding-top:6px; margin:2px 0px 0px 20px; width:115px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#nimi-6 {padding-top:6px; margin:2px 0px 0px 25px; width:105px; top:0px; position:absolute;  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	
	#menu-pic {width:150px; padding-top:0px; position:absolute;}
	#menu-pic:hover {opacity: 0.7;  filter: alpha(opacity=70); /* For IE8 and earlier */}
	
.menu-item-r {width:150px; height: 190px; float:left; padding:0px; -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; }
	
	h1 {color:#fff; padding:0px;}
	h2 {color:#fff; line-height:21px;}
	h4 {color:#fff; line-height:21px; font-size:14px;}
	
	#p1 {width:100%; max-width:320px; float:left; padding-right:20px;}
	#p2 {width:100%; max-width:320px; float:left; padding-right:20px;}
	#p3 {width:100%; max-width:320px; float:left;}
	#speissi {width:100%; height:20px; clear:both;}
	
	#wrappi {width:100%; max-width:1000px; margin:80px auto 0 auto; padding:0px 20px;}
	#wrappi a:link {color:#0CF; text-decoration:none;}
	#wrappi a:hover {color:#fff; text-decoration:underline;}
	#wrappi a:visited {color:#0CF; text-decoration:none;}
	#wrappi p {color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
	#wrappi ul li {color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}
	.info {color:#fff;}
	
@media (max-width:1020px) {
	
	#p1 {width:100%; max-width:420px; float:left; padding-right:20px;}
	#p2 {width:100%; max-width:420px; float:left;}
	#p3 {width:95%; max-width:1000px; float:none; clear:both;}
	
	#title {width:940px; height:75px; margin-left:45px;float:none; clear:both;}

	
}


@media (max-width:895px) {
	
	#p1 {width:100%; max-width:320px; float:left; padding-right:20px;}
	#p2 {width:100%; max-width:320px; float:left;}
	#p3 {width:95%; max-width:1000px; float:none; clear:both;}
	
	
}

@media (max-width:700px) {
	
	#p1 {width:100%; max-width:95%; float:left; padding-right:20px;}
	#p2 {width:100%; max-width:95%; float:left;}
	#p3 {width:95%; max-width:1000px; float:none; clear:both;}
	
	
}