@font-face {font-family:'viimre_light'; src:url('font/viimre_light.eot'); src:local('viimre_light'), url('font/viimre_light.woff') format('woff'), url('font/viimre_light.ttf') format('truetype'), url('font/viimre_light.svg#viimre_light') format('svg');}
@font-face {font-family:'viimre_regular'; src:url('font/viimre_regular.eot'); src:local('viimre_regular'), url('font/viimre_regular.woff') format('woff'), url('font/viimre_regular.ttf') format('truetype'), url('font/viimre_regular.svg#viimre_regular') format('svg');}
@font-face {font-family:'viimre_bold'; src:url('font/viimre_bold.eot'); src:local('viimre_bold'), url('font/viimre_bold.woff') format('woff'), url('font/viimre_bold.ttf') format('truetype'), url('font/viimre_bold.svg#viimre_bold') format('svg');}
@font-face {font-family:'viimre_display'; src:url('font/viimre_display.eot'); src:local('viimre_display'), url('font/viimre_display.woff') format('woff'), url('font/viimre_display.ttf') format('truetype'), url('font/viimre_display.svg#viimre_display') format('svg');}

/* kõige rajum komponent */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url('img/taust_avaleht.jpg') top center no-repeat;
}

.sisuosa {
	background-position:0 -210px;
}

/* üldine */

img {
	border:0;
	margin:0;
	padding:0;
}

h1, h2, h3 {
	margin:0;
	padding:0 0 10px 0;
	font-family:viimre_regular;
	text-transform:uppercase;
}

h1 {font-size:24px; color:#184b77;}
h2 {font-size:18px; color:#222;}
h3 {font-size:14px; color:#444; text-transform:none;}

p {
	margin:0;
	padding:0 0 15px 1px;
	color:#888;
	font-size:12px;
	line-height:20px;
}

ul {
	list-style:url('img/mumm.png');
	margin:0;
	padding:0 0 10px 30px;
}

li {
	font-size:12px;
	color:#888;
	line-height:20px;
}

.highlight {
	font-weight:bold;
	color:#222;
}

#jalus p.puhas {
	background:none;
}

p.kriips {
	float:left;
	width:550px;
	height:1px;
	background:url('img/kriips.png') top center no-repeat;
}

.sinine {color:#184b77;}
.punane {color:#c31b36;}

/* komponendid */

.logo, .facebook, .telefon, .otsing, .o_kast, .o_nupp, .keelevalik, .edukas_ettevote, .menulingid, .logod, .keywords, .fb, .uudised, .galerii, .kontakt, .asukoht, .hinnaparing, .ego_jarelmaks, .sertifikaat, .tekstiosa, .kontaktid {
	float:left;
	margin:0;
	padding:0;
}

/* raamistik */

#header {
	float:left;
	position:relative;
	z-index:2;
	margin:0;
	padding:0;
	width:100%;
	background:url('img/taust_header.png') top center no-repeat;
}

#container {
	float:left;
	position:relative;
	z-index:3;
	width:100%;
	margin:0;
	padding:0;
}

#visuaal {
	float:left;
	position:absolute;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
}

#visuaal_sisu {
	float:left;
	position:absolute;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
	top:-110px;
}

/* sisuhoidjad */

.sisuhoidja {
	margin:0 auto;
	padding:0 20px 0 20px;
	width:960px;
}

.headerihoidja {
	margin:0 auto;
	padding:0 20px 0 20px;
	width:960px;
	height:130px;
}

.visuaalihoidja {
	margin:0 auto;
	padding:0;
	width:960px;
	height:380px;
	position: relative;
}

.visuaalihoidja img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 380px;
	z-index: 0;
}

.visuaalihoidja img.active {
	z-index: 1;
}

/* header */

.logo {
	padding:45px 0 0 20px;
	width:260px;
	height:85px;
}

.facebook {
	padding:52px 0 0 0;
	width:130px;
	height:78px;
}

.facebook a {
	float:left;
	padding:0 0 0 35px;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	background:url('img/facebook.png') no-repeat;
	background-position:0 0;
}

.facebook a:hover, .keelevalik a:hover, .facebook a.active, .keelevalik a.active {
	color:#f1e315;
}

.telefon {
	padding:49px 0 0 0;
	width:200px;
	height:81px;
	font-size:24px;
	color:#fff;
	font-family:viimre_regular;
}

.otsing {
	padding:52px 0 0 4px;
	width:186px;
	height:78px;
	background:url('img/taust_otsing.png') no-repeat;
	background-position:0 50px;
}

.noback {
	background:none;
}

p.o_kast, p.o_nupp {
	float:left;
	margin:0;
	padding:0 0 10px 0;
}

p.o_kast {width:135px;}
p.o_nupp {width:35px;}

input.otsitekst {
	border:0;
	padding:5px 5px 5px 3px;
	font-size:12px;
	width:127px;
	background:none;
	color:#fff;
	font-family:viimre_regular;
}

input.otsinupp {
	width:35px;
	height:23px;
	cursor:pointer;
	background:none;
	border:0;
}

.keelevalik {
	padding:57px 20px 0 0;
	width:140px;
	height:73px;
}

.keelevalik a {
	float:right;
	margin:0 0 0 15px;
	padding:0;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-family:viimre_regular;
}

/* menüü */

#menu {
	float:left;
	position:relative;
	z-index:3;
	padding:0;
	width:960px;
	height:60px;
	background:url('img/taust_menu.png') top center no-repeat;
}

