/* Mediatiedot elements */

#paketit {
  width: 100%;
  }
  
#paketit .pakettirivi {
  display: block;
  width: 100%;  
  float: left;
  padding-bottom: 1em;
  }
  
#paketit .taulu {
  float: left;
  width: 30%;
  
  margin-top: 1.4%;
  
  padding: 1%; 
  
  border: 1px solid #fff;
  
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em; 
  }
  
#paketit .taulu:hover {
  background-image: url('/img/nakyvyyspaketit/gradientbg.jpg');
  background-repeat: repeat-x;
  background-color: #efefef;
  
  border: 1px solid #efefef;
  }
  
#paketit .taulu.middle {
  margin-left: 1%;
  margin-right: 1%;
  }
  
#paketit .taulu h3 {  
  border: 0;
  width: 100%;
  height: 37px;
  line-height: 50px;
  margin-bottom: 4%;
  }
  
#paketit .taulu.some h3 {
  background-image: url('/img/nakyvyyspaketit/someheader.jpg');
  background-repeat: no-repeat;
  }  
  
#paketit .taulu.virtuaali h3 {
  background-image: url('/img/nakyvyyspaketit/virtuaaliheader.jpg');
  background-repeat: no-repeat;
  }
  
#paketit .taulu.panoraama h3 {
  background-image: url('/img/nakyvyyspaketit/panoraamaheader.jpg');
  background-repeat: no-repeat;
  }
  
#paketit .taulu.imago h3 {
  background-image: url('/img/nakyvyyspaketit/imagoheader.jpg');
  background-repeat: no-repeat;
  }
  
#paketit .taulu.kuva h3 {
  background-image: url('/img/nakyvyyspaketit/kuvaheader.jpg');
  background-repeat: no-repeat;
  }
   
#paketit .taulu.logo h3 {
  background-image: url('/img/nakyvyyspaketit/logoheader.jpg');
  background-repeat: no-repeat;
  }
  
#paketit .taulu.perus h3 {
  background-image: url('/img/nakyvyyspaketit/perusheader.jpg');
  background-repeat: no-repeat;
  }
  
#paketit .taulu .more {
  display: block;
  width: 89px;
  height: 28px;
  
  background-image: url('/img/nakyvyyspaketit/more.jpg');
  background-repeat: no-repeat;
  
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
  }
  
#paketit .taulu .more .pakettilinkki {
  width: 89px;
  height: 28px;
  }
  
#paketit .taulu .more:hover {
  background-image: url('/img/nakyvyyspaketit/more_hover.jpg');
  }
  
#paketit .pakettilinkki {
  display: block;
  width: 179px;
  height: 50px;
  
  /* Transparency through alpha */
  /* IE */
  filter:alpha(opacity=00);
  /* Standard compliants */
  opacity:0;
  }

#paketit .pakettilinkki:link, #paketit .pakettilinkki:visited {
  }

#paketit .pakettilinkki:hover {
  }
  
#paketit .taulu ul {
  width: 90%;
  }
     
.koroste {
  margin: auto;
  width: 85%;
  background-color: #eee;
  border: 1px solid #ccc;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.floatright {
  float: right;
  margin: 2%;
  }
  
table {
  margin-left: 5.5%;
  margin-bottom: 4%;
  width: 45%;
  }
  
tr {
  text-align: left;
  margin-right: 2%; 
  }
  
td {
  padding-left: 1%;
  }

/* Palaute elements */

.container .form p{
  margin: 0.5% 0;
  }

.container input, .container textarea {
  border: 1px #244775 solid; 
  }

.form .buttons {
  background-color: #244775;
  color: #ffffff;
  margin-top: 1%;
  }

.container fieldset {
  border: 0px;
  margin: 1.5%;
  }

.form hr {
  margin: 10px auto;
  width: 98%;
  }
  
/* Referenssit */


.ref-tunniste {
  margin: 0 0 2em;
  width: 94%;
  height: 238px;
  background: #fff;
  background-image: url('/img/references/rf_bg.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  border: 1px solid #fe6714;
  /*border-bottom: 78px solid #fe6714;*/
  padding: 0;
  text-align: left;
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;  
}  

.ref-tunniste img{
  margin:10px;
  margin-bottom: -74px;
  margin-top: 10px;
  padding: 0;
  border: 1px solid #000;
}

  
.ref-logo {
  width: 98%;
  margin: auto;
  text-align: center;
  }
  
  /* Yhteenveto referenssiasiakkaasta yksittaisella referenssisivulla */
  
.ref-tiivistelma {
  padding: 2% 2% 1%;
  width: 94%;
  margin: auto;
  margin-top: 3%;
  background: #1a598f;
  color: #fff;
  
  /* Kulmat */
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.ref-hyodyt {
  width: 94%;
  margin: auto;
  margin-top: 3%;
  padding: 2% 2% 1%;
  border: #1a598f 1px solid;
  
  /* Kulmat */  
  -moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
  }
  
.ref-polaroid {
  float: right;  
  text-align: center;
  width: 40%;
  }
  
.ref-polaroid a {
  white-space: normal;
  }

/* Sivulla jossa on kaikki referenssit */

.referenssitiivistelma {
  display: block;
  width: 94%;
  margin: auto;
  position: relative;
}

.referenssitiivistelma p {
  margin: 0 0 3em 60px;
}

.referenssitiivistelma h3 {
  margin: 0 0 0 60px;
  border-bottom: 1px #ccc solid;
  color: #fe6714;
  font-size: 120%;
  padding: 0 0 0.5em;
}

.referenssitiivistelma h4 {
  margin: 0.5em 0 1em 60px;
}

.referenssitiivistelma h4 img {
  position: absolute;
  top: 0;
  left: 0;
}
  
/* Infosivun typografia */
  
h3.plain {
  width: 94%;
  border-bottom: 1px #ccc solid;
  color: #fe6714;
  }

.leftcontent h3 {
  width: 94%;
  border-bottom: 1px #ccc solid;
  color: #fe6714;
  }

.warning {
  color: #c11818;
  }

/* Infosivun listat */

dt {  
  font-size: 110%;
  }

.infolista dt {
  margin-bottom: 1%;
  }

.infolista dd {
  margin-top: 1%;
  }

.koroste li {
  margin-top: 0.5%;
  }

/* Infosivun oikea reuna */

#mediatiedotMenu dl {
  margin-left: 0;
  padding-left: 0;
  }
  
#mediatiedotMyynti p {
  margin-left: 0;  
  }