body, .ui-widget {
/*background-image: url(../img/tausta.jpg); */
font-family: 'Open Sans', sans-serif;
background-color: #F0F0F0;
background-attachment: fixed; 
}
h1, h2, h3 {
/* font-family: 'Titillium Web', sans-serif; */
font-weight: 400;
text-transform: none; 
color: #696A6C; 
}
p {
 font-size: 15px; 

 color: rgba(0, 0, 0, 1);
}
a, a:visited {
  color: #037EC7; 
}
a:hover {
  color: #00911C;
}
a:-webkit-any-link {text-decoration: none;}


img {
height: auto; 

}


/*----------------------------------- HEADERI -----------------------------------*/
#top {


+
  padding-bottom: 20px; 
  /* background-image: url(../img/hederi.jpg); */
background-repeat: no-repeat !important;
background-size: 100%;
 
  position: relative;
  z-index: 9;
  




  /* height: 149px; */ 
  




  /* border-bottom: 2px solid #ddd; */
  




  background-color: rgba(255, 255, 255, 1);




  margin-bottom: 0px;




}
#headerVasen {

   width: 100%;   	

   /* position: absolute; */ 

   z-index: 99;

   /* margin-left: 14px; */

}

#headerVasen img {
	/* max-width: 200px !important; */ 
	margin-top: 0px;
}

#headerOikea {
  width: 100%;

  /* margin-top: 28px; */
}
#headerOikea h2 {
	font-size: 2vw;
	text-align: center; 
	color: #fff;
}
/*------------------------------------ MENU -----------------------------------------*/

.menu {
	background-color: rgba(255, 255, 255, 0) !important; 
	 
	position: relative;
	z-index: 98;
	height: 40px;
}
#wah_autonav_content {
	/* margin-right: 18.6%; */ 
  float: right; 
  
	margin-top: 25px; 

  /* width: 100%; */
}
#wah_autonav a, #wah_autonav a.nav-selected,
#wah_autonav a.nav-selected:hover,
#wah_autonav .sfHover,
#wah_autonav a:hover,
#wah_autonav li ul,
.slicknav_nav a:hover,
.slicknav_nav .slicknav_item:hover  {
	 background-color: rgba(255, 255, 255, 0) !important; 

}
#wah_autonav a {
  color: #000 !important; 
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;   
  text-transform: none; 
  border: none; 
}
#wah_autonav a:hover {
  border-bottom: 0px dotted #ddd;  

}

#wah_autonav a.nav-selected, #wah_autonav a:hover  {
	color: #838383 !important; 

	/* border: solid 1px #ddd; */
	/* border-radius: 5px; */
}
#wah_autonav .wah_autonav_last_top a {
  border-right: 0px solid #fff !important;
}

#wah_autonav .wah_autonav_first_top a {
  border-right: 0px solid #fff !important;
}

.slicknav_menu .slicknav_menutxt {
font-weight: bold;
font-family: ;
}

#wah_autonav li, .slicknav_menu {
  background-color: rgba(255, 255, 255, 0) !important;
  /* border-radius: 5px 0px; */
}


/* tyylit */
.slicknav_nav a {
  color: #091215 !important;
  text-align: right;
}
#mid3 #midgrid, #mid2_alasivu #midgrid {background-color: #fff; border: solid 1px #ddd }
#midgrid {margin-top: 10px; }
#mid3 {margin-top: 20px; }
#mid2 {margin-top: -180px; }
#mid2 .gridContainer{max-width: 1932px; padding: 0; margin: 0; width: 100%;}
#footer_vakio {text-align: right; }

