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

/* font-face */
@font-face {
    font-family: "Oswald Regular";
    src: url(../webfonts/Oswald-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "Raleway Light";
    src: url(../webfonts/Raleway-Light.ttf) format('truetype');
}

@font-face {
    font-family: "Raleway Regular";
    src: url(../webfonts/Raleway-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "Raleway Medium";
    src: url(../webfonts/Raleway-Medium.ttf) format('truetype');
}

@font-face {
    font-family: "Raleway SemiBold";
    src: url(../webfonts/Raleway-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: "Raleway Bold";
    src: url(../webfonts/Raleway-Bold.ttf) format('truetype');
}

@font-face {
    font-family: "Montserrat Light";
    src: url(../webfonts/Montserrat-Light.ttf)  format('truetype');
}

@font-face {
    font-family: "Montserrat Regular";
    src: url(../webfonts/Montserrat-Regular.ttf)  format('truetype');
}

@font-face {
    font-family: "Montserrat SemiBold";
    src: url(../webfonts/Montserrat-SemiBold.ttf)  format('truetype');
}

@font-face {
    font-family: "Montserrat Bold";
    src: url(../webfonts/Montserrat-Bold.ttf)  format('truetype');
}

@font-face {
    font-family: "Khand Regular";
    src: url(../webfonts/Khand-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "Khand Medium";
    src: url(../webfonts/Khand-Medium.ttf) format('truetype');
}

@font-face {
    font-family: "Khand Semibold";
    src: url(../webfonts/Khand-Semibold.ttf) format('truetype');
}

@font-face {
    font-family:"SourceSansPro-Light";
    src: url(../webfonts/SourceSansPro-Light.ttf) format('truetype');
}

@font-face {
    font-family:"SourceSansPro-Regular";
    src: url(../webfonts/SourceSansPro-Regular.ttf) format('truetype');
}

@font-face {
    font-family:"SourceSansPro-Semibold";
    src: url(../webfonts/SourceSansPro-Semibold.ttf) format('truetype');
}

/* page menu */
.menubanner {	
	width: 26%;
	height: auto;	
	color: #064e5a;
	display: inline-block;
	text-align: center;
	vertical-align: text-top;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 2%;
	margin: 1rem;
	border-radius: 1rem;
	border: #dadce0 1px solid;
	
	-webkit-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
     box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-trasition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	format */
}

.menubanner:hover {
	background: #f2f2f2;	
}

.bannerimg {
	width: 100%;
	height: auto;		
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
	border: #064e5a 1px solid;	
}

.bannerimg:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

#bim-01 { background: url(../arboprojekat_files/ucionica_files/uci-ico-01.jpg); background-position: center; background-size: 100% auto; }
#bim-02 { background: url(../arboprojekat_files/ucionica_files/uci-ico-02.jpg); background-position: center; background-size: 100% auto; }
#bim-03 { background: url(../arboprojekat_files/ucionica_files/uci-ico-03.jpg); background-position: center; background-size: 100% auto; }
#bim-04 { background: url(../arboprojekat_files/ucionica_files/uci-ico-04.jpg); background-position: center; background-size: 100% auto; }

#eki-01 { background: url(../arboprojekat_files/ucionica_files/eki-ico-01.jpg); background-position: center; background-size: 100% auto; }
#eki-02 { background: url(../arboprojekat_files/ucionica_files/eki-ico-02.jpg); background-position: center; background-size: 100% auto; }
#eki-03 { background: url(../arboprojekat_files/ucionica_files/eki-ico-03.jpg); background-position: center; background-size: 100% auto; }
#eki-04 { background: url(../arboprojekat_files/ucionica_files/eki-ico-04.jpg); background-position: center; background-size: 100% auto; }

#ksi-01 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-01.jpg); background-position: center; background-size: 100% auto; }
#ksi-02 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-02.jpg); background-position: center; background-size: 100% auto; }
#ksi-03 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-03.jpg); background-position: center; background-size: 100% auto; }
#ksi-04 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-04.jpg); background-position: center; background-size: 100% auto; }
#ksi-05 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-05.jpg); background-position: center; background-size: 100% auto; }
#ksi-06 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-06.jpg); background-position: center; background-size: 100% auto; }
#ksi-07 { background: url(../arboprojekat_files/ucionica_files/ksi-ico-07.jpg) ; background-position: center; background-size: 100% auto;}

#kvi-01 { background: url(../arboprojekat_files/ucionica_files/kvi-ico-01.jpg); background-position: center; background-size: 100% auto; }
#kvi-02 { background: url(../arboprojekat_files/ucionica_files/kvi-ico-02.jpg); background-position: center; background-size: 100% auto; }

/* Katalog vrsta */
#quarter-left {
	float: left;	
	width: 30%;
	height: auto;
	display: inline-block;
	text-align: center;	
	padding: 0 2% 0 2%;	
	
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-trasition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	format */	
}

#quarter-right {
	float: left;	
	width: 62%;
	height: auto;
	display: inline-block;
	text-align: left;	
	padding: 0 2% 0 2%;	
	
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-trasition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	format */	
}

.specblank {
	float: left;
	width: 100%;
	height: 1rem;
	display: inline-block;	
}

.specimagel {
	width: 85%;
	height: auto;
	display: inline-block;
	margin: 0.5rem 0 0.5rem 0;	
}

.specimager {
	width: auto;
	height: 11rem;
	display: inline-block;
	margin: 0 0 0 3%;	
}

.spectit {
	float: left;	
	width: 94%;
	height: auto;
	line-height: 170%;
	background-image: linear-gradient(180deg, #FFF, #E8E8E8);
	color: #064e5a;
	display: inline-block;
	text-align: left;	
	font-family: "Raleway Regular";
	font-size: 1.5rem;
	padding: 3%;
}

.spectxt {
	float: left;	
	width: 94%;
	height: auto;
	line-height: 160%;
	background-color: #E8E8E8;
	display: inline-block;
	text-align: left;
	font-family: "Raleway Light";
	font-size: 1.3rem;
	padding: 3%;
	margin: 0 0 1rem 0;
	border-bottom: #064e5a 1px solid;
}

/* kat menu */
.katbanner {	
	width: 18%;
	height: auto;	
	color: #064e5a;
	vertical-align: text-top;
	display: inline-block;
	text-align: center;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 2%;
	margin: 1rem;
	border-radius: 1rem;
	border: #dadce0 1px solid;
	
	-webkit-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
    -moz-box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
     box-shadow: 0 1rem 1rem -1rem rgba(0,0,0,0.8);
	
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-trasition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	format */
}

.katbanner:hover {
	background: #f2f2f2;
}

.katbannerimg {
	width: 100%;
	height: auto;		
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
	border: #064e5a 1px solid;	
}

.katbannerimg:after {
  content: "";
  display: block;
  padding-bottom: 80%;
}

/* Cetinari-meni */
#chet-m-01 { background: url(../arboprojekat_files/cet_files/cet-m-01.jpg); background-position: center; background-size: 100% auto; }
#chet-m-02 { background: url(../arboprojekat_files/cet_files/cet-m-02.jpg); background-position: center; background-size: 100% auto; }
#chet-m-03 { background: url(../arboprojekat_files/cet_files/cet-m-03.jpg); background-position: center; background-size: 100% auto; }
#chet-m-04 { background: url(../arboprojekat_files/cet_files/cet-m-04.jpg); background-position: center; background-size: 100% auto; }
#chet-m-05 { background: url(../arboprojekat_files/cet_files/cet-m-05.jpg); background-position: center; background-size: 100% auto; }
#chet-m-06 { background: url(../arboprojekat_files/cet_files/cet-m-06.jpg); background-position: center; background-size: 100% auto; }
#chet-m-07 { background: url(../arboprojekat_files/cet_files/cet-m-07.jpg); background-position: center; background-size: 100% auto; }
#chet-m-08 { background: url(../arboprojekat_files/cet_files/cet-m-08.jpg); background-position: center; background-size: 100% auto; }
#chet-m-09 { background: url(../arboprojekat_files/cet_files/cet-m-09.jpg); background-position: center; background-size: 100% auto; }
#chet-m-010 { background: url(../arboprojekat_files/cet_files/cet-m-010.jpg); background-position: center; background-size: 100% auto; }
#chet-m-011 { background: url(../arboprojekat_files/cet_files/cet-m-011.jpg); background-position: center; background-size: 100% auto; }
#chet-m-012 { background: url(../arboprojekat_files/cet_files/cet-m-012.jpg); background-position: center; background-size: 100% auto; }
#chet-m-013 { background: url(../arboprojekat_files/cet_files/cet-m-013.jpg); background-position: center; background-size: 100% auto; }
#chet-m-014 { background: url(../arboprojekat_files/cet_files/cet-m-014.jpg); background-position: center; background-size: 100% auto; }
#chet-m-015 { background: url(../arboprojekat_files/cet_files/cet-m-015.jpg); background-position: center; background-size: 100% auto; }
#chet-m-016 { background: url(../arboprojekat_files/cet_files/cet-m-016.jpg); background-position: center; background-size: 100% auto; }
#chet-m-017 { background: url(../arboprojekat_files/cet_files/cet-m-017.jpg); background-position: center; background-size: 100% auto; }
#chet-m-018 { background: url(../arboprojekat_files/cet_files/cet-m-018.jpg); background-position: center; background-size: 100% auto; }
#chet-m-019 { background: url(../arboprojekat_files/cet_files/cet-m-019.jpg); background-position: center; background-size: 100% auto; }
#chet-m-020 { background: url(../arboprojekat_files/cet_files/cet-m-020.jpg); background-position: center; background-size: 100% auto; }
#chet-m-021 { background: url(../arboprojekat_files/cet_files/cet-m-021.jpg); background-position: center; background-size: 100% auto; }
#chet-m-022 { background: url(../arboprojekat_files/cet_files/cet-m-022.jpg); background-position: center; background-size: 100% auto; }
#chet-m-023 { background: url(../arboprojekat_files/cet_files/cet-m-023.jpg); background-position: center; background-size: 100% auto; }
#chet-m-024 { background: url(../arboprojekat_files/cet_files/cet-m-024.jpg); background-position: center; background-size: 100% auto; }
#chet-m-025 { background: url(../arboprojekat_files/cet_files/cet-m-025.jpg); background-position: center; background-size: 100% auto; }
#chet-m-026 { background: url(../arboprojekat_files/cet_files/cet-m-026.jpg); background-position: center; background-size: 100% auto; }
#chet-m-027 { background: url(../arboprojekat_files/cet_files/cet-m-027.jpg); background-position: center; background-size: 100% auto; }
#chet-m-028 { background: url(../arboprojekat_files/cet_files/cet-m-028.jpg); background-position: center; background-size: 100% auto; }
#chet-m-029 { background: url(../arboprojekat_files/cet_files/cet-m-029.jpg); background-position: center; background-size: 100% auto; }
#chet-m-030 { background: url(../arboprojekat_files/cet_files/cet-m-030.jpg); background-position: center; background-size: 100% auto; }
#chet-m-031 { background: url(../arboprojekat_files/cet_files/cet-m-031.jpg); background-position: center; background-size: 100% auto; }
#chet-m-032 { background: url(../arboprojekat_files/cet_files/cet-m-032.jpg); background-position: center; background-size: 100% auto; }
#chet-m-033 { background: url(../arboprojekat_files/cet_files/cet-m-033.jpg); background-position: center; background-size: 100% auto; }
#chet-m-034 { background: url(../arboprojekat_files/cet_files/cet-m-034.jpg); background-position: center; background-size: 100% auto; }
#chet-m-035 { background: url(../arboprojekat_files/cet_files/cet-m-035.jpg); background-position: center; background-size: 100% auto; }
#chet-m-036 { background: url(../arboprojekat_files/cet_files/cet-m-036.jpg); background-position: center; background-size: 100% auto; }

/* Liscari-meni */
#list-m-01 { background: url(../arboprojekat_files/lis_files/lis-m-01.jpg); background-position: center; background-size: 100% auto; }
#list-m-02 { background: url(../arboprojekat_files/lis_files/lis-m-02.jpg); background-position: center; background-size: 100% auto; }
#list-m-03 { background: url(../arboprojekat_files/lis_files/lis-m-03.jpg); background-position: center; background-size: 100% auto; }
#list-m-04 { background: url(../arboprojekat_files/lis_files/lis-m-04.jpg); background-position: center; background-size: 100% auto; }
#list-m-05 { background: url(../arboprojekat_files/lis_files/lis-m-05.jpg); background-position: center; background-size: 100% auto; }
#list-m-06 { background: url(../arboprojekat_files/lis_files/lis-m-06.jpg); background-position: center; background-size: 100% auto; }
#list-m-07 { background: url(../arboprojekat_files/lis_files/lis-m-07.jpg); background-position: center; background-size: 100% auto; }
#list-m-08 { background: url(../arboprojekat_files/lis_files/lis-m-08.jpg); background-position: center; background-size: 100% auto; }
#list-m-09 { background: url(../arboprojekat_files/lis_files/lis-m-09.jpg); background-position: center; background-size: 100% auto; }
#list-m-010 { background: url(../arboprojekat_files/lis_files/lis-m-010.jpg); background-position: center; background-size: 100% auto; }
#list-m-011 { background: url(../arboprojekat_files/lis_files/lis-m-011.jpg); background-position: center; background-size: 100% auto; }
#list-m-012 { background: url(../arboprojekat_files/lis_files/lis-m-012.jpg); background-position: center; background-size: 100% auto; }
#list-m-013 { background: url(../arboprojekat_files/lis_files/lis-m-013.jpg); background-position: center; background-size: 100% auto; }
#list-m-014 { background: url(../arboprojekat_files/lis_files/lis-m-014.jpg); background-position: center; background-size: 100% auto; }
#list-m-015 { background: url(../arboprojekat_files/lis_files/lis-m-015.jpg); background-position: center; background-size: 100% auto; }
#list-m-016 { background: url(../arboprojekat_files/lis_files/lis-m-016.jpg); background-position: center; background-size: 100% auto; }
#list-m-017 { background: url(../arboprojekat_files/lis_files/lis-m-017.jpg); background-position: center; background-size: 100% auto; }
#list-m-018 { background: url(../arboprojekat_files/lis_files/lis-m-018.jpg); background-position: center; background-size: 100% auto; }
#list-m-019 { background: url(../arboprojekat_files/lis_files/lis-m-019.jpg); background-position: center; background-size: 100% auto; }
#list-m-020 { background: url(../arboprojekat_files/lis_files/lis-m-020.jpg); background-position: center; background-size: 100% auto; }
#list-m-021 { background: url(../arboprojekat_files/lis_files/lis-m-021.jpg); background-position: center; background-size: 100% auto; }
#list-m-022 { background: url(../arboprojekat_files/lis_files/lis-m-022.jpg); background-position: center; background-size: 100% auto; }
#list-m-023 { background: url(../arboprojekat_files/lis_files/lis-m-023.jpg); background-position: center; background-size: 100% auto; }
#list-m-024 { background: url(../arboprojekat_files/lis_files/lis-m-024.jpg); background-position: center; background-size: 100% auto; }
#list-m-025 { background: url(../arboprojekat_files/lis_files/lis-m-025.jpg); background-position: center; background-size: 100% auto; }
#list-m-026 { background: url(../arboprojekat_files/lis_files/lis-m-026.jpg); background-position: center; background-size: 100% auto; }
#list-m-027 { background: url(../arboprojekat_files/lis_files/lis-m-027.jpg); background-position: center; background-size: 100% auto; }
#list-m-028 { background: url(../arboprojekat_files/lis_files/lis-m-028.jpg); background-position: center; background-size: 100% auto; }
#list-m-029 { background: url(../arboprojekat_files/lis_files/lis-m-029.jpg); background-position: center; background-size: 100% auto; }
#list-m-030 { background: url(../arboprojekat_files/lis_files/lis-m-030.jpg); background-position: center; background-size: 100% auto; }
#list-m-031 { background: url(../arboprojekat_files/lis_files/lis-m-031.jpg); background-position: center; background-size: 100% auto; }
#list-m-032 { background: url(../arboprojekat_files/lis_files/lis-m-032.jpg); background-position: center; background-size: 100% auto; }
#list-m-033 { background: url(../arboprojekat_files/lis_files/lis-m-033.jpg); background-position: center; background-size: 100% auto; }
#list-m-034 { background: url(../arboprojekat_files/lis_files/lis-m-034.jpg); background-position: center; background-size: 100% auto; }
#list-m-035 { background: url(../arboprojekat_files/lis_files/lis-m-035.jpg); background-position: center; background-size: 100% auto; }
#list-m-036 { background: url(../arboprojekat_files/lis_files/lis-m-036.jpg); background-position: center; background-size: 100% auto; }
#list-m-037 { background: url(../arboprojekat_files/lis_files/lis-m-037.jpg); background-position: center; background-size: 100% auto; }
#list-m-038 { background: url(../arboprojekat_files/lis_files/lis-m-038.jpg); background-position: center; background-size: 100% auto; }
#list-m-039 { background: url(../arboprojekat_files/lis_files/lis-m-039.jpg); background-position: center; background-size: 100% auto; }
#list-m-040 { background: url(../arboprojekat_files/lis_files/lis-m-040.jpg); background-position: center; background-size: 100% auto; }
#list-m-041 { background: url(../arboprojekat_files/lis_files/lis-m-041.jpg); background-position: center; background-size: 100% auto; }
#list-m-042 { background: url(../arboprojekat_files/lis_files/lis-m-042.jpg); background-position: center; background-size: 100% auto; }
#list-m-043 { background: url(../arboprojekat_files/lis_files/lis-m-043.jpg); background-position: center; background-size: 100% auto; }
#list-m-044 { background: url(../arboprojekat_files/lis_files/lis-m-044.jpg); background-position: center; background-size: 100% auto; }
#list-m-045 { background: url(../arboprojekat_files/lis_files/lis-m-045.jpg); background-position: center; background-size: 100% auto; }
#list-m-046 { background: url(../arboprojekat_files/lis_files/lis-m-046.jpg); background-position: center; background-size: 100% auto; }
#list-m-047 { background: url(../arboprojekat_files/lis_files/lis-m-047.jpg); background-position: center; background-size: 100% auto; }
#list-m-048 { background: url(../arboprojekat_files/lis_files/lis-m-048.jpg); background-position: center; background-size: 100% auto; }
#list-m-049 { background: url(../arboprojekat_files/lis_files/lis-m-049.jpg); background-position: center; background-size: 100% auto; }
#list-m-050 { background: url(../arboprojekat_files/lis_files/lis-m-050.jpg); background-position: center; background-size: 100% auto; }
#list-m-051 { background: url(../arboprojekat_files/lis_files/lis-m-051.jpg); background-position: center; background-size: 100% auto; }
#list-m-052 { background: url(../arboprojekat_files/lis_files/lis-m-052.jpg); background-position: center; background-size: 100% auto; }
#list-m-053 { background: url(../arboprojekat_files/lis_files/lis-m-053.jpg); background-position: center; background-size: 100% auto; }
#list-m-054 { background: url(../arboprojekat_files/lis_files/lis-m-054.jpg); background-position: center; background-size: 100% auto; }
#list-m-055 { background: url(../arboprojekat_files/lis_files/lis-m-055.jpg); background-position: center; background-size: 100% auto; }
#list-m-056 { background: url(../arboprojekat_files/lis_files/lis-m-056.jpg); background-position: center; background-size: 100% auto; }
#list-m-057 { background: url(../arboprojekat_files/lis_files/lis-m-057.jpg); background-position: center; background-size: 100% auto; }
#list-m-058 { background: url(../arboprojekat_files/lis_files/lis-m-058.jpg); background-position: center; background-size: 100% auto; }
#list-m-059 { background: url(../arboprojekat_files/lis_files/lis-m-059.jpg); background-position: center; background-size: 100% auto; }
#list-m-060 { background: url(../arboprojekat_files/lis_files/lis-m-060.jpg); background-position: center; background-size: 100% auto; }
#list-m-061 { background: url(../arboprojekat_files/lis_files/lis-m-061.jpg); background-position: center; background-size: 100% auto; }
#list-m-062 { background: url(../arboprojekat_files/lis_files/lis-m-062.jpg); background-position: center; background-size: 100% auto; }
#list-m-063 { background: url(../arboprojekat_files/lis_files/lis-m-063.jpg); background-position: center; background-size: 100% auto; }
#list-m-064 { background: url(../arboprojekat_files/lis_files/lis-m-064.jpg); background-position: center; background-size: 100% auto; }


/* O arboretumu */
#oaleft {
	float: left;	
	width: 31%;
	height: auto;
	display: inline-block;
	text-align: centar;	
	padding: 0 2% 0 2%;	
}

#oaright {
	float: left;	
	width: 61%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
}

.oaimg {
	width: 85%;
	height: auto;		
	display: inline-block;
	text-align: center;			
}

.oaimg:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#oai-01 { background: url(../arboprojekat_files/oprojektu_files/ssk-arboretum-2.jpg); background-position: center; background-size: 100% auto; }

/* Literatura */
#litleft {
	float: left;	
	width: 41%;
	height: auto;
	display: inline-block;
	text-align: centar;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
}

