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

	body {
	font-family: 'Arial';
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color: #00d7bb;
	background-image: url(images/back.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	}
	#page {
	background-color: #00edbe;
        background-repeat: no-repeat;	
        margin:0 auto;
        width: 874px;
        height: 1280px; 	       
        position: relative;	
	}  
	#logo {
	position: absolute;
        top: -145px;
        left: 15px;
        width: 869px;
        height: 126px;
	background-image: url('images/logo.png');
        background-repeat: no-repeat;
	z-index:-1;
	}    	 
	#potpis {
	position: absolute;
	top: 1277px;
	left: 524px;
	color: white;
	font-size: 10px;
	font-family: 'Arial';
	width: 348px;
	}	
	#pocetna {
	position: absolute;
        top: 296px;
        left: 0px;
	width: 160px;
        height: 46px;
        background-image: url('images/pocetna.png');
        background-repeat: no-repeat;
	}
	#pocetna:hover {
	position: absolute;
        background-image: url('images/pocetna1.png');
        background-repeat: no-repeat;
	}
	#divider1 {
	position: absolute;
        top: 336px;
        left: 0px;
	width: 220px;
        height: 1px;
        background-image: url('images/divider.png');
        background-repeat: no-repeat;
	}
	#kursevi {
	position: absolute;
        top: 335px;
        left: 65px;
       	width: 162px;
        height: 46px;
        background-image: url('images/kursevi1.png');
        background-repeat: no-repeat;
	}
	#kursevi:hover {
	position: absolute;
        background-image: url('images/kursevi1.png');
        background-repeat: no-repeat;
	}
	#engleski {
	position: absolute;
        top: 373px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/engleski.png');
        background-repeat: no-repeat;
	}
	#engleski:hover {
	position: absolute;
        background-image: url('images/engleski1.png');
        background-repeat: no-repeat;
	}
	#francuski {
	position: absolute;
        top: 395px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/francuski.png');
        background-repeat: no-repeat;
	}
	#francuski:hover {
	position: absolute;
        background-image: url('images/francuski1.png');
        background-repeat: no-repeat;
	}
	#nemacki {
	position: absolute;
        top: 417px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/nemacki.png');
        background-repeat: no-repeat;
	}
	#nemacki:hover {
	position: absolute;
        background-image: url('images/nemacki1.png');
        background-repeat: no-repeat;
	}
	#italijanski {
	position: absolute;
        top: 439px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/italijanski.png');
        background-repeat: no-repeat;
	}
	#italijanski:hover {
	position: absolute;
        background-image: url('images/italijanski1.png');
        background-repeat: no-repeat;
	}
	#spanski {
	position: absolute;
        top: 461px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/spanski.png');
        background-repeat: no-repeat;
	}
	#spanski:hover {
	position: absolute;
        background-image: url('images/spanski1.png');
        background-repeat: no-repeat;
	}
	#grcki {
	position: absolute;
        top: 483px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/grcki.png');
        background-repeat: no-repeat;
	}
	#grcki:hover {
	position: absolute;
        background-image: url('images/grcki1.png');
        background-repeat: no-repeat;
	}
	#norveski {
	position: absolute;
        top: 505px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/norveski.png');
        background-repeat: no-repeat;
	}
	#norveski:hover {
	position: absolute;
        background-image: url('images/norveski1.png');
        background-repeat: no-repeat;
	}
	#srpski {
	position: absolute;
        top: 526px;
        left: 65px;
       	width: 162px;
        height: 43px;
        background-image: url('images/srpski.png');
        background-repeat: no-repeat;
	}
	#srpski:hover {
	position: absolute;
        background-image: url('images/srpski1.png');
        background-repeat: no-repeat;
	}
	#japanski {
	position: absolute;
        top: 560px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/japanski.png');
        background-repeat: no-repeat;
	}
	#japanski:hover {
	position: absolute;
        background-image: url('images/japanski1.png');
        background-repeat: no-repeat;
	}
	#ruski {
	position: absolute;
        top: 582px;
        left: 65px;
       	width: 162px;
        height: 31px;
        background-image: url('images/ruski.png');
        background-repeat: no-repeat;
	}
	#ruski:hover {
	position: absolute;
        background-image: url('images/ruski1.png');
        background-repeat: no-repeat;
	}
	#galerija {
	position: absolute;
        top: 604px;
        left: 0px;
       	width: 161px;
        height: 46px;
        background-image: url('images/galerija.png');
        background-repeat: no-repeat;
	}
	#galerija:hover {
	position: absolute;
        background-image: url('images/galerija1.png');
        background-repeat: no-repeat;
	}
	#divider2 {
	position: absolute;
        top: 643px;
        left: 0px;
	width: 220px;
        height: 1px;
        background-image: url('images/divider.png');
        background-repeat: no-repeat;
	}
	#prijava {
	position: absolute;
        top: 641px;
        left: 65px;
       	width: 162px;
        height: 47px;
        background-image: url('images/prijava.png');
        background-repeat: no-repeat;
	}
	#prijava:hover {
	position: absolute;
        background-image: url('images/prijava1.png');
        background-repeat: no-repeat;
	}
	#divider3 {
	position: absolute;
        top: 681px;
        left: 0px;
	width: 220px;
        height: 1px;
        background-image: url('images/divider.png');
        background-repeat: no-repeat;
	}
	#onama {
	position: absolute;
        top: 679px;
        left: 0px;
       	width: 161px;
        height: 47px;
        background-image: url('images/onama.png');
        background-repeat: no-repeat;
	}
	#onama:hover {
	position: absolute;
        background-image: url('images/onama1.png');
        background-repeat: no-repeat;
	}
	#divider4 {
	position: absolute;
        top: 718px;
        left: 0px;
	width: 220px;
        height: 1px;
        background-image: url('images/divider.png');
        background-repeat: no-repeat;
	}
	#kontakt {
	position: absolute;
        top: 716px;
        left: 65px;
       	width: 162px;
        height: 46px;
        background-image: url('images/kontakt.png');
        background-repeat: no-repeat;
	}
	#kontakt:hover {
	position: absolute;
        background-image: url('images/kontakt1.png');
        background-repeat: no-repeat;
	}
	#logo span, #pocetna span, #kursevi span, 
	#galerija span, #prijava span, #onama span, 
	#kontakt span, #engleski span, #francuski span,
	#nemacki span, #italijanski span, #spanski span,
	#grcki span, #norveski span, #srpski span, #japanski span,
	#ruski span {display:none;}
	#slider {
	position: absolute;
        top: 0px;
        left: 0px;
	z-index:1;
	}
	#slider1 {
	position: absolute;
        top: 415px;
        left: 260px;
	}
	#belo {
	position: absolute;
	top: 230px;
	left: 153px;
	background-color: white;
	height: 1041px;
	width: 715px;
	}
	#footer {
	position: absolute;
	top: 1267px;
	left: 1px;
	background-color: #0194be;
	height: 25px;
	width: 874px;
	}
	#baner {
	position: absolute;
        top: 220px;
        left: -16px;
       	width: 914px;
        height: 53px;
        background-image: url('images/baner.png');
        background-repeat: no-repeat;
	z-index:2;
	}
	#divider5 {
	position: absolute;
	top: 652px;
	left: -31px;
	width: 626px;
	height: 35px;
	background-image: url('images/divider1.png');
	background-repeat: no-repeat;
	}
H1 {font-size:16px}
H2 {font-size:14px}
H3 {font-size:12px}