BODY {

	font-family: 'Rubik', sans-serif;

}

A {

	text-decoration:none;

}

A:hover {

	text-decoration:none;

}



.nopadding {

   padding: 0 !important;

   margin: 0 !important;

}



#Top-Info-Alue {

	background-color:#eeeeee;

	width:100%;



}

#Top-Info {

	font-size:1em;

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

#Top-Info div:first-child {

	background-color:#eeeeee;

}

#Top-Info div:first-child {

	text-align:center;

}

#Top-Info div P {

	color:#292929;

	font-size:0.8em;

	margin-top:10px;

	margin-bottom:10px;

	margin-right:15px;

	margin-left:15px;

}

#Top-Info div P A {

	color:#292929;

}

#Top-Info div P A:hover {

	text-decoration:underline;

	color:#0086e3;

}



HEADER {

	width:100%;

	background-color:#c9d1d2;

	border-top:2px solid #292929;

	border-bottom:2px solid #292929;

}

HEADER .row {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

HEADER .row div {

	text-align:center;

}

HEADER .row div H1 {

	display:inline-block;

	font-weight:700;

	font-size:4.5em;

	color:#373737;

	margin-top:10px;

	margin-bottom:0px;

	/*border-bottom:3px solid #373737;*/

}

HEADER .row div H2 {

	font-weight:normal;

	font-size:2.5em;

	color:#373737;

	margin-top:10px;

	margin-bottom:20px;

}



article {

	margin-top:20px;

}

article .row {

	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

	background-color:#000;

	text-align:center;

}

article .row A {

	display:block;

	overflow:hidden;

}

article .row A div {

	background-color:#f31717;

}

article .row A div:hover {

	background-color:#292929;

}

article .row A div h3 {

	font-size:1.3em;

	font-weight:700;

	color:#fff;

	margin:0px;

	margin-left:15px;

	margin-right:15px;

	padding-top:15px;

	padding-bottom:16px;

}



#Palsta-Alue {

	margin-top:40px;

}

#Palsta-Alue .row {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

#Palsta-Alue .row div H3 img{

	float:left;

	height:26px;

	width:auto;

	margin-right:10px;

}

#Palsta-Alue .row div H3{

	font-weight:700;

	margin-left:15px;

	margin-right:15px;

	margin-top:0px;

	padding-top:20px;

	font-size:1.69em;

}

#Palsta-Alue .Row-1 {

	margin-bottom:6px;

}

#Palsta-Alue .Row-1 div p {

	font-size:1.1em;

	margin-left:15px;

	margin-right:15px;

}

#Palsta-Alue .Row-1 div p A {

	color:#fff;

	display:block;

	padding-left:10px;

	padding-right:10px;

	padding-top:10px;

	padding-bottom:10px;

	background-color:#f31717;

}

#Palsta-Alue .Row-1 div p A:hover {

	text-decoration:none;

	background-color:#292929;

}

#Palsta-Alue .Row-1 div p a mark {

	color:#fff;

	background:none;

}

#Palsta-Alue .Row-2 div ul li {

	font-size:1.1em;

	margin-left:15px;

	margin-right:15px;

}

#Palsta-Alue .Row-2 div ul li {

	list-style:none;

	padding:0px;

}

#Palsta-Alue .Row-2 div ul li:before {

	content: '✔';

	position:relative;

	left:-20px;

	margin-right:-14px;

	color:#0086e3;

}

#Palsta-Alue .Row-2 div:nth-child(2) {

	color:#fff;

}

#Palsta-Alue .Row-2 div:nth-child(2) {

	background-color:#292929;

	height:372px;

}

#Palsta-Alue .row div img{

	width: 100%;

    height: auto;

}



#Yhteys-Alue {

	margin-top:40px;

	margin-bottom:40px;

	

	background: #292929; /* For browsers that do not support gradients */

	background: -webkit-linear-gradient(left,#292929, #292929,#f31717,#f31717); /*Safari 5.1-6*/

	background: -o-linear-gradient(right,#292929, #292929,#f31717,#f31717); /*Opera 11.1-12*/

	background: -moz-linear-gradient(right,#292929, #292929,#f31717,#f31717); /*Fx 3.6-15*/

	background: linear-gradient(to right,#292929, #292929, #f31717,#f31717); /*Standard*/

}

#Yhteys-Alue .row {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

#Yhteys-Alue .row A:hover div:first-child {

	background-color:#f31717;

	border:none;

}

#Yhteys-Alue .row div:first-child {

	background-image:url(logot/nuolet.png);

	background-repeat:no-repeat;

	background-position:99% center;

	background-color:#292929;

}

#Yhteys-Alue .row div:first-child H4 {

	color:#ffffff;

	font-size:1.4em;

	font-weight:700;

	margin-left:15px;

	margin-right:15px;

}

