@charset "windows-1250";
/* CSS Document for Fimago */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');

/*@import url(https://weloveiconfonts.com/api/?family=entypo);*/

body {
	margin:0;
	background: url(images/bg4.jpg) #5A32AF top left repeat-x;
	background-size: cover;
	background-attachment: fixed;
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	color:#FFF;
	text-align:justify;
	line-height:120%;
	font-weight: 500;
}

::selection {
  background: #1AA7E2; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #1AA7E2; /* Gecko Browsers */
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-size:39px;
	color:#BA6EFF;
	color:#FCEA00;
	text-align:left;
	line-height:120%;
	font-weight: 900;
	margin-bottom: 5px;
	margin-top: 20px;

}

.zeleno {color:#33CC00; font-weight: 700;}
.roza {color:#EC008C; font-weight: 700;}
.oranzno {color:#F6851F; font-weight: 700;}
.belo {color:#FFFFFF; font-weight: 700;}
.rdece  {color:#DE2027; font-weight: 700;}
.rdece1  {color:#FF0000;font-weight: 700; font-size:17px;}
.vijola {color:#BA6EFF; font-weight: 700;}
.rumeno {color:#FCEA00; font-weight: 700;}
.vijola1 {color:#BA6EFF;font-weight: 700;}
.vijola2 {color:#D10C72; font-weight: 700;}

.modro {color:#2D2B96; font-family: arial, Helvetica,sans-serif;  }

h2 {
	font-family: 'Montserrat', sans-serif;
	font-size:21px;
	color:#FCEA00;
	text-align:left;
	line-height:100%;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: 20px;

}

h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000000;
	text-align:left;
	font-weight:normal;
}

a {margin:0; padding: 0; font-weight: 700;}
b { color:#F6851F; font-weight: 700;}

#container {
	/*background: url(images/bg-center.jpg) top center no-repeat;*/
	background: url(images/krogci.png) left 360px no-repeat;
	margin:0 auto;
	width:974px;
	min-height: 1746px;
	margin-bottom: 20px;
	
	    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
	
}


.head {width:994px; height: 224px; margin:0; margin-top: 20px; padding:0; position:relative; }

.vizitka { position:absolute; left:800px; top:40px; width:101px; height:26px; display:block; background: url(images/vizitka.png) top left no-repeat; text-indent: -9999px;}

a .vizitka {border:none; padding:0; margin: 0;}


.vizitka:hover { background: url(images/vizitka2.png) top left no-repeat; }

.domov { position:absolute; right:25px; top:140px; width:47px; height:61px; display:block; background: url(../images/domov.png) top left no-repeat; text-indent: -9999px; z-index:9999;}


a .domov {border:none; padding:0; margin: 0;}


.galerija { position:absolute; left:840px; top:70px; width:150px; height:42px; display:block; background: url(images/galerija.png) top left no-repeat; text-indent: -9999px;}
a .galerija {border:none; padding:0; margin: 0;}
.galerija:hover { background: url(images/galerija2.png) top left no-repeat; }

.popup {text-align:left; margin: 30px 0 0 0;}
.sre {text-align:left; margin: 0 auto; width: 280px;}

.logo {
	width:702px;
	height: 228px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.logo a {border:none; padding:0; margin: 0;}
.logo a img{border:none;}

.menu {
width:974px; 
margin:0; padding-top:0px;
margin-top:35px;
background: url(images/line.png) center center no-repeat;
text-align: center;  
}

.fiksiraj {
position: absolute;
position: fixed;
width: 100%;
top: 0;
left: 0;
margin-top:0px;
background-color:rgba(250, 232, 0, 0.8);
z-index: 99;
padding: 17px 0 17px 0;
}


.menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu li{
	display: inline-block;
	margin-right: 7px;
}

.menu li a{
	color: #FFF;
	background-color:#3f2b92;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 600;
	text-decoration: none;
	padding: 20px 18px;
	border: 2px solid #FFF;
	border-radius: 40px;
	transition: 0.3s ease, padding 0.8s linear;
	-webkit-transform: 0.3s ease, padding 0.8s linear;
}

.menu li a:hover{
	background-color: #fae800;
	color: #5A32AF;
	
}

.center {
	width:711px;
	padding: 50px 0 0 263px;

}
.pomik {
	padding-top: 150px;

}
.center p { line-height:160%; font-size:18px;}
.center ul { margin: 0; padding-left: 25px; }
.center ul li{	font-size:16px; color:#FFF; text-align:justify; line-height:120%; padding-top: 5px;}

.naslov {
margin-top:15px;
margin-bottom: 30px;
width: 100%;

}


.najnaj {
	width:111px;
	padding: 0px 0px 0px 20px;
	height: 104px;
	float:right;
	margin-top: -20px;
}
.prijavaGumb {
	width:185px;
	padding: 20px 0px 20px 20px;
	height: 290px;
	float:right;
}

.popust10 {
	width:185px;
	padding: 20px 0px 20px 20px;
	height: 276px;
	float:right;
}

.lastminute {
	width:185px;
	padding: 20px 0px 20px 20px;
	height: 107px;
	float:right;
}

.prijavaGumb a{
	display:block; float:right; height: 290px; background-image: url(images/prijava.png); text-indent: -9999px;
	width:185px;
	background-position: 0 0;
}

.popust10 a{
	display:block; float:right; height: 276px; background-image: url(images/popust-zgodnje-prijave.png); text-indent: -9999px;
	width:185px;
	background-position: 0 0;
}


.prijavaGumb a:hover{
	background-position: 0 -300px;
}

.popust10 a:hover{
	background-position: 0 -276px;
}

.prijavaGumb a img:hover, .popust10 a img:hover{ border: none;}

			#form {
				padding-top: 20px;
			}
			#form p {
				clear: both;
				padding: 10px 0 10px 0;
			}
			
			#form label {
				float:left;
				width: 250px;
				margin-right:5px;
			}
		
			#form input {
				border: 1px solid #999999;
				/*background: url(images/bg_input.jpg) left bottom repeat-x;*/
				width: 220px;
				height:25px;
				font-family: "Trebuchet MS";
				font-size: 12px;
				color: #333333;
				padding: 2px 15px;
				margin-bottom: 0px;
				
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
			}
			#form select {
				height:32px;
				padding: 2px 15px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
			}
			#form textarea {
				border: 1px solid #999999;
				background: url(images/bg_input.jpg) left bottom repeat-x;
				width: 285px;
				font-family: "Trebuchet MS";
				font-size: 11px;
				color: #333333;
				padding: 1px 4px;
				margin: 6px 0;
			}
			
			#form img.stevilka  {
				border: 1px solid #999999;
				background: url(images/bg_input.jpg) left bottom repeat-x;
				padding: 2px;
			}
			
			#form .button {
				border: 0;
				background: url(images/poslji.png) left top no-repeat;
				width: 258px;
				height: 46px;
				cursor: pointer;
				margin-top: 10px;
			}
			
			#form .button:hover { background: url(images/poslji.png) left -46px no-repeat; }
			
	.fr {float:right;}		
.noga {
	margin:0 auto;
	width:974px;
	width:100%;
	height: 400px;
	text-align:center;
	color:#FFFFFF;
	font-size: 12px;
	background: url(images/bg-noga.png) center top no-repeat;
	background-size: cover;
	padding-top: 0px;

}


.logoNoga {
display: block; 
margin: auto; 
text-align: center; 
width: 200px;
}

a { outline: none; color:#F6851F; text-decoration:underline; }
a:hover { color:#F6851F; text-decoration:none; }

.prijavaVikend  {
	width:279px;
	height: 352px;
	float:left;
	padding:0;
	margin:0;
}

.prijavaPocitnice  {
	width:266px;
	height: 352px;
	float:left;
}

.prijavaVikend a{
	background-image: url(images/prijava_vikend.jpg); 
	text-indent: -9999px;
	width:279px;
	height: 352px;
	background-position: 0 0;
	display:block;
}

.prijavaPocitnice a{
	background-image: url(images/prijava_pocitnice.jpg); 
	text-indent: -9999px;
	width:266px;
	height: 352px;
	background-position: 0 0;
	display:block;
}

.prijavaVikend a:hover, .prijavaPocitnice a:hover {
	background-position: 0 -352px;
}

.prijavaVikend a img, .prijavaPocitnice a img { border: none;}


.gumbBozic  {
	width:489px;
	height: 270px;
	padding:0;
	margin:0;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.gumbBozic a{
	background-image: url(images/gumb-bozic.png); 
	text-indent: -9999px;
	width:489px;
	height: 270px;
	display: block;
	background-position: 0 0;
	transition: background 0.3s ease, padding 0.8s linear;
	-webkit-transform: background 0.3s ease, padding 0.8s linear;
}

.gumbBozic a:hover {
	background-position: 0 -273px;
}

.gumbDruzinski {
	width:489px;
	height: 280px;
	padding:0;
	margin:0;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.gumbDruzinski a{
	background-image: url(images/gumb-druzinski-klub.png); 
	text-indent: -9999px;
	width:489px;
	height: 280px;
	display: block;
	background-position: 0 0;
	transition: background 0.3s ease, padding 0.8s linear;
	-webkit-transform: background 0.3s ease, padding 0.8s linear;
}

.gumbDruzinski a:hover {
	background-position: 0 -287px;
}

.gumbZimske {
	width:489px;
	height: 281px;
	padding:0;
	margin:0;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.gumbZimske a{
	background-image: url(images/gumb-zimske-pocitnice.png); 
	text-indent: -9999px;
	width:489px;
	height: 281px;
	display: block;
	background-position: 0 0;
	transition: background 0.3s ease, padding 0.8s linear;
	-webkit-transform: background 0.3s ease, padding 0.8s linear;
}

.gumbZimske a:hover {
	background-position: 0 -328px;
}


.gumbBozic a img, .gumbDruzinski a img, .gumbZimske a img { border: none;}

.galerijaKaregorija { border:3px solid #4DD2FF; -moz-border-radius:8px;  -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px; margin-top:20px; padding:10px 10px; background: url(images/foto.png) top right no-repeat; }

.galerijaKaregorija h2 { color:#4DD2FF; font-size: 18px;}

#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}

.zaNajmlajse {
	width:438px;
	height: 199px;
	margin: auto;
}

.zaNajmlajse a{
	display:block; 
	background-image: url(images/za_najmlajse.png); text-indent: -9999px;
	background-position: 0 0;
}

.zaNajmlajse a:hover{
	background-position: 0 -255px;
}


.bozicek {
	display:block;
	padding-left: 100px;
}

.popust img{
-webkit-transition: All 0.4s ease-in-out;
-webkit-transform: scale(1);
}

.popust:hover img{
-webkit-transition: All 0.2s ease-in-out;
-webkit-transform: scale(1.08);
}


#cookie_assistant_wrapper {
background: url(images/cookies.jpg) bottom right no-repeat;
}

.bukirano {
color:#FFF; 
font-size:12px;
background-color:#D10C72; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px 5px;
}

.bukirano {
color:#FFF; 
font-size:12px;
background-color:#FF0000; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 3px;

}

.cent {
text-align: center
}

/* CSS Document */

/* ---------- ENTYPO ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */


[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}

/* ---------- GENERAL ---------- */


#social-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ---------- Social Sidebar ---------- */

#social-sidebar {
	left: 0;
	margin-top: -75px; /* (li * a:width) / -2 */
	position: fixed;
	top: 20%;
	z-index: 9999;
}

#social-sidebar li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar li:last-child a { border-radius: 0 0 5px 0; }

#social-sidebar a {
	background: #FFF;
	color: #fff;
	display: block;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	position: relative;
	text-align: center;
	width: 50px;
	text-decoration: none;
}

#social-sidebar a:hover span {
	left: 130%;
	opacity: 1;
}

#social-sidebar a span {
	border-radius: 3px;
	line-height: 24px;
	left: -100%;
	margin-top: -16px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 4px 8px;
	position: absolute;
	-webkit-transition: opacity .3s, left .4s;
	-moz-transition: opacity .3s, left .4s;
	-ms-transition: opacity .3s, left .4s;
	-o-transition: opacity .3s, left .4s;
	transition: opacity .3s, left .4s;
	top: 50%;
  white-space: nowrap;
	z-index: -1;
}

#social-sidebar a span:before {
	content: "";
	display: block;
	height: 8px;
	left: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	z-index: -2;
}

#social-sidebar a[class*="entypo-phone"],
#social-sidebar a[class*="entypo-phone"]:hover,
#social-sidebar a[class*="entypo-phone"] span,
#social-sidebar a[class*="entypo-phone"] span:before { background: #00aced; }

#social-sidebar a[class*="entypo-mail"],
#social-sidebar a[class*="entypo-mail"]:hover,
#social-sidebar a[class*="entypo-mail"] span,
#social-sidebar a[class*="entypo-mail"] span:before { background: #ea4c89; }

#social-sidebar a[class*="entypo-facebook"],
#social-sidebar a[class*="entypo-facebook"]:hover,
#social-sidebar a[class*="entypo-facebook"] span,
#social-sidebar a[class*="entypo-facebook"] span:before { background: #4267b2;}


/*HOVER EFFECT*/
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.94);
  transform: scale(0.94);
}

.obroba {
  border: 3px solid red;
  border-radius: 25px;
  text-align: left;
  padding: 20px;
  margin: 20px 0 20px 0;
  /**font-size:21px;**/
  font-size:19px;
  line-height: 150%;
}

.slogan {
	margin-top: 80px;
	margin-bottom: 80px;
} 

.cc-floating .cc-message {
	    font-size: 12px;
		line-height: 120%;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	    padding: 3px;
}

.cc-window.cc-floating {
	max-width: 20em !important;
}



@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.styled-table {
	border-collapse: collapse;
    margin: 25px 0;
    min-width: 400px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	
	border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
  font-size: 16px;
}
.styled-table thead tr {
    background-color: #fae800;
    color: #463593;
    text-align: left;
}
.styled-table th { font-weight: bold;}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #a583ec;
	background-color: #3e3dc4;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #28279f;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #28279f;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #28279f;
}