@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

html, body, form{height:100%;}

body{margin:0px; padding:0px; background:#fff; color:#333; font-family: 'OpenSans-CL', Segoe, "Segoe UI", Arial, Helvetica, sans-serif; font-size:18px;}

body{overflow-x:hidden}


#dnnCPWrap, #dnnCPWrap a, table.dnnGrid, table.dnnGrid a{color:#000!important;}
#dnnCPWrap a.dnnPrimaryAction{color:#fff!important;}

/* headings */
h1, h2, h3, h4, h5, h6{margin:0px 0px 10px 0px;  padding:0px; font-weight:normal;}
h1{font-size:22px;}
h2{font-size:28px; font-family: 'OpenSans-Regular'; margin-bottom:15px;}
h3{font-size:24px;} .te-green h3{margin-bottom:0px;} .span4 h3{font-size:30px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
/* headings */

/* links */
a:link, a:visited{color:#333; text-decoration:none; 
-webkit-transition: color 0.8s ease-out;
-moz-transition: color 0.8s ease-out;
-o-transition: color 0.8s ease-out;
-ms-transition: color 0.8s ease-out;}
a:hover, a:active{color:#06acd0;}

.sc-right .pane a:link, .sc-right .pane a:visited{color:#06acd0;}
.sc-right .pane a:hover, .sc-right .pane a:active{color:#333;}

:focus{outline:none;}
input, select, textarea{font-family: 'OpenSans-CL', Segoe, "Segoe UI", Arial, Helvetica, sans-serif}

.borBox{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.bounce, .pulse, .floating, .tossing, .pullUp, .pullDown, .stretchLeft, .stretchRight, .animated {visibility: visible !important;}

.grayscale {  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray; -webkit-filter: grayscale(100%);}

.grayscale.grayscale-fade {  -webkit-transition: -webkit-filter .5s;}

.grayscale.grayscale-fade:hover {  -webkit-filter: grayscale(0%); filter: none;}

.grayscale-replaced.grayscale-fade svg { opacity: 1; -webkit-transition: opacity .5s ease; transition: opacity .5s ease;}

.grayscale-replaced.grayscale-fade:hover svg {opacity: 0;}
/* links */

/* site skin */
/*** animation ***/
.siteHeader, .IntroCovered, .gridRow > [class*="span"]{visibility:hidden;}
.subSite.siteHeader{visibility:visible;}

#siteLogo{float:left; width:37%; margin:10px 0px;}
.siteNav{float:right; width:auto; margin:0px 0px; max-width:60%;}

.mobileShow{display:block;}
.desktopShow{display:none;}

.ic-over{position:absolute; left:50%; bottom:-11px; margin-left:-55px; width:110px;}
.ic-over span{ background:rgba(255,255,255,0.80); padding:5px 0px; width:100%; text-align:center; color:#333; font-size:15px; text-transform:uppercase; box-shadow: 0px 8px 21px 0px rgba(0, 0, 0, 0.92); float:left; margin-top:-50px;}

.scroll{float:left; width:100%; text-align:center; margin-top:20px;}

.scroll i.scrollHint {
	-webkit-animation: 1s ease-out 0s normal none infinite scrollHint;
	-moz-animation:    1s ease-out 0s normal none infinite scrollHint;
	-o-animation:      1s ease-out 0s normal none infinite scrollHint;
	animation:         1s ease-out 0s normal none infinite scrollHint;
	
	 bottom: 10px; cursor: pointer;font-size:20px; left: 0;position: absolute; width: 100%;} 

@-webkit-keyframes scrollHint {
    0% { bottom: 10px;}
	50% { bottom: 20px;}
	100% { bottom: 10px;}
}
@-moz-keyframes scrollHint {
    0% { bottom: 10px;}
	50% { bottom: 20px;}
	100% { bottom: 10px;}
}
@-o-keyframes scrollHint {
    0% { bottom: 10px;}
	50% { bottom: 20px;}
	100% { bottom: 10px;}
}
@keyframes scrollHint {
    0% { bottom: 10px;}
	50% { bottom: 20px;}
	100% { bottom: 10px;}
}


header.siteHeader{background:#2d2b31; color:#fff; position:relative; z-index:400;}
#IntroCover{position:relative; z-index:10;}
.IntroCovered{position:relative; overflow:hidden;}
#siteContent{border-top:10px solid #2d2b31; padding:30px 0px 0px; position:relative; z-index:300;}
.siteAtEnd{margin-top:30px;}
.siteAtEnd img{postion:relative; z-index:1;}
.overTxt{float:left; width:100%; margin-top:-24px; position:relative; z-index:9000; background:rgba(255,255,255,0.80);  padding:0px; font-size:17px; text-align:center;}

#SiteFooter{padding:10px 0px; font-size:11px; font-family: 'OpenSans-Regular'; float:left; width:100%;}
.siteCopyright{float:left; width:100%; margin-bottom:5px; text-align:center;}
.sitePageLinks{float:left; width:100%; text-align:center; text-transform:lowercase;}
.sitePageLinks a{color:#333!important;} .sitePageLinks a:hover{color:#06acd0!important;}

/* site Intro */
.SiteIntro{display:block; width:100%; height:125px; position:relative; visibility:hidden;}
.SiteIntro h1{position:absolute; font-size:22px; bottom:0px; background:rgba(255,255,255,0.80); padding:5px 10px;}
.SiteIntro.bg0{background:url(../bg/modrijani_1.png) no-repeat right top;}
.SiteIntro.bg1{background:url(../bg/modrijani_2.png) no-repeat right top;}
.SiteIntro.bg2{background:url(../bg/modrijani_3.png) no-repeat right top;}
.SiteIntro.bg3{background:url(../bg/modrijani_4.png) no-repeat right top;}
.SiteIntro.bg4{background:url(../bg/modrijani_5.png) no-repeat right top;}
.SiteIntro.bg5{background:url(../bg/modrijani_1.png) no-repeat right top;}
.SiteIntro.bg6{background:url(../bg/modrijani_2.png) no-repeat right top;}
.SiteIntro.bg7{background:url(../bg/modrijani_3.png) no-repeat right top;}
.SiteIntro.bg8{background:url(../bg/modrijani_4.png) no-repeat right top;}
.SiteIntro.bg9{background:url(../bg/modrijani_5.png) no-repeat right top;}

.SubContent{margin-bottom:20px;}

.sc-left{float:left; width:100%;}
.sc-right{float:left; width:100%; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #e4e4e4; overflow-y:hidden; overflow-x:hidden;}

.sc-left .pane{margin-bottom:15px;}
.sc-left .pane.DNNEmptyPane{margin-bottom:0px;}

.modrijaniWrap .gridRow{margin-bottom:15px;}
.modrijaniWrap .gridRow .span6{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;}
.modrijaniWrap .gridRow .span6:nth-child(2){}
.modrijaniWrap .gridRow .span6 img{padding:2px; border:1px solid #e4e4e4;}
.modrijaniWrap .gridRow .span6 img::after{}

.albumWrap .gridRow{margin-bottom:15px;}
.albumWrap .gridRow .span6{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;}
.albumWrap .gridRow:nth-child(2n){background:#f2f2f2;}
.albumWrap .gridRow .span6:first-child{text-align:center; margin:30px 0px 0px;}
.albumWrap .gridRow .span6 img{padding:2px; border:1px solid #e4e4e4;}
.albumWrap .gridRow .span6 img::after{}

.kontaktWrapper .gridRow{margin-bottom:15px;}

.naslovAlbum{float:left; width:100%; margin-top:15px;}
.skladbeAlbum ol{padding:0px 0px 0px 15px;}
.skladbeAlbum ol li{}

.NastopiWrapp{float:left; width:100%; font-family: 'OpenSans-CL'; }
.NastopiWrapp .gridRow{margin-bottom:15px;}
.NastopiWrapp .gridRow [class*="span"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:4px 10px;}
.NastopiWrapp .gridRow:nth-child(2n){background:#f2f2f2;}
.NastopiWrapp .gridRow [class*="span"] span{float:left; width:100%; font-size:12px; font-family: 'OpenSans-Regular';}

/* news */
.novica_wrapper{float:left; width:100%; position:relative; margin-bottom:15px!important; overflow:hidden; max-height:247px;}
a.nw_image{position:relative; z-index:100; float:left; width:100%; text-align:center;}
.novica_wrapper h2{position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.80); color:#fff; padding:8px 10px; width:100%; z-index:6030; margin-bottom:0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;}
.novica_wrapper h2 a{color:#fff; font-family: 'OpenSans-CL'; font-size:20px; line-height:1.2; float:left; width:100%;}
.novica_wrapper:hover h2{padding:15px 10px 15px 10px;}

.sh-th-movie{position:absolute; text-align:center; left:50%; top:50%; font-size:66px; margin:-51px 0px 0px -34px; display:block; width:68px; height:68px; color:rgba(255,255,255,0.40); z-index:100; cursor:pointer; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;}
.sh-th-movie i{margin-left:-23px;}
.novica_wrapper:hover .sh-th-movie{color:rgba(255,255,255,0.85);}

.novica_wrapper.Videospoti a > span span.not{display:none;}
.novica_wrapper.Videospoti a > span{position:absolute; left:50%; font-size:79px; text-align:center; z-index:7000; display:block; width:60px; height:60px; top:23%; margin-left:-62px; color:rgba(255,255,255,0.40); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;}
.novica_wrapper.Videospoti:hover a > span{color:rgba(255,255,255,0.85)}
.novica_wrapper.Videospoti a{color:#fff;}
.novica_wrapper.Videospoti a > img{margin-top:-23px;}
.novica_wrapper.Videospoti h2{color:#fff; font-family: 'OpenSans-CL'; font-size:20px; line-height:1.2; float:left; width:100%; text-align:left;}

/* video embed */
#scrollUp {
  bottom: 10px;
  right: 10px;
  padding: 0px 10px;
  color:#fff;
  position:absolute;
  z-index:100;
  font-size:36px;
}
.closeVideoButton {
    color: #FFFFFF;
    font-size: 36px;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    z-index: 100;
    display: none;
    background:#06acd0;
}
/* video embed */

#Videos{position:fixed; width:90%; height:600px; top:50%; left:50%; margin:-300px 0px 0px -45%; z-index:30000; display:none;
-webkit-box-shadow: 0px 0px 100px 0px #000;
-moz-box-shadow:    0px 0px 100px 0px #000;
box-shadow:         0px 0px 100px 0px #000;
}

.VideosLine{float:left; width:100%;}

.VideoContent  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.VideoContent  iframe,
.VideoContent  object,
.VideoContent  embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* video embed */

.VideInline{float:left; width:100%; max-height:140px; overflow:hidden; position:relative; margin:10px 0px 0px;}
.VideInline a{display:block; width:100%; height:100%;}
.VideInline img{ margin-top:-45px;}
.VideInline span{position:absolute; left:50%; top:15px; z-index:20px; font-size:80px; color:rgba(255,255,255,0.60); margin-left:-37px; -webkit-transition: color 0.8s ease-out;
-moz-transition: color 0.8s ease-out;
-o-transition: color 0.8s ease-out;
-ms-transition: color 0.8s ease-out;}
.VideInline:hover span{color:rgba(255,255,255,0.80);}
.VideInline h4{position:absolute; z-index:10; background:rgba(0,0,0,0.70); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:4px 10px; width:100%; left:0px; bottom:0px;}
.VideoEmbed{margin:20px 0px;}
/*
.VideInline{float:left; width:100%; max-height:140px; overflow:hidden; position:relative; margin:10px 0px 0px;}
.VideInline a{display:block; width:100%; height:100%;}
.VideInline img{ margin-top:-45px;}
.VideInline span{position:absolute; left:50%; top:15px; z-index:20px; font-size:80px; color:rgba(255,255,255,0.60); margin-left:-37px; -webkit-transition: color 0.8s ease-out;
-moz-transition: color 0.8s ease-out;
-o-transition: color 0.8s ease-out;
-ms-transition: color 0.8s ease-out;}
.VideInline:hover span{color:rgba(255,255,255,0.80);}
.VideInline h4{position:absolute; z-index:10; background:rgba(0,0,0,0.70); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:4px 10px; width:100%; left:0px; bottom:0px;}
.VideoEmbed{margin:20px 0px;}
*/

a.simpleBottomLink:link, a.simpleBottomLink:visited{float:left; width:100%; text-align:center; color:#333; text-decoration:underline; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; font-size:24px; margin:7px 0px;}
a.simpleBottomLink:hover, a.simpleBottomLink:active{color:#06acd0;}

.meta_text{border-bottom:1px solid #e4e4e4;}
.NoView{float:right; text-align:right; width:auto;}

#dnn_ctr476_ContentPane #dnn_ctr476_ViewEasyDNNGallery_ctl00_gvTGPagination{display:none;}
#dnn_ctr476_ContentPane #dnn_ctr476_ViewEasyDNNGallery_ctl00_dlTableGallery > span.IntroImagesItems{float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width:33.33%; padding:5px;}
#dnn_ctr476_ContentPane #dnn_ctr476_ViewEasyDNNGallery_ctl00_dlTableGallery .EDGimage{width:100%; border:1px solid #e4e4e4; margin:5px;}

#dnn_ctr476_ViewEasyDNNGallery_ctl00_dlTableGallery:hover > .IntroImagesItems{opacity: 0.5; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; }
#dnn_ctr476_ViewEasyDNNGallery_ctl00_dlTableGallery:hover > .IntroImagesItems:hover{opacity: 1;}

.VideoShow{float:left; width:100%;}
.VideoShow h2{margin-bottom:20px;}

.vs-description{float:left; width:100%; margin-bottom:10px;}
.vs-wrapper {
	position: relative; float:left; width:100%;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.vs-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vs-back{float:left; width:100%; border-top:1px solid #e4e4e4; margin-top:15px; padding-top:7px; font-size:20px;}

/* news detail */
.NewsDetail{float:left; width:100%;}
.newsLittleDetails{float:left; width:100%; margin-bottom:10px; border-bottom:1px solid #e4e4e4; font-size:16px;}
.nld-date{float:left; width:40%;}
.nld-watch{float:right; width:40%; text-align:right;}
.NewsDetail-Content{float:left; width:100%;}
.ndc-image{float:right; max-width:40%; margin:0px 0px 20px 20px;}
.gallTitle{float:left; width:100%; margin:20px 0px 10px;}
.NewsDetail .article_gallery{float:left; width:100%; margin:00px 0px 20px!important;}

.nd-tabs{display:none;}

table.table{border-collapse: collapse; margin:10px 0px 15px;}
table.table, table.table td, table.table th{border:1px solid #ddd;}

table.table tbody tr:nth-child(2n+1) td, table.table tbody tr:nth-child(2n+1) th {
    background-color: #f9f9f9;
}
table.table th, table.table td {
    padding: 4px 5px;
    text-align: left;
    white-space: normal;
}

.backGallery{float:left; width:100%; text-align:left;}

/***** cookie *****/
/* cookie */
.CookieWrapper{display:none; position:fixed; background:rgba(0,0,0,0.80); color:#fff; z-index:9000; width:100%; font-size:12px; left:0px; bottom:0px;}
.CookieWrapper.Allow{display:none;}
.CookieBox{margin:0px auto; width:90%; }

.CookieDescription{float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding:10px 10px 15px; font-family:Arial;}

.CookieTitle{float:left; width:100%; text-align:center; font-size:16px; text-transform:uppercase; margin-bottom:3px; font-family: 'OpenSans-Regular';}
.CookieTitle > i{margin-right:10px;}

.CookieText{float:left; width:100%; text-align:center; margin:2px 0px 10px;}
.CookieLink{float:left; width:100%; text-align:center; margin:4px 0px;} 
.CookieLink a{color:#06acd0;} .CookieLink a:hover{color:#fff;}
.CookieSep{float:left; width:100%; margin:5px 0px; height:1px;}
.CookieButton{float:left; width:100%; text-align:center;}
.CookieButton a{background:#06acd0; color:#fff; border:1px solid #06acd0; padding:10px 22px; font-size:13px; text-decoration:none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;}
.CookieButton a:hover{background:#000; color:#06acd0;}

table.CookieTable{float:left; width:100%; border-top:1px solid #807f7f; border-left:1px solid #807f7f; margin-bottom:15px;}
table.CookieTable th, table.CookieTable td{padding:4px 7px; border-bottom:1px solid #807f7f; border-right:1px solid #807f7f;}
table.CookieTable th{font-size:13px; font-wight:bold; background:#807f7f; color:#fff; text-align:left;}
table.CookieTable td{font-size:12px; word-break:break-all;}
/***** cookie *****/

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

/* headings */
h1, h2, h3, h4, h5, h6{}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
/* headings */

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#siteContent {
}
#siteENd {
}

.CookieTitle{text-align:left;}
.CookieText{float:left; width:65%; text-align:left; margin:2px 0px;}
.CookieLink{float:left; width:65%; text-align:left; margin:4px 0px;} 
.CookieSep{display:none;}
.CookieButton{float:right!important; width:30%; text-align:right; border-left:1px solid #fff; height:64px; margin-top:-44px;}

.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

/* headings */
h1{font-size:48px;}
h2{font-size:36px;}
h3{}
h4{}
h5{}
h6{}
/* headings */

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#siteContent { padding:40px 0px 0px;}
.siteAtEnd{margin-top:40px;}

#siteLogo{float:left; width:20%; margin:10px 0px;}
.siteNav{float:right; width:auto; margin:0px 0px; max-width:78%;}

.mobileShow{display:none;}
.desktopShow{display:block;}

#SiteFooter{font-size:13px;}
.siteCopyright{float:left; width:40%; margin-bottom:0px; text-align:left;}
.sitePageLinks{float:right; width:60%; text-align:right;}

.siteAtEnd img{postion:relative; z-index:1;}
.overTxt{float:none; width:auto; background:rgba(255,255,255,0.80); position:absolute; z-index:30px; bottom:20px; left:50%; margin-left:-150px; padding:20px 40px; font-size:30px;}

.ic-over{bottom:10px; margin-left:-80px; width:160px;}
.ic-over span{font-size:23px;margin-top:-100px;}
.scroll{float:left; width:100%; text-align:center; margin-top:20px;}

.scroll i.scrollHint {font-size:38px;} 

.SiteIntro h1{position:absolute; font-size:48px; top:30px; background:none; padding:0px;}

.sc-left{float:left; width:25%; }
.sc-right{float:right; width:68%; margin-bottom:20px; border-left:1px solid #e4e4e4; padding-left:3%; border-bottom:none;}

.modrijaniWrap .gridRow{margin-bottom:25px;}
.albumWrap .gridRow{margin-bottom:25px;}
.kontaktWrapper .gridRow{margin-bottom:25px;}

/*#dnn_ctr476_ContentPane .EDGimage{width:62px;}*/

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}



@media only screen and (min-width: 992px) {
	.NastopiWrapp .gridRow [class*="span"]{font-size:100%;}
}

@media only screen and (min-width: 1100px) {
	
}

@media only screen and (min-width: 1200px) {
	
}