#litright {
	float: left;	
	width: 51%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
}

.litimg {
	width: 60%;
	height: auto;		
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
				
}

/* Endemske vrste */
#evleft {
	float: left;	
	width: 46%;
	height: auto;
	display: inline-block;
	text-align: centar;	
	padding: 0 2% 0 2%;	
}

#evright {
	float: left;	
	width: 46%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
}

.evimgs {
	width: 40%;
	height: auto;		
	display: inline-block;
	text-align: center;	
	margin: 1rem;		
}

.evimgs:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#evi-01  { background: url(../arboprojekat_files/ucionica_files/evi-ico-01.jpg); background-position: center; background-size: 100% auto; }
#evi-01a { background: url(../arboprojekat_files/ucionica_files/evi-ico-01a.jpg); background-position: center; background-size: 100% auto; }
#evi-02  { background: url(../arboprojekat_files/ucionica_files/evi-ico-02.jpg); background-position: center; background-size: 100% auto; }
#evi-02a { background: url(../arboprojekat_files/ucionica_files/evi-ico-02a.jpg); background-position: center; background-size: 100% auto; }
#evi-03  { background: url(../arboprojekat_files/ucionica_files/evi-ico-03.jpg); background-position: center; background-size: 100% auto; }
#evi-03a { background: url(../arboprojekat_files/ucionica_files/evi-ico-03a.jpg); background-position: center; background-size: 100% auto; }
#evi-04  { background: url(../arboprojekat_files/ucionica_files/evi-ico-04.jpg); background-position: center; background-size: 100% auto; }
#evi-04a { background: url(../arboprojekat_files/ucionica_files/evi-ico-04a.jpg); background-position: center; background-size: 100% auto; }
#evi-05  { background: url(../arboprojekat_files/ucionica_files/evi-ico-05.jpg); background-position: center; background-size: 100% auto; }
#evi-05a { background: url(../arboprojekat_files/ucionica_files/evi-ico-05a.jpg); background-position: center; background-size: 100% auto; }
#evi-06  { background: url(../arboprojekat_files/ucionica_files/evi-ico-06.jpg); background-position: center; background-size: 100% auto; }
#evi-06a { background: url(../arboprojekat_files/ucionica_files/evi-ico-06a.jpg); background-position: center; background-size: 100% auto; }

