@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	background-image:url(kuvat/bg.png);
}

#header_gradient {
/* fallback color */
background-color: #fad13e;
/* Firefox 3.6+ */
background: -moz-radial-gradient(circle, #fad13e, #ddb62a);
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(radial, center center, 0, center center, 200, from(#fad13e), to(#ddb62a));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #fad13e, #ddb62a);
/*ie*/

height: 296px;
width:100%;
border-bottom: 4px solid #e52618;
}

#header_ruutuliput{
	height:296px;
	background-image: url(kuvat/ruutuliput.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#header_wrapper{
	width: 960px;
	height:296px;
	margin: 0 auto 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#logo{
	height: 301px;
	width: 286px;
	padding-top: 5px;
}
#header_wrapper #navigointi{
  position: relative;
  left: 380px;
  top: -280px;
  width: 560px;
  height: 50px;
  padding-top: 20px;
}

#header_wrapper #navigointi a{
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 23px;
  text-transform: uppercase;
  color: #000;
  text-decoration:none;
  padding-left: 15px;
  padding-right: 19px; /*feikki*/
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 20px;
}
#header_wrapper #navigointi a:hover{
  color: #FFF;
   /* fallback */
  background-color: #000;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#31333b));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #31333b, #000000);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #31333b, #000000);
  /* IE 10 */
  background: -ms-linear-gradient(top, #31333b, #000000);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #31333b, #000000);
  /*ie*/
  background-image: -ms-linear-gradient(top, #31333b 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31333b', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
  /*radius*/
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  -moz-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 4px #000000;
}

#header_wrapper #navigointi a.aktiivi{
  color: #FFF;
   /* fallback */
  background-color: #000;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#31333b));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #31333b, #000000);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #31333b, #000000);
  /* IE 10 */
  background: -ms-linear-gradient(top, #31333b, #000000);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #31333b, #000000);
    /*ie*/
  background-image: -ms-linear-gradient(top, #31333b 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31333b', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
  /*radius*/
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  -moz-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 4px #000000;
}


#header_wrapper .vanha_auto {
  position:relative;
  top:-290px;
  left:300px;
  width: 673px;
  height: 266px;
}

#main_full{
	border-top: 4px solid black;
}

#main_wrapper{
	width: 960px;
	margin: 0 auto 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#main_content{
	margin-top: 90px;
	margin-bottom: 50px;
	
}

#main_content_frontpage{
    height: 550px; 
    background-image: url(kuvat/car-evi_tuoteperhe.png); 
    background-position: right bottom; 
    background-repeat: no-repeat; 
    margin-top: 90px; 
    margin-bottom: 50px;
}

#main_content_left{
	width:540px;
	float: left;
	margin-bottom: 50px;
}

#main_content_left_frontpage{
	width:490px;
	float: left;
	margin-bottom: 50px;
}


#main_content_right{
	width:400px;
	float: right;
	margin-bottom: 50px;
}

#inside_content_left{
	width:320px;
	float: left;
	margin-bottom: 50px;
}

#inside_content_right{
	width:220px;
	float: right;
	margin-bottom: 50px;
	text-align:center;
}

#inside_content_left_detail{
	width:220px;
	float: left;
	margin-bottom: 50px;
}

#inside_content_right_detail{
	width:320px;
	float: right;
	margin-bottom: 50px;
}

#sivunavigointi{
	margin-left: 75px;
}

#sivunavigointi ul{
	list-style:none;
}

#sivunavigointi ul li{
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
	
}

#sivunavigointi ul li a{
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 23px;
  text-transform: uppercase;
  color: #FFF;
  text-decoration:none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 14px; /*feikki*/
}

#sivunavigointi ul li a:hover{
  color: #000;
   /* fallback */
  background-color: #f9d556;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3931f), to(#f9d556));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f9d556, #b3931f);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f9d556, #b3931f);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f9d556, #b3931f);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f9d556, #b3931f);
  /*ie*/
  background-image: -ms-linear-gradient(top, #f9d556 0%, #b3931f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d556', endColorstr='#b3931f', GradientType=0 ); /* IE6-9 */
  /*radius*/
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 2px solid black;
  /*-moz-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 2px #000000;*/
}