.leipis, .ajankohtaista_etusivu {padding: 10px 10px; }
.leipis p {padding: }
.ajankohtaista_etusivu {width: 10vw !important;position: fixed;right: 0;bottom: 37%;   margin-right: -32px;width: 200px; display:none;   }
.ajankohtaista_etusivu img { margin-bottom: 1px; opacity: .7; }
.ajankohtaista_etusivu img:hover {opacity: 1; }
.katso_lisaa{ margin-top: 40px;}
.katso_lisaa a {color: #999; /* border: solid rgba(153, 153, 153, 0.28); */ text-decoration: none;  padding: 10px 20px; background-color: #fff;/* border-radius: 5px; */}
.yhteystiedot, .yhteystiedot2 {margin-top: 40px; background-color: #F0F0F0; padding: 40px; }
.yhteystiedot2 {margin: 3px; margin-top: 0px;}
.ajankohtaista_etusivu {/* background-color: rgba(221, 221, 221, 0.41); */}
.juttu {border: solid 1px #ddd; padding: 10px; margin: 10px;}
.juttu a {background-color: rgb(196, 196, 196); padding: 6px 12px; /* border-radius: 3px; */color: #fff;text-decoration:  none;}
.juttu h3 {font-size: 20px; }
.juttu a:hover {background-color: #999; }
#amarokslider .slidetxt h2 {color: #bac6d4; font-size: 15px !important;  background-color: rgba(0, 0, 0, 0.3); padding: 40px 0 ; text-align: center; margin-left: 0;color: #FFF !important;text-transform: uppercase;}
#amarokslider .slidetxt {width: 100%; left: 0!important; top: 76%; }
.kuva {margin-top: 140px; }
.yhteys_laatikko_henkilo {text-align: center; border: solid 0px #ddd; margin: 3px; padding: 5px; background-color: #F0F0F0; }
.googleMapCanvas {/* height: 1100px; */}

.nappi a{float: right; color: #66BE2A; font-size: 16.99px; font-weight: 800; text-transform: uppercase; text-decoration: none;  ; margin-top: -16px; background-color: #E7E114; padding: 16px 20px; opacity: .7;  }
.nappi a:hover {opacity: 1; }
.putki {margin-top: 150px; }
#footer {background-color: #FFFFFF; margin: 15px 0;padding: 20px 0;}

.amarokslidectrl{
	width:40px;
	height:40px;
	position:absolute;
	z-index:999;
	opacity:.4;
	cursor:pointer;
	display:none;
	top: 77%;
	margin-top:-30px;
  
	display: none !important; 
}

/*tuotteet*/
h2.tl_otsikko:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

#va_tuoteluettelo, #va_kategorialinkit {margin-top: 0px; }
#vat_otsikko {
    margin-top: 0;
    border: 0px solid #aaa;
    background: #70C0EB;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

#va_kategorialinkit .ui-widget-content {
    border: 0px solid #b6b6b6;
    background: #70C0EB;
    color: #4f4f4f;
}
#va_kategorialinkit .ui-widget-content a{color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px solid #aaa;
    background: #8E8E8E;
    font-weight: normal;
    color: #212121;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #d3d3d3;
    background: rgba(112, 192, 235, 0);
    font-weight: normal;
    color: #555;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: transparent;
    border-width: 0 0 0px 0;
}

.va_border {
    display: none;
}

#va_navi a:hover{
    background: transparent;
    border-bottom: solid 0px #ddd; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
    border-bottom: solid 1px #fff;
}
.tl_tuotelinkki {
    display: block;
    height: 240px;
    overflow: hidden;
    position: relative;
    border: solid 1px #fff;
    background-color: #FFF;
}
.tl_tuotelinkki:hover {
    box-shadow: none;
    border: solid 1px #ddd; 
}
.tl_otsikko {
    text-transform: none;
    font-size: 16px;
    font-family: Arial;
}
h2.tl_otsikko {
    margin: 10px;
    display: block;
    height: 3em;
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    font-family: 'Open Sans', sans-serif;
}
#va_tuoteluettelo, .tl_tuotelinkki   {
	text-decoration: none !important;
}

#vatsliderkontti {border: solid 1px #ddd !important}
#vat_hintakori {
    margin-top: 4%;
    background: rgba(230, 230, 230, 0);
    color: #555;
    white-space: nowrap;
    border: 1px solid #ddd;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

#vat_tiedot {background-color: #fff; }
#vat_kuvaus {padding: 20px; min-height: 262px;}
#ui-id-3  {background-color: #ddd !important; margin-top: -1px !important;}
.va_minilista {background-color: #fff !important;margin-top: 10px; }
.vat_nappi {
    background-color: rgba(49, 110, 134, 0.16);border: none; }

@media only screen and (min-width: 769px) {
	.leipis, .ajankohtaista_etusivu {padding: 10px 35px; margin-right: 30px; }
	#amarokslider .slidetxt h2 {color: #bac6d4; font-size: 2vw !important;  background-color: rgba(0, 0, 0, 0.3); padding: 40px 0 ; text-align: center; margin-left: 0;color: #FFF !important;text-transform: uppercase;}
	.ajankohtaista_etusivu {width: 10vw !important;position: fixed;right: 0;bottom: 37%;   margin-right: -32px;width: 200px; display:block;   }
	
	#headerVasen {

   width: 28%; 
   float: left; 

   z-index: 99;

   /* margin-left: 14px; */

}
#headerOikea {
  width: 72%;
  float: right;  
}
}