/* edukutak-metodekalemljenja */
#kaleleft {
	float: left;	
	width: 26%;
	height: auto;
	display: inline-block;
	text-align: centar;	
	padding: 0 2% 0 2%;	
	cursor: pointer;
}

#kaleright {
	float: left;	
	width: 66%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
	cursor: pointer;
}

.kaleimgs {
	width: 80%;
	height: auto;		
	display: inline-block;
	text-align: center;	
	border: #064e5a 1px solid;			
}

.kaleimgs:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#ekmk-01 { background: url(../arboprojekat_files/edukutak_files/kalem-1.jpg); background-position: center; background-size: 101% auto; }
#ekmk-02 { background: url(../arboprojekat_files/edukutak_files/kalem-2.jpg); background-position: center; background-size: 101% auto; }
#ekmk-03 { background: url(../arboprojekat_files/edukutak_files/kalem-3.jpg); background-position: center; background-size: 101% auto; }
#ekmk-04 { background: url(../arboprojekat_files/edukutak_files/kalem-4.jpg); background-position: center; background-size: 101% auto; }
#ekmk-05 { background: url(../arboprojekat_files/edukutak_files/kalem-5.jpg); background-position: center; background-size: 101% auto; }
#ekmk-06 { background: url(../arboprojekat_files/edukutak_files/kalem-6.jpg); background-position: center; background-size: 101% auto; }
#ekmk-07 { background: url(../arboprojekat_files/edukutak_files/kalem-7.jpg); background-position: center; background-size: 101% auto; }
#ekmk-08 { background: url(../arboprojekat_files/edukutak_files/kalem-8.jpg); background-position: center; background-size: 101% auto; }

