/* Värvikoodid: 4E4E4E - taust | 099345 ja 41F38E lingid | 934508 - alternatiivlingid */

@charset "UTF-8";

/* Paigutused keskmise suurusega ekraanidele */

header {													/* Päise argumendid */
	height: 50px; 										/* Päise kõrgus - pange sobima päisepildiga või logo kõrgusega */
	background-color: #ccc;				 			/* Suure bänneri pildi asukoht */
	background-image: url(../pildid/banner_keskmine.png);		/* Logo pildifaili asukoht */
}

header a.logo {																/* Logo argumendid */
	width: 162px;															/* Logo laius */
	height: 35px;															/* Logo kõrgus */
	top: 7px;																/* Logo kaugus ekraani ülaservast */
	right: 20px;															/* Logo kaugus servast (right-paremalt või left-vasakult: kasuta neist ühte) */
	background-image: url(../pildid/logo_keskmine.png);						/* Keskmise logo pildifaili asukoht */
}

nav {																		/* Menüü paigutamise argumendid */
	top: 50px;																/* Menüü kaugus ülaservast */
	background-color: #4E4E4E;
}

nav a {																		/* Menüü linkide argumendid */
	color:#fff;														/* Menüü teksti värv */
	text-transform: uppercase;											/* Menüü teksti muutus (teeb tähed suurtähtedeks) */
	text-decoration: none;												/* Menüü teksti dekoratsioon (joon alt ära) */
	display: inline-block;												/* Näitab menüükirjeid ühtse reana */
	font-weight: bold;													/* Menüü teksti paksus(muudab teksti rasvaseks) */
	font-size: 0.7em														/* Menüü teksti suurus */
}

.harud_konteiner {															/* Kartegooriate paigutamise üldargumendid */
	padding: 0px 20px 15px 20px; 											/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

.harud_konteiner .harud {													/* Kartegooriate paigutamise argumendid */
	background-position: 0px 0px;											/* Kategooria konteineri taustapildi nihked x ja y teljel */
	width: 45%;											/* Kategooria konteineri laius. (Mängides määrad ära mitu konteinerit ritta mahub) */
/*	height: 45%;
	padding: 0px 0px 0px 3px;						/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */

}

.harud_konteiner .harud .content {											/* Kategooria konteineri sisu argumendid */
	padding: 70px 30px 0px 0px;												/* Teksti paigutamine nihete abil. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

body {																		/* Sisu paigutamise argumendid */
	background-image: none;													/* Eemaldab taustapildi */
}