.edukas_ettevote {
	position:absolute;
	z-index:10;
	left:865px;
	top:-25px;
}

.menulingid {
	position:absolute;
	z-index:4;
	padding:0 12px 0 12px;
	width:936px;
	height:60px;
}

.menulingid a {
	float:left;
	margin:13px 0 0 0;
	padding:10px 11px 7px 12px;
	font-size:12px;
	font-family:viimre_regular;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

.menulingid a:hover, .menulingid a.active {
	background:#fff;
	color:#222;
}

/* lisad */

#lisad {
	float:left;
	margin:190px 0 0 0;
	width:960px;
	height:100px;
}

#lisad_sisu {
	float:left;
	margin:0;
	padding:0 15px 0 12px;
	width:933px;
	height:100px;
	background:url('img/taust_avaleht.jpg') top center no-repeat;
}

.logod {
	padding:40px 0 0 20px;
	width:320px;
	height:60px;
}

.logod a {
	float:left;
	margin:0 20px 0 0;
}

.keywords {
	float:right;
	padding:42px 20px 0 0;
	width:570px;
	height:58px;
}

.keywords p {
	float:right;
	margin:0 0 0 20px;
	font-size:15px;
	color:#fff;
	font-family:viimre_light;
	text-transform:uppercase;
}

/* sisuosa */

#sisuosa {
	float:left;
	padding:0 20px 10px 20px;
	width:920px;
}

#sisuosa_sisu {
	float:left;
	padding:80px 20px 20px 20px;
	width:920px;
}

#sisuosa a, #jalus a, #sisuosa_sisu a {
	color:#2366a0;
	font-weight:bold;
	text-decoration:none;
}

#sisuosa a:hover, #jalus a:hover, #sisuosa_sisu a:hover {
	color:#222;
	text-decoration:underline;
}

#vasak {
	float:left;
	padding:30px 0 0 0;
	width:300px;
}

#submenu {
	float:left;
	padding:0 40px 20px 0;
	width:260px;
}

#submenu a {
	float:left;
	clear:both;
	margin:0 0 8px 0;
	padding:0;
	font-size:11px;
	color:#888;
	text-transform:uppercase;
	font-family:viimre_regular;
	font-weight:normal;
	letter-spacing:1px;
}

#submenu a.active {
	color:#2366a0;
	text-decoration:underline;
}

.uudised, .fb, .ego_jarelmaks {
	padding:0 40px 20px 0;
	width:260px;
}

#parem {
	float:left;
	padding:30px 0 0 0;
	width:620px;
}

.sertifikaat {
	padding:0 0 20px 110px;
	background:url('img/sertifikaat.png') no-repeat;
	background-position:0 0;
}

.tekstiosa {
	width:550px;
}

span.pakkumine {
	float:left;
	padding:10px 0 0 0;
	width:550px;
}

p.pakkumise_pilt {
	float:left;
	margin:3px 30px 30px 0;
}

/* galerii */

.galerii {
	width:920px;
}

.galerii a {
	float:left;
	margin:0 10px 10px 0;
	padding:7px;
	width:200px;
	height:170px;
	border:1px solid #ccc;
}

.galerii a:hover {
	opacity:0.6;
	filter:alpha(opacity=60, finishedopacity=60);
}

/* kontaktid */

.kontakt, .asukoht, .hinnaparing {
	width:460px;
	padding-top:30px;
}

p.floated, .hinnaparing p {
	float:left;
	padding:0 10px 10px 0;
}

p.floated {
  position: relative;
}

.error {
  color: #f00;
  font-size: 11px;
  position: absolute;
  text-align: right;
  right: 15px;
  top: 7px;
  background: none;
  display: none;
}


.hinnaparing h3 {
	float:left;
	width:200px;
}

.clear {
	float:left;
	clear:both;
}

p.x {
	padding-top:7px;
}

a#saada {
	float:left;
	margin:0;
	padding:10px 15px 10px 15px;
	background:#184b77;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

a#saada:hover {
	background:#222;
	color:#fff;
	text-decoration:none;
}

input, textarea {
	float:left;
	margin:0;
	padding:5px 10px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	border:0;
	resize:none;
}

input.long {
	background:url('img/input_pikk.png') no-repeat;
	background-position:0 0;
	width:380px;
	height:25px;
}

input.short {
	background:url('img/input_lyhike.png') no-repeat;
	background-position:0 0;
	width:65px;
	height:25px;
}

input.middle {
	background:url('img/input_keskmine.png') no-repeat;
	background-position:0 0;
	width:175px;
	height:25px;
}

textarea.textarea {
	width:380px;
	height:180px;
	padding:10px;
	background:url('img/textarea.png') no-repeat;
	background-position:0 0;
}

select {
	width:195px;
	padding:9px;
	border:0;
	background:url('img/input_keskmine.png') no-repeat;
	background-position:0 0;
	font-size:13px;
	color:#555;
}

input.check {
	margin:3px 10px 0 0;
}

/* jalus */

#jalus {
	float:left;
	padding:20px 20px 40px 20px;
	width:920px;
}

a.doit,
a.ministry {
	float:right;
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	background-position:0 0;
}

a.doit {background:url('img/doit.gif') no-repeat;}
a.ministry {background:url('img/ministry.gif') no-repeat;}

.kontaktid {
	width:920px;
}

.kontaktid p {
	float:left;
	margin:0 8px 0 0;
	padding:0 9px 0 0;
	font-size:11px;
	background:url('img/dot.png') no-repeat;
	background-position:100% 4px;
}