/* edukutak-suma */
#eksumleft {
	float: left;	
	width: 25.75%;
	height: auto;
	display: inline-block;
	text-align: right;
	font-family: "Raleway Regular";
	font-size: 1.1rem;		
	padding: 0 2% 0 2%;	
	cursor: pointer;	
}

#eksumcenter {
	float: left;	
	width: 35.75%;
	height: auto;
	line-height: 160%;
	color: #064e5a;	
	display: inline-block;
	text-align: centar;
	font-family: "Raleway Regular";
	font-size: 1.4rem;		
	padding: 2%;	
	cursor: pointer;			
}

#eksumright {
	float: left;	
	width: 25.75%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
	cursor: pointer;	
}

.eksumimgs {
	width: 60%;
	height: auto;		
	display: inline-block;
	text-align: center;					
}

.eksumimgs:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#eksum-01 {
	width: 76%;
	height: auto;
	display: inline-block;
	text-align: center;	
}

#eksum-02 { background: url(../arboprojekat_files/edukutak_files/suma-02.jpg); background-position: center; background-size: 101% auto; }
#eksum-03 { background: url(../arboprojekat_files/edukutak_files/suma-03.jpg); background-position: center; background-size: 101% auto; }
#eksum-04 { background: url(../arboprojekat_files/edukutak_files/suma-04.jpg); background-position: center; background-size: 101% auto; }
#eksum-05 { background: url(../arboprojekat_files/edukutak_files/suma-05.jpg); background-position: center; background-size: 101% auto; }

