/* marikoo.com */

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

html  {
	background:#fff url(graf/keskitausta.png) repeat-y center top;	
	}

body {
	text-align:center;
	background:url(graf/tausta.jpg) no-repeat center top fixed;
	font-family: 'Open Sans', "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	color:#313131;
	font-size:105%;
	font-weight:300;
	}
	
html, body {
	height: 100%;
	}
	
.punainenteksti, a.punainen  {
	color:#d00000!important;
	}
	
a {
   outline: 0;
}	



			
.alaosa  {
	background: none repeat scroll 0 0 #D00000;
    border-top: 10px solid #000000;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
    text-align: center;
    max-width:1061px;
	min-width:720px;
	width: 1061px\9; 
	}		
	
	
.alaosa p {
	color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
	}		
		

.container {
	max-width:1061px;
	min-width:720px;
	margin:0 auto;
	width: 1061px\9; 
	}
	
	
.ylaosa  {
	height:190px;
	}	

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -65px;
	}	

.alaosa, .push {
	height:50px;
	}
	
.ylapalkki  {
	height:109px;
	overflow:hidden;
	text-align:left;
	position:relative;
	}
	
.ylapalkki img  {
	margin-left: 37px;
	}	
	
	

.keskiosa {
	text-align:left;
	position:relative;
	padding:1.8em 5em;
	}	

.valikko  {
	background:#d00000;
	text-align:left;
	position:relative;
	height:51px;
	margin-left:-1px;
	}	

.valikko ul {
	margin-left: 60px;
	text-align:left;
	padding:0!important;
	}

.valikko ul li {
	display: inline; 
	text-align:left;
	padding:0!important;
	}

.valikko ul li a{
	 color: #FFFFFF;
    font-size: 21px;
    font-weight: 600;
    line-height: 240%;
    padding: 0.4em 1.3em;
    text-decoration: none;
	}


.valikko ul li a:hover{
	text-decoration:none;
	background-color:#e41313;
	color:#fff;	
	}

.valikko ul li a#current{
	color:#d2d2d2;
	cursor:default;
	}


h1, h2, h3 {
	font-family:'Open Sans', sans-serif;
	}

h2, h3, h4, h5 {
	margin-top:1em;
	margin-bottom:0.5m;
	color:#4b4b4b;
	line-height:130%;
	font-weight:normal;
	}

h1 {
	line-height:125%;
	font-size:2.5em;
	margin-bottom:1.2em;
	color:#d00000;
	font-weight:600;
	}
	
h2 {
	font-size:1.3em;
	}	
	
h3 {
	font-size:1.2em;
	}	


.keskiosa p {
	line-height:1.6em;
	margin-bottom:1em;
	}

p.clear {
	clear:both;
	margin-bottom:0!important;
	line-height:0!important;
	}

.kelt

.keskiosa img {
	-moz-box-shadow: 0 0 5px #606055;
	-webkit-box-shadow: 0 0 5px #606055;
	box-shadow: 0 0 5px #606055;
	max-width: 100%;
	border: 1px solid #1d1d1d;
	height:auto;
	}
	
img.ei-rajausta  {
	-webkit-border-radius: none!important;
	-moz-border-radius: none!important;
	border-radius: none!important;
	-webkit-box-shadow: none!important;
   	box-shadow:  none!important;
	max-width: none!important;
	border:0 none!important;
	}	

.valikko a, .alaosa a  {
   outline: 0;
   -moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration:none;
	color:#fffdc6;
}
	
.keskiosa a {
	color:#0279E8;
	text-decoration:none;
	} 	
	
a.musta  {
	color:#000;	
	}	

.keskiosa a:hover  {
	color:#1368b8;
	background:#dce8f4;
	}

.valikko a:hover, .alaosa a:hover {
	text-decoration:none;
	color:#cec800;
	}


.keskiosa ul {
	list-style:bullet;
	padding: 0;
	margin: 1em 0 1.5em 0;
	}
	
.keskiosa ul li {
    line-height: 1.6em;
    margin-left: 2em;
    padding-bottom: 0.2em;
    padding-left: 0.3em;
	}

table {
	border-collapse:collapse;
	}
	
	
.col2  {
	width:40px;
	}	
	
.col3  {
	width:58px;
	}	

table p {
	font-size:1em;
	margin-bottom:0!important
	}

table td {
	vertical-align:top;

	}

table td ul {
	margin-top:0!important;
	}

table.levea {
	width:99%;
	}


.kuvaoikea {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	}

.kuvavasen {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}

.pikku {
	font-size:0.9em;	
	}

.margin0 {
	margin:0!important
	}
	
.margin-top-0 {
	margin-top:0!important
	}	

.border0 {
	border:none!important
	}

p#marikoo {
	position:absolute;
	right:15px;
	line-height:0;
	width:auto;
	bottom:15px;
	}
	
form label  {
	text-transform: uppercase;
	font-size:.8em;
	}		
	
form input, form textarea {
	padding: 0.6em 0.3em;
	border: 1px solid #a8a8a8;
	margin:0.5em 0 1em 0;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	-webkit-border-radius: 3px;
	width:300px;
	font-family:'Georgia';
	font-style:italic;
	}
	
.sbtn {
	width:150px;
	height:40px;
	font-weight:bold;
	background:#a6b9c1;
	cursor:pointer;
	text-transform: uppercase;
	color:#304656;	
	}	
	
form input:focus, form textarea:focus {
	border: 1px solid #333; 
	}		
	
.error  {
	color:#CC3300!important;
	}	
		
	
textarea { overflow: auto; }		
	
.keskitadiv  {
	text-align:center;
	}	
	
.keskita  {
	margin:0 auto;
	}	
	

.palstakoonti  {
	overflow: hidden;
	width:100%;
	}	
	
.palstavasen  {
	float:left;
	width:45%
	}
	
.palstaoikea  {
	float:right;
	width:600px;
	}		
	
.isompi  {
	font-size:1.2em;
	}
	
strong, bold  {
	font-weight:600;
	}		

@media only screen and (min-width: 1px) and (max-width:980px)  {
	
body  {
	font-size:230%;
	}	
	
.keskiosa img  {
	width:100%;
	height:auto;
	}
	
.ylapalkki, .ylaosa  {
	height:auto;
	}	
	
.col2 {
	width:80px;
	}	
	
.col3 {
	width:140px;
	}	
		
	
.ylapalkki img  {
	padding:1em;
	width:30%;
	height:auto;
	}		
	
.keskiosa .kuvapieni  {
	width:30%!important;
	}	
	
.kuvaoikea, .palstaoikea  {
	display:block;
	float:none;
	}	
	
.keskiosa  {
	padding:1.8em;
	}	
	
.valikko  {
	height:auto;
	}	
	
.valikko ul li a  {
	font-size:85%;
	}
	
.container, .alaosa  {
	width:100%;
	}	
	

.valikko ul {
    margin-left: 10px;
}		
	
	}