html { font-size: 62.5%;}
body {
    font-family: Garamond, 'EB Garamond', Georgia, serif;
    color:#333;
	background: #fff;
	font-size: 1em;
}
h1{
	font-family: 'Trajan Pro', Cinzel, serif;
}
@media (max-width: 300px) {
    html{ font-size: 90%; }
	h1{font-size: 250%;}
	h2{font-size: 150%;}
	h3{font-size: 100%;}
}
@media (min-width: 301px) {
    html{ font-size: 100%; }
	h1{font-size: 250%;}
	h2{font-size: 150%;}
	h3{font-size: 100%;}
}

@media (min-width: 500px){
	#moto{
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1000;
	}
}

@media (min-width: 700px) {
    html{ font-size: 120%; }
	h1{font-size: 250%;}
	h2{font-size: 150%;}
	h3{font-size: 100%;}
}

@media (min-width: 768px){
	.navbar-nav>li>a {
		padding-bottom: 0.3em;
		padding-top: 1.2em;
	}
	 html{ font-size: 110%; }
	 h1{font-size: 180%;}
	h2{font-size: 150%;}
	h3{font-size: 100%;}
}
@media (min-width: 768px) and (max-width: 1024px){
	#diploma_img{
		padding-top: 30%;
	}
}
@media (max-width: 767px){
	#diploma_img{
		display: none;
	}
}
@media (min-width: 1000px) {
    html{ font-size: 140%; }
	h1{font-size: 250%;}
	h2{font-size: 150%;}
	h3{font-size: 100%;}
}

/*V-ALIGN*/
.v-align-parent{
	height: 300px;
	line-height: 270px;
	text-align: center;
}
.v-align-child{
	vertical-align:middle;
	display: inline-block;
}
/* NAVIGATION */
.navbar-header{
	background: #0f75bc;
}

.navbar-toggle .icon-bar{
	background: #fff;
}
.nav{
	width: 100%;	
}
.nav > li {
	margin-left: 0.5%;
	background: #0f75bc;
	padding: 0 1em 0 1em;
}
.nav > .active {
	padding-top: 1.5em;
}
.nav > li > a:focus, .nav > li > a:hover, .dropdown > li > a:focus, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: transparent;
}
.nav > li:hover , .nav > li:focus, .nav > li:active{
	background-color: #0d65a3;
}
.nav  li  a{
	font-size: 20px;
	color: #fff;
}
.drop_bck{
	background: #0f75bc;
}
@media (min-width: 768px){
	.lang_dwn{
		display: none!important;
	}
}
@media (max-width: 767px){
	.lang_btn{
		display: none!important;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.lang_btn{
		position: absolute;
		right: 0;
		top: 55px;
	}
}
@media (min-width: 992px){
.lang_btn{
		position: absolute;
		right: 0;
		top: 0;
	}
}	
/* NAVIGATION */
/*BACKGROUND IMG*/
@media (min-width: 800px){
	#iluzionist_img{
		background: url(images/iluzionist_logo.png) no-repeat 100% 6%;
		background-size: 40% 15%;
	}
	#zongler_img{
		background: url(images/zongler_logo.png) no-repeat 95% 6%;
		background-size: 35% 12%;
	}
}
@media (min-width: 1100px){
	#iluzionist_img{
		background: url(images/iluzionist_logo.png) no-repeat 100% 5%;
	}
	#zongler_img{
		background: url(images/zongler_logo.png) no-repeat 95% 3%;
	}
}
/* POČETNA  JUMBO*/
.logo{
	margin-left: 8%;
	margin-bottom: 20px;
}
#varietas{
	background: #c7ff1d; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #c7ff1d 0%, #2590da 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c7ff1d), color-stop(100%,#2590da)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #c7ff1d 0%,#2590da 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #c7ff1d 0%,#2590da 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #c7ff1d 0%,#2590da 100%); /* IE10+ */
	background: linear-gradient(135deg, #c7ff1d 0%,#2590da 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ff1d', endColorstr='#2590da',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-bottom: 40%;
	width: 95%;
}
#moto{
	background: #ffb400;
	padding: 0.5em 1.5em 0.5em 1.5em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/* IE 8 */
	filter: alpha(opacity=90);/* IE 5-7 */
	-moz-opacity: 0.9;/* Netscape */
	-khtml-opacity: 0.9;/* Safari 1.x */
	opacity: 0.9;
	color: #fff;
}
/*POČETNA JUMBO*/

/*TKO SMO*/
#tko_smo{
	background: #a4b9c9;
	color: #FFF;
}
.opsirnije{
	color: #0f75bc;
	text-decoration: underline;
	margin-bottom: 20px;
}
/*TKO SMO*/

/*PROGRAMI*/
.naslov{
	text-align: center;
	color: #0f75bc;
	font-family: 'Trajan Pro', Cinzel, serif;
}

.tablica{
	background: #a4b9c9;
	color: #fff;
}

.table-naslov {
	background: #0f75bc;
}
.slika{
	width: 80px;
	background: #0f75bc;
}
.programi{
	margin-left: 2%;
	vertical-align: middle;
}
/*PROGRAMI*/

/*FOOTER*/
#footer{
	padding: 10px;
	background: #e6e6e6;
}

/*PROGRAMI STRANICE*/
.program_naslov{
	background:	#0f75bc;
	color: #FFF;
	margin-top: 15%;
	margin-bottom: 15%;
	position: relative;
	z-index: -1;
}

.programi_info{
	color: #48677f;
}

.programi_plan{
}

/*O NAMA, NOVOSTI, KONTAKT */
.o_nama{
	background: #a4b9c9;
	margin-top: 2%;
}
.o_nama_text{
	width: 70%;
	padding: 5% 0 5% 0;
	color: #fff;
}
.center{
	float: none;
	margin: 0 auto;
}
.galerija > a{
	font-weight: bold;
	text-shadow: 1px 1px #000;
	letter-spacing: 3px;
}
.kontakt_map{
	width: 70%;
	padding: 5% 0 5% 0;
	color: #fff;
}
.kontakt_text{
	width: 70%;
	padding: 5% 0 5% 0;
	color: #48677f;
	text-align: center;
}
.kontakt_text > h1, .kontakt_text > div > h1{
	font-size: 120%;
	color: #0f75bc;
}
.google_maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
}
.google_maps iframe {
    position: absolute;
    top: 0;
	left: 0;
    width: 100% !important;
    height: 100% !important;
}