.eksumdesc {
	width: 60%;
	height: auto;
	color: #064e5a;		
	display: inline-block;
	text-align: center;
	padding: 1rem 0 1rem 0;	
}

/* edukutak-morfologija */
.halfmorf {	
	width: 70%;
	height: auto;
	display: inline-block;
	text-align: center;	
	border-bottom: 1px #E8E8E8 solid;
	padding: 2rem 0 1rem 0;	
	
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-trasition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	format */	
}

#morf-title {
	color: #064e5a;		
	font-family: "Raleway Regular";
	font-size: 1.4rem;		
	padding: 0 2% 0 2%;	
	cursor: pointer;	
}

#morfimg-01 {
	width: auto;
	height: 20rem;	
	text-align: center;	
	margin: 1rem 0 1rem 0;	
	cursor: pointer;	
}

/* edukutak-vege */
.vege-title {
	width: 66%;
	height: auto;
	color: #064e5a;		
	display: inline-block;
	text-align: left;	
	font-family: "Raleway Regular";
	font-size: 1.4rem;		
	padding: 1rem 2% 1rem 2%;	
	cursor: pointer;	
}

.vege-txt {
	width: 66%;
	height: auto;
	line-height: 130%;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.2rem;		
	padding: 0 2% 0 2%;	
	cursor: pointer;	
}

