/*
Theme Name: Natura Viva
Theme URI: 
Description: 
Version: 1
Author: 
Author URI: 
Tags: 


*/

html {	margin: 0; padding:0;}

body {	margin: 0; padding:0; background: #fff6ef url(/images/longbggradient.gif) repeat-x; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-size: 11px; color: #002964; }

a:link { text-decoration:none; color:#ff7300;}
a:visited { text-decoration:none; color: #d05e00;}
a:hover { text-decoration: underline;}
a:active { text-decoration:none;}

div { margin:0; padding: 0;}

img { border: 0;}

h1, h2, h3, h4, h5, h6 { font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: normal; margin: 0;}

h1 { font-size: 24px;}
h2 {font-size: 20px; margin-top: 12px;}
h3 { font-size: 18px; margin-bottom: 20px;margin-top: 8px;}
h4 {font-size: 16px; margin-top: 6px;}
h5 { font-size: 14px;}
h6 {font-size: 12px;}


#top {width: 900px; margin: 0 auto 7px auto; padding: 0; position:relative;}
#top img {margin:0;}
#top img.naturaviva {margin: 0; position: absolute; right: 0; top:0;}

#header { width: 900px; background: #003888 url(/images/gradientdark.gif) repeat-x; height: 36px; margin: 0 auto 0 auto; position:relative; }
.leftcornerdark { position:absolute; left: 0px;}
.rightcornerdark { position:absolute; right: 0px;}
#menu {width: 100%; height: 36px; overflow:hidden; float:left; line-height:normal;}
#menu ul {
    margin:2px 0 0 50px;
    padding:0;
    list-style:none;
    }
  #menu li {
    float:left;
    margin:0 0 0 10px;
    padding:5px 15px;
    }
#menu a,#menu span { display:block; font-size:16px; text-decoration:none;}
#menu a {color: #fff;}
	#menu a:link {}
	#menu a:visited {}
	#menu a:hover {color: #ff7300; text-decoration: underline;}
	#menu a:active {}
#menu span {color: #ff7300;}


#footer {width: 820px; margin: 15px auto 0 auto; padding: 40px; background: #003888 url(/images/gradientdark.gif) repeat-x; color: #fff; position: relative;} 
	img.footercorner_left {position: absolute; top: 0; left: 0;}
	img.footercorner_right {position: absolute; top: 0; right: 0;}

#content {width: 850px; margin: 0 auto 0 auto; padding: 20px 25px 0 0px;}

.main {width: 570px; float: left; margin: 15px 0px 0 0px; display: inline;}
.main img.spotlight { float:left; margin: 0 15px 0 0;}
.main .box h1, h2, h3, h4 { margin:0;}

.box { width: 254px; background: #fff6ef url(/images/shortbggradient.gif) repeat-x; border: 1px solid #ebe1d9; position: relative; background-position: 0 15px; overflow: visible; margin: 25px 10px 10px 0px; float:left; display: inline; padding: 0 7px 10px 7px; }

.box h3 { margin: 5px 0 0 0;}

.boxtop { width: 256px; background: #4887e4 url(/images/gradientlight.gif) repeat-x; height: 25px; margin: 0 ; position:absolute; top: -10px; overflow:hidden; }
.boxtop h2 { margin:0; padding: 2px 0 0 15px; color: #fff;}
.leftcornerlight {position: absolute; top: -10px; left: 0px;}
.rightcornerlight {position: absolute; top: -10px; right: 0px;}

.clear {clear: both; visibility:hidden; height: 0;}
.center {margin: 0 auto; text-align: center;}

span.small {font-size: 8px; color: #555; margin: 0; padding:0;}

a.kurssivalikoima { display: block; padding: 2px 8px;  }


table.hinnasto {cellspacing:0; width: 280px; }

table.hinnasto td {margin: 0;background: none; width: auto; height: auto; border: 1px #fff dotted; padding: 6px 9px;}

table.maksut {margin: 15px auto; width: 700px; }
table.maksut td { width: 25%; padding:  7px; text-align: center;}
table.maksut td img { margin: 0 auto;}

table.infoa {margin: 15px auto; width: 700px; }
table.infoa td { padding: 12px; }
table.infoa img { margin: 0 auto;}
td.info {width: 136px;}
td.feedback {width: 236;}
 td.feedback textarea,input#name,input#email {width: 40%;}
td.map {width: 236px; }

#header h2 {margin: 0; color: #fff; padding: 7px 0 0 25px;}

.varauslomake input{margin-left:  30px; margin-top: 15px;}


div.varauskalenteri{width: 560px; background: url(images/varauskalenteri_bg.gif); position: relative; overflow: hidden;}
div.varaus_pieni {position: absolute; height:10px; margin: 0; padding: 0; background: url(images/varaus_bg.gif);}
.resource_number{line-height: 10px; font-size: 8px; padding: 0 0 0 5px;}
.banneri{}