/* CSS Document */

/* Default
----------------------------------------------------------------------------- */

* {
  margin: 0;padding: 0;
  list-style-type: none;
  outline:none;
}

.fl {float:left !important;}
.fr {float:right !important;}
.m18px {margin:0 18px !important;}
.bn {border:none !important;}

body {
  background: #111;
  color: #fff;
  font: normal 80% Arial;
  line-height: 1.4em;
}

a:link, a:visited {
  color: #7ab800;
  text-decoration: none;
}

a:hover { text-decoration: underline; }
a.active { text-decoration: underline; }
a.notification { color: #7ab800 !important; text-decoration: underline; }

/* Content blocks
----------------------------------------------------------------------------- */

#container {
  width: 960px;
  margin: 0 auto;
}

#main {
  border: 10px solid #fff;
  padding-bottom: 20px;
  background: #000;
  margin-bottom: 20px;
}


#index #main {
  border: 10px solid #fff;
  padding-bottom: 0px;
}

#header {
  width: 940px;
  height: 420px;
  position: relative;
  margin-bottom: 20px;
}

.bg_1 { background: url("images/bg_header_1.jpg") no-repeat; }
.bg_2 { background: url("images/bg_header_2.jpg") no-repeat; }
.bg_3 { background: url("images/bg_header_3.jpg") no-repeat; }
.bg_4 { background: url("images/bg_header_4.jpg") no-repeat; }
.bg_5 { background: url("images/bg_header_5.jpg") no-repeat; }

#header_wrap {
  position: absolute;
  bottom: 0;
  background: url("images/bg_opacity.png");
  height: 100px;
  width: 900px;
  padding: 20px;
  overflow: hidden;
}

/* Index header */
#index #header {
  width: 940px;
  height: 560px;
  background: url("images/bg_header_1.jpg") no-repeat;
  position: relative;
  margin-bottom: 0px;
}

#index #header_wrap {
  position: absolute;
  /*bottom: 30px;*/
  bottom: 0;
  background: url("images/bg_opacity.png");
  height: 240px;
  width: 900px;
  padding: 20px;
  overflow: hidden;
}

/* header, left */
#header_left {
  float: left;
  width: 190px;
  border-right: 1px solid #333;
}

h1 a {
  display: block;
  width: 190px;
  height: 100px;
  background: url("images/logo.png") no-repeat 35px center;
}

h1 a span { margin-left: -999px;}

/* header, right */

#header_right {
  float: left;
  width: 609px;
  padding: 0 50px 10px 50px;
}

#header h3 {
  color: #7ab800;
  font: bold 2.6em "Arial narrow", Arial;
  letter-spacing: -0.05em;
}

#cont {
  margin: 0 20px;
  background: url("images/cont_spacer.gif") 190px top repeat-y;
  width: 900px;
  overflow: hidden;
}

#navi {
  float: left;
  width: 170px;
  padding: 10px 0 0 20px;
}

#content {
  float: right;width:609px;
  padding:10px 50px;
  overflow:hidden;
}

.col3 {width:190px;}
.section { width:440px;float:left;}
.aside { width:150px;float:right}

/* Texts
----------------------------------------------------------------------------- */

h2 {
  color: #7ab800;
  text-transform: uppercase;
  font-size: 1.3em;
  margin: 20px 0 0.7em 0;
}

h2 small {
  text-transform: none;
}

h2.products {
  font-size: 1.1em; padding-left: 40px;
  background-position: left center;
  height: 64px; border-bottom: 1px solid #333;
}

h2.products.account { background: url("images/ico-tili.png") no-repeat; }
h2.products.audition { background: url("images/ico-audit.png") no-repeat; }
h2.products.survey { background: url("images/ico-kartoit.png") no-repeat; }

.product_intro {
  background-position: left center;
  padding-left: 100px; margin-bottom:20px;
}

.product_intro .text {
  border-left: 1px solid #333;
  padding-left: 20px;
}

.product_intro.account { background: url("images/ico-tili_iso.png") no-repeat; }
.product_intro.audition { background: url("images/ico-audit_iso.png") no-repeat; }
.product_intro.survey { background: url("images/ico-kartoit_iso.png") no-repeat; }

.aside h2 {
  font-size: 1em;
}

h4 {
  font-size: 1.2em;
  margin: 1.4em 0 0.6em 0;
}

h5 {
  font-size: 1em;
}

p { margin: 10px 0;}

.ingressi {
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 500;
}

#index .ingressi {
  font-size: 1.1em;
  line-height: 1.3em;
}

.italic {
  font-style: italic;
}

.news {
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
}