#sivunavigointi ul li a.sivu_aktiivi{
  color: #000;
   /* fallback */
  background-color: #f9d556;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3931f), to(#f9d556));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f9d556, #b3931f);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f9d556, #b3931f);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f9d556, #b3931f);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f9d556, #b3931f);
    /*ie*/
  background-image: -ms-linear-gradient(top, #f9d556 0%, #b3931f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d556', endColorstr='#b3931f', GradientType=0 ); /* IE6-9 */
  /*radius*/
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 2px solid black;
  /*-moz-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 2px #000000;*/
}

#tuotelinkki{
	margin-left: -55px;
}

#tuotelinkki ul{
	list-style:none;
}

#tuotelinkki ul li{
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
	
}

#tuotelinkki ul li a{
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 23px;
  color: #FFF;
  text-decoration:none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 14px; /*feikki*/
}

#tuotelinkki ul li a:hover{
  color: #000;
   /* fallback */
  background-color: #f9d556;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b3931f), to(#f9d556));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f9d556, #b3931f);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f9d556, #b3931f);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f9d556, #b3931f);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f9d556, #b3931f);
  /*radius*/
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 2px solid black;
  /*-moz-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 2px #000000;*/
}

#map_canvas{
	width: 400px;
	height: 500px;
}

/*SISÄLTÖ*/

h1 {
  /*font-family: "nimbus-sans";*/
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 42px;
  color:#FFF;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
}

h1 {
  /*font-family: "nimbus-sans";*/
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 42px;
  color:#FFF;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
}

h2 {
  /*font-family: "nimbus-sans";*/
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 25px;
  color:#FFF;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
}

h3 {
  font-family: "nimbus-sans";
  font-weight:400;
  font-size: 20px;
  line-height: 28px;
  color:#FFF;
  text-shadow: 1px 1px 1px #000;
}

p {
  font-family: "nimbus-sans";
  font-weight:400;
  font-size: 16px;
  line-height: 28px;
  color:#FFF;
  text-shadow: 1px 1px 1px #000;
}

#valiviiva{
  height: 60px;
  background-image:url(kuvat/valiviiva.png);
  background-repeat:no-repeat;
  background-position: center, center;
  clear:both;
}

#varoitusmerkit{
	position:relative;
	/*width:125px;*/
	width: 65px;
	height:107px;
	left:0;
	background:url(kuvat/varoitusmerkit.png);
	margin-top: 50px
}

#kaikki_varoitusmerkit{
	position:relative;
	/*width:180px;*/
	width: 65px;
	height:107px;
	background:url(kuvat/varoitusmerkit.png);
	margin-top: 50px
}

#lukkosula_varoitusmerkit{
	position:relative;
	/*width:56px;*/
	width: 65px;
	height:107px;
	background:url(kuvat/varoitusmerkit.png) /*-71px 0*/;
	margin-top: 50px
}

p a{
  font-family: "nimbus-sans";
  font-weight:400;
  font-size: 16px;
  line-height: 28px;
  color:#b3931f;
  text-shadow: 1px 1px 1px #000;
	
}

p a:hover{
  color:#f9d556;	
}

.lomakeok{
 /*font-family: "nimbus-sans";*/
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 42px;
  color:#FFF;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
  background-color: #fad13e; 
  padding: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.lomakefalse{
 /*font-family: "nimbus-sans";*/
  font-family: "nimbus-sans-condensed";
  font-weight:900;
  font-style:italic;
  font-size: 42px;
  color:#FFF;
  text-shadow: 2px 2px 2px #000;
  letter-spacing: 2px;
  background-color: #e52618; 
  padding: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

input{
  width:350px;
  min-height: 40px;
  display:block;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-left: 20px;    
  border: 1px solid #000;
  height: 25px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  font-family: "nimbus-sans";
  font-weight:400;
  font-size: 20px;
  line-height: 28px;
  color:#000;
}

textarea{
  width:350px;
  min-height: 200px;
  display:block;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;    
  border: 1px solid #000;
  height: 250px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  font-family: "nimbus-sans";
  font-weight:400;
  font-size: 20px;
  line-height: 28px;
  color:#000;
}

#fbbox {
  background-color: #ffde3f;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
}