#vegeimg-01 {
	width: auto;
	height: 15rem;	
	text-align: center;	
	margin: 1rem 0 1rem 0;	
	cursor: pointer;	
}


/* Credits */
#credileft {
	float: left;	
	width: 21%;
	height: auto;
	display: inline-block;
	text-align: centar;	
	padding: 0 2% 0 2%;	
}

#crediright {
	float: left;	
	width: 71%;
	height: auto;	
	display: inline-block;
	text-align: left;
	font-family: "Raleway Regular";
	font-size: 1.1rem;	
	padding: 0 2% 0 2%;	
}

.credimgs {
	width: 75%;
	height: auto;		
	display: inline-block;
	text-align: center;			
}

.credimgs:hover {
	 width: 85%;
}

.credimgs:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

#ci-01 { background: url(../arboprojekat_files/oprojektu_files/ssk-arboretum.jpg); background-position: center; background-size: 100% auto; }
#ci-02 { background: url(../arboprojekat_files/oprojektu_files/sumarska-small.jpg); background-position: center; background-size: 100% auto; }
#ci-03 { background: url(../arboprojekat_files/oprojektu_files/zoran-nikolic-direktor.jpg); background-position: top; background-size: 100% auto; }
#ci-04 { background: url(../arboprojekat_files/oprojektu_files/dragojla-roljevic-nastavnik.jpg); background-position: center; background-size: 100% auto; }
#ci-05 { background: url(../arboprojekat_files/oprojektu_files/stojana-andjelkovic-nastavnik.jpg); background-position: center; background-size: 100% auto; }
#ci-06 { background: url(../arboprojekat_files/oprojektu_files/aleksandra-zdravkovic-nastavnik.jpg); background-position: center; background-size: 100% auto; }