#Yhteys-Alue .row div:nth-child(2) {

	background-color:#f31717;

	text-align:center;

}

#Yhteys-Alue .row div:nth-child(2) H4 {

	color:#ffffff;

	font-size:2.6em;

	font-weight:700;

	margin-left:15px;

	margin-right:15px;

	margin-bottom:13px;

	text-decoration:none;

}

#Yhteys-Alue .row div:nth-child(2) A H4  {

	color:#ffffff;

	text-decoration:none;

}

#Yhteys-Alue .row div:nth-child(2) A:hover H4 {

	color:#0086e3;

	text-decoration:none;

}



#Merkki-Alue {

	background-color:#fff;

}

#Merkki-Alue .row {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

#Merkki-Alue .row:first-child h5 font {

	color:#f31717;

}

#Merkki-Alue .row:first-child P {

	Margin-left:15px;

	margin-right:15px;

}

#Merkki-Alue .row div ul {

	margin:0px;

	padding:0px;

	padding-top:15px;

	padding-bottom:15px;

	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);

}

#Merkki-Alue .row div ul li {

	margin:0px;

	padding:0px;

	padding-left:10px;

	padding-right:10px;

	list-style-type: none;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;

}

#Merkki-Alue .row div ul A {

	color:#ffffff;

	font-weight:700;

	display:block;

	background-color:#f31717;

}

#Merkki-Alue .row div ul A:hover {

	color:#0086e3;

	text-decoration:none;

}

#Merkki-Alue .row div ul A:hover LI {

	background-color:#ccc;

}

#Merkki-Alue .row div ul li span {

	color:#0086e3;

}

#Merkki-Alue .row div H5 {

	font-size:1.6em;

	font-weight:normal;

	margin-left:15px;

	margin-right:15px;

}

#Merkki-Alue .row div ul UL {

	padding:0px;

	margin:0px;

	box-shadow:none;

	background-color:#eaeaea;

}

#Merkki-Alue .row div ul UL A{

	background-color:#eaeaea;

	color:#292929;

	font-weight:400;

}

#Merkki-Alue .row div ul UL LI {

	padding:0px;

	padding-left:20px;

	padding-top:5px;

	padding-bottom:5px;

	margin:0px;

	font-size:0.8em;

}



#R-Yhteys {

	margin-top:20px;

	border-top:1px solid #000;

}

#R-Yhteys .row {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

}

#R-Yhteys .row div {

	text-align:center;

}

#R-Yhteys .row div A IMG {

	vertical-align:middle;

	margin-left:15px;

	margin-right:15px;

	margin-top:5px;

	margin-bottom:5px;

}

#R-Yhteys .row div font {

	font-size:1.5em;

	margin-left:15px;

	margin-right:15px;

}

#R-Yhteys .row div H6 {

	font-size:1.3em;

	padding-top:15px;

	margin-left:15px;

	margin-right:15px;

}

#R-Yhteys .row div H6 A {

	text-decoration:underline;

}



FOOTER {

	margin-top:40px;

	background-color:#292929;

}

FOOTER .row {

	margin-left:auto;

	margin-right:auto;

	max-width:1000px;

}

FOOTER .row div:first-child img {

	margin-left:15px;

	text-decoration:none;

	border:none;

}

FOOTER .row div:nth-child(2) {

	text-align:right;

	color:#ffffff;

}

FOOTER .row div:nth-child(2) p {

	margin-left:15px;

	margin-right:15px;

	margin-top:17px;

}

FOOTER .row div:nth-child(2) p A {

	text-decoration:none;

	color:#ffffff;

}

FOOTER .row div:nth-child(2) p A:hover {

	text-decoration:none;

	color:#0086e3;

}





@media (max-width: 990px) {



#Top-Info div:nth-child(2) {

	text-align:left;

}



