@import url(https://fonts.googleapis.com/css?family=Oswald:400,300|Allura&subset=latin,latin-ext);

html { height: 100%; } body { min-height: 100%; }

.bela {color:#fff;}
.zuta {color:#ffde00;}
.plava {color:#1ea0da;}
.tamnoplava {color:#002b64;}
.siva {color:#333c42;}
.zelena {color:#a1de4f;}
.skriveno {visibility: hidden;}

/*body:not(.raspored) .tm-content ul {list-style-image: url(../../../images/ico/bullet.png);}*/


/** TELEFONI **/

.telefoni-u-hederu {margin-top:10px;margin-bottom:0px;text-align: right;}
@media (max-width: 768px) {.telefoni-u-hederu  {margin-top:10px;margin-bottom:10px;text-align: center;font-size: 90%;}}
.tm-footer .telefoni-u-hederu {text-align: center;font-size: 90%;}

.telefoni-u-hederu a {
	color:#333c42;
	padding:3px 12px;
	border: 1px solid #333c42;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-decoration: none;
}
.tm-footer .telefoni-u-hederu a {
	padding:3px 12px;
	border: 1px solid #fff;
}

.telefoni-u-hederu a:hover {background-color:#1ea0da; color:#fff !important;}
.telefoni-u-hederu a:hover i {color:#fff !important;}



/*************/
/* PRE LINIJA */ 

.pre-linija a {text-decoration:none;} 
.pre-linija span.performa {color:#000;} 
.pre-linija span.fitnes {color:#e8ecef;} 
.pre-linija span.dance {color:#ffde00;} 
.pre-linija span.swim {color:#1ea0da;} 
.pre-linija span.spa {color:#a1de4f;} 

/* pre linija u meniju off convas*/

.pre-linija-off {
	font-family: Oswald;
	letter-spacing: 1.2vw;
    font-weight: 100;
	font-size: 110%;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #59656d;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}	
.pre-linija-off span {
	
	display: block; 					
	padding-left: 1.2vw;
    padding-bottom: 5px;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* pre linija u meniju hederu */

.tm-headerbar .uk-panel {max-width: 600px !important;}

.pre-linija-heder {
	font-family: Oswald;
	line-height: 23px;
	letter-spacing: 1vw;
	font-size: 90%;
    font-weight: 400;
	padding: 0 0 0 10px;
	margin: 20px 0 -20px 0;
	
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}	
.pre-linija-heder span {
	display: table;
	border-bottom:1px solid transparent;
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pre-linija-heder span:hover {
	border-bottom:1px solid #333c42;
	
	
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.slogan {
    font-family: Oswald;
    letter-spacing: 0.02vw;
    font-weight: 900;
    line-height: 100%;
    font-size: 240%;
    text-transform: uppercase;
    text-align: right;
    margin: 23px 20px 20px 0;
    display: inline-block;
    border-right: 1px solid #333c42;
    color: #333c42;
    padding-right: 15px;
	}



/**/	

.tm-logo {max-width: 227px; /*margin-bottom: -40px; margin-top: 40px;*/} 
.tm-logo-small img {max-height: 77px; margin-top: 6px;}  
.tm-middle {padding-bottom: 50px;}

/**/
 
h1 {font-size:300% !important; font-weight: 600 !important;} 
h2 {font-size:300% !important; font-weight: 600 !important;} 
h3 {font-size:300% } 
h4 {font-size:200%;} 
h5 {font-size:180%;} 
h6 {font-size:150%;} 

.uk-panel-box h3, h4, .novosti .uk-article-title {font-family: 'Oswald'; font-weight: 400; line-height: 120%;}
.novosti .uk-article-title {font-size:32px !important;}
h5, h6 {font-family: 'Oswald';}
.uk-panel-box  {font-family: 'Oswald'; font-weight: 300; font-size:14px;}

.uk-article-title, .tm-title {
	border-bottom: 2px #ccc dotted;
    margin-bottom: 40px;
    padding-bottom: 10px;
	}
.uk-breadcrumb {font-weight: 400;}	
.uk-float-right {font-weight: 400;}


/* naslovna tackice preko slike */
/*
body.naslovna::after {
	content:" ";
    background-repeat: repeat;
    background-image: url(../../../images/diz/gridtile_3x3.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}
*/





/* modul mozaik */
.mod-lud-naslovna h2 a {text-decoration:none; }
.mod-lud-naslovna h2 {font-family: 'Oswald'; font-weight: 400; font-size: 16px !important;line-height: 20px;}
.mod-lud-naslovna .sprocket-mosaic-item {background:#fff;}
.mod-lud-naslovna .sprocket-readmore {display:none;}
.mod-lud-naslovna .sprocket-mosaic-tags {display:none;}
.mod-lud-naslovna .sprocket-mosaic-hovercontent {display:none;}
.mod-lud-naslovna .sprocket-mosaic-title {overflow: hidden;height: 22px;margin-top: 5px; margin-bottom: -15px;}

/* last separator */
.tm-leading-article .uk-article:last-child {
	padding-bottom: 0;
	border-bottom: none;
	}

	/* llink zuti  */
.link-zuti li a {
	background: rgb(255, 222, 0) !important;
	color: #000 !important;
	padding: 5px 12px;
	line-height: 16px !important;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	vertical-align: bottom;
	text-decoration: none;
}
.link-zuti li a:hover {
	background: #222 !important;
	color: #1ea0da !important;
}
.link-zuti li.uk-active a {
	background: #ccc !important;
}


/* linkovi u clancima */
.uk-article p a:not(.normalink) {
	text-shadow: 0px 0px 2px #fff;
	font-weight:500;
	}


/* stilovi */

.stil-prazan {background: transparent;}
.stil-nula {padding: 0 !important; border:0 !important;}
.stil-zuti {background: #1ea0da;}
.stil-sivi {background: #ddd;}

.stil-fejs {background: #3b5998; color:#fff; overflow: hidden; border-right: 20px solid #3b5998;}
.stil-fejs h3 {color:#fff !important;}
.fejs-bg {background: url(../../../images/ico/like-big2.png) center no-repeat #3b5998;} 

		
 
.stil-tamni  {background: #222; color:#fff;}
.stil-tamni .uk-panel-title  {color:#fff;}
.stil-tamni a {color:#1ea0da !important;}
.stil-tamni a:hover {color:#fff !important;}

.stil-tamni2  {background: #777; color:#fff;}
.stil-tamni2 .uk-panel-title  {color:#1ea0da;}
.stil-tamni2 a {color:#1ea0da !important;}
.stil-tamni2 a:hover {color:#fff !important;}




/*jezik*/
.mod-languages a {color:#1ea0da;}
.mod-languages a:hover {color:#fff;}

/*tag*/
.tag-category  h2 {text-transform: capitalize;}
.tag-category  h2:before {content: "Tag:"; font-family:Oswald; font-size: 24px; font-weight:700;}



/* zaglavlje desno */
.zaglavlje-0red {
	clear:both; 
	margin-bottom:25px !important;
	}
	
.zaglavlje-1red {
	clear:both; 
	margin-right:-5px !important;
	} 
.zaglavlje-1red li { 
	max-width: 164px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	
	} 
/*.zaglavlje-1red li:hover { 
	overflow: visible;
	position: relative;	
	}*/
	
.zaglavlje-1red ul, 
.zaglavlje-1red ul li {
	display:inline;
	float:left; 
	padding:0 2px !important;
	margin:0px !important;
	border:0 !important;
	}

.zaglavlje-1red h4 {
	float:left;
	margin:0;	
	line-height: 22px;
	margin-top: 2px;
	}

.zaglavlje-2red {
	clear:both; 
	margin-top:3px !important;
	}

.zaglavlje-2red strong {
	margin-right:4px !important;
	}

/* zuto-crno */
/*
.zuto-crno h4, .zuto-crno strong, .zuto-crno span {
	font-size: 13px;
	text-transform: uppercase;
	font-weight:normal;
	padding:0 7px !important;
	color:#222;
	background: #1ea0da !important;	
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	}

 .zuto-crno a {
	font-size: 14px; 
	background: #222 !important;
	color: #1ea0da !important;
	padding: 0 7px;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	text-decoration: none;
	}

.zuto-crno a:hover {
	background: #fff !important;
	color: #222 !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #222;
	}
	*/

/* sivo-zuto */

.zuto-crno h4, .zuto-crno strong, .zuto-crno span {
	font-size: 13px;
	text-transform: uppercase;
	font-weight:normal;
	padding:0 7px !important;
	color:#fff;
	background: #ccc !important;	
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	}

.zuto-crno h4:hover, .zuto-crno strong:hover, .zuto-crno span:hover {
	color:#fff;
	background: #222 !important;	
	}

.zuto-crno h4:hover:after, .zuto-crno strong:hover:after, .zuto-crno span:hover:after {
	content: url(../../../images/ico/anim-222-desno.gif);
	padding: 0 !important;
    margin: 0 !important;
	}

 .zuto-crno a {
	font-size: 14px; 
	background: #1ea0da !important;
	color: #222 !important;
	padding: 0 7px;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	text-decoration: none;
	}

.zuto-crno a:hover {
	background: #222 !important;
	color: #fff !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #222;
	}



/* BOTTOM B */
/*
.tm-bottom-b::before {
	content: " ";
	z-index:-1;
	height: 100%;
	max-height: 380px;
	background:#444; 
	position: absolute;	left: 0;right: 0; 
	margin-top: -30px;
	}
*/

/* footer */

.tm-footer {
	background:#333c42; 
	color: #fff;
	
	margin-bottom: 0;
	margin-top: 0;
	
	padding: 40px 0;
	}

.tm-footer .mreza a {
	text-decoration:none;
	letter-spacing: 10px;
    padding: 0 5px;
	}
.tm-footer a {color: #ccc;}
.tm-footer a:hover {color: #1ea0da;}

/* tim */

.tim .uk-article hr {clear:both; padding:5px 0;} 
.tim .uk-article strong {color:#1ea0da; font-size:200%;} 
.tim .uk-article img {display:inline-block; float:left !important; margin:0 50px 50px 0;} 
.tim .uk-article span {text-decoration:none !important; font-weight:bold;}

/*@media (max-width: 599px) {.tim .uk-article img { max-width:50px; display:inline-block; float:left !important; margin:0 10px 10px 0;} }*/

@media (min-width: 1220px) {.tim .uk-article img {max-width: 70%;} }

/* usluge */

.usluge .tm-bottom-a {margin-top:-60px;}
/*.usluge .sprocket-tables-title  {font-size: 2.8em; margin: 20px 0;} */ /* pustiti ako ide 2x2 */
.usl-maxi .sprocket-tables-title  a {font-size: 32px; font-weight: 900; line-height: 36px;} /* pustiti ako ide 4x1 */
.sprocket-tables-title  a {text-decoration:none !important;}
.sprocket-tables-title  a:hover, .sprocket-tables-title  a:focus {color:#fff !important;}
.sprocket-tables-item:hover div.sprocket-tables-desc {background:#1ea0da;}
.sprocket-tables-price {color: #ccc;}
.usl-mini .sprocket-tables-link {display:none;}

/* program */

.program article.uk-article div:first-of-type {
	border-left: 50px solid #ccc;
	padding-left: 20px;
	}
.program article.uk-article:hover div:first-of-type {
	border-color:#1ea0da;
	}

.program .uk-article strong {
	font-weight: normal;
	background: #888 !important;
	color: #fff !important;
	padding: 0 7px;
	border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	float:left;
	margin-bottom:10px; 
	margin-right:10px;
	margin-top: 4px;

	}
.program .uk-article em {
    font-style: normal;
	background: #fff !important;
	color: #222 !important;
	padding: 0 7px;
	/*border-radius: 16px;
		-webkit-border-radius: 16px;
		-webkit-transform: translateZ(0);
	border:1px solid #ccc;*/
	line-height: 30px;
	white-space: nowrap;
	}

/* modul filmovi */

.mod-filmovi {
	background-image: url("../../../images/diz/bg-film.jpg");
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
}
.mod-filmovi h6 {
	font-size:124%;
	font-weight: 300;
	margin-bottom: 10px;
}
	
/* modul programi */

ul.mod-programi {padding-left: 0;	list-style-type: none;}
ul.mod-programi a {
	color:#000;
	font-size:22px; 
	font-weight:300; 
	text-decoration:none;
	max-width: 100% !important;
	display: inline-table;
	height: 28px;
	margin: 0 !important;
	padding: 7px;}
ul.mod-programi a:hover, ul.mod-programi a:focus  {color:#222 !important;}
ul.mod-programi .fWord{font-weight:400;} /* prva reč bold */
div.mod-programi h3.uk-panel-title {color:#fff !important;}
ul.mod-programi li {margin: 0; padding:0; border-bottom:1px solid #fff;}
ul.mod-programi li:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

div.uk-panel.mod-programi {
	background-image: url("../../../images/diz/silueta-1.png");
	background-size: cover;
	background-attachment: scroll;
	background-position: left;
	background-repeat: no-repeat;
	padding-bottom: 50px;	
	}

/* utisci clanova */

.utisci .uk-article h3 {font-size: 150%;}

/* raspored */	

.raspored table {min-width:820px;}
.raspored td, .raspored th {border-bottom:1px solid #e5e5e5; text-align:center;}
.raspored thead tr {background:#333c42; color:#fff;}
.raspored thead th {font-weight:300;}
/*.raspored tbody td {height:60px;}*/
.raspored td:nth-child(8n+1){background:#e5e5e5;}
.raspored td {border-left:1px solid #fff;border-right:1px solid #fff;}
.raspored tr:last-of-type {border-bottom:2px solid #222;}

.uk-width-1-9 {width: 14%;} /*ukupno 98% */
.uk-width-1-9a {width: 1%;} /* 2x = 2% */


/* boje (za raspored) */

.zelena100 {background: rgba(161, 222, 79, 1);}
.zelena75 {background: rgba(161, 222, 79, 0.75);}
.zelena50 {background: rgba(161, 222, 79, 0.50);}
.zelena25 {background: rgba(161, 222, 79, 0.25);}


.plava100 {background: rgba(30, 160, 218, 1);}
.plava75 {background: rgba(30, 160, 218, 0.75);}
.plava50 {background: rgba(30, 160, 218, 0.50);}
.plava25 {background: rgba(30, 160, 218, 0.25);}

.zuta100 {background: rgba(255, 222, 0, 1);}
.zuta75 {background: rgba(255, 222, 0, 0.75);}
.zuta50 {background: rgba(255, 222, 0, 0.50);}
.zuta25 {background: rgba(255, 222, 0, 0.25);}

.crna100 {background: #333c42; color:#fff;}
.crna75 {background: rgba(51, 60, 66, 0.75); color:#fff;}
.crna50 {background: rgba(51, 60, 66, 0.50);}
.crna25 {background: rgba(51, 60, 66, 0.25);}

.bela100 {background: rgba(255, 255, 255, 1); color:#000;}
.bela75 {background: rgba(255, 255, 255, 0.75); color:#000;}
.bela50 {background: rgba(255, 255, 255, 0.50); color:#000;}
.bela25 {background: rgba(255, 255, 255, 0.25); color:#000;}

.ivicabela {border: 2px dotted #fff !important;}
.ivicazuta {border: 2px dotted rgba(255, 255, 0, 0.75) !important;}
.ivicacrna {border: 2px dotted #868686 !important;}




/* cenovnik */


.cene .uk-tab > li > a h5 {color: #fff;}
.cene .uk-tab > li.uk-active > a {
    background: #1ea0da;‚
    padding-top: 20px;
	}
.cene .uk-tab > li > a {
    background: #333c42;
    padding-top: 20px;
	}

/* novosti */

.novosti .uk-article-meta { margin-top:-30px; }
body:not(.naslovna) .mod-novosti-v .minifrontpage-default .mfp-table-cell-inner { margin-right:0; }
.mod-novosti-v .minifrontpage-default .mfp-table-cell p {
	font-size: 90%;
	color: #666;
	padding: 0px;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 10px 0;
	text-shadow: none;
	line-height: normal;
	}


/* kontakt */

.kontakt legend {font-size:16px;}
.kontakt .contactkontakt h3 {display:none;}
.kontakt .form-actions  {padding-top:0; background:#fff;margin-top:-30px;margin-bottom: 40px;}
.kontakt #jform_contact_message  {min-height:70px;}
.kontakt .tm-content {margin-bottom:-70px;} /* neki bug iz forme */
.kontakt dt {font-weight:400;} 
.kontakt .tm-bottom-a {height:480px;} /* fix zbog full-size mape */

/* pretraga */

.mod-pretraga {border: 1px solid #777; margin:-1px;}
.mod-pretraga {background:#fff;}
.uk-search:before {color: #1ea0da;}
/*
input.uk-search-field {background: #fff; border: 1px solid #777;}
input.uk-search-field:focus {background:#fff; width:150px; border: 1px solid #777;}

*/
.uk-navbar .uk-search.uk-active .uk-search-field {color: #fff;}
.uk-navbar input.uk-search-field:focus {color: #ffffff;}

/* zaposlenje */
.form-actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
}

/* newsletter */

.mod-newsletter .inputbox {width:95%;}
.mod-newsletter .asterix-ancor {display:none;}
.mod-newsletter .visform {margin:0;}
.mod-newsletter fieldset {margin:0;}
.mod-newsletter .btn {float: right; padding: 2px 10px; border-radius: 6px;
		-webkit-border-radius: 6px;	-webkit-transform: translateZ(0);}
.mod-newsletter .visCustomText {margin-top: -10px;  margin-bottom: 0;}
/* sistem sys */

#system-message-container .uk-alert-success {
    background: #222;
    color: #1ea0da;
}
#system-message-container h2 {
	font-family: Oswald !important;
	font-weight: 400 !important;
	font-size: 44px !important;
	float: left;
	padding-right: 20px;
	}


	
/************/
/************/
/************/
/************/


/* Phone landscape and bigger */
@media (max-width: 479px) {

}/**/

@media (min-width: 480px) and (max-width: 767px) {

}/**/

/* Phone landscape and smaller */
@media (max-width: 767px) {
	.tm-navbar:not(.uk-navbar-attached) {height: 90px;}
	.uk-navbar-toggle {margin-top: 25px;float: right;}

}/**/


/* Tablet and bigger */
@media (min-width: 768px) {
	
	.usluge .uk-article a.uk-align-left {max-width:40%;}

}

@media (min-width: 768px) and (max-width: 959px) { 	
		
	/* submeni, linija */
	.uk-navbar-nav-subtitle > div { display: none; } 
	.uk-navbar-nav > li > a { height: 30px;} 
	.uk-navbar-nav > li > a { padding: 0 10px;}

}/**/




/* Tablet portrait and smaller */
@media (max-width: 959px) {

}

/* Tablets portrait */
@media (min-width: 960px) and (max-width: 1219px) {

}/**/



/* Desktop and bigger */
@media (min-width: 960px) {
	.cene #cenetab {padding:0 20px; border: 1px solid #dddddd;}

}

/* Large screen and bigger */
@media (min-width: 1220px) {
		
} /**/




/*************/
/* NAVBAR */

.uk-navbar {	border-bottom: 5px solid #1ea0da;}
.uk-navbar-nav > li > a {text-transform: uppercase;}
.uk-nav-offcanvas > li > a {text-transform: uppercase;}

.tm-headerbar {margin-top: 0px !important; margin-bottom: 0px !important;}
.tm-navbar {margin-top: 0px !important; margin-bottom: 30px !important;}


/* meni sub tekst */
.uk-nav li > a > div { color: #777; }
/* dropdown menu */
.uk-nav-navbar>li>a:hover, .uk-nav-navbar>li>a:focus {color:#222;}


/*************/
/*************/
/*************/



/* galerija */

.uk-align-left { max-width: 100%; }
.uk-align-right { max-width: 100%; }

.galerija .uk-article-title {
    font-size: 42px !important;
    line-height: 36px;
    height: 72px;
}


@media (min-width: 768px) { 
	.galerija .uk-article a.uk-align-left {
		height: 140px; overflow:hidden;	}}

		
@media (min-width: 1024px) { 
	.galerija .uk-article a.uk-align-left {
		height: 220px; overflow:hidden;	}}

/***********/
 

/* youtube responsive */
.video {
    position: relative;  
    padding-bottom: 56.25%; /* 16/9 ratio */  
    padding-top: 30px; /* IE6 workaround*/  
    height: 0;  
    overflow: hidden;  
}  

.video iframe,  
.video object,  
.video embed {  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
}
}