/* Navis
----------------------------------------------------------------------------- */

/* Lang navi */
ul#lang_navi {
  margin: 10px;
  text-align: right;
  font-size: 0.8em;
  text-transform: uppercase;
}

#lang_navi li {
  display: inline;
  padding: 0 8px;
}

#lang_navi a {
  color: #fff;
}

/* Main navi */

#navi ul {
  color: #7ab800;
  text-transform: uppercase;
  width: 140px;
}

#navi ul ul {
  color: #fff;
  text-transform: none;
  width: 130px;
  margin-left: 10px;
  overflow: hidden;
}

#navi ul a {
  display: block;
  color: #fff;
  font-size: 0.9em;
  padding: 2px 6px;
}

#navi ul a:hover, #navi ul a.active {
  background: #7ab800;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#navi ul ul a:hover, #navi ul ul a.active {
  background: none;
  text-decoration: underline;
}

/* Navi buttons */

.navi_buttons {
  border-top: 1px solid #1f1f1f;
  margin: 30px 38px 0 0;
  padding-top: 30px;
}

.navi_buttons a {
  display: block;
  width: 132px;
  margin-bottom: 10px;
  outline: none;
}

.navi_buttons a span {
  margin-left: -9999px;
}

.navi_buttons a#button_brochure {
  background: url("images/button_brochure.gif") left top no-repeat;
  height: 34px;
}

.navi_buttons a:hover#button_brochure { background-position: left -34px; }

.navi_buttons a#button_expert {
  background: url("images/button_expert.gif") left top no-repeat;
  height: 49px;
}

.navi_buttons a:hover#button_expert { background-position: left -49px; }

/* Lists
----------------------------------------------------------------------------- */

.process_list {
  width: 569px;overflow:hidden;margin: 20px 0;
}

.process_list li {
  float:left; background:#222;
  padding:20px 25px 20px 14px;
  text-shadow: 1px 1px 0px #000;
}

.process_list li.done {  text-shadow: 1px 1px 0px #666;background: #6ea500;}

.process_list li.active {
  text-shadow: 1px 1px 0px #666;
  background: #222 url("images/bg_process_li_active.png") center right;
}

.process_list li.first {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.process_list li.last {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Forms
----------------------------------------------------------------------------- */

fieldset {
  width: 300px;
  padding: 20px;
  border: 1px solid #333;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

fieldset.contact {
  float: right;
  margin: 20px 0 0 20px;
}

div.row {
  clear: both;
  width: 300px; overflow: hidden;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  width: 116px;
  padding: 2px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 176px;
  padding: 0 2px;
  text-align: left;
}

div.row span.formw .text, div.row span.formw textarea {
  border: 1px solid #5a5a5a;
  background: #d9d9d9;
  padding: 2px;width: 160px;
  font-size:14px;
}

div.row span.formw .text_sml {
  border: 1px solid #5a5a5a;
  background: #d9d9d9;
  padding: 2px 0 2px 2px;
  width: 77px;
  font-size:14px;
}

div.row span.formw .button {
  border: 1px solid #5a5a5a;
  background: #d9d9d9;
  padding: 2px;
}

/* Talkoot */
fieldset.talkoot {
  width: 569px;
  padding: 20px;
  border: none; background: #333;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  margin: 20px 0;
}

fieldset.talkoot fieldset {
  border: 1px solid #666;width:546px;
  margin:10px;
}


fieldset.talkoot fieldset legend {
  font-weight:bold;font-size:14px;
}

fieldset.talkoot div.row {
  clear: both;
  width: 529px; overflow: hidden;
  padding-top: 10px;
}

fieldset.talkoot div.row span.label {
  float: left;
  width: 185px;
  padding: 2px;
  text-align: left;
}

fieldset.talkoot div.row span.formw {
  float: left;
  width: 336px;
  padding: 0 2px;
}

fieldset.talkoot div.row span.formw .text, fieldset.talkoot div.row span.formw textarea {
  border: 1px solid #5a5a5a;background: #d9d9d9;
  padding: 2px;font-size:14px;
}

fieldset.talkoot div.row span.formw textarea {width: 360px;font-size:12px;}

fieldset.talkoot div.row span.formw .text.lrg {width: 250px;}
fieldset.talkoot div.row span.formw .text_mid {width: 180px;}
fieldset.talkoot div.row span.formw .text.sml {width: 80px;}

fieldset.talkoot div.row span.formw .button {
  border: none;background: #7ab800;
  color:#fff;font-size:16px;
  padding:4px;margin-top:10px;
  cursor: pointer;
}

fieldset.talkoot div.row span.formw .button:hover {background: #6ea500;}