HEADER .row div H1 {

	font-weight:700;

	font-size:3.3em;

}



#Palsta-Alue {

	margin-top:20px;

}

#Palsta-Alue .Row-2 div:nth-child(2) {

	height:auto;

}

#Palsta-Alue .Row-2 div ul{

	padding-bottom:15px;

}



#Yhteys-Alue {

	background: #292929; /* For browsers that do not support gradients */

	background: -webkit-linear-gradient(left,#292929, #292929,#292929,#292929); /*Safari 5.1-6*/

	background: -o-linear-gradient(right,#292929, #292929,#292929,#292929); /*Opera 11.1-12*/

	background: -moz-linear-gradient(right,#292929, #292929,#292929,#292929); /*Fx 3.6-15*/

	background: linear-gradient(to right,#292929, #292929, #292929,#292929); /*Standard*/

}

#Yhteys-Alue .row div:nth-child(2) H4 {

	padding-top:5px;

	padding-bottom:10px;

}



#Merkki-Alue .row div:nth-child(odd)  {

	display:block;

	float:right;

	width:50%;

}

#Merkki-Alue .row div:nth-child(even)  {

	display:block;

	float:left;

	width:50%;

}

#Merkki-Alue .row div:last-child  {

	display:table;

	float:right;

	width:50%;

}

#Merkki-Alue .row div:first-child  {

	width:100%;

	clear:right;

	float:left;

}

#Merkki-Alue .row div ul UL {

	float:none;

	width:100%;

	padding:0px;

	margin:0px;

	box-shadow:none;

	background-color:#eaeaea;

}



FOOTER .row div:nth-child(2) {

	text-align:left;

}



}





@media (max-width: 480px), @media (max-width: 700px) {

	

HEADER .row div H1 {

	font-weight:700;

	font-size:3em;

}

	

HEADER .row div H2 {

	font-weight:400;

	font-size:1.8em;

}



#Palsta-Alue .row div H3{

	font-weight:500;

	font-size:1.69em;

}

#Palsta-Alue .Row-1 div p {

	font-size:1.2em;

}

#Palsta-Alue .Row-2 div ul li {

	font-size:1.2em;

}



#Yhteys-Alue .row div:first-child {

	background-position:112% center;

}

#Yhteys-Alue .row div:nth-child(2) H4 {

	font-size:2.2em;

}



#Merkki-Alue .row:first-child h5 font {

	display:none;

}

#Merkki-Alue .row div:first-child  {

	width:100%;

}

#Merkki-Alue .row div  {

	display:block;

	float:left;

	width:50%;

}

#Merkki-Alue .row div ul UL {

	float:none;

	width:100%;

	padding:0px;

	margin:0px;

	box-shadow:none;

	background-color:#eaeaea;

}



FOOTER .row div:nth-child(2) p {

	margin-bottom:17px;

}

	

}



@media (max-width: 450px) {

	

HEADER .row div H1 {

	font-weight:700;

	font-size:2.4em;

}

	

#Yhteys-Alue .row div:first-child {

	background-position:127% center;

}



}



@media (max-width: 410px) {

	

HEADER .row div H1 {

	font-weight:700;

	font-size:2em;

}

	

#Yhteys-Alue .row div:first-child {

	background-position:135% center;

}



}



@media (max-width: 380px) {

	

HEADER .row div H1 {

	font-weight:700;

	font-size:2em;

}

HEADER .row div H2 {

	font-weight:400;

	font-size:1.4em;

}



#Palsta-Alue .row div H3{

	font-weight:500;

	font-size:1.6em;

}

#Palsta-Alue .row div H3 img{

	float:left;

	height:24px;

	width:auto;

	margin-right:10px;

}

#Palsta-Alue .Row-1 div p {

	font-size:1.2em;

}

#Palsta-Alue .Row-2 div ul li {

	font-size:1.2em;

}



#Yhteys-Alue .row div:first-child {

	text-align:center;

}

#Yhteys-Alue .row div:first-child H4 {

	color:#ffffff;

	font-size:1.4em;

	font-weight:700;

}

#Yhteys-Alue .row div:first-child {

	background-image:none;

}

#Yhteys-Alue .row div:first-child {

	background-position:135% center;

}

#Yhteys-Alue .row div:nth-child(2) H4 {

	font-size:2em;

}

	

}