/*
---------------------------------------------------
Design: 	Blagonic Brothers
XHTML/CSS:	Emanuel Blagonic
---------------------------------------------------
*/


/******************************* CSS RESET - MEYERWEB.COM *******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

@font-face {
  font-family: 'Marine Black Italic';
  src: url('fonts/marine-black-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/marine-black-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/marine-black-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/marine-black-italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/marine-black-italic.svg#6a94558c31b5e7c9b7e31a25bad00a68') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}

@font-face {
  font-family: 'Marine Light Italic';
  src: url('fonts/marine-light-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/marine-light-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/marine-light-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/marine-light-italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/marine-light-italic.svg#758a7ab10546caac8a969bc00f6adc5d') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  200;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 
}

.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.icon-sm {
  font-size: 12px;
    line-height: 14px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a:hover { text-decoration: none;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/******************************* BASE CSS *******************************/
/* 	Common elements
	Commonly used elements on the site. Srsly.
*/
.clear { clear:both }
.left { text-align:left !important } .center { text-align:center !important } .right { text-align:right !important }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
.alignleft.clear, .alignright.clear, .aligncenter.clear { float:none }
img.alignleft { margin:5px 15px 15px 0 } img.alignright { margin:5px 0 15px 15px }
.noborder { border:none; padding:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.nomargin { margin:0 !important }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display: none!important; }
strong { font-weight:bold }

/* 	Styling the Body tag */

.m-b-20 {margin-bottom: 20px;}
.m-t-20 {margin-top: 20px;}
.mb-0 { margin-bottom: 0;}
.justify-content-between {
    justify-content: space-between;
}
.flex-base-100 {
    flex-basis: 100%;
}
.float-left {
    float: left!important;
}
.float-right {
    float: right!important;
}

body {
	font-size:62.5%;
	font-family:"Montserrat", Arial, Helvetica, sans-serif;
	color:#444444;	
	padding:0;
	background:#222222;
}

/*	General tags */
h1, h2, h3, h4, h5, h6, p, ul, ol, table {
	margin-bottom:15px;	
}
h1, h2, h3, h4, h5, h6 { clear:both }
h1 {
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	color:#222;
	padding:0 0 15px;
	border-bottom:1px solid #eee;
}
h2 {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#444;
}
h3 {
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	color:#666;
}
p, .view li, table, dl {
	font-size:12px;
	line-height:17px;
	color:#666;
}
p.description {
	font-size:16px;
	line-height:22px;
}
.view ol ol, .view ul ul { margin-bottom:0 }
.view ol {
	list-style:decimal;
	margin-left:18px;
}
.view ol ol { list-style:lower-alpha }
.view li {
	margin-bottom:2px;	
}
.view ul {
	list-style:disc;
	margin-left:18px;
}
.view ul ul { list-style:square }
.sup {
	font-size:80%;
	position:relative;
	top:-5px;
	font-weight:normal !important;
	padding:0 3px;
}
.smallprint, .smallprint_extra {
	font-size:11px;
	color:#888;
}

/*	Table */
.view table {
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid rgbA(255,255,255,1);
	border-right:1px solid rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.view th, .view td {
	padding:5px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
}
.view th:first-child, .view td:first-child { border-left:0 }
.view tr:last-child th, .view tr:last-child td { border-bottom:0 }
.view thead th {
	font-weight:bold;
	color:#333;
	background:#f5f5f5;
	border-bottom:1px solid #eee !important;
}
.ml-1 { margin-left: 5px;}
.p-0 {   
    padding: 0px!important;
}
/*	Links */

/*	Base styles */
.container {
	margin:0 auto;
	position:relative;
	text-align:left;	
	z-index:20;
	clear:both;
}
#sidebar {
	padding-top: 0px;
}
body.homepage #sidebar {
    padding-top: 10px;	
}
#main {
    margin-top: 20px;  
}

#content, .content {
	
	padding:25px;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*	Header */

#traka {
	position: relative;	
	height: 45px;		
	width: 100%;
	top: 0px;	
	text-align: left;   
    z-index: 100;
	
}

#traka_wrap {
	position: relative;	
	margin: 0px auto;

}

#traka_wrap .social { float: right;margin-right: 17px;margin-left: 7px;margin-top: 7px; }
#traka_wrap .social a {margin-right: 1px; display: inline-block; color: #999;
    padding: 14px 15px 12px 15px; }
#traka_wrap .extra { float: right;  }
#traka_wrap .extra a {margin-right: 1px; display: block; color: #999;
    padding: 14px 15px 12px 15px; }
    
/*#traka_wrap .extra .gold  {background: #d79e16 url(../images/art/transparent3.png) no-repeat -82px -145px; padding: 12px 15px 10px 58px;}
#traka_wrap .extra .gold:hover {background: #b2851c url(../images/art/transparent3.png) no-repeat -82px -145px;}*/

#traka_wrap .extra.logout a {background: #555;color: #fff;text-transform: uppercase; padding: 5px 12px;margin-top: 8px;margin-right: 10px; border-radius: 5px;font-weight: bold; }
#traka_wrap .extra.logout a:hover { background: #111;color: #fff;}
#traka_wrap .extra.logout.osiguraj a { background: #354f67 url(../images/osiguraj_logo_top.png) left center no-repeat ;padding-left: 100px;}
.osiguraj-side a{text-shadow: none;background: #354f67 url(../images/osiguraj_logo_side.png) center top no-repeat ;padding: 50px 0px 10px 0px;display: block;font-size: 13px;text-decoration: none;font-family: 'Marine Black Italic', Helvetica, Arial, sans-serif;font-style: italic;color: white;font-weight: 700;text-align: center; }



#traka_wrap .extra a:hover{
    color: #555;
}




#traka_wrap a{
	display:block;
	float: left;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin-right: 5px; 

}

#traka_wrap .extra_mobile {
	width:24px; height: 24px;
	background: url(../images/art/transparent3.png) no-repeat -152px -0px;
	text-indent: -9999px;	
}

#traka_wrap a.social_fb, #traka_wrap a.social_tw, #traka_wrap a.social_in {
	width: 20px;
	height: 24px;
	text-indent: -9999px; 
}

#traka_wrap a.social_fb {
		background: url(../images/art/transparent3.png) no-repeat -95px 0;
}

#traka_wrap a.social_tw {
		background: url(../images/art/transparent3.png) no-repeat -128px 0;
}

#traka_wrap a.social_in {
		background: url(../images/art/transparent3.png) no-repeat -175px 0;
}

#traka_wrap .social a:hover{
	margin-top: 2px;	
}

#traka_wrap p {
	float: left;
	line-height: 24px;
	font-size: 14px;
	color: #aaa;
	margin-right: 10px; 
}

#traka_wrap a.ribbon {
	margin-left: -160px; margin-top: -2px;position: absolute;box-shadow: 0px 0px 2px #ccc;z-index: 202;
}

#traka_wrap .ribbon:hover img{
	
}

#traka_wrap .ribbon img {
	box-shadow: none; padding-top: 2px;
}

#header {
	background:#fff;
	position:relative;
	z-index:100;
    border-bottom: 1px solid #eee;
    height: 117px;
  

}
#header .bott{border-top: 1px solid #eee;}
#header .container { height: 70px; }
#logo {
	width:420px;
	height:199px; 
	display:block;
    background: url(../images/header_bg.png);
	position:absolute;
	top:-46px;
    left: -30px;
    z-index: 200;
    background-repeat: no-repeat;
    background-position: 0;
}

/*#logo {
	width:420px;
	height:183px; 
	display:block;
	background-image:url(../images/header_bg.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
	position:absolute;
	top:-46px;
    left: -30px;
    z-index: 200;     
}*/

#logo a {
	display:block;	
	text-decoration:none;
    vertical-align: middle;
}


#logo a span {text-indent:-8000px;}

#logo .logo_text 
{
    width: 190px;
    display: inline-block;
    vertical-align: middle;
    padding:35px 0px 0px 5px;	
}

#logo .logo_text svg{ width: 185px;height: auto;}

#logo img 
{
    display: inline-block;
    margin-left: 40px;
    vertical-align: middle;	
}

.pozadina_over { position: absolute;
    height: 70px;
    width: 105px;
    background-color: #fff;    
    z-index: 100;
    left: -1px;
   
    }

.pozadina { position: absolute;
    height: 47px;
    width: 100%;
    background-color: #fff;  
    bottom: -46px;
    left: -100%;
    z-index: 99;
    border-bottom: 1px solid #eee;
   
    }

/*	Header > Headnav */
#headnav {
    float: right;
    margin-top: 20px;
    z-index: 201;
    position: relative;
}
#headnav li {
	float:left;
	position:relative;
	margin-right:10px;
}
#headnav a {
	float:left;
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
    text-transform: uppercase;
    background: #555;
    border-radius: 5px;

   
	
    
}
#headnav a:hover { background:#111 }

.mini_button 
{
    border: none;
    float: right;
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
    background: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	
}
.mini_button:hover, .mini_button:focus { background: #111;color: #fff;text-decoration:none; }

#headnav .fb a {
	background:#4c66a4 url(../images/art/transparent2.png) no-repeat 0 -89px;    
	padding-left: 40px;
}
#headnav .fb a:hover 
{
    background: #2f477a url(../images/art/transparent2.png) no-repeat 0 -89px;
	/*background:url(../images/art/headnav0.png) no-repeat 0 -40px;*/
}
#headnav .ponuda a {
	background:url(../images/art/headnav0.png) no-repeat 0 -300px;
	padding-left:50px;
	width:85px;
    color: #555;
}
#headnav .ponuda a:hover, #headnav .ponuda.active a {
	background:url(../images/art/headnav0.png) no-repeat 0 -400px;
}
#headnav .ponuda a:hover, #headnav .ponuda.active a {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
/*
#headnav .ponuda ul a {
	width:150px;
	position:absolute;
	top:30px;
	left:0;
	opacity:0;
	visibility:hidden;
}
#headnav .ponuda:hover ul, #headnav .ponuda.active ul { 
	opacity:1;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	visibility:visible;
}*/

	
#headnav .ponuda li a {
	display:block;
	width:140px;
	padding:5px 15px;
    font-size: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
    background: #eee;
 
}
#headnav .ponuda li a:hover {
	background:#ccc !important;	
}
#headnav .ponuda li:last-child a {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
}

/*	Ponuda > Pozadinska slika */
#bg-img {
	width: 960px;
    height: 400px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    margin-top: -400px;
    text-align: center;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; 
	
}
#bg-img .overlay {
	position:absolute;
	bottom: 0;
	right:0;
	width:330px;
	height:20px;
	background:url(../images/art/bg-img-overlay.png) repeat-x 0 0;
	z-index:2;
    background-size: 100%;
}

/*	Ponuda */
body.homepage #main {	
   
}

.vlaska { position: relative;z-index: 205;}
#ponuda {
	width:100%;
	background:#fff;		
	float:left;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0 0 10px 10px;
}

#ponuda #detalji #content {		
	background:none;
	margin:0;	
	font-size: 12px;
	line-height: 17px;
	color: #666;   
}

#ponuda #detalji #content img{
    width: 100%;   
}
#ponuda #detalji .opis {
	font-size:18px;
	line-height:22px;
	color:#444;
	font-weight:bold;
}
.video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*	Ponuda > Galerija */

.galerija { 
	width:70px;
	height:70px;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	border:3px solid #eee;
	border:3px solid rgba(255,255,255,0);
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	border-radius: 3px;
 	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.galerija div { 
	width:70px;
	height:70px;
	overflow: hidden;
	position:absolute;}

.galerija:hover { 
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
 }
 
 .galerija div img {
   margin-top: 0px;
   margin-left: 0px;
  max-width: 63px;
	max-height: 63px;
   }

.galerija a {
	display:block;	
}


/* SLIMBOX - lightbox */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*	Ponuda > Ukratko */


#ponuda #ukratko {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:20;
}
#ponuda #ukratko .inner {
	background:url(../images/art/ukratko-bg.png) no-repeat left bottom;	
	padding:15px 25px 25px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#ponuda h1 {
	font-size:36px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#636363;
	float:right;
	padding:0;
	border:none;
	border-bottom:1px solid #eee;
	margin-bottom:15px;
	padding-bottom:15px;
}
#ponuda #broj-prodanih {
	font-size:12px;
	line-height:40px;
	color:#777;
	margin-bottom:10px;
	float:left;
	position:relative;
	top:1px;
    width: 100%;
}

#ponuda #broj-prodanih .proposed-link {
    text-decoration: underline;
    color: #ccc;
    font-size: 120%;
    
}


.proposal-list li 
{
    border: 1px solid #e05d1f!important;
}

#ponuda #broj-prodanih strong {
	color:#333;
	font-size:20px;
	line-height:40px;
}


#ponuda #ukratko #tip {
	background:#fff;
	color:#777;
	position:absolute;
	top:-28px;
	left:0;
	font-size:12px;
	line-height:12px;
	padding:10px 30px 20px;
	text-transform:uppercase;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/*	Ponuda > Ukratko > Akcija
	Ponuda > Ukratko > Cijene */
#ponuda #ukratko .akcija {
	width:165px;
	padding:25px;
	float:left;
	position:relative;
	margin-left:-240px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}
#ponuda #ukratko .akcija .button { margin-bottom:10px }
#ponuda #ukratko .akcija strong {
	font-size:28px;
	font-weight:bold;
	color:#333;
	display:block;
}

/*	Ponuda > Sidebar */
#ponuda #detalji .sidebar {	
	position:relative;	
	text-shadow:0 1px 0 rgba(255,255,255,0.3);	
    border-radius: 0px 0px 0px 10px;  
}

.client_info { padding: 24px;}

#ponuda #detalji .sidebar .spacer {
	width:240px;
	height:2px;
	background:url(../images/art/spacer1.png) repeat-x 0 0;
	margin:15px 0;
}

/*	Ponuda > Sidebar > Vrijeme do kraja */


/*	Ponuda > Sidebar > Ducan */

#ponuda #detalji .sidebar .ducan {
	font-size:11px;
	line-height:12px;
    color: #aaa;    
	text-transform:uppercase;
	display:block; 
	background: #555 url(../images/art/transparent2.png) no-repeat 7px -140px;
	padding:15px 0px 15px 50px;
	border:none;
	text-shadow: none;
}
#ponuda #detalji .sidebar .ducan a strong {
	font-size:16px;
    margin-top: 5px;
	text-transform:none;
	display:block;
	color:#fff;
    text-shadow: none;
}

#ponuda #detalji .sidebar .ducan a{
	color: #aaa;
    text-decoration: none;
}

#ponuda #detalji .sidebar .ducan a:hover, #ponuda #detalji .sidebar .ducan a:hover strong {
    opacity: 0.7;
}

/*	Ponuda > Sidebar > Nacini placanja */
#ponuda .nacini-placanja {
	
	padding:15px 25px;
	background:#fff;
}
#ponuda .nacini-placanja img {
	margin:0 5px 0px 0;
}

/*	Ponuda > Sidebar > Napomene */
#ponuda .napomene {
	padding:25px;	
}
#ponuda .napomene li {
	padding:10px 0 10px 45px;
	position:relative;
	margin-left:-25px;
	border-top:1px solid #ccc;
	background:url(../images/art/icons/checkmark.png) no-repeat 25px 12px;
	font-size:11px;
	line-height:14px;
	color:#888;
}
#ponuda .napomene strong, 
#ponuda .napomene b, #ponuda .napomene span { color:#555 }

/*	Ponuda > Secondary content */
#ponuda #secondary-content {
	background:#fff url(../images/art/secondary-content-bg1.png) no-repeat 0 0;
	width:350px;
	padding:50px 25px 10px 265px;
	clear:both;
	position:relative;
	left:-25px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#ponuda #secondary-content p {
	font-size:11px;
	line-height:15px;
}
#ponuda #secondary-content .sidebar {
	width:215px;
	padding:25px 0 0 25px;
	text-align:right;
	position:relative;
	margin-left:-265px;
	background:none;
}
#ponuda #secondary-content .sidebar p {
	line-height:18px;	
}
#ponuda #secondary-content .sidebar strong { 
	font-size:14px;
	color:#333;
}
#ponuda #secondary-content .sidebar img.logo {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);	
	margin-bottom:15px;
	width: 190px; height: 70px;
}

#ponuda .client_info img.logo {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    margin: 0px 0px 30px 0px;
	width: 190px; height: 70px;
}

#ponuda .client_info p {
	font-size:11px;
	line-height:18px;	}



#ponuda #bottom_link 
{
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
     border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    -moz-border-radius: 0px 0px 10px 0px;
}

#ponuda #bottom_link #bottom_ukras
{   
    position: absolute;
    margin-left: -20px;
    background-image: url(../images/bottom_arrow.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    z-index: 300;
    margin-top: 15px;
    
}

#ponuda #bottom_link a
{
    background-image: url(../images/bottom_bg.png);
    background-repeat: no-repeat;
    background-position: -10px center;
    width: 605px;
    height: 82px;
    display: block;
    color: White;
    font-size: 20px;
    text-decoration: none;
    line-height: 82px;
    padding-left: 35px;
    border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;

   
}

#ponuda #bottom_link a:hover
{
    
    background-position: 0px center;
  

   
}

.payment_secure li { list-style: none;float: left;}

/*	Osiguraj.me Landing */

.osiguraj-page #content {width: 100%; box-sizing: border-box;border-radius: 10px 10px 0px 0px;background: #eee;background-size: cover;padding: 30px 30px 50px 30px; }
.osiguraj-page h1, .osiguraj-page h2, .osiguraj-page h3 { padding-bottom: 20px;font-family: 'Marine Light Italic', Arial, Helvetica, sans-serif; font-style: italic; }
.osiguraj-page h1 b, .osiguraj-page h2 b{ font-family: 'Marine Black Italic', Arial, Helvetica, sans-serif; font-style: italic; }
.osiguraj-page h1 {color: #5a646f;border-bottom: 0px; font-size: 38px;line-height: normal;}
.osiguraj-page h2 {color: #5a646f;font-size: 24px;line-height: normal;}
.osiguraj-page #side {margin-left: -15px;float: left;background: #fff url(../images/osiguraj-logo-page.png) 30px bottom no-repeat;border-radius: 0px 10px 10px 0px;padding: 30px;box-sizing: border-box;height: 400px;}
.osiguraj-page a{cursor: pointr; padding: 10px 20px;display: inline;color: #fff;font-weight: bold;font-size: 16px;text-decoration: none;border-radius: 5px;}
.osiguraj-page #side a{ background: #5a646f;}
.osiguraj-page #content a{ background: #f5891f;}
.osiguraj-page #side a:hover{ background: #283b4d;}
.osiguraj-page #content a:hover{ background: #d0551d;}
#main.osiguraj-page-bottom { margin-top: 0px;margin-bottom: 30px;}
#main.osiguraj-page-bottom #content { border-radius: 0px 0px 10px 10px;width: 100%;}
.osiguraj-page-bottom #sidebar { margin-top: 20px;}
#main.osiguraj-page-bottom img { margin-bottom: 10px;width: 100%;}
.osiguraj-page h3 { font-size: 20px; line-height: 24px}


/*Osiguraj.me racun*/
.bonus-input {margin-top: 30px;}
.bonus-input label, .bonus-input input { float: left;margin-right: 10px;}
.bonus-input label{ font-size: 12px;color: #666;font-weight: bold;line-height: 30px;}
.bonus-input input{ font-size: 12px;color: #666;height: 26px;border-radius: 5px;border: 1px solid #ccc;padding: 1px 10px;}
.bonus-input input.button{ color: #fff;height: 30px;border: 0px;line-height: 16px;}
.bonus-conto {margin: 30px 0px;
    border-top: 2px solid #ddd;}
.bonus-conto span{ font-size: 15px;display: block;margin: 10px 0px;color: #e05d1f;}
.osiguraj-bonus h2 {
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	display:inline;
	border-top:4px solid #aaa;
	padding-top:10px;
	position:relative;
	margin-top:-2px;
	display:inline-block;
	margin-bottom:10px;
}

.bonus-conto table{ width: 100%;margin-top: 20px; }
.bonus-conto table thead th { border-bottom: 1px solid #ccc;padding: 5px 20px 5px 0px;font-weight: bold;}
.bonus-conto table td { padding: 5px 20px 5px 0px;border-bottom: 1px solid #ccc;vertical-align: middle; }

/*Osiguraj.me dealslist*/
.main-list .osiguraj-page #content{ border-radius: 10px 0px 0px 10px;}
.main-list .osiguraj-page #content {background: #eee url(../images/osiguraj-bg2.jpg) center center no-repeat; }



/*	Checkout */

.checkout-rekapitulacija .ponuda-opis .image  { float: left; margin-right: 2%;width: 15%;}
.checkout-rekapitulacija .ponuda-opis .image  img{ width: 100%;}
.checkout-rekapitulacija .ponuda-opis h3 span { display: block; font-weight: bold;  margin-bottom: 3px;}
.checkout-rekapitulacija .ponuda-opis{ float: left; margin-bottom: 20px;}

body.checkout #content .grupa, body.static #content .grupa, .profile #content .grupa {
	margin-bottom:60px;
	border-top:2px solid #ddd;
}

body.static #content .grupa{margin-bottom:5px;}
body.checkout #content h2, body.howto #content h2, .profile #content h2 {
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	display:inline;
	border-top:4px solid #aaa;
	padding-top:10px;
	position:relative;
	margin-top:-2px;
	display:inline-block;
	margin-bottom:10px;
}


body.checkout #content .indent {padding-left: 20px;}
body.checkout #content .indent li {line-height: 22px; font-size: 12px; color: #333; }

table.checkout {
	width:100%;
	max-width: 100%;
    table-layout: fixed;
	margin:30px 0 10px;
}
table.checkout th, table.checkout td {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	padding:5px;
	border-bottom:1px solid #ddd;
	text-align:right;
}
table.checkout th { font-weight: bold; color: black}
table.checkout th:first-child, table.checkout td:first-child { padding-left:0 }
table.checkout th:last-child, table.checkout td:last-child { padding-right:0 }
table.checkout th.valuta, table.checkout td.valuta {
	text-align:right;
	white-space:nowrap;
}
table.checkout .ponuda { text-align:left }
table.checkout tbody .ponuda {
	padding-left:130px !important;
}
table.checkout .ponuda .image {
	float:left;
	position:relative;
	margin-left:-130px;
}
table.checkout .ponuda h3 {
	font-weight:normal;
	font-size:13px;
	line-height:18px;
	clear:none;
}

table.checkout .ponuda h3 span { display: block; font-weight: bold; margin-bottom: 3px; }

table.checkout tfoot th { 
	text-align:right;
}
table.checkout tfoot .sup { font-size:60% }
table.checkout tfoot th, table.checkout tfoot td {
	font-size:15px;
	font-weight:bold;
	color:#333;
}
.checkout-rekapitulacija .smallprint {
	margin-bottom:30px;	
}
body.checkout #content .grupa.checkout-placanje { margin-bottom:0 }
.checkout-placanje div.kupi {
	clear:both;
}
.checkout-placanje .kupi p {
	display:inline;
	padding-left:15px;
	position:relative;
	font-size:16px;
	color:#333;
	margin-bottom: 0px;	
    line-height: normal;
    height: auto;
}

.smallprint_extra { margin-top: 12px;  margin-bottom: 0px; }
.smallprint_extra a:link, .smallprint_extra a:visited, .smallprint_extra a:hover, .smallprint_extra a:active,   
body.static .smallprint_extra a:link, body.static .smallprint_extra a:visited, body.static .smallprint_extra a:hover, body.static .smallprint_extra a:active  
{ color: #888; }
.smallprint_extra a:hover { text-decoration: none; }

body.subscribe_to .smallprint_extra { clear: both; padding: 10px; margin-bottom: 0px;  padding-bottom: 0;
color: #656565}

body.subscribe_to .smallprint_extra a:link, body.subscribe_to .smallprint_extra a:visited, body.subscribe_to .smallprint_extra a:hover, body.subscribe_to .smallprint_extra a:active 
{color: #656565 	}

/*	Backend > Kuponi */
table.kuponi {
	width:100%;
	margin:10px 0;
}
table.kuponi th, table.kuponi td {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	padding:5px;
	text-align:center;
}
table.kuponi thead th, table.thead tbody td {
	padding-bottom:0;
}
table.kuponi tbody th, table.kuponi tbody td {
	border-top:8px solid #fff;
	background:#eee;
	font-size:11px;
	line-height:15px;
	vertical-align:middle;
}
table.kuponi th.valuta, table.kuponi td.valuta {
	text-align:right;
	white-space:nowrap;
}
table.kuponi .ponuda { 
	text-align:left;
	width:50%;
}
table.kuponi tbody .ponuda {
	padding:10px;
	padding-left:80px !important;
}
table.kuponi .ponuda .image {
	float:left;
	position:relative;
	margin-left:-70px;
}
table.kuponi .ponuda img {
	width:60px;	
}
table.kuponi .ponuda h3 {
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	clear:none;
	margin-bottom:0;
}
table.kuponi .valuta {
	font-size:13px;
	color:#555;
}
table.kuponi .datum strong {
	display:block;
	font-size:13px;
	color:#333;
}
table.kuponi tr:nth-child(even) th, table.kuponi tr:nth-child(even) td {
	background:#ddd;	
}

table.kuponi td.akcija.expired {
	font-weight: bold; text-align: left; padding-left: 16px;
}

table.kuponi td.akcija .button { background-position: left -36px;  }
table.kuponi td.akcija .button:hover  { background-position: left -236px;  }

.checkout-coupon .checkout-rekapitulacija .ponuda-opis h3, .checkout-palyment h3{
    font-size: 20px;
    line-height: 30px;
    color: #222;
    font-weight: bold;
}

.checkout-palyment h3 span{    
    line-height: 30px;
    height: 30px;
    margin-left: 20px;
    display: inline-block;
    float: right;    
}
.checkout-coupon .total 
{    
    margin-top: 19px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline; 
    font-size: 16px;
    color: #333;
}
body.checkout .checkout-coupon #content h2 {
    margin-bottom: 20px;
}

.checkout-coupon table.checkout {    
   margin: 10px 0 30px 0;
}

.checkout-palyment .back-button {
    margin-top: 13px;
    float: left;  
}

.checkout-coupon .button.kupi {
    font-size: 28px;
    line-height: 36px;   
}

.checkout-palyment .checkout-palyment-bottom {
    margin-top: 30px;
}

/*	Backend > Prikaz kupona */
.prikaz-kupona .kupon {
	width:100%;
	padding:20px;
	border:5px solid #222;
	margin:30px 0;
}
.prikaz-kupona .kupon .logo {
	float:left;
	margin-top: 6px;
}
.prikaz-kupona .kupon .upper-head {
	padding:0 0 25px;	
}
.prikaz-kupona .kupon .kupon-id, .prikaz-kupona .kupon .kupon-broj {
	float:right;
	clear:right;
}
.prikaz-kupona .kupon .kupon-id {
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}
.prikaz-kupona .kupon .kupon-broj {
	font-size:38px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}

.prikaz-kupona .kupon .kupon-broj span { font-size: 16px; }

.prikaz-kupona .kupon .head {
	background:#222;
	width:100%;
	padding: 15px 25px;
	position:relative;	
	clear:both;
	margin-bottom:15px;
}
.prikaz-kupona .kupon .kolicina, .prikaz-kupona .kupon h2 {
	margin:0;
	color:#fff;
	font-size:28px;
	line-height:32px;
	font-weight:normal;
}

.prikaz-kupona .kupon .deal_title { padding-bottom: 10px; margin-bottom: 10px; font-size: 12px; line-height: 1.4em;; color: #222; font-weight: bold; border-bottom: 1px solid #ccc; }

.prikaz-kupona .kupon .kolicina {
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
	margin-bottom:10px;
	display:block;
}
.prikaz-kupona .kupon .column {
	width:255px;
	margin-left:30px;
	float:left;
}
.prikaz-kupona .kupon .column.first {
	margin-left:0;
}
.prikaz-kupona .kupon h3 {
	color:#222;
	margin-bottom:5px;
}

/*	Forme */
.normalform {
	clear:both;
	display:block;
	margin-bottom:30px;
}
.normalform li {	
	margin-bottom:5px;
	clear:both;
	position:relative;
}
.normalform label {
	font-size:12px;
	line-height:16px;
	display:block;
	float:left;
	width:180px;
	color:#333;
	font-weight:bold;
	padding:6px 0;
}
.normalform .checkbox label { cursor:pointer }
.normalform .info {
	font-size:11px;
	line-height:15px;
	color:#888;
	display:block;
	margin:5px 0;
}
.normalform .text {
	width:100%;	
}
.normalform select.text { width:410px }
.normalform .radio-group div {
	float:left;
	clear:none;
	width:49%;
	margin-left:2%;
	position:relative;
}
.normalform .radio-group div.first { margin-left:0 }
.normalform .radio-group label {
	padding-left:22px;	
}
.normalform .radio-group input {
	position:absolute;
	top:3px;
	left:0;
}
.normalform .checkbox label {
	padding-left:25px !important;
}
.normalform .checkbox input {
	position:absolute;
	top:2px;
	left:0;
    margin-left: 0px;
}
input.text, select.text, textarea.text {
    font-size: 14px;
	line-height:16px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	padding: 6px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fff;
}



select.text { 
	cursor:pointer;
	padding:5px 4px;
}
textarea.text {
	height:120px;	
}
input.text:focus, select.text:focus, textarea.text:focus {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
    -moz-box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
    box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
	border:1px solid #ddd !important;
}
input.text:hover, select.text:hover, textarea.text:hover {
	border:1px solid #ccc;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}


input.text-disabled { border: 0;background: white; padding: 6px 4px 6px 0px; }
input.text-disabled:link, input.text-disabled:visited, input.text-disabled:hover, input.text-disabled:active, input.text-disabled:focus {background: white; border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
    -webkit-transition: all 0.1s ease;
    -moz-transition:  0 ;
    -o-transition: 0;
    transition: 0;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);}


/*	Normalform > Two column */
.normalform.two-column li {
	width:290px;
	float:left;
	margin-left:10px;
	display:inline;
	clear:none;
}
.normalform.two-column li.first { clear:both; margin-left:0 }
.normalform.two-column label {
	width:290px;
	float:none;
	padding:0 0 3px;
}
.normalform.two-column .text {
	width:280px;
	float:none;
}
.normalform.two-column .button {
	margin:5px 5px 0 0;	
}
.normalform.two-column .fullsize {
	width:100%;
	margin-left:0;
}
.normalform.two-column .fullsize label {
	width:100%;	
}
.normalform.two-column .fullsize .text {
	width:100%;	
}

/*	Normalform > Imam želju */
.normalform.imam-zelju textarea {
	width:580px;
	display:block;
	float:none;
	clear:both;
}

/*	Normalform > Login */
.normalform.login li {
	width:290px;
	float:left;
	margin-left:10px;
	display:inline;
	clear:none;
}
.normalform.login li.first { clear:both; margin-left:0 }
.normalform.login.style1 li { clear:both; margin-left:0 }
.normalform.login label {
	width:290px;
	float:none;
	padding:0 0 3px;
}
.normalform.login .text {
	width:280px;
	float:none;
}
.normalform.login .button {
	margin:5px 5px 0 0;	
}

/*	Normalform > Register */

.normalform.register li {	
    display: flex;
    flex-direction: column;    
    
}
.normalform.register li.first { clear:both; margin-left:0 }
.normalform.register.style1 li { clear:both; margin-left:0 }
.normalform.register label {	
	padding:0 0 3px;
}
.normalform.register .text {	
	float:none;
}
.normalform.register .button {
	margin:5px 5px 0 0;	
}

/*	Normalform > Credit card */
.normalform.creditcard { margin-bottom:15px }
.normalform.creditcard .radio-group {
	width:570px;
	padding:10px;
	background:#eee;
	margin-bottom:20px;
	margin-left:0;
}
.normalform.creditcard .radio-group label {
	padding:0 0 0 22px;
}
.normalform.creditcard .radio-group input {
	top:-2px;	
}
.normalform.creditcard li {
	width:280px;
	float:left;
	margin-left:10px;
	display:inline;
	clear:none;
}
.normalform.creditcard li.first { clear:both; margin-left:0 }
.normalform.creditcard label {
	width:280px;
	float:none;
	padding:0 0 3px;
}
.normalform.creditcard .text {
	width:280px;
	float:none;
}
.normalform.creditcard select.text { width:285px }
.normalform.creditcard select.vrijedi-do {
	width:135px;	
}

/* friend */
.friend { margin-bottom: 0px; height: 38px;margin-top: 10px; }
table.checkout .friend label { font-weight: normal; padding: 3px 0 0 8px; cursor: pointer; width: auto; float: left; margin-top: 7px; color: #666; position: relative }
.friend input.checkbox {  float: left; display: block; margin-right: 0px; margin-top: 10px }
.normalform.register.friend input.text { float: left; margin-left: 8px; }
.ukupno { width: 80%;}
.checkout-rekapitulacija .zelimpokloniti {  }
.checkout-rekapitulacija .zelimpokloniti .infobox {  margin-top: -90px; text-align: center !important; width: 200px; }
.checkout-rekapitulacija .zelimpokloniti:hover .infobox {
opacity:1;
-webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
visibility:visible;
 bottom: 25px;
}


/*	Tabs & Tab navigation */
ol.tabnav {
	margin:20px 0;;
	border-bottom:1px solid #ddd;
	padding-left:5px;
}
ol.tabnav li {
	float:left;
	margin-right:5px;
}
ol.tabnav li a {
	padding:8px 20px;
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#888;
	background:#f5f5f5;
	text-decoration:none;
	border:1px solid #ddd;
	border-bottom:0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
	top:8px;
	font-weight:bold;
}
ol.tabnav li a.active {
	padding:10px 20px;
	font-size:15px;
	color:#333;
	background:#fff;
	border-bottom:1px solid #fff;
	position:relative;
	top:1px;
	bottom:-1px;
}
ol.tabnav li a:hover {
	color:#555;
	background:#fff;
}
.tab-group { display:none }
.tab-group.active { display:block }

/*	Buttons */
.button {
	text-decoration:none;
	cursor:pointer;
	position:relative;
	display:block;
	float:left;
	border:0;
	font-size:13px;
	font-weight:bold;
	padding:5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #e05d1f;
}
.button.normal {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:5px 15px;
}
.button.medium {
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:7px 15px 6px 15px;
}
.button.large {
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	padding:10px 20px;
}
.button.xxl {
	font-size:42px;
	line-height:42px;
	font-weight:bold;
	padding:15px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.button, .button.kupi, .button.prijava {
	font-family:Arial, Helvetica, sans-serif;
	background:#e05d1f;
	color:#fff;
	
}

.button:hover, .button.prijava:hover, .button.grey:hover {
	background:#222 url(../images/art/btn0s.png) repeat-x left -232px;
	color:#fff;
	text-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button.grey {
	background:#BBBBBB url(../images/art/btn0s.png) repeat-x left -332px;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
}

/*	Button > Facebook Connect */
.button.fb-connect {
	color:#fff;
	background:#4c66a4  url(../images/art/transparent2.png) no-repeat 0 -89px;
    line-height: 20px;
	padding-left:40px;
    text-shadow: none;
    font-size: 16px;
}
.button.fb-connect:hover {
	background:#2f477a url(../images/art/transparent2.png) no-repeat 0 -89px;
}


/*	Infobox */
.infobox { 
	position:absolute;
	left:50%;
	margin-left:-140px;
	width:240px;
	padding:10px 20px;
	background:#eee;
	opacity:0;
	visibility:hidden;
	font-size:12px !important;
	line-height:14px !important;
	text-align:left !important;
	text-transform:none !important;
	font-weight:normal !important;
	color:#666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	text-indent:0 !important;
	z-index:200;
	text-shadow:none !important;
}
.infobox strong {
	font-size:12px !important;
	line-height:14px !important;
	display:inline !important;
	color:#222 !important;
	float:none !important;
	margin:0 !important;
	top:0 !important;
}
.cijene .column.dodatno:hover .infobox, .widget .prikaz-ponuda .cijene .column.dodatno:hover .infobox, #besplatni-telefon:hover .infobox {
	opacity:1;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	visibility:visible;
}

.cijene .column.dodatno .infobox { bottom:40px }
.cijene .column.dodatno:hover .infobox { bottom:60px }
.widget .prikaz-ponuda .cijene .column.dodatno .infobox { bottom:30px }
.widget .prikaz-ponuda .cijene .column.dodatno:hover .infobox { bottom:50px }
#besplatni-telefon .infobox { bottom:30px }
#besplatni-telefon:hover .infobox { bottom:50px }

/*	Popup */
#page-overlay {
	background:url(../images/art/page-overlay.png) repeat 0 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.popup {
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-160px;
	width:300px;
	background:#fff;
	z-index:200;
	padding:20px 20px 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	text-align:left;
}
.popup h2 {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	width:100%;
	background:#222;
	padding:15px;
	position:relative;
	margin:-15px 0 0 -15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.popup .close-button a {
	width:46px;
	height:46px;
	display:block;
	position:absolute;
	top:-17px;
	right:-17px;
	background:url(../images/art/transparent1.png) no-repeat 0 0px;
	text-indent:-8000px;
}
.popup .close-button a:hover {
	background:url(../images/art/transparent1.png) no-repeat 0px 0px;
}
.popup .normalform {
	background:#eee;
	display:block;
	padding:15px;
	position:relative;
	margin:1px 0 0 -15px;
	width:100%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.popup .normalform li {
	clear:none !important;
	margin-left:0 !important;
}
.popup .normalform .button {
	margin:10px 5px 0 0;	
}
.popup .normalform p { 
	display:block;
	clear:both;
	margin:15px 0 0 0;
}

/*	Widgets */
#sidebar .widget > li {
	position:relative;
	margin-bottom:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#sidebar .widget > li > h2, 
#sidebar .widget > li > form > h2 {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

/*	Widget > Admin widget */



#sidebar .harmonika {width: 330px;
   margin: 0px 0px 30px -30px;
   padding-top: 20px;       
}

#sidebar .harmonika ul { margin: 0; }

#sidebar .harmonika ul li ul
{
    
    display: block;     
    position: relative;
    z-index: 1;
    padding-top:10px;
    background: white;
    margin-bottom: 0px;
    width: 330px;
   
}

#sidebar .harmonika li 
{
margin-bottom: 0px;	
line-height: 45px;
list-style: none;
position: relative;
}

#sidebar .harmonika li:first-child a { border-top: none;}

#sidebar .harmonika li a
{


margin: 0px;
border-bottom: 1px solid #444;	
padding: 0px 10px 0 40px;
text-align: left;
line-height: 45px;
float: none;
display: block;	
position: relative;
z-index: 2;
width: 100%;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 16px;

}

#sidebar .harmonika li a:hover
{
    padding-left: 45px;
    transition: padding 0.1s;  
    background-color: #333;  	  
}

#sidebar .harmonika li.current a
{

   background-color: #111; 	  
}




#sidebar .harmonika li ul.inner-ul
{
   display: none;       
}

#sidebar .harmonika li.open ul.inner-ul
{
    display: block;
    padding-top: 0px;  
}


#sidebar .harmonika li ul li a
{
   font-size: 14px;
   color: #999;
   background: none;
   font-weight: normal;    
   padding: 2px 0px 2px 60px;
   line-height: 30px;
   border:0px;       
}

#sidebar .harmonika li ul li.inner-current a
{
   color: #fff;        
}

#sidebar .harmonika li.current ul li a
{
  background-color: transparent; 
  border-bottom: 0px solid #fff; 	      
}


#sidebar .harmonika li ul li a:hover
{    
   color: #fff;
   padding-left: 65px;
   background-color: #333;         
}



.offer-count { font-size: 12px;font-weight: normal;color: #999;margin-left: 10px;position: relative;}

.open-li-button  
{
    color: #fff;cursor: pointer;
    position: absolute;
    right: 0px;
    height: 47px;
    z-index: 50;
    padding: 0px 20px;
    border-left: 1px solid #444; 
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;}
.open-li-button:hover { background-color: #333; }
.open-li-button:before { content: "\e313";line-height: 45px!important;font-size: 20px;}
.open .open-li-button:before {content: "\e316"; } 
p.no-deal-warining { font-size: 18px!important;line-height: 24px!important;text-align: center!important;margin: 10px 0px!important;}

#sidebar .harmonika .am_novo 
{
      list-style: none;
      height: 7px;
      width:7px;
      background-color: #63a709;
      background-repeat: no-repeat;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; 
      position: absolute;
      z-index: 1000;
      right: -10px;
      top: 3px;      
}
 
.list-wrap h1 {
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	color:#222;
	border-bottom:1px solid #eee;
    padding: 25px 25px 20px 25px;
    margin: -25px -25px 15px -25px;     
}   

.list-wrap h1.partner-naslov    {
	font-size:28px;
	line-height:32px;
	font-weight:normal;
	color:#222;
	border-bottom:1px solid #eee;
    padding: 15px;
    margin: -15px -15px 15px -15px;     
}

.widget .admin {
padding:25px;
background:#fff;
}.widget .tagbox ul li 
.widget .admin .button { margin-top:5px; background: url(../images/art/btn0s.png) repeat-x left -35px; }
.search-history-list {	
    border-radius: 10px;   
}
.search-history-list ul li{
    margin-bottom: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #333;
    font-size: 12px;
    line-height: 20px;
}
.search-history-list ul li:last-child{
    border-bottom: 0px solid #333;
}

.pr-sm { padding-right: 5px;}
.pl-sm { padding-left: 5px;}
.search-history-list ul li a{
    color: #999;
    display: block;
}
.search-history-list ul li a:hover{
    color: #fff;
}
.search-history-list ul li img{
    width: 100%;
}
.search-history-list ul h2{
    color: #fff;    
}

/*	Widget > Navigacija */


.widget .navigation {
	padding:25px;
	background:#fff;
}
.widget .navigation ul {
	border-top:1px dotted #ddd;
	margin-bottom:0;
}

.widget .navigation ul li {
	border-bottom:1px dotted #ddd;
	font-size:13px;
	font-weight:bold;
	color:#666;
	padding:6px 0;
}
body.howto .widget .navigation a {
	display:block;
	color:#009dc0;
	text-decoration:none;
}
body.howto .widget .navigation ul li { margin-bottom: 0px;}
.widget .navigation a {
	display:block;
	color:#009dc0;
	text-decoration:none;
}
.widget .navigation a:hover { color:#333; text-decoration:none; }
.widget .navigation a.selected { color:#333; font-weight:bold }

/*	Widget > Text widget */
.widget .text {
	padding:25px 25px 10px;
	background:#fff;
}
.widget .text h2 {
	margin-bottom:5px;
}
.widget .text .credit-cards {
	margin:5px 0;	
	border: 0;
}
.widget .text .credit-cards img { margin-right:10px }

/*	Widget > Prikaz ponuda */

.mt-0 {
    margin-top: 0!important;
}

.index-ponuda {
	margin-bottom:30px;
	min-height:140px;
	height:auto !important;
	height:140px;	
	border-radius: 5px;
    background-color: white;
    width: 100%;
}

.index-ponuda a {     
     display: inline-block;
 }
 
 .index-deals-list .column.dodatno.nl {     
     display: none;
 }
 
 

.index_new .owl-carousel.owl-drag .owl-item {
    padding: 10px 15px!important;    
}

.owl-theme .owl-nav {
    color: white;
    position: absolute;
    top: 50%;  
    margin-top: -50px!important;
    width: 100%;    
}

.owl-theme .owl-nav button {    
    font-size: 50px!important;
    line-height: 50px!important;
    height: 50px!important;  
    position: absolute!important;
    padding: 0px 15px!important;
}

.owl-theme .owl-nav button:hover {
    background: transparent!important;    
}

.owl-theme .owl-nav .owl-prev {
    left: -30px;      
}

.owl-theme .owl-nav .owl-next {
    right: -30px;      
}

.owl-theme .owl-nav .owl-prev:hover {
    left: -33px;      
}

.owl-theme .owl-nav .owl-next:hover {
    right: -33px;      
}


.owl-theme .owl-nav {
    color: white;
    position: absolute;
    top: 50%;
    font-size: 50px;
    line-height: 50px;
    margin-top: 0px;
    width: 100%;    
}

.owl-theme .owl-dots {
    margin-bottom: 20px;
}

.index_new a:hover, .index_new a:active, .index_new a:focus  {
    text-decoration: none!important;
}

.index-ponuda{    
    position: relative;
}

.index-ponuda:hover {
    margin-top: -3px;
    cursor: pointer;    
}

.index-ponuda .dl_novo {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 87px;
    height: 88px;
    background: none;
    z-index: 1000;
    background-image: url(../images/newsletter/ukras-novo.png);
}
.index-ponuda h3 {
	font-size:18px;
	line-height:22px;
	color:#777;
	margin-bottom:20px;
	font-weight:normal;
	clear:none;
	text-decoration: none;
    height: 110px;	
}
.index-deals-list .index-ponuda h3 {
    font-size:14px;
    line-height:18px;
}
.index-ponuda h3 strong {
	color:#444;	
	font-weight:bold;
}
.index-ponuda h3 b {
	color:#444;	
	font-weight:bold;
}
.index-ponuda .index-ponda-text {
    padding:15px;
}

.index-ponuda .index-image{
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}
.index-ponuda .cijene {     
    align-items: stretch;
}

.index-ponuda .cijene .column, .index-ponuda .cijene .column.ušteda {     
    padding: 9px 7px;
    font-size: 10px;
}
.index-ponuda .cijene .column strong {
    font-size: 14px;
}

.index-deals-list h1 {
   border-bottom: 0px solid #eee;
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
    padding: 0px 10px!important;
}
.index-banner {
    margin-bottom: 30px!important;
}
.index-banner a img{
    border-radius: 5px;
    width: 100%;
}

.index-kategorija-botun {
    border-radius: 5px;
    padding: 20px 5px;
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: none;
}

.index_new h1 a {
    color: white;
    font-size: 14px;
    text-decoration: underline;
}

.index-kategorija-botun:hover {
    box-shadow: 0px 0px 2px #fff;
}

.pl-5 {
    padding-left: 5px!important;
}
.pr-5 {
    padding-right: 5px!important;
}
.m-0 {
    margin: 0px!important;
}
.index-kategorija-botun:hover, .index-kategorija-botun:focus, .index-kategorija-botun:active { 
    color: white; 
    text-decoration: none;   
}
.index-kategorija-botun.putovanja {
    background-color: #0497e3;
}
.index-kategorija-botun.ljepota {
    background-color: #A73CB8;
}
.index-kategorija-botun.gastro {
    background-color: #FA9B0E;
}
.index-kategorija-botun.zabava {
    background-color: #5A71ED;
}
.index-kategorija-botun.raznovrsne {
    background-color: #629919;
}
.index-kategorija-botun.extra-kategorija {
    background-color: #F63E80;
}

.index-kategorija-botun.putovanja:hover {
    box-shadow: 0px 0px 5px #0497e3;
}
.index-kategorija-botun.ljepota:hover {
    box-shadow: 0px 0px 5px #A73CB8;
}
.index-kategorija-botun.gastro:hover {
    box-shadow: 0px 0px 5px #FA9B0E;
}
.index-kategorija-botun.zabava:hover {
    box-shadow: 0px 0px 5px #5A71ED;
}
.index-kategorija-botun.raznovrsne:hover {
    box-shadow: 0px 0px 5px #629919;
}
.index-kategorija-botun.extra-kategorija:hover {
    box-shadow: 0px 0px 5px #F63E80;
}
.widget .prikaz-ponuda li {
	padding:15px;
	border:1px solid #ddd;
	margin-bottom:15px;
	min-height:140px;
	height:auto !important;
	height:140px;
	padding-left:230px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.widget .prikaz-ponuda li:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);	
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget .prikaz-ponuda li a:link, 
.widget .prikaz-ponuda li a:visited, 
.widget .prikaz-ponuda li a:hover, 
.widget .prikaz-ponuda li a:active { text-decoration: none; }

.widget .prikaz-ponuda h3 {
	font-size:22px;
	line-height:26px;
	color:#777;
	margin-bottom:5px;
	font-weight:normal;
	clear:none;
	text-decoration: none;	
}
.widget .prikaz-ponuda h3 strong {
	color:#444;	
	font-weight:bold;
}
.widget .prikaz-ponuda p {
	font-size:11px;
	line-height:15px;
	color:#777;
}

.widget .prikaz-ponuda img 
{
    width: 50%;		
	background:#eee;
	position:relative;
	float:left;
	margin-left:-215px;
    margin-right: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

/*	Widget > Prikaz želja */
/*
.widget .prikaz-zelja li {
	padding:15px;
	border:1px solid #ddd;
	margin-bottom:15px;
	min-height:140px;
	height:auto !important;
	height:140px;
	padding-left:230px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.widget .prikaz-zelja li:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);	
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*/
.widget .prikaz-zelja li {
	padding:15px;
	border:1px solid #ddd;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.widget .prikaz-zelja p {
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:5px;
	padding-left: 28px;
	min-height: 55px;
}
body.onewish .widget .prikaz-zelja p { min-height:  24px; margin-bottom: 10px; }
.widget .prikaz-zelja .social span.autor {
	float:left;
	color:#aaa;
	font-size:12px;
	margin-right:5px;
	display: block;
}
.widget .prikaz-zelja .vrijeme {
	text-transform:lowercase;
}
.widget .prikaz-zelja .ostvarena {
	background:#ee6321;
	border:0;
}
.widget .prikaz-zelja .ostvarena p {
	border-bottom:1px solid #f39264;
	padding-bottom:5px;
}
.widget .prikaz-zelja .ostvarena p, .widget .prikaz-zelja .ostvarena span {
	color:#fff;
}
.widget .prikaz-zelja .ostvarena .status {
	float:right;
	margin-right:0;
}

/*	Widget > Razrada cijene */
.cijene {
	clear:both;
    display: flex;
    flex-wrap: wrap;
}
.cijene .column {
	float:left;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px 10px;	
	border:1px solid #ccc;
	margin-right:5px;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#888;
	position:relative;
}
.cijene .column.usteda { 
	border:0;
}
.cijene .column.usteda, .cijene .column.usteda strong {
	background:#ed1c24;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cijene .column strong {
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	color:#444;
	display:block;
}
.cijene .column.dodatno {
	border:0;
	color:#ccc;
	color:rgba(255,255,255,0.8);	
	padding-right:18px;
	text-align:left;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
.cijene .column.dodatno strong {
	color:#fff;
}

.cijene .column.dodatno.nl {
	background: #78c511;
}
.cijene .column.dodatno.os {
	background:#354f67  url(../images/art/transparent1.png) no-repeat right 29px; border: 1px solid #354f67;
}
.cijene .column.dodatno.fb {
	background:url(../images/art/transparent1.png) no-repeat right -89px;
}
.cijene .column.dodatno.tw {
	background:url(../images/art/transparent1.png) no-repeat right -139px;
}
.cijene .column.dodatno.mob {
	background:url(../images/art/transparent1.png) no-repeat right 0px;
}
.cijene .button.kupi {	
	padding:0 25px;
	line-height:50px;
	font-size:22px;
	margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.widget .prikaz-ponuda .cijene {
	clear:both;
	padding-top:15px;	
	position:relative;
	margin-left:-215px;
	display: flex;
}

.widget .prikaz-ponuda .cijene a{	
	display: flex;
}
.widget .prikaz-ponuda .cijene .column {
	padding-top:10px;
	padding-bottom:10px;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.cijene .column .euro{
    font-size: 14px;
}

.widget .prikaz-ponuda .cijene .column.dodatno.fb {
	background:url(../images/art/transparent1.png) no-repeat right -99px;
}
.widget .prikaz-ponuda .cijene .column.dodatno.tw {
	background:url(../images/art/transparent1.png) no-repeat right -149px;
}
.cijene .column.dodatno.nl span.euro{
	  font-size: 14px;
}
	
.widget .prikaz-ponuda .cijene .column.dodatno.nl {
background:#78c511}

.widget .prikaz-ponuda .cijene .column.dodatno.os {
	background:#354f67  url(../images/art/transparent1.png) no-repeat right 22px;
}
.widget .prikaz-ponuda .cijene .column.dodatno.mob {
	background:url(../images/art/transparent1.png) no-repeat right -0px;
}
.widget .prikaz-ponuda .cijene .button.kupi { 
	line-height:40px;
	font-size:24px;
	padding:0 15px;	
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.widget .prikaz-ponuda .cijene .button.kupi:hover { }
.widget .prikaz-ponuda .cijene .column {
	opacity:.3;
}
.widget .prikaz-ponuda li:hover .cijene .column { 
	opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.widget .prikaz-ponuda .opis { display:none }

/*	Widget > Ponude */
.widget .ponude {
	width:300px;	
	background:url(../images/ponude-jaje.png) no-repeat 0 0;
	padding:0 0 105px;
	margin:30px 0 0 !important;
}
.widget .ponude h2 { display:none }
.widget .ponude .wrapper {
	width:300px;
	height:334px;
	overflow:hidden;
}
.widget .ponude .container {
	width:300px;	
}
.widget .ponude .container li {
	width:300px;
	height:334px;
	float:left;
	position:relative;
	text-align:center;
	cursor:pointer;
}
.widget .ponude .container li h2 {	
	height:82px;
	position:relative;
	text-align: center;	
	font-size:20px;
	line-height:26px;
	font-weight: normal;	
	color:#fff;
	display:block;
	margin-bottom:0;
	margin-top: 8px;
	padding: 0px 20px;
}
.widget .ponude .container li h2 span{
	color: #999;
	
}

.widget .ponude .container li .inli .innerner {
	position:absolute;
	bottom:50px;
	left:0;
	width:260px;
	padding:0 20px;
}
.widget .ponude .container li h3 {
	font-size:12px;
	line-height:17px;
	color:#777;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	padding: 0px 40px;
}
.widget .ponude .container li h3 strong {
	color:#aaa;	
}
.widget .ponude .container li img.foto {
	border:3px solid #fff;
	margin-top: 45px;

	
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.widget .ponude .nav li a {
	width:10px;
	height:16px;
	display:block;
	position:absolute;
	bottom:122px;
	text-indent:-8000px;
	z-index:30;
}
.widget .ponude .nav .prev a 		{ background:url(../images/art/transparent1.png) no-repeat -20px 0; left:50px; }
.widget .ponude .nav .prev a:hover 	{ background:url(../images/art/transparent1.png) no-repeat 0 0 }
.widget .ponude .nav .next a 		{ background:url(../images/art/transparent1.png) no-repeat -30px 0; right:50px }
.widget .ponude .nav .next a:hover 	{ background:url(../images/art/transparent1.png) no-repeat -10px 0 }

/*	Widget > Besplatni telefon */
.widget .besplatni-telefon {
	background:#333;
}
.widget .besplatni-telefon h2 {
	font-size:36px;
	line-height:40px;
	padding:20px 20px 20px 70px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	background:url(../images/art/toll-free-bg.jpg) no-repeat left center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:0;
}
.widget .besplatni-telefon h2 strong { display:none }
.widget .besplatni-telefon p {
	font-size:11px;
	line-height:15px;
	color:#999;
	padding: 10px 20px;
	margin-bottom:0;
	text-align:center;
}

/*	Widget > Newsletter */
.widget .newsletter {
	background:#272727;
	padding:5%;
	width:100%;
	text-align:center;
}
.widget .newsletter h2 {
	width:110%;
	position:relative;
	margin:-5% 0 0 -5%;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	padding:13px 10px 13px 50px;
	background:#009dc0 url(../images/art/newsletter-h2-bg.png) no-repeat left bottom;
	margin-bottom:20px;
	text-align:left;
}
.widget .newsletter p {
	color:#b7b7b7;
	font-size:13px;
	line-height:17px;
}
.widget .newsletter p strong {
	color:#fff;	
}
.widget .newsletter #newsletter-email {
	width:100%;
	padding:5px;
	border:0;
	background:#e1e1e1;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#333;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
	text-align:center;
}
.widget .newsletter #newsletter-subscribe {
	background:url(../images/art/btn0s.png) repeat-x left -435px;
	color:#fff;
	text-shadow:0 2px 2px rgba(0,0,0,0.2);
	padding:5px;
	width:260px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}
.widget .newsletter #newsletter-subscribe:hover {
	background:url(../images/art/btn0s.png) repeat-x left -535px;
}

/*	Footer */
#footer .container {
	
}
#footer .cta {
	background:#111;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #333;
	padding:25px;	
	position:relative;	
	margin-bottom:20px;
}
#footer .cta .column {
	float:left;	
	padding:0px 25px;
    width: 50%;
}
#footer .cta .column.first { border-right: 1px solid;}
#footer .cta h2 {
	font-size:16px;
	font-weight:bold;
	color:#777;
	margin-bottom:5px;
}
#footer .cta p {
	font-size:12px;
	color:#555;
	margin-bottom:0;	
}
#footer p {
	font-size:11px;
	color:#aaa;
}
#footer .as-seen-on {
	padding-bottom:59px;
	width:182px;
	background:url(../images/art/nova-doma-logo.png) no-repeat 0 0;
}

/*	Fixevi */
.cf:before, .cf:after, .container:before, .container:after, .widget li:before, .widget li:after, .normalform li:before, .normalform li:after
	{ content: "\0020"; display: block; height: 0; visibility: hidden; }
	
.cf:after, .container:after, .widget li:after, .normalform li:after
	{ clear: both; }
	
.cf, .container, .widget li, .normalform li
	{ zoom: 1; }
	
.dl_novo { position: absolute;
    top: -7px;
    left: -7px;
    width: 87px;
    height: 88px;
    background: none;
    z-index: 1000;
    background-image: url(../images/newsletter/ukras-novo.png);
 }
.master-znak { position: absolute;
    top: -7px;
    left: -7px;
    width: 87px;
    height: 88px;
    background: none;
    z-index: 2000;
    background-image: none;
  }
.zaba-znak { position: absolute;
    top: -7px;
    left: -7px;
    width: 87px;
    height: 88px;
    background: none;
    z-index: 1000;
    background-image: none; 
   }
.zaba-znak svg, .master-znak svg {position: absolute;height: 100%;width: 100%;}
/*.widget .prikaz-ponuda .master-li-10 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-10.png)}
.widget .prikaz-ponuda .master-li-15 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-15.png)}
.widget .prikaz-ponuda .master-li-20 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-20.png)}
.widget .prikaz-ponuda .master-li-25 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-25.png)}
.widget .prikaz-ponuda .master-li-30 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-30.png)}
.widget .prikaz-ponuda .master-li-50 {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 2000; background-image: url(../images/ukras-master-50.png)}
.widget .prikaz-ponuda .golddeal {position: absolute; top: 7px; left: 8px; width: 87px; height: 88px; background: none; z-index: 998; background-image: url(../images/zlatna.png)}*/

.wishlist-check {
  position: relative;
  padding-left: 20px; /* Enough space for the heart icon */
  padding-top: 20px; /* Enough space for the heart icon */
  cursor: pointer;
  font-size: 18px; /* Adjust based on desired heart size */
  display: inline-block; 
}

.wishlist-check input[type="checkbox"] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; /* Make the checkbox invisible */
  z-index: 1; /* Make sure it's above the heart icon */
}

.wishlist-check .checkmark {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px; /* Adjust based on desired heart size */
  height: 18px; /* Adjust based on desired heart size */
  color: #777; /* Default heart color (unchecked) */
  z-index: 0; /* Sit below the invisible checkbox */  
}
.wishlist-check .checkmark:hover {
  color: #000; /* Default heart color (unchecked) */  
}

.wishlist-check input[type="checkbox"]:checked ~ .checkmark {
  color: #e05d1f; /* Checked heart color */
}

.btn.activated {
    color: #e05d1f!important;
}
.d-flex {
    display: flex;    
}
.align-items-center {
    align-items: center;
}
.justify-content-around {
    justify-content: space-around;
}
.justify-content-end {
    justify-content: end;
}
.share-icon {
    font-size: 18px; 
}
.mb-2 {
    margin-bottom: 20px; 
}



/*	The end ;) */

/* Lada */
table.checkout .ponuda .image img {
	width: 120px;
	height: 84px;
}

body.login {  }
body.login fieldset { border: 1px solid #ccc; width: 480px; margin: 0 auto; background: #fff; padding: 20px; margin-top: 20px; }
body.login legend { font-size: 22px; font-weight: bold;  }
body.login input { }
body.login .editor-label, body.login .editor-field { text-align: left; font-size: 12px; font-weight: bold; padding: 10px 0; }

body.login p { float: none; text-align: left; margin: 15px 0; }
body.login .gdpr-text p {margin: 0px 0px 15px 0px; }
body.login p.alignright { clear: none; font-size: 11px; margin: 0;
color: #AAA;
float: right;
font-size: 12px;
line-height: 17px; }
body.login p a:link, 
body.login p a:visited, 
body.login p a:hover, 
body.login p a:active { color: #666; font-weight: normal; float: left; display: block; margin-bottom: 10px;text-decoration: underline; }
body.login p a:hover { text-decoration: none; }

.ui-notify { width:350px; position:fixed; top:10px; right:10px; }
.ui-notify-message { padding:10px; margin-bottom:15px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px }
.ui-notify-message h1 { font-size:14px; margin:0; padding:0 }
.ui-notify-message p { margin:3px 0; padding:0; line-height:18px }
.ui-notify-message:last-child { margin-bottom:0 }
.ui-notify-message-style { background:#000; background:rgba(0,0,0,0.8); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
.ui-notify-message-style h1 { color:#fff; font-weight:bold }
.ui-notify-message-style p { color:#fff }
.ui-notify-close { color:#fff; text-decoration:underline }
.ui-notify-click { cursor:pointer }
.ui-notify-cross { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
.ui-notify-cross:hover { color:#ffffab }
.ui-notify-cross:active { position:relative; top:1px }

body.login .ui-notify-message p { 
clear: none;
float: none;
text-align:  inherit;
margin: 1px 0 0 -15px;
 } 
body.login .normalform.two-column li { margin-bottom: 20px;}
body.login .normalform.two-column label { float:left; width: auto;font-size: 14px;  }
body.login .normalform.two-column input[type="checkbox"] { float: left;margin-right: 5px;display: block;margin-top: 0px;height: 16px;width: 16px;}
body.login .normalform.two-column input[type="submit"]:disabled, body.login .normalform.two-column button:disabled  { background-color: #ccc;}
body.login .normalform.two-column input[type="submit"]:disabled:hover{ background: #ccc!important;text-shadow: none;}
body.login .normalform.two-column button:disabled:hover { background-color: #ccc!important;text-shadow: none;}
.normalform.two-column li { margin-left: 0px; clear: both }
body.login .newsletter-accept { background-color: #e0f3d1;padding: 25px; float: none; width: 100%; display: block;}
.login-gdpr { background-color: #eee;padding: 25px; border-radius: 10px;}

.normalform label.error, span.required, td.bon label.error { color: #FF0000; font-weight: normal; float: left; display: block;  }
span.required { padding-left: 0px; display: inline; float: none; }
td.bon label.error  { clear: both; padding: 0 0 0 130px; margin: 0;  }
li.newsletter span.error { display: block; color: #B7B7B7; padding: 5px 0; font-size: 10px; }
.margin-bottom-md { margin-bottom: 20px;}
.gdpr-accept { width: 100%!important;background-color: #fff4ef;padding: 25px; }
#ponuda #besplatni-telefon { border: 1px solid #CCC; color: #000; text-shadow:0px 0px 0 rgba(0,0,0,0.2); }

.view table.sigurnost_placanja {
	border-top:0px solid #ddd;
	border-right:0px solid #ddd;
	border-top:0px solid rgbA(255,255,255,1);
	border-right:0px solid rgba(255,255,255,1);
	-webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
}
.view th, .view td {
	padding:5px;
	border-bottom:0px solid #eee;
	border-left:0px solid #eee;
	text-align: center;
}
.view th:first-child, .view td:first-child { border-left:0 }
.view tr:last-child th, .view tr:last-child td { border-bottom:0 }
.view thead th {
	font-weight:bold;
	color:#333;
	background:#f5f5f5;
	border-bottom:0px solid #eee !important;
}


body.mcsc { font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; background: #fff; text-align: left; }
body.mcsc table { margin-bottom: 0; }
body.mcsc td { font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
body.mcsc p { font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height: normal; padding-top: 10px; }
body.mcsc b {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc strong {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc .copybd {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc .copy10 {
	font-size: 10px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc .copy12 {
	font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc .copyfooter {
	font-size: 10px; color: #ffffff; line-height: 15px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.mcsc .linkfooter {
	font-size: 10px; color: #ffffff; line-height: 15px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
body.mcsc .alignjustify {
	text-align: justify
}
body.mcsc a.link {
	font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
body.mcsc a.link:visited {
	font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
body.mcsc a.link:hover {
	font-size: 12px; color: #ff0000; font-family:verdana, arial, helvetica, sans-serif; text-decoration: underline
}

body.vbv {
	font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; background: #fff; margin: 0; padding: 0;
}
body.vbv table { margin-bottom: 0; }
body.vbv td {
	font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv p {
	font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;  padding-top: 10px; margin-bottom: 0;
}
body.vbv b {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv strong {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv .copybd {
	font-weight: bold; font-size: 12px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv .copy10 {
	font-size: 10px; color: #000000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv .copy12 {
	font-size: 12px; color: #000000; font-family: arial, helvetica, geneva; text-decoration: none
}
body.vbv .copyfooter {
	font-size: 10px; color: #ffffff; line-height: 15px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
body.vbv .linkfooter {
	font-size: 10px; color: #ffffff; line-height: 15px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
body.vbv .alignjustify {
	text-align: justify
}
body.vbv a.link {
	font-size: 12px; color: #ff0000; font-family: arial, helvetica, geneva; text-decoration: underline
}
body.vbv a.link:visited {
	font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
body.vbv a.link:hover {
	font-size: 12px; color: #ff0000; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}

#ok_button a {
	float:left;
	display:block;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
	background:url(../images/art/headnav0.png) repeat-x 0 -80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#ok_button a:hover { background:#111 }

.ui-notify { z-index: 2000; top: 0; right: 0;top:20%; left:50%;margin-left:-160px; width: 350px; 	font-family: Arial, Helvetica, sans-serif;}
.ui-notify-message-style { 
	background:#fff;
	padding:20px 20px 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
 	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
 	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
 	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); 
	text-align:left;	
 }

.ui-notify-message h1 { 
	font-size:20px;
	font-weight:bold;
	color:#636363;
	width:100%;
	background:#fff;
	padding:10px 15px;
	position:relative;
	margin:-15px 0 0 -15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 0px solid #EEE;
 }  

.ui-notify-message p { 
	background:#eee;
	color:#222;
	display:block;
	padding:15px;
	position:relative;
	margin:1px -15px 0 -15px;
	min-width:100%;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
 }

.ui-notify-cross, .jqClose { 
	width:46px;
	height:46px;
	position:absolute;
	top:-20px;
	right:-20px;
	background:url(../images/art/transparent1.png) no-repeat 0px 1px;
	z-index:2000;
	text-indent:-8000px;
}
.ui-notify-cross:hover, .jqClose:hover {
	background:url(../images/art/transparent1.png) no-repeat -50px 1px;
}


.ui-notify-cross:hover:active { position:absolute; top:-17px;
	right:-17px;  }

body.checkout .ui-notify-cross { 
 	display: block;
   } 
   
ul.icons-share {
    display: flex;    
}
ul.icons-share li {
    padding: 5px;  
}
   
#footer .as-seen-on { display: none; }

#sidebar .widget > li.newsletter { margin-bottom: 30px; }
.widget .newsletter { background: #333; }
.widget .newsletter #newsletter-subscribe { margin-top: 5px;  }
.widget .newsletter #newsletter-email:focus { border:0px solid #ddd !important; }


#sidebar .widget > li.discount { margin-bottom: 30px;
padding: 0;
width: 300px;
 }
.widget .discount { background: transparent; }
.widget .discount img { 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; }

/*more*/
#sidebar .widget > li.more { margin-bottom: 30px; }
.widget .more { background: #333; text-align: left }
.widget .more a:link,  
.widget .more a:visited, 
.widget .more a:hover, 
.widget .more a:active 
{ display: block; text-decoration: underline; color: gray; font-size: 12px; margin-bottom: 8px; float: left  }
.widget .more a:hover { text-decoration: none; }


#sidebar .widget > li.connect { margin-bottom: 0px; padding: 20px 0 18px 0; width: 300px; }
.widget .connect h2 { background:#F3793F url(../images/art/connect-h2-bg.png) no-repeat left bottom; padding: 13px 0px 13px 50px; margin: -20px 0 0 0px; width: 250px; font-size: 20px; }
.widget .connect p { text-align: left; margin: 0px; padding: 10px 20px }
.widget .connect p.info { background: #000; border-bottom: 1px solid #000;   }
.widget .connect div.fb { border-top: 1px solid #484848;  border-bottom: 1px solid #000; padding: 10px 20px; padding-top: 13px }
.widget .connect p.twr {clear:both; float: none;  border-top: 1px solid #484848; border-bottom: 1px solid #000; padding-top: 13px }
.widget .connect p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; }

.widget .connect p.blg a:link, 
.widget .connect p.blg a:visited, 
.widget .connect p.blg a:hover, 
.widget .connect p.blg a:active { display: block; text-decoration: underline; color:  gray; }
.widget .connect p.blg a:hover { text-decoration: none; }

#headnav li.back { display: none; }
body.checkout #headnav li { display: none; }
body.checkout #headnav li.back { display:  block; }

#sidebar .widget > li.painball { margin-bottom: 20px; padding: 20px 0 14px 0; width: 300px; }
.widget .painball h2 { background:#465014 url(../images/art/paintball-h2-bg.png) no-repeat left bottom; padding: 13px 0px 13px 10px; margin: -20px 0 0 0px; width: 290px; font-size: 20px; }
.widget .painball p.linx { background:#333 url(../images/art/painball-pic.png) no-repeat; height: 255px; padding: 0px 0 0 10px; text-align: left; border-bottom: 1px solid black; margin-bottom: 0px; }
.widget .painball p.linx span { display: block;  clear: both;}
.widget .painball p.linx a:link, 
.widget .painball p.linx a:visited, 
.widget .painball p.linx a:hover, 
.widget .painball p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 0 18px 14px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .painball p.linx a:hover {
	text-decoration: none;
}
.widget .painball p.linx a.pain_all:link, 
.widget .painball p.linx a.pain_all:visited, 
.widget .painball p.linx a.pain_all:hover, 
.widget .painball p.linx a.pain_all:active { 
	display: block; width: 280px; height: 170px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .painball p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .painball p.blg b { color: white }
.widget .painball p.blg a:link, 
.widget .painball p.blg a:visited, 
.widget .painball p.blg a:hover, 
.widget .painball p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .painball p.blg a:hover {
	text-decoration: underline;
}

/*tretmani*/
#sidebar .widget > li.ekstenzije { margin-bottom: 30px; padding: 20px 0 14px 0; width: 300px; }
.widget .ekstenzije h2 { background:#63426E url(../images/art/ekstenzije-h2-bg.png) no-repeat left top; padding: 9px 0px 8px 10px; margin: -20px 0 0 0px; width: 290px; font-size: 18px; color: #fff; text-align: center; }
.widget .ekstenzije p.linx { background:#333 url(../images/art/ekstenzije-pic.png) no-repeat; height: 272px; padding: 0px 0 0 10px; text-align: left; border-bottom: 1px solid black; margin-bottom: 0px; }
.widget .ekstenzije p.linx span { display: block;  clear: both;}
.widget .ekstenzije p.linx a:link, 
.widget .ekstenzije p.linx a:visited, 
.widget .ekstenzije p.linx a:hover, 
.widget .ekstenzije p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 0 18px 14px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .ekstenzije p.linx a:hover {
	text-decoration: none;
}
.widget .ekstenzije p.linx a.pain_all:link, 
.widget .ekstenzije p.linx a.pain_all:visited, 
.widget .ekstenzije p.linx a.pain_all:hover, 
.widget .ekstenzije p.linx a.pain_all:active { 
	display: block; width: 280px; height: 220px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .ekstenzije p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .ekstenzije p.blg b { color: white }
.widget .ekstenzije p.blg a:link, 
.widget .ekstenzije p.blg a:visited, 
.widget .ekstenzije p.blg a:hover, 
.widget .ekstenzije p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .ekstenzije p.blg a:hover {
	text-decoration: underline;
}

/*putovanja*/
#sidebar .widget > li.putovanja { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .putovanja h2 { background:#0077B1 url(../images/art/putovanja-h2-bg.png) no-repeat left top; padding: 9px 10px 8px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 16px; color: #fff; text-align: center; line-height: 22px; }
.widget .putovanja p.linx { background:#333 url(../images/art/putovanja-pic.png) no-repeat; height: 300px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .putovanja p.linx span { display: block;  clear: both;}
.widget .putovanja p.linx a:link, 
.widget .putovanja p.linx a:visited, 
.widget .putovanja p.linx a:hover, 
.widget .putovanja p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 14px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .putovanja p.linx a:hover {
	text-decoration: none;
}
.widget .putovanja p.linx a.pain_all:link, 
.widget .putovanja p.linx a.pain_all:visited, 
.widget .putovanja p.linx a.pain_all:hover, 
.widget .putovanja p.linx a.pain_all:active { 
	display: block; width: 280px; height: 257px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .putovanja p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .putovanja p.blg b { color: white }
.widget .putovanja p.blg a:link, 
.widget .putovanja p.blg a:visited, 
.widget .putovanja p.blg a:hover, 
.widget .ekstenzije p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .putovanja p.blg a:hover {
	text-decoration: underline;
}

/*operime*/
#sidebar .widget > li.operime { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .operime h2 { background:#204083 url(../images/art/operime-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .operime p.linx { background:#333 url(../images/art/operime-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .operime p.linx span { display: block;  clear: both;}
.widget .operime p.linx a:link, 
.widget .operime p.linx a:visited, 
.widget .operime p.linx a:hover, 
.widget .operime p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .operime p.linx a:hover {
	text-decoration: none;
}
.widget .operime p.linx a.pain_all:link, 
.widget .operime p.linx a.pain_all:visited, 
.widget .operime p.linx a.pain_all:hover, 
.widget .operime p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .operime p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .operime p.blg b { color: white }
.widget .operime p.blg a:link, 
.widget .operime p.blg a:visited, 
.widget .operime p.blg a:hover, 
.widget .operime p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .operime p.blg a:hover {
	text-decoration: underline;
}


/*svadba*/
#sidebar .widget > li.svadba { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .svadba h2 { background:#B38055 url(../images/art/svadba-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .svadba p.linx { background:#333 url(../images/art/svadba-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .svadba p.linx span { display: block;  clear: both;}
.widget .svadba p.linx a:link, 
.widget .svadba p.linx a:visited, 
.widget .svadba p.linx a:hover, 
.widget .svadba p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .svadba p.linx a:hover {
	text-decoration: none;
}
.widget .svadba p.linx a.pain_all:link, 
.widget .svadba p.linx a.pain_all:visited, 
.widget .svadba p.linx a.pain_all:hover, 
.widget .svadba p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .svadba p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .svadba p.blg b { color: white }
.widget .svadba p.blg a:link, 
.widget .svadba p.blg a:visited, 
.widget .svadba p.blg a:hover, 
.widget .svadba p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .svadba p.blg a:hover {
	text-decoration: underline;
}

/*pizza*/
#sidebar .widget > li.pizza { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .pizza h2 { background:#9E0909 url(../images/art/pizza-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .pizza p.linx { background:#333 url(../images/art/pizza-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .pizza p.linx span { display: block;  clear: both;}
.widget .pizza p.linx a:link, 
.widget .pizza p.linx a:visited, 
.widget .pizza p.linx a:hover, 
.widget .pizza p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .pizza p.linx a:hover {
	text-decoration: none;
}
.widget .pizza p.linx a.pain_all:link, 
.widget .pizza p.linx a.pain_all:visited, 
.widget .pizza p.linx a.pain_all:hover, 
.widget .pizza p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .pizza p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .pizza p.blg b { color: white }
.widget .pizza p.blg a:link, 
.widget .pizza p.blg a:visited, 
.widget .pizza p.blg a:hover, 
.widget .pizza p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .pizza p.blg a:hover {
	text-decoration: underline;
}

/*zavas*/
#sidebar .widget > li.zavas { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .zavas h2 { background:#9F2263 url(../images/art/zavas-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .zavas p.linx { background:#333 url(../images/art/zavas-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .zavas p.linx span { display: block;  clear: both;}
.widget .zavas p.linx a:link, 
.widget .zavas p.linx a:visited, 
.widget .zavas p.linx a:hover, 
.widget .zavas p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .zavas p.linx a:hover {
	text-decoration: none;
}
.widget .zavas p.linx a.pain_all:link, 
.widget .zavas p.linx a.pain_all:visited, 
.widget .zavas p.linx a.pain_all:hover, 
.widget .zavas p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .zavas p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .zavas p.blg b { color: white }
.widget .zavas p.blg a:link, 
.widget .zavas p.blg a:visited, 
.widget .zavas p.blg a:hover, 
.widget .zavas p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .zavas p.blg a:hover {
	text-decoration: underline;
}

/*crikva*/
#sidebar .widget > li.crikva { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .crikva h2 { background:#0C6276 url(../images/art/crikva-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .crikva p.linx { background:#333 url(../images/art/crikva-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .crikva p.linx span { display: block;  clear: both;}
.widget .crikva p.linx a:link, 
.widget .crikva p.linx a:visited, 
.widget .crikva p.linx a:hover, 
.widget .crikva p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .crikva p.linx a:hover {
	text-decoration: none;
}
.widget .crikva p.linx a.pain_all:link, 
.widget .crikva p.linx a.pain_all:visited, 
.widget .crikva p.linx a.pain_all:hover, 
.widget .crikva p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .crikva p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .crikva p.blg b { color: white }
.widget .crikva p.blg a:link, 
.widget .crikva p.blg a:visited, 
.widget .crikva p.blg a:hover, 
.widget .crikva p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .crikva p.blg a:hover {
	text-decoration: underline;
}


#ukras  { background: url(../images/art/sladoled_gore.png); width: 300px; height: 190px;
}

/*sladoled*/
#sidebar .widget > li.sladoled { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .sladoled h2 { background:#006699 url(../images/art/sladoled_h2.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .sladoled p.linx { background:#333 url(../images/art/sladoled.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .sladoled p.linx span { display: block;  clear: both;}
.widget .sladoled p.linx a:link, 
.widget .sladoled p.linx a:visited, 
.widget .sladoled p.linx a:hover, 
.widget .sladoled p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .sladoled p.linx a:hover {
	text-decoration: none;
}
.widget .sladoled p.linx a.pain_all:link, 
.widget .sladoled p.linx a.pain_all:visited, 
.widget .sladoled p.linx a.pain_all:hover, 
.widget .sladoled p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .sladoled p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .sladoled p.blg b { color: white }
.widget .sladoled p.blg a:link, 
.widget .sladoled p.blg a:visited, 
.widget .sladoled p.blg a:hover, 
.widget .sladoled p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .sladoled p.blg a:hover {
	text-decoration: underline;
}

/*split*/
#sidebar .widget > li.split { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .split h2 { background:#006699 url(../images/art/slim-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .split p.linx { background:#333 url(../images/art/split.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .split p.linx span { display: block;  clear: both;}
.widget .split p.linx a:link, 
.widget .split p.linx a:visited, 
.widget .split p.linx a:hover, 
.widget .split p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .split p.linx a:hover {
	text-decoration: none;
}
.widget .split p.linx a.pain_all:link, 
.widget .split p.linx a.pain_all:visited, 
.widget .split p.linx a.pain_all:hover, 
.widget .split p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .split p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .split p.blg b { color: white }
.widget .split p.blg a:link, 
.widget .split p.blg a:visited, 
.widget .split p.blg a:hover, 
.widget .split p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .split p.blg a:hover {
	text-decoration: underline;
}

/*slim*/
#sidebar .widget > li.slim { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .slim h2 { background:#9F2263 url(../images/art/slim-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .slim p.linx { background:#333 url(../images/art/slim-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .slim p.linx span { display: block;  clear: both;}
.widget .slim p.linx a:link, 
.widget .slim p.linx a:visited, 
.widget .slim p.linx a:hover, 
.widget .slim p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .slim p.linx a:hover {
	text-decoration: none;
}
.widget .slim p.linx a.pain_all:link, 
.widget .slim p.linx a.pain_all:visited, 
.widget .slim p.linx a.pain_all:hover, 
.widget .slim p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .slim p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .slim p.blg b { color: white }
.widget .slim p.blg a:link, 
.widget .slim p.blg a:visited, 
.widget .slim p.blg a:hover, 
.widget .slim p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .slim p.blg a:hover {
	text-decoration: underline;
}

/*zdravlje*/
#sidebar .widget > li.paketi { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .paketi h2 { background:#265500 url(../images/art/ozone-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .paketi p.linx { background:#333 url(../images/art/zdravlje-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .paketi p.linx span { display: block;  clear: both;}
.widget .paketi p.linx a:link, 
.widget .paketi p.linx a:visited, 
.widget .paketi p.linx a:hover, 
.widget .paketi p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .paketi p.linx a:hover {
	text-decoration: none;
}
.widget .paketi p.linx a.pain_all:link, 
.widget .paketi p.linx a.pain_all:visited, 
.widget .paketi p.linx a.pain_all:hover, 
.widget .paketi p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .paketi p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .paketi p.blg b { color: white }
.widget .paketi p.blg a:link, 
.widget .paketi p.blg a:visited, 
.widget .paketi p.blg a:hover, 
.widget .paketi p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .paketi p.blg a:hover {
	text-decoration: underline;
}

/*hunger*/
#sidebar .widget > li.hunger { margin-bottom: 30px; padding: 20px 0 12px 0; width: 300px; }
.widget .hunger h2 { background:#92390C url(../images/art/cevapii-h2-bg.png) no-repeat left top; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .hunger p.linx { background:#333 url(../images/art/hunger-pic.png) no-repeat; height: 270px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .hunger p.linx span { display: block;  clear: both;}
.widget .hunger p.linx a:link, 
.widget .hunger p.linx a:visited, 
.widget .hunger p.linx a:hover, 
.widget .hunger p.linx a:active { 
	color: #aaa; font-weight: bold; font-size: 16px; margin: 8px 18px 6px 0; display: block; float: left;color: #BFB173; color: #fff;
}
.widget .hunger p.linx a:hover {
	text-decoration: none;
}
.widget .hunger p.linx a.pain_all:link, 
.widget .hunger p.linx a.pain_all:visited, 
.widget .hunger p.linx a.pain_all:hover, 
.widget .hunger p.linx a.pain_all:active { 
	display: block; width: 280px; height: 212px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 20px;
}

.widget .hunger p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .hunger p.blg b { color: white }
.widget .hunger p.blg a:link, 
.widget .hunger p.blg a:visited, 
.widget .hunger p.blg a:hover, 
.widget .hunger p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .hunger p.blg a:hover {
	text-decoration: underline;
}

/*********************** tagbox ********************************/
#sidebar .widget > li.tagbox { margin-bottom: 30px; padding: 20px 0 6px 0; width: 300px; }
.widget .tagbox h2 { background: url(../images/art/tagbox-h2-bg.png) no-repeat left bottom; padding: 11px 10px 10px 10px; margin: -20px 0 0 0px; width: 280px; font-size: 18px; color: #fff; text-align: center; line-height: 22px; }
.widget .tagbox .savings { direction: block; display: block; position: absolute;  background: url(../images/art/tagbox-percent.png) no-repeat; width: 93px; height: 55px; 
right: 14px; bottom: -30px; text-align: ; font-weight: bold; font-size: 40px; padding-top: 60px; padding-left: 23px; text-indent: 0px; text-decoration: none; }
.widget .tagbox p.linx { background:#333 no-repeat; height: 225px; padding: 0px 0 0 10px; text-align: left; border-bottom: 0px solid black; margin-bottom: 0px; }
.widget .tagbox p.linx span { display: block;  clear: both; }

.widget .tagbox  ul { padding: 16px 10px 10px 10px; z-index: 2000; position: relative; }
.widget .tagbox  ul li { float: left; text-align: left; margin: 0px 18px 10px 0;  }

.widget .tagbox  ul li a:link, 
.widget .tagbox  ul li a:visited, 
.widget .tagbox  ul li a:hover, 
.widget .tagbox  ul li a:active { 
	color: #aaa; font-weight: bold; font-size: 14px;  color: #BFB173; color: #fff; line-height:  normal; text-decoration: none; color: #999;
}
.widget .tagbox ul li a:hover {
	text-decoration: none;
	color: White;
}


.widget .tagbox p.linx a.pain_all:link, 
.widget .tagbox p.linx a.pain_all:visited, 
.widget .tagbox p.linx a.pain_all:hover, 
.widget .tagbox p.linx a.pain_all:active { 
	display: block; width: 300px; height: 225px ; margin: 0; padding: 0; text-indent: -9999px; margin-bottom: 5px; position: relative; text-decoration: none;
}

.widget .tagbox p.blg { border-width: 0 0 0 0; padding-bottom: 0px;  margin-bottom: 0px; border-top: 1px solid #484848; text-align: left; padding: 10px 0 0 10px; font-weight: bold; color: #aaa; }
.widget .tagbox p.blg b { color: white }
.widget .tagbox p.blg a:link, 
.widget .tagbox p.blg a:visited, 
.widget .tagbox p.blg a:hover, 
.widget .tagbox p.blg a:active { 
	font-weight: bold; color: #aaa; text-decoration: none;
}
.widget .tagbox p.blg a:hover {
	text-decoration: underline;
}
/*********************** tagbox KRAJ ********************************/


/* weekend */
#sidebar .widget > li.weekend { margin-bottom: 23px;  }
.widget .weekend a:link, 
.widget .weekend a:visited, 
.widget .weekend a:hover, 
.widget .weekend a:active { 
	 display: block; text-indent: -9999px; background: url(../images/art/vikend.png); width: 302px; height: 102px;
}

.widget .food a:link, 
.widget .food a:visited, 
.widget .food a:hover, 
.widget .food a:active { 
	 display: block; text-indent: -9999px; background: url(../images/art/gladni.png); width: 307px; height: 109px;
}

.widget .prikaz-ponuda li { cursor: pointer; }

.widget .prikaz-ponuda h3 b {
	color:#444;	
	font-weight:bold;
}

#ponuda #detalji .share { display: inline; float:left; padding: 10px 0px; margin-top: 10px; display: ; float: none; clear: both; }
#ponuda #detalji .share .fb, #ponuda #detalji .share .tw, #ponuda #detalji .share .mail { float: left; margin-right: 15px; }
#ponuda #detalji .share .fb-like { margin-bottom: 10px; }
#ponuda #detalji .share .tw { margin-right: 0; }
#ponuda #detalji .share .mail { display: none;}

#ponuda #detalji .share .tw { float: left;margin-right: 0px; }
#ponuda #detalji .share .fb-like  { float: left; margin-right: 15px; }


.widget .text .credit-cards {
	margin:5px 0 15px 0;	
	border: 0;
}

body.homepage .widget .text .credit-cards {
	margin:5px 0;	
	border: 0;
}

/* PICK NOVO */
.cijene .column.pick { 
	height: auto;
    width: 100%;	
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
	padding-bottom: 2px;
	flex-basis: 100%;
 }
 
.cijene .column.pick .opt { font-weight: bold;font-size: 11px; margin: 0px 10px 8px 0; float: left; }
.cijene .column.pick .opt input[type="radio"] { 
	margin:0px 0 0 0;
	width: 19px;
	height: 15px;
	padding: 0 4px 0 0;
	display: block;
	clear: left;
	float: left; 
}
.cijene .column.pick .opt label { cursor: pointer; position: relative; display: block; float: left; text-align: left; word-wrap: break-word;}
.cijene .column.pick .opt label.focus { color: #444; }
.cijene .column.pick .opt .infobox { width: auto; min-width: 70px; left:-15px; margin:0px; }

#labela-1:hover .infobox, #labela-2:hover .infobox, #labela-3:hover .infobox, 
#labela-4:hover .infobox, #labela-5:hover .infobox, #labela-6:hover .infobox, 
#labela-7:hover .infobox, #labela-8:hover .infobox, #labela-9:hover .infobox, 
#labela-10:hover .infobox, #labela-11:hover .infobox, #labela-12:hover .infobox, 
#labela-13:hover .infobox, #labela-14:hover .infobox, #labela-15:hover .infobox, 
#labela-16:hover .infobox, #labela-17:hover .infobox, #labela-18:hover .infobox, 
#labela-19:hover .infobox, #labela-20:hover .infobox, #labela-21:hover .infobox {
	opacity:1;
	-webkit-transition: all .3s ease;
 	-moz-transition: all .3s ease;
 	-o-transition: all .3s ease;
 	transition: all .3s ease;
	visibility:visible;
	bottom: 170%;
}

.cijene .or, .widget .prikaz-ponuda .cijene .or { border: none; text-transform: lowercase; line-height:  normal; padding: 15px 2px 10px 2px;  height: 23px; }
.widget .prikaz-ponuda .cijene .or  { padding: 12px 0px 10px 0px; }
.normalform.creditcard .tabnav li { width: auto;  }

.ui-tabs{position:relative;padding:.2em;zoom:1;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tabs .ui-tabs-hide{display:none!important;}
.ui-tabs { padding: 0 }
.ui-tabs .ui-tabs-nav li { margin: 0; margin-right: 5px; }
.ui-tabs .ui-tabs-nav { padding-left: 5px; margin: 20px 0; }
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-tabs .ui-tabs-nav li a { padding: 8px 20px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
ol.tabnav li.ui-state-active a {
	padding:10px 12px;
	font-size:13px;
	color:#333;
	background:#fff;
	border-bottom:1px solid #fff;
	position:relative;
	top:1px;
	bottom:-1px;
}

.checkout-placanje div.kupi 
{
    margin-top: 30px; 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    align-items:center;  
    
}
.checkout-placanje div.kupi .button.kupi 
{ 
    order:-1;
    }
.normalform .visible .info {
	font-size: 12px;
	line-height: 17px;
	color: #666;
} 
.normalform.creditcard select.numbers { width: auto; }

/*Wishes*/
body.wishes .button.grey { margin: 0 0 0 376px; z-index: 2000; }
#content.wishes { width: 100%; }

#egg {
	margin:0 auto;
	width:420px;
	height:653px;
	/*background:url(../images2/art/crnojaje-shadow.png) no-repeat center bottom;*/
	position:relative;
	z-index:100;
	width:276px;
	height:429px;
}
#egg .container {
	width:184px;
	height:323px;
	padding:110px 40px 0;
	background: url(../images/art/wishes-crnojaje.png) no-repeat center top;
	position:relative;
}
#egg h1, #egg textarea.wish-text, #formular h1 {
	background:url(../images/art/wishes-textarea-bg.png) no-repeat center bottom;
	height:118px;
	width:184px;
	border:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	font-size:17px;
	line-height:25px;
	resize:none; 
	padding: 0;
}

#egg h1 { 
	background:url(../images/art/wishes-textarea-bg.png) repeat-y center bottom;
	height:auto;
	min-height:97px; } /* 245px */

#egg form textarea {
}
#egg form input.wish-text {
	width:188px;
	padding:5px 50px 0 15px;
	height:40px;
	background: url(../images/art/wishes-input-bg.png) no-repeat 0 0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	font-size:17px;
	line-height:32px;
	position:relative;
	margin-left:-18px;
	margin-top:10px;
}

#egg form #button {
	width:131px;
	height:26px;
	display:block;
	text-indent:-8000px;
	padding:0;
	border:0;
	background:url(../images/art/wishes-button.png) no-repeat 0 0;
	cursor:pointer;
	margin:8px 0 0 28px;
}
#egg form #button:hover {
	background:url(../images/art/wishes-button.png) no-repeat 0 -26px;
}

#egg form span.error { color: #fff; font-size: 110%; display: block; padding: 6px 0 0 12px; text-align: left; }

#wishes {
	width:100%;
	height:242px;
	overflow:hidden;
	padding:40px 0;
	background:url(../images2/art/wishes-bg.png) repeat-y center top;
	position:relative;
	z-index:10;
	margin-top:-354px;
	margin-bottom:0px;
}
#wishes ol {
	display:block;
	margin:0 auto;
	width:5000px;
	height:322px;
	position:absolute;
	left:50%;
	margin-left:-2500px;
}
#wishes li {
	height:84px;
	width:93px;
	padding:44px 11px 30px 11px;
	display:inline-block;
	position:relative;
	margin:0 18px 0 19px;
	background:url(../images/art/wishes-wishes-jaje.png) no-repeat 0 0;
	cursor:pointer;
	opacity:.6;
	filter:Alpha(opacity=60);
}

#wishes li.middle { padding:70px 117px 45px 117px; }

#wishes li:hover {
	opacity:1;
	filter:Alpha(opacity=100);
}
#wishes li h2 {
	width:92px;
	max-height:82px;
	height:auto !important;
	height:82px;
	position:absolute;
	bottom:30px;
	left:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#444;
	text-align: center;
	margin-bottom: 0;
}
#wishes #vote {
	width:28px;
	height:12px;
	position:absolute;
	bottom:10px;
	left:44px;
}
#wishes .icon {
	width:12px;
	height:12px;
	display:block;
	margin:0 1px;
	float:left;
	text-indent:-8000px;
}
#wishes .icon.fb {
	background:url(../images/art/facebook_12.png) no-repeat 0 0;	
}
#wishes .icon.tw {
	background:url(../images/art/twitter_12.png) no-repeat 0 0;
}
#wishes li .info { 
	display:none;	
	position:absolute;
	top:15px;
	left:4px;
	width:100px;
	font-size:9px;
	line-height:11px;
	font-weight:bold;
	background:rgba(0,0,0,0.95);
	color:#fff;
	padding:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}
#wishes li:hover .info {
	display:block;
}

#wishes li:first-child { margin-left: ; }

#content.wishes_about { 
	width:420px;
	padding:25px 25px 0px 25px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	float:left;
	margin-right: 34px;
	background: transparent;
 }
#content.wishes_about p { color: #aaa; }
#content.wishes_offer { margin: 0; padding: 25px 25px 0px 0px; }
#content.wishes_about h1 { color: #AAA; border-bottom: 1px solid #313131; }
#content.wishes_about a:link, 
#content.wishes_about a:visited, 
#content.wishes_about a:hover, 
#content.wishes_about a:active { color: #aaa; }
#content.wishes_about a:hover { text-decoration: none; }

#content.wishes_about .social { margin-bottom: 0px; padding-left: 0; }
#content.wishes_about .social span.autor {  }
#content.wishes_about .social div { float: left }
#content.wishes_about .social div.fb { margin-right: 20px; }

.widget .prikaz-zelja .social { clear:both;display:block; float: none; padding-top: 14px; }
.widget .prikaz-zelja .social span { float:; color: #fff; margin-right: 0px; font-size: 10px; }
.widget .prikaz-zelja .social iframe { margin: 0 0 0 10px; margin-top: -1px; }

body.onewish .widget .prikaz-zelja .social { padding-top: 0px; margin-left: 28px; }
body.onewish .widget .prikaz-zelja .social span.autor { margin-right: 14px; padding-bottom: 18px;}
body.onewish .widget .prikaz-zelja .social  div { float: left; margin-top: -2px;  }
body.onewish .widget .prikaz-zelja .social  div.share_wrap { clear: both; float: none; margin: 0; background: ; }
body.onewish .widget .prikaz-zelja .social  div.fb {  }

body.allwishes .widget .prikaz-zelja li {
	padding:15px;
	border:1px solid #ddd;
	margin-bottom:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 258px; 
	height: 70px;
	float: left;
	margin: 0 7px 14px 7px;
	cursor: pointer;
	opacity:.7;
	filter:Alpha(opacity=70);
	background:  url(../images/art/zelja-jaje.png) no-repeat 13px 17px;
}
body.onewish .widget .prikaz-zelja li { background:  url(../images/art/zelja-jaje.png) no-repeat 13px 17px; }
body.allwishes .widget .prikaz-zelja li:hover {
	opacity:1;
	filter:Alpha(opacity=100);
	 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);	
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
	
}

body.allwishes .widget .prikaz-zelja li .social {
	width:;
	height:16px;
	float: right;
	padding-top: 0;
}
body.allwishes .widget .prikaz-zelja li .social .icon {
	width:16px;
	height:16px;
	display:block;
	margin:0 1px;
	float:left;
	text-indent:-8000px;
}
body.allwishes .widget .prikaz-zelja li .social .fb {
	background:url(../images/art/facebook_16.png) no-repeat 0 0;	
}
body.allwishes .widget .prikaz-zelja li .social .tw {
	background:url(../images/art/twitter_16.png) no-repeat 0 0;
}

body.allwishes .widget .prikaz-zelja span.autor {
	float:left;
	color:#aaa;
	font-size:11px;
	margin-right:5px;
	padding: 2px 28px 0 0;
	display: none;
}

body.allwishes .widget .prikaz-zelja li:hover span.autor { display: block }

body.allwishes .button.medium { margin-left: 7px; }

body.howish .social { margin-bottom: 15px; line-height: 25px; }
body.howish .social div { float: left; margin-right: 10px; }
body.howish .button.grey { margin-left: 10px; }
body.howish  p.info { clear: both; margin-top: 10px; }

/*footer links*/
ul.links { float:left; padding-top: 2px; }
ul.links li { float: left; margin-right: 20px; color: #AAA;list-style: disc;}
ul.links li:first-child { list-style: none;}
ul.links li a { font-size: 11px; color: #AAA;text-decoration: none; margin-left: 5px; }
ul.links li a:hover { text-decoration: underline; }
ul.links li a:first-child { margin: 0 }

.sigurna_trgovina {position: absolute; margin-top: -67px;  margin-bottom: 25px;right: 0px;}
body.cond .sigurna_trgovina {margin-top: -41px;}

body.pwd input#email, body.pwd input#desiredPassword {
	font-size:14px;
	line-height:16px;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	padding: 6px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fff;
	float: none;
	width: 280px;
}

#sidebar .widget > li.twtr, #sidebar .widget > li.fbc, #sidebar .widget > li.blg { 	
	background:url(../images/art/transparent1.png) no-repeat right -150px;
	border:0;
	color:#ccc;
	color:rgba(255,255,255,0.8);
	height:50px;
	padding-right:18px;
	text-align:left;
	text-shadow:0px 1px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: white;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}
#sidebar .widget > li.fbc { background:url(../images/art/transparent1.png) no-repeat right -100px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	cursor:auto;
	margin-bottom: 0px;
}

#sidebar .widget > li.fbc_box, #sidebar .widget > li.blg_box { 
	background: #fff; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; }


#sidebar .widget > li.blg_box { padding: 10px; background: #333; border: 1px solid #EA2A29; border-width: 0px;
-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; }

#sidebar .widget > li.blg_box a:link, 
#sidebar .widget > li.blg_box a:visited, 
#sidebar .widget > li.blg_box a:hover, 
#sidebar .widget > li.blg_box a:active { color: #777; line-height: 1.4em; font-size: 12px; }

#sidebar .widget > li.blg_box a:hover { text-decoration: none; }

#sidebar .widget > li.twtr a:link, 
#sidebar .widget > li.twtr a:visited, 
#sidebar .widget > li.twtr a:hover, 
#sidebar .widget > li.twtr a:active { color: #fff; text-decoration: none; }

#sidebar .widget > li.blg { 
	background:url(../images/art/transparent1.png) no-repeat right -250px; margin-bottom: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	cursor:auto;
 }	
	
#sidebar .widget .zelje {
	width:300px;
	height:158px;
	padding: 276px 0 0 0;
	background:url(../images/art/imas-zelju.png) no-repeat 0 0;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 36px;
	color: #171717;
	font-weight: bold;
	text-align: center;
	display: block;
}
#result { padding-top: 3px;  }
table.checkout { margin: 0px 0 10px; }
table.checkout .bon {  text-align: left;  }
table.checkout .button { padding: 7px 10px 6px 10px; background-position: left -36px; }
table.checkout .button:hover { background-position: left -236px;  }
table.checkout .button, table.checkout label, table.checkout input { float: left }
table.checkout input.text { margin-right: 5px; width: 335px; }
table.checkout label { margin-left: 0; padding-top: 8px; padding-right: 5px; font-weight: bold; }

.checkout-rekapitulacija .info { position: relative; float: left; margin: 0 0 0 8px; background:  url(../images/art/info.png) no-repeat right 11px; padding-right: 20px; line-height: 37px; cursor: pointer; }
.checkout-rekapitulacija .info:hover .infobox {
opacity:1;
-webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
visibility:visible;
 bottom: 50px;
}
.checkout-rekapitulacija .info .infobox {  margin-top: -90px; text-align: center; }

.cvd_image { background: #eee; padding: 15px 10px; margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }
.cvd_image b { color: #333; }
.kreditna .cvd { position: relative; float: left; margin: 0 0 0 8px; background:  url(../images/art/info.png) no-repeat top left; padding-right: 20px; line-height: normal; cursor: pointer; width: 14px; height: 14px; }
.kreditna .cvd:hover .infobox {
opacity:1;
-webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
visibility:visible;
 bottom: 20px;
}
.kreditna .cvd .infobox {  margin-top: -90px; text-align: center;  width: 250px; margin-left: -187px;}
.normalform.creditcard label.cvds { width: auto; float: left; }

table.checkout tbody #result .ponuda { float: left; padding-left: 0 !important; padding-right: 35px; text-align: left;width: 60%; }
table.checkout tbody #result .kolicina { float: left; padding-right: 35px; text-align: right; }
table.checkout tbody #result .valuta { float: right; text-align: right; }
table.checkout tbody #result .valuta1 { float: left; text-align: right; width: 40%; }

#footer .cta .column { cursor: pointer; }
#footer .cta h2 a:link, 
#footer .cta h2 a:visited, 
#footer .cta h2 a:hover, 
#footer .cta h2 a:active { text-decoration: none; color: #777 }
/*#footer .cta h2 a:hover { color: #aaa; }*/
#footer .cta .column:hover h2, #footer .cta .column:hover p { color: #777; }

.view ol.firm {
	list-style:decimal;
	margin-left:0px;	
}
.newsletterform li.checkbox label.newsletter { padding: 0 0 3px; }
body.checkout #content .newsletterform
 { margin-bottom: 10px; }
 
body.checkout #content ol.unsubscribe { margin-top: 6px; }
body.checkout #content ol.unsubscribe li label { font-size: 12px; line-height: 16px; color: #333; font-weight: normal; float: none; display: inline; width: auto; cursor: pointer;  }
 
#ponuda .napomene li a:link, 
#ponuda .napomene li a:visited, 
#ponuda .napomene li a:hover, 
#ponuda .napomene li a:active  
{ color: #888; text-decoration: underline; }
#ponuda .napomene li a:hover { text-decoration: none; }

#ponuda .client_info  p a:link, #ponuda #detalji #content a:link, 
#ponuda .client_info  p a:visited, #ponuda #detalji #content a:visited, 
#ponuda .client_info  p a:hover, #ponuda #detalji #content a:hover, 
#ponuda .client_info  p a:active, #ponuda #detalji #content a:active
{  color: #666; text-decoration: underline; word-wrap: break-word;  }


#ponuda .client_info p a:hover, #ponuda #detalji #content, #ponuda #detalji #content a:hover { text-decoration: none; }



#ponuda #secondary-content .sidebar p a:link, #ponuda #detalji #content a:link, 
#ponuda #secondary-content .sidebar p a:visited, #ponuda #detalji #content a:visited, 
#ponuda #secondary-content .sidebar p a:hover, #ponuda #detalji #content a:hover, 
#ponuda #secondary-content .sidebar p a:active, #ponuda #detalji #content a:active
{  color: #666; text-decoration: underline; word-wrap: break-word;  }


#ponuda #secondary-content .sidebar p a:hover, #ponuda #detalji #content, #ponuda #detalji #content a:hover { text-decoration: none; }

#ponuda #broj-prodanih strong {
 background: url(../images/art/icons/checkmark.png) no-repeat right;
 padding-right: 18px; margin-right: 10px;
}
#ponuda #broj-prodanih span.over { /*font-size: 120%; font-weight: bold; color: #888; */  font-size: 120%; line-height: 35px; }
#ponuda #broj-prodanih a.dontmiss:link, 
#ponuda #broj-prodanih a.dontmiss:visited, 
#ponuda #broj-prodanih a.dontmiss:hover, 
#ponuda #broj-prodanih a.dontmiss:active { 
text-decoration: none;
float: left;  font-weight: normal;
margin-top: 2px; line-height: normal; font-size: 120%; color: #fff;
   background: #78c511 url(../images/art/transparent2.png) no-repeat right -26px;
    height:auto;
    padding: 5px 33px 4px 10px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 0px #559104;
	margin-right: 10px;
}
#ponuda #broj-prodanih a.dontmiss:hover {
	background-color: #63a709;
}
 
#ponuda #broj-prodanih a.newsletter:link, 
#ponuda #broj-prodanih a.newsletter:visited, 
#ponuda #broj-prodanih a.newsletter:hover, 
#ponuda #broj-prodanih a.newsletter:active { color: #444; font-weight: bold; }
#ponuda #broj-prodanih span.dontmiss a:hover, 
#ponuda #broj-prodanih a.newsletter:hover { text-decoration: none }

body.firm p a:link, body.static p a:link, body.howto ul li a:link, 
body.firm p a:visited, body.static p a:visited, body.howto ul li a:visited, 
body.firm p a:hover, body.static p a:hover, body.howto ul li a:hover, 
body.firm p a:active, body.static p a:active, body.howto ul li a:active { color: #666; text-decoration: underline; }
body.firm p a:hover, body.static p a:hover, body.howto ul li a:hover { text-decoration: none; }

body.firm .normalform.two-column li {
 width:280px;
	float:left;
	margin-left:10px;
	display:inline;
	clear:none;
}
body.firm .normalform.two-column li.first { clear:both; margin-left:0  }
body.firm .normalform.two-column li.fullsize { width: 580px; margin-left: 0; }
body.firm .cms {
	display: none; float: right;
}

.normalform.two-column .new { position:absolute; margin: -34px 0 0 360px; font-size: 20px;top: 130px; } 
.normalform.two-column a.forget:link, 
.normalform.two-column a.forget:visited, 
.normalform.two-column a.forget:hover, 
.normalform.two-column a.forget:active {  
color: #666; margin: 0 0 0 40px;
font-weight: normal;
font-size: 12px; }
.normalform.two-column a.forget:hover { text-decoration: none; }

div.paging { float: right; }
div.paging a:link, 
div.paging a:visited, 
div.paging a:hover, 
div.paging a:active { 
	font-size: 16px; font-weight: bold;
	text-decoration: none; color: #444; 
	padding:8px;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin: 0 8px 0px 0px;
	opacity:.6;
	filter:Alpha(opacity=60);
 }

div.paging a.active:link, 
div.paging a.active:visited, 
div.paging a.active:hover, 
div.paging a.active:active { 	
	border:1px solid #fff;
	opacity:1;
	
	filter:Alpha(opacity=100);
	cursor: text;
}

div.paging a:hover { 
opacity:1;
	filter:Alpha(opacity=100); }

.prikaz-kupona .kupon .upper-head { padding: 0 0 12px 0; }
.prikaz-kupona .kupon { margin: 5px 0 20px 0; }

.foo { 	width:300px; height:334px; }
.widget .ponude .container li { cursor: auto; }
 .widget .ponude .container li img.foto { width:244px; height:134px; }
 
.widget .ponude .container li a.inner:link, 
.widget .ponude .container li a.inner:visited, 
.widget .ponude .container li a.inner:hover, 
.widget .ponude .container li a.inner:active { bottom: 0; position: relative;  cursor: pointer; text-decoration: none; }

 .widget .ponude .container li h2 {  bottom: 0px }
.widget .ponude .container li h3 b { color: #AAA; font-weight: bold; }
 
 .carousel-control {
 	border: 0;
	width:10px;
	height:16px;
	display:block;
	position:absolute;
	bottom:122px;
	text-indent:-8000px;
	z-index:30;
	cursor: pointer; margin: 0; padding: 0;
}
.carousel-previous		{ background:url(../images/art/carousel.png) no-repeat -20px 0; left:45px; }
.carousel-previous:hover 	{ background:url(../images/art/carousel.png) no-repeat 0 0 }
.carousel-next 		{ background:url(../images/art/carousel.png) no-repeat -30px 0; right:45px }
.carousel-next:hover 	{ background:url(../images/art/carousel.png) no-repeat -10px 0 }



/*kuponi*/
table.kuponi .datum strong { font-size: 12px; }
table.kuponi .ponuda { width: 240px; }
table.kuponi .datum { width: 80px; }
table.kuponi .ponuda h3 { }
/*table.kuponi .reserved .ponuda { width: 240px; }*/
/*table.kuponi .reserved .ponuda h3 { width: 240px; }*/
table.kuponi .ponuda img { width:60px;	 height: 42px; }

table.kuponi a.uplatnicaDetail:link, table.kuponi a.uplatnicaDetail:visited, 
table.kuponi a.uplatnicaDetail:hover, table.kuponi a.uplatnicaDetail:active {
	color: inherit;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}
table.kuponi a.uplatnicaDetail:hover { text-decoration: none; }

.prikaz-kupona .kupon p span { display: block; }

.prikaz-kupona .button.medium { margin-bottom: 15px; }

.prikaz-kupona .print_coupon {
	float: left; width: 163px; font-weight: bold;
}


.prikaz-kupona .print_coupon a {
	margin-top: 23px;
}

.prikaz-kupona .button.medium.low {
	background: #222 url(../images/art/headnav0.png) repeat-x 0 -80px; margin: 0;
	color: #fff;
	float: left;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
	padding: 7px 10px 6px 10px;
	margin: 0;
	font-family: arial
}
.prikaz-kupona .button.medium.low:hover { background:#111; }

.prikaz-kupona .error {
	clear: both;
	color: #eb1b23;
	width: auto; font-size: 11px;
	padding-top: 3px;
 }

body.coupon_print .email_send {
	float: right; width:70%;
	padding: 0px 0 10px 15px; border-left: 1px solid #eee;
}

body.coupon_print .email_send_bottom {
	clear: both; float: none; border: 0;  border-top: 1px solid #eee;
	padding: 10px 0 10px 0px;width:auto;
}

body.coupon_print .email_send label {
	display: block;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	font-weight: bold;
	float: none;
	margin-right: 0px;
	padding: 0 0 3px;
	margin-bottom: 3px;
}
body.coupon_print .email_send input.text {
	float: left;
	width: 289px;
	margin-right: 8px;
	padding: 8px 4px;
}

body.coupon_print .email_send_bottom input.text{  width: 480px; }

.cijene a.column.dodatno:link, 
.cijene a.column.dodatno:visited, 
.cijene a.column.dodatno:hover, 
.cijene a.column.dodatno:active {  text-decoration: none; }

.galerija { margin-bottom: 10px; }

.button.kupi {
	background: linear-gradient(180deg, rgba(241,96,32,1) 50%, rgba(233,55,12,1) 50%, rgba(233,55,12,1) 100%);;
	color:#fff;
	text-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.button.kupi:hover {
	background:linear-gradient(180deg, rgba(104,159,31,1) 50%, rgba(65,122,13,1) 50%, rgba(65,122,13,1) 100%);;
}

body.checkout #content .grupa {
	margin-bottom:10px;
	border-top:2px solid #ddd;
}

body.blog #content .grupa {
	margin-bottom:30px;
}

.blog_post h1 {border: 0;font-weight: bold; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px;}

.blog_post h1 a:link, 
.blog_post h1 a:visited, 
.blog_post h1 a:hover, 
.blog_post h1 a:active  { text-decoration: none;color: #000; }

body.blog #main { margin-top: 20px; }

body.blog #content { border-radius: 0px 0px 10px 10px;  }

body.blog  .list-wrap h1.blog_header { padding: 0;margin: 0; border-radius: 10px 10px 0px 0px; padding: 25px 25px 20px 25px; margin: 0px 0px 0px 0px; padding-bottom:135px; }

body.blog .description a:link, 
body.blog .description a:visited, 
body.blog .description a:hover, 
body.blog .description a:active { font-weight: bold; font-style: italic;display: block; margin: 10px 0 15px 0; }

body.blog .datum { font-style: italic;font-size: 14px; }

body.checkout #traka { display: none;  }
body.checkout #header { margin-top: 0; padding-top: 26px;height: 101px;  }

body.checkout .view em { font-size: 120%; font-weight: bold; color: #EC4413;  }

body.checkout .view a:link, 
body.checkout .view a:visited, 
body.checkout .view a:hover, 
body.checkout .view a:active { color: #ec4413; font-weight: bold; font-size: 120%; }
body.checkout .view a:hover { text-decoration: none; }

body.login #traka { display: none;  }
body.login #header { margin-top: 0;padding-top: 26px;height: 97px;  }

/*bottom scroll*/
.ponuda_wrap { float: left; }
#bottom_wrap { float: none; width: ;  padding: 0px 0px 0px 0px; margin-top: 10px; clear: both;
 background: url(../images/art/bottom_wrap.png) top center;
 	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }

#bottom_wrap h4 {
color: #AAA;
border-bottom: 1px solid #313131;
font-size: 28px;
line-height: 32px;
font-weight: normal;
padding: 0 0 15px;
}
#bottom_scroll ul { margin-bottom: 10px; width:600px;  }
#bottom_scroll li.bottom_scroll_deal { float: left; width: 302px; border: 0px solid #777;
cursor: pointer; padding: 20px 0px 10px 8px; }
#bottom_scroll li.bottom_scroll_deal:first-child {  }

#bottom_scroll li img.foto { float: left; margin-right: 8px;
width: 96px; height: 70px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 2px solid #fff; }

#bottom_scroll li.bottom_scroll_deal p { float:left; min-height: 105px; text-align: justify; color: #777; font-size: 12px; width: 150px; line-height: normal; margin-bottom: 0px; }
#bottom_scroll li.bottom_scroll_deal:first-child p {  }
#bottom_scroll li.bottom_scroll_deal p b { color: #aaa; }

#bottom_scroll li.bottom_scroll_deal ul { clear:both; float: none; margin-top: 10px;   }

#bottom_scroll li.bottom_scroll_deal ul li { 
	float:left;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:4px 6px 0 6px;
	border:1px solid #777;
	margin-right:5px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	color:#777;
	position:relative;
	height: 30px; background: transparent;
		opacity:.5;
	 }
	 
#bottom_scroll li.bottom_scroll_deal:hover ul li { opacity:1; }
	
#bottom_scroll li.bottom_scroll_deal ul li strong {
font-weight: bold;
font-size: 12px;
color: #AAA;
display: block;
line-height: 20px;
}
	
#bottom_scroll li.bottom_scroll_deal ul li.usteda { 
background: #ED1C24;
color: white;
border:1px solid #ED1C24;
}
#bottom_scroll li.bottom_scroll_deal ul li.usteda strong { color: white; }
#bottom_scroll li.bottom_scroll_deal ul li.link { background: none; border: 0; padding: 0; opacity:1;  }
#bottom_scroll li.bottom_scroll_deal ul li.link .button.medium { text-transform: none; line-height: 20px; padding: 8px 8px; background:#E11A1A url(../images/art/bottom_wrap_more.png); }
#bottom_scroll li.bottom_scroll_deal ul li.link .button.medium:hover {background:#222 url(../images/art/btn0s.png) repeat-x left -232px; }


 #bottom_scroll .carousel-control {
 	border: 0;
	width:10px;
	height:16px;
	display:block;
	position: static;
	bottom:;
	text-indent:-8000px;
	z-index:30;
	cursor: pointer; margin: 0; padding: 0;
}
#bottom_scroll  .carousel-wrap { /*margin-bottom: 24px; border-bottom: 0px solid #313131;*/ padding-bottom: 10px; width: 600px; float: left; }
#bottom_scroll .carousel-previous		{ background:url(../images/art/transparent1.png) no-repeat -20px 0; float: left;  margin: 47px 0px 0 10px; }
#bottom_scroll .carousel-previous:hover 	{ background:url(../images/art/transparent1.png) no-repeat 0 0 }
#bottom_scroll .carousel-next 		{ background:url(../images/art/transparent1.png) no-repeat -30px 0; float: left; margin: 47px 10px 0 0px;}

#bottom_scroll .carousel-next:hover 	{ background:url(../images/art/transparent1.png) no-repeat -10px 0 }


/* MOBILE */
	
body.mobile {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	padding:0;
	background:#ebebeb;
}
.mobile_wrap { padding: 10px 20px; }
.mobile_container { 
	background: #fff;  border: 1px solid #bbb; padding: 0px; 
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
body.mobile h1 { color: #888; font-size: 23px; padding: 0; margin-bottom: 15px; font-weight: bold; text-align: center; line-height: normal; border: 0; }
body.mobile #main { margin-top:0px }

.mobile_container li { padding: 10px; border-top:1px solid #E5E5E5; text-align: left; }
/*.mobile_container li:first-child { border: 0; }*/

.mobile_offer img.main { width: 120px; height: 84px; float: left; margin: 0 8px 1px 0; }
.mobile_container p { font-size: 12px; line-height: 1.2em; margin-bottom: 0; }
.mobile_container label { font-size: 14px; font-weight:bold; color: #999; margin-right: 5px; }
.mobile_container select.text { font-size: 12px; font-weight:bold; }
.mobile_container input { font-size: 12px; padding: 5px; }
.mobile_container input.button { 
border: 0px solid #bbb; color: #fff;  font-weight: bold; background:#F1601F url(../images/art/btn0s.png) repeat-x left -35px; 
padding: 5px 10px; 
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.mobile_container input.button:hover {
	 background:#639A1D url(../images/art/btn0s.png) repeat-x left -140px;
}
.mobile_container input.text { border: 1px solid #ccc; width:240px; font-size: 13px; font-weight: bold; color: black; }
.mobile_container select {  font-size: 13px; font-weight: bold; color: black; }
.mobile_offer .voucher input.text { width: 180px; float: left; margin-right: 10px; }
.mobile_offer .voucher label { margin-bottom: 5px; display: block }
.mobile_offer label.error { display: block; color: #df0000; float: none; clear: both; margin-top: 5px; font-weight: normal; font-size: 12px }
.mobile_offer li.voucher div { clear:both; margin: 5px 0 0 0;  }
.mobile_offer li.voucher .ponuda {font-size: 14px; font-weight:bold; color: #999; margin-right: 10px;float: left;	}
.mobile_offer li.voucher .valuta { font-size: 14px; line-height: 1.2em; float: left; clear: none; }
.mobile_offer li.voucher .kolicina {display: none;}
.mobile_offer .smallprint { padding: 0 10px 10px 10px; text-align: left; }

.mobile_offer .friend { margin-bottom: 0px; height: auto; }
.mobile_offer .friend label { cursor: pointer; }
.mobile_offer .friend input.checkbox { margin-top: 0px; margin-right: 8px; }
.mobile_offer .normalform.register.friend input.text { width: 240px; }


 
.mobile_container li.amount label { font-size: 14px; }
.mobile_container li.amount p { color: #666; font-weight: normal; font-size: 14px; }
.mobile_container li.total p { color: #000; font-weight: bold; font-size: 16px; }

.mobile_user_data label { width: 130px; display: block; float: left; line-height: 28px; }

.mobile_payment li ul li { background: #ebebeb; border: 0; padding: 5px; font-size: 12px; display: table-cell; text-align: center; line-height: 20px; height: 20px; font-weight: bold; }
.mobile_payment li ul li.active { 
background: #666; color: #fff; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.mobile_payment input.button { font-size: 24px; width: 100px;  margin-left: 10px;
text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.mobile_payment .ui-tabs .ui-tabs-nav { padding-left: 0px; margin: 0px 0; }
.mobile_payment #tabs ol.tabnav li { border-top: 0; float: none; clear: both;   }
.mobile_payment .ui-tabs .ui-tabs-nav li { float: none; }

.mobile_payment .ui-tabs .ui-tabs-nav li.ui-state-default { border-bottom: 1px solid #E5E5E5 !important; margin: 0; }

.mobile_payment #tabs ol.tabnav li.ui-state-default a { display: block; float: none; border: 0; text-decoration: underline; color: #999; background: none; padding: 10px; top: 0px;  }
.mobile_payment #tabs ol.tabnav li.ui-state-active a { color: #F1601F; text-decoration: none;  font-size: 16px; }

.mobile_payment li.first { border: 0; }

.mobile_payment label { display: block; width: ; line-height: 28px; float: left;}
.mobile_payment label.br_rata { float: none; clear: both }
.mobile_payment .total label { line-height: normal; }
.mobile_payment select.vrijedi-do { float: left; display: block;  }
.mobile_payment .info { text-align: left; padding: 10px; border: 0; font-size: 12px; line-height: 1.4em; color: #666; }

.mobile_container label.error { display: block; color: red; float: none; clear: both; }

.mobile_ok p {  text-align: left; padding: 10px; }

/*landing page*/
.subscribe_to #content { 	
	padding: 0px;
	position: relative;
	background-color:#FFF;	
	}

.subscribe_to #content h1  { 
	
	padding: 40px 40px 30px 40px; border: 0; border-bottom: 0px solid #EEE; margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 30px; color: #000; font-weight: bold; line-height: normal;
  }
.subscribe_to #content h1 em { display: block; font-size: 57px; line-height: 57px; }
.subscribe_to #content h1 em b { display: block; font-size: 70px; color: #F05C1E; font-weight: bold; }

.sub_wrap {
	background:#EEE; padding-bottom:40px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.subscribe_to #content .why
{   width: 550px;
    padding:20px 0 0 0; margin: 0;
	background-color:#EEE;	

 }
 .subscribe_to #content .why li {  
 text-shadow: 1px 1px 1px #ccc; 
 font-size: 14px; line-height: 20px; font-weight: bold; padding-left: 40px;color: #555; margin-left: 40px; margin-bottom: 17px; background: url(../images/art/landing/check36.png); background-repeat: no-repeat; background-position: center left;
	}
	
	.subscribe_to #content img {  
 position: absolute; top: -25px; right: 0px;width: 340px;
	}
	
	.subscribe_to .gdpr-text { width: auto;height:215px;margin: 30px 25px}
	
	.subscribe_to #content form.signup {  
 /*position: absolute; top: 240px; right: 115px;*/ width: 280px; 
 margin: 20px 0 0px 25px;
	}
	
	.subscribe_to #content form.signup fieldset input{  
 width: 270px; padding: 10px; border: 1px solid #ddd;
	}
	
	.subscribe_to #content form.signup fieldset input[type=checkbox]{  
 width: auto;float: left;padding: 0px; border: 1px solid #ddd;margin: 0px 5px 30px 0px;
	}
	.subscribe_to #content form.signup fieldset .check-label { font-size: 14px;font-weight: bold;margin: 0px;}
	
.subscribe_to #content form.signup fieldset .error { color: #000; }
			
	.subscribe_to #content form.signup fieldset .button { 
font-size: 17px; color: #FFF; font-weight: bold; width: 270px; padding: 10px; margin-top: 16px;
border: 0; background:#78c511;
cursor: pointer;  
-moz-box-shadow: 0px 2px 0px #559104;
-webkit-box-shadow:  0px 2px 0px #559104;
box-shadow: 0px 2px 0px #559104;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.subscribe_to #content form.signup fieldset .button:hover { background: none; background-color: #719F33}
.subscribe_to #content form.signup fieldset input:focus { color: #777; border: 0; }
.subscribe_to #content form.signup fieldset .button:focus  { color: #fff; border: 0; }

.subscribe_to #content .disclaimer_bottom{  
 margin: 20px 40px 20px 40px; width: 520px; line-height: 22px; font-size:12px; position: relative; z-index: 10;
	}
	
	.subscribe_to #content .social
{   height: 20px;
    border-radius: 0px 0px 10px 10px; 
    padding:20px 40px; margin: 0px;
	background-color:#FFF;	
	/* background: -o-linear-gradient(360deg, #444, #ccc);
	background: -webkit-gradient(linear, left center, right center, from(#444), to(#ccc));
	background: -moz-linear-gradient(left, #444, #ccc); */
	
 }
 
  .subscribe_to #content .social li 
{   float: left; height: 10px; margin-right: 10px;
 }
 
 .subscribe_to #content .social li a
{   display: block;
 }
 
 .subscribe_to #content .social li a:hover
{   padding-top: 5px;
 }
 
 .subscribe_to #content .social li img
{   position: relative; 
 }
 
 /*landing page preporuka*/
.ref #content { 	
	width: 962px;
/*	width:640px; padding:0; */
	padding: 0px;
	position: relative;
	background-color:#fff;	
	background-image: url(/Content/images/art/bg_preporuka.jpg);
	height: 684px;
	}

.ref #content h1  { 
	
	padding: 40px 40px 30px 40px; border: 0; border-bottom: 0px solid #EEE; margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 30px; color: #252525; font-weight: bold; line-height: normal;
  }
.ref #content h1 em { display: block; font-size: 57px; line-height: 57px; }
.ref #content h1 em b { display: block; font-size: 70px; color: #ec4413 }

.ref #content p { color: #fff; margin: 55px 0px 0px 220px; }

.ref #content .why
{   height: 98px;
    padding: 20px 0; margin: 12px 0px 0px 0px;
	
 }
 .ref #content .why li {  
list-style: none; font-size: 14px; line-height: 20px; font-weight: bold; padding-left: 40px;color: #888; margin-left: 40px; margin-bottom: 17px; background: url(../images/art/landing/check36.png); background-repeat: no-repeat; background-position: center left;
	}
	
.ref #content .button  { 
    font-size: 17px; 
    color: #FFF; 
    font-weight: bold; 
    width: 230px; 
    padding: 10px; 
    margin: 20px 0px 0px 240px;
    display: block; 
    text-align: center;
    border: 0; 
    background:#719F33 url(../images/art/landing/button.png);
    cursor: pointer;  
    -moz-box-shadow: 0px 1px 2px #444;
    -webkit-box-shadow:  0px 1px 2px #444;
    box-shadow: 0px 1px 2px #444;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    text-decoration: none;
    float: none;
    }
    
.ref #content .button:hover { background: none; background-color: #719F33}



	
	.ref #content .social
{   height: 20px;   
    padding:20px 40px; 
    margin: 90px 0px 0px 220px;
    display: block;

	
	
 }
 
  .ref #content .social li 
{   float: left; height: 10px; margin-right: 10px; list-style: none; display: block;
 }
 
   .ref #content .social li b
{  line-height: 100px; color: White; font-weight: bold; 
 }
 
 .ref #content .social li a
{   display: block;
 }
 
 .ref #content .social li a:hover
{   padding-top: 5px;
 }
 
 .ref #content .social li img
{   position: relative; 
 }
 
 /*landing page aplikacije*/
.app #content { 	
	width: 962px;
/*	width:640px; padding:0; */
	padding: 0px;
	position: relative;
	background-color:#fff;	
	background-image: url(/Content/images/art/bg_aplikacije.jpg);
	height: 682px;
	}

.app #content h1  { 
	
	padding: 40px 40px 30px 40px; border: 0; border-bottom: 0px solid #EEE; margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 30px; color: #252525; font-weight: bold; line-height: normal;
  }
.app #content h1 em { display: block; font-size: 57px; line-height: 57px; }
.app #content h1 em b { display: block; font-size: 70px; color: #ec4413 }

.app #content p { color: #fff; margin: 55px 0px 0px 220px; }


	
.app #content .button_android  {    
  
    width: 245px; 
    height: 96px;    
    display: block; 
    margin: 470px 0px 0px 450px;   
    border: 0; 
    background: url(/Content/images/art/button_android.png);
    cursor: pointer;     
    float: left;
    }
    
    .app #content .button_iphone  {    
  
    width: 245px; 
    height: 96px;     
    display: block;
    margin-top: 470px;   
    border: 0; 
    background: url(/Content/images/art/button_iphone.png);
    cursor: pointer;     
    float: left;
    }
    
.app #content .button_android:hover { opacity: 0.7;}
.app #content .button_iphone:hover { opacity: 0.7;}



	
	.app #content .social
{   height: 20px;   
    padding:20px 40px; 
    margin: 20px 0px 0px 220px;
    display: block;

	
	
 }
 
  .app #content .social li 
{   float: left; height: 10px; margin-right: 10px; list-style: none; display: block;
 }
 
   .app #content .social li b
{  line-height: 100px; color: White; font-weight: bold; 
 }
 
 .app #content .social li a
{   display: block;
 }
 
 .app #content .social li a:hover
{   padding-top: 5px;
 }
 
 .app #content .social li img
{   position: relative; 
 }
 
 
 
 /* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    text-align: left;
    position: fixed;
    top: 17%;
    left: 50%;
    width: 500px;
    height: 350px;
    
    margin-left: -250px;    
    
    background: url(../images/popup_novi.png);
    background-repeat: no-repeat;
    color: #333;
}

.jqmWindow.newsletterGDPR{        
    background: white;
    padding: 25px;
    width: 600px;
    height: 525px;
    top: 10%;
    border-radius: 20px;
    margin-left: -300px;  
}


.jqmWindow.newsletterGDPR .button
{        
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 5px 15px;
    float: right!important;
    margin-bottom: 0px;
    clear: none;
    
}

.jqmWindow.newsletterGDPR .button.button-simple {background: #999!important;}
.gdpr-text a { display: inline-block!important;float: none!important; }
.button-simple:hover { background-color: #000;}


.jqmWindow .text {width: 240px; height: 20px; padding-left: 10px;  }

.jqSubmit { 
font-size: 17px; color: #FFF; font-weight: bold; width: 200px; padding: 10px; 
border: 0; background:#D30000 ;
background: -o-linear-gradient(#D30000, #ab0000);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D30000), to(#ab0000));
background: -moz-linear-gradient(top, #D30000, #ab0000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D30000', endColorstr='#ab0000');	
cursor: pointer;   text-align: center;
-moz-box-shadow: 0px 1px 2px #111;
-webkit-box-shadow:  0px 1px 2px #111;
box-shadow: 0px 1px 2px #111;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
margin-top: 10px;
margin-left: 25px;
display: block;
width: 235px;
 }
.jqSubmit:hover { background: none; background-color: #930202}


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

ui-notify-cross
	
	
	/*
.subscribe_to #content h1 { 
border: 0; padding:20px 0; margin: 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
background:#fff url(../images/art/landing/h1-bg.png) repeat-x top left;
font-size: 28px; font-weight: bold; text-align: center; color: #252525;
letter-spacing:-1px;
text-shadow:1px 1px 0 #fff; }

.subscribe_to #content h2 { 
border: 0; padding:18px 0; margin: 0;
font-size: 28px; font-weight: bold; text-align: center; color: #fff;
background:#CF0B01 url(../images/art/landing/h2-bg.png) repeat-x top left;
letter-spacing:-1px; border-top: 1px solid #fff;
text-shadow: #6B0E03 0px 1px 2px; }

.subscribe_to form.signup { margin: 0; padding: 0; }
.subscribe_to form.signup fieldset {  margin: 0; padding: 20px 30px; background:#E62805 url(../images/art/landing/form-bg.png) repeat-x top left; }
.subscribe_to form.signup fieldset h3 { color: #fff; line-height: normal; font-size: 13px; }
.subscribe_to form.signup fieldset input { 
border: 0; width: 365px; float: left; margin-right: 5px;
font-size: 17px; color: #959595; font-weight: bold; padding: 10px; background: #fff;
-moz-box-shadow: 0px 2px 3px #A92005;
-webkit-box-shadow:  0px 2px 3px #A92005;
box-shadow: 0px 2px 3px #A92005;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.subscribe_to form.signup fieldset .button { 
font-size: 17px; color: #FFF; font-weight: bold; padding: 10px; width: 188px; float: left;
border: 0; background:#719F33 url(../images/art/landing/button.png);
cursor: pointer;  margin-right: 0px;
-moz-box-shadow: 0px 2px 3px #A92005;
-webkit-box-shadow:  0px 2px 3px #A92005;
box-shadow: 0px 2px 3px #A92005;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.subscribe_to form.signup fieldset .button:hover { background: none; background-color: #719F33}
.subscribe_to form.signup fieldset input:focus { color: #777; border: 0; }

.subscribe_to .widget { clear:both; margin-bottom:2px; }
*/

.widget .putovanje { background:#4E9A10 url(../images/art/landing/putovanja.png) top left repeat-x; padding: 10px; padding-bottom: 1px; margin-bottom: 0; }
.widget .hrana { background:#B50001 url(../images/art/landing/hrana.png) top left repeat-x; padding: 10px; padding-bottom: 1px; margin-bottom: 0; }
.widget .ljepota { background:#611CE2 url(../images/art/landing/ljepota.png) top left repeat-x; padding: 10px; padding-bottom: 1px;  margin-bottom: 0;}
.widget .zdravlje { background:#008FE8 url(../images/art/landing/zdravlje.png) top left repeat-x; padding: 10px; padding-bottom: 1px; margin-bottom: 0; }

.widget .putovanje li, .widget .hrana li, .widget .ljepota li, .widget .zdravlje li { margin-bottom: 10px; border:0; background: #fff; }

.widget .putovanje li.ticker, .widget .hrana li.ticker, .widget .ljepota li.ticker, 
.widget .zdravlje li.ticker {  
width: 80px; text-transform: uppercase;
background:#4E9A10 url(../images/art/landing/putovanja.png) top left repeat-x;
padding:0px; 
border:0px solid #ddd;
margin-bottom:0px;
height:102px;
height:102px !important;
width: 30px;
padding-left:0px;
position:absolute; margin: -10px 0 0 -40px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
min-height: 102px; cursor: text;
}
.widget .hrana li.ticker { background:#B50001 url(../images/art/landing/hrana.png) top left repeat-x; height:67px; height:67px !important; min-height: 67px; }
.widget .ljepota li.ticker { background:#611CE2 url(../images/art/landing/ljepota.png) top left repeat-x; height:140px; height:140px !important; min-height: 140px; }
.widget .zdravlje li.ticker { background:#008FE8 url(../images/art/landing/zdravlje.png) top left repeat-x; height:87px; height:87px !important; min-height: 87px; }

.widget li.ticker h4 {  
margin:69px 0 0 0px; 
color: #fff; font-weight: bold; font-size: 13px; text-align: center;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.widget .putovanje li.ticker:hover, .widget .putovanje li.ticker:hover .cijene .column {
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);	
-webkit-transition: 0;
-moz-transition:0;
-o-transition: 0;
transition: 0;
}

.widget .hrana li.ticker h4 { margin:34px 0 0 0px;  }
.widget .ljepota li.ticker h4 { margin:47px 0 0 0px;  }
.widget .zdravlje li.ticker h4 { margin:54px 0 0 0px;  }

.subscribe_to p.disclaimer { background:#fff url(../images/art/landing/diss-bg.png) repeat-x bottom left; margin-bottom: 0px;
padding: 20px 30px; font-size: 12px; line-height: 1.4em; color: #636363;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px; }
.subscribe_to p.disclaimer.top { font-size: 14px; padding: 20px 15px 20px 20px; 
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  }
.subscribe_to p.disclaimer.top img { float: left; margin-right: 8px; }
.subscribe_to  .cijene { display: none; }

.subscribe_to .popust { position: absolute; /*top: 50px; left:80px;*/ top:25px; left: 160px; background: url(../images/art/landing/star_x.png) no-repeat;
width: 71px; height: 72px; line-height: 72px; font-weight: bold; font-size: 24px; color: #fff; text-align: center; 
text-shadow: 0px 1px 2px #666;}
.subscribe_to .putovanje .popust { background: url(../images/art/landing/star_putovanja.png) no-repeat; }
.subscribe_to .hrana .popust { background: url(../images/art/landing/star_hrana.png) no-repeat; }
.subscribe_to .ljepota .popust { background: url(../images/art/landing/star_ljepota.png) no-repeat; }
.subscribe_to .zdravlje .popust { background: url(../images/art/landing/star_zdravlje.png) no-repeat; }

/*************** FOOTER new *****************/
#footer .contacts { clear: both; }
#footer .contacts p { line-height: normal;  margin-bottom: 6px;  	opacity:.8; filter:Alpha(opacity=80);}

/********** sve ponude NEW **************/
#headnav .ponuda { 
	/*background:url(../images/art/headnav0.png) no-repeat 0 -300px;*/
    color: #555;
	padding-left:0px;
	width:140px;
    border-radius: 5px 5px 0px 0px;

	 }
#headnav .ponuda a, #headnav .ponuda .town {
	background:none;
	padding:5px 0px;
	width:auto;
	display: block;
	float: left;
	width: 100px;
	text-align: center;
}
#headnav .ponuda a:hover, #headnav .ponuda.active a {
	background:#eee;
}
#headnav .ponuda:hover {
	/*background:url(../images/art/headnav0.png) no-repeat 0 -400px;*/
}

#headnav .ponuda .town { 
width: 30px; height: 30px; cursor: pointer;
background: url(../images/art/transparent3.png) no-repeat 0px -119px; 
 
	}


#headnav .ponuda ul {
	width:140px;
	position:absolute;
	top:30px;
	left:0;
	opacity:0;
	display: none;
}
#headnav .ponuda:hover ul { 
	opacity:1;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	display: block;
}
#headnav .ponuda ul li a { text-align: left; }
#headnav .ponuda 
#headnav .ponuda:hover span {	opacity:1;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	display: block; }

#headnav .sve_ponude a{ 
/*background:url(../images/art/headnav0.png) no-repeat -36px -120px;*/
background: #e05d1f;
    color: white;
    display: block;  }
    
    
#headnav .sve_ponude.zlatne a{ 
/*background:url(../images/art/headnav0.png) no-repeat -36px -120px;*/
background: #ab8c2f;
    color: #fff;
    display: block;     }
    
    #headnav .sve_ponude.nove a{ 
/*background:url(../images/art/headnav0.png) no-repeat -36px -120px;*/
background: #63a709;
    color: #fff;
    display: block;     }
    



#headnav .ponuda:hover { /*background:url(../images/art/headnav0.png) no-repeat -36px -160px;*/background: #eee;  }

#headnav .sve_ponude a:hover { background: #bb440c;  }

#headnav .sve_ponude.zlatne a:hover {background: #907420;}

#headnav .sve_ponude.nove a:hover {background: #518c04;}

/***** SVE PONUDE new*********/
.content_wrap { float: left;}
.content {float: none; }
.content.content_national { margin-top: 25px; }
.content.no_offers h1 { border: 0; padding: 0 0 0 0; margin-bottom: 0; }

/*** DINERS ***/

.normalform label.error_bottom {color: #eb1b23;
width: auto; font-size: inherit;
 margin-top: 14px;}
 
 /*** IZDVOJENO u MARKETING OPIS ***/
#ponuda #detalji #content div.izdvojeno { clear: both; min-height: 60px; margin-bottom: 15px; border-top: 1px solid #e5e5e5; background: url(../images/art/highlight_bottom.jpg) bottom no-repeat; padding: 10px 6px 8px 0;}

#ponuda #detalji #content div.izdvojeno span { background: url(../images/art/izdvojeno.png) top left no-repeat; display:block; float: left; width: 42px; height: 55px; margin: 0px 10px 0 0;}

#ponuda #detalji #content div.izdvojeno span.red { background-position: top left;}
#ponuda #detalji #content div.izdvojeno span.green { background-position: top center;}
#ponuda #detalji #content div.izdvojeno span.blue { background-position: top right;}

#ponuda #detalji #content div.izdvojeno p { margin-bottom: 10px;}

/*** PROFIL - LOGGED ***/
.logged p strong {
	display: block; font-size: 120%; margin-bottom: 8px;
}

/*** ANKETE ***/
body.ankete #content.wishes {
	/*background:#fff url(https://content.crnojaje.hr/tagBox/anketa-tzzz.jpg) no-repeat 790px 25px;*/
    background: #fff;
}

body.ankete .errMsg{
	display: ;
	margin-left: 0px;
}
body.ankete a.back:link, 
body.ankete a.back:visited, 
body.ankete a.back:hover, 
body.ankete a.back:active {
	clear: both; 
	float: left;
	color: #222;
	font-size:12px;
	margin-top: 10px;

}
body.ankete #content h2 {
	margin-bottom: 0px;
	font-size: 18px;
	border-top: 0px solid #aaa;
	padding-top: 0px;
	margin-top: 0px;
	background:  #ededed;
	padding: 10px 10px;
	display: block;
	font-weight: bold;
}


body.ankete #content h1 {
	border: 0;
}

body.ankete .user_input{
	width: 750px;
	padding: 10px;
}

body.ankete ul {
	margin-left: 10px;
}

body.ankete ul li {
	font-size: 15px;
	line-height: 1.8em;
	font-weight: ;
	color: #666;
}

body.ankete ul li input[type="radio"] {
	cursor: pointer;
}

body.ankete select {
	padding: 5px;
}

body.ankete .errMsg{
	color: #eb1b23;
	font-size: 12px;
	display: block;
	font-weight: bold;
}

body.ankete .required {
	font-size: 80%;
	display: none;
}

body.ankete textarea.text {
	height: 80px;
    width: 70%;
	margin: 5px 10px;
	border: 1px solid #d0d0d0;
}

body.ankete .button.medium {
	margin-left: 11px; 
}

body.ankete p.subtitle {
	font-size: 14px; 
	line-height: 1.4em;
	padding-right: 160px;
	padding-bottom: 25px;
}

#bogdan_rotateBtn 
{background: #69b401; /* Old browsers */
background: -moz-linear-gradient(top,  #7dd600 4%, #69b401 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#7dd600), color-stop(90%,#69b401)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7dd600 4%,#69b401 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7dd600 4%,#69b401 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7dd600 4%,#69b401 90%); /* IE10+ */
background: linear-gradient(to bottom,  #7dd600 4%,#69b401 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd600', endColorstr='#69b401',GradientType=0 ); /* IE6-9 */
height: 70px;
padding: 10px 30px;
font-weight: bold;
font-size: 28px;
line-height: 30px;
color: White;
text-shadow: 1px 1px 3px #333;
border: none;
border-radius: 10px;
cursor: pointer;
position: absolute;
top: 163px;
right: 110px;
box-shadow: 1px 1px 1px #000;}
    
#bogdan_rotateBtn:hover 
{color: Black;}
    
#bogdan_popup
{background:url(../images/bogdan.jpg);
 padding: 215px 20px 0px 20px;
 height: 125px;
 position: absolute;
 top: 15px;
 right: 50px;
 width: 310px;
 z-index: 2001;
 border-radius: 10px;
 box-shadow: 2px 2px 3px #666;
 border: 10px solid #fff;}
    
#bogdan_popup p
{color: #555;
 text-align: left;
 font-size: 14px;
 line-height: 22px;}

#bogdan_popup img
{box-shadow: none;}

#bogdan_popup a:hover
{margin-top: 0px;}

#bogdan_popup h1
{margin-top: 5px;
 font-size: 14px;
background: #69b401;
color: #fff;
padding: 5px;
line-height: 22px;
text-align: center;
} 

/** desni banneri **/

#sidebar .banner_top
{
	cursor:pointer;
	width: 75px;
	height: 53px;
	padding-top: 465px;
	padding-left: 225px;
	background-position: center center;
	display: block;
	text-decoration: none;
	border: 0;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	border-radius: 10px;
}

#sidebar .banner_top .button.kupi
{
	line-height: 33px; font-size: 20px;
}

#sidebar .banner_bottom
{
	cursor:pointer;
	width: 75px;
	height: 53px;
	padding-top: 384px;
	padding-left: 225px;
	background-position: center center;
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
	border: 0;
	margin-bottom: 20px;
	border-radius: 10px;
}

#sidebar .banner_bottom_group img
{
	margin-top: 0px;
	border-radius: 10px;
	margin-bottom: 20px;
}

#sidebar .banner_bottom .button.kupi
{
	line-height: 33px;
	font-size: 20px;
}


.popup_cookie

{ color: White;
  background-color: #555;
  position: fixed;
  z-index: 2000;
  bottom: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
 
    
    }
    
    .popup_cookie a

{ color: White;
  
 
    
    }
    
    .popup_cookie img

{ position: absolute;
  right: 5px;
  height: 30px;
  cursor: pointer;
  
  
 
    
    }


#NewsletterPopUp { width: 500px; height: 535px; background: #fff;border: 5px solid white; border-radius: 20px;}
#NewsletterPopUp h2 { margin: 0; padding: 20px 0px 0px 20px; width: 308px; font-size: 22px; line-height: 32px; }
#NewsletterPopUp h1 { margin: 0; padding: 0px 0px 20px 20px; width: 308px; font-size: 30px; color: #f05c1e; border: none; line-height: 38px;font-weight: bold; }
#NewsletterPopUp form { margin: 0; padding: 20px; background-color: #eee; border: none;   }
#NewsletterPopUp label {padding: 0px 0px 10px 10px; width: 290px; float: none; display: block; font-size: 18px; font-weight: bold;  }
#NewsletterPopUp input { padding: 10px; background-color: #fff;  width: 290px; float: none; display: block; }
#NewsletterPopUp .bg_popup{ position: absolute; z-index: 50; right: 0px; width: 192px; height: 350px; background: url(../images/nl_pupup_badge.png) center top no-repeat;background-size: auto 90%;}
#NewsletterPopUp .jqSubmit { padding: 10px; width: 290px; margin-left: 0px; background:#78c511 ; box-shadow: 1px 1px 0px #559104;  }  
#NewsletterPopUp .jqSubmit:hover { background: none; background-color: #63a709}
#BaPopUp { background-image: none!important;}

#DealSuggestion { margin: 10px 20px 20px 20px; border-radius: 5px;border: 1px solid #ccc; padding: 10px 10px 0px 10px;background-color: white; }
#DealSuggestion a{ display: block; margin-bottom: 10px;}
#DealSuggestion:hover { box-shadow: 0px 0px 5px #ccc;}
#DealSuggestion h3 { float: right;width: 310px; height: 79px; font-size: 18px;font-weight: bold;line-height: 24px;padding-top: 7px;  }
#DealSuggestion .column { height: auto; font-size: 10px; padding: 9px;}
#DealSuggestion .column strong { font-size: 13px; }
#DealSuggestion .button.kupi { height: 45px;font-size: 22px;line-height: 45px; padding: 0 15px;}
#DealSuggestion .column.dodatno.nl {background: #78c511 url(../images/art/transparent1.png) no-repeat right -42px}

/*newsletter popusti*/

body.newsletter_popusti_page #content {	
	width: 100%;
}

.newsletter_popusti_wrap {   }
.newsletter_popusti {  padding: 0 0 17px 0;  width: 100%;  }
.newsletter_popusti li {border: 1px dotted #CCC;  float: left; width:23%;margin: 1%; height: auto; padding: 9px 16px 0px 16px;     }

.newsletter_popusti h2 { margin-bottom: 6px; font-weight: bold; font-size: 12px; color: #F1601F; line-height: normal;height: 28px;overflow: hidden; }
.newsletter_popusti_wrap  p.dsc { line-height: 1.3em; /*font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #898989; font-weight: bold;*/ }
.newsletter_popusti_wrap p.dsc span { display: block;  width: 50%; height: 60px;overflow: hidden; float: left; white-space: normal;} 
.newsletter_popusti_wrap p.dsc img { width: 45%; height: auto; float: left; margin-right: 5%; 
-moz-box-shadow:    1px 1px 3px 0px #ccc;
  -webkit-box-shadow:1px 1px 3px 0px #ccc;
  box-shadow:         1px 1px 3px 0px #ccc;
}
.newsletter_popusti_wrap p.kod { clear: both; padding-top: 6px; font-size: 12px; font-weight: bold; color: #898989;  }
.newsletter_popusti_wrap p.kod span { display: block; padding-top: 0px; text-transform: uppercase; font-size: 120%; color: #F1601F; font-weight: bold;   }
.newsletter_popusti_wrap p.kod b { color: #000; }

.newsletter_popusti li:nth-child(1) h2, .newsletter_popusti li:nth-child(1) p.kod span {color: #529129; }
.newsletter_popusti li:nth-child(2) h2, .newsletter_popusti li:nth-child(2) p.kod span  {color: #D53B17;  }
.newsletter_popusti li:nth-child(3) h2, .newsletter_popusti li:nth-child(3) p.kod span {color: #EA2E56;  }
.newsletter_popusti li:nth-child(4) h2, .newsletter_popusti li:nth-child(4) p.kod span {color: #474495;  }
.newsletter_popusti li:nth-child(5) h2, .newsletter_popusti li:nth-child(5) p.kod span {color: #802C9C;  }
.newsletter_popusti li:nth-child(6) h2, .newsletter_popusti li:nth-child(6) p.kod span {color: #497B98;  }
.newsletter_popusti li:nth-child(7) h2, .newsletter_popusti li:nth-child(7) p.kod span {color: #FA8944; }
.newsletter_popusti li:nth-child(8) h2, .newsletter_popusti li:nth-child(8) p.kod span {color: #778899; }
.newsletter_popusti li:nth-child(9) h2, .newsletter_popusti li:nth-child(9) p.kod span {color: #529129; }
.newsletter_popusti li:nth-child(10) h2, .newsletter_popusti li:nth-child(10) p.kod span  {color: #D53B17;}
.newsletter_popusti li:nth-child(11) h2, .newsletter_popusti li:nth-child(11) p.kod span {color: #EA2E56;}
.newsletter_popusti li:nth-child(12) h2, .newsletter_popusti li:nth-child(12) p.kod span {color: #474495;}
.newsletter_popusti li:nth-child(13) h2, .newsletter_popusti li:nth-child(12) p.kod span {color: #802C9C; }
.newsletter_popusti li:nth-child(14) h2, .newsletter_popusti li:nth-child(14) p.kod span {color: #497B98;}
.newsletter_popusti li:nth-child(15) h2, .newsletter_popusti li:nth-child(15) p.kod span {color: #FA8944;}
.newsletter_popusti li:nth-child(16) h2, .newsletter_popusti li:nth-child(16) p.kod span {color: #778899; }

/*kontakt*/
body.static dl {
	margin-bottom:15px;
}
body.static dl dt {
	font-weight:bold;
	margin-top: 15px;
}
	
body.static dl dd {
	margin-left: 20px;
}

body.static dl a:link, 
body.static dl a:visited, 
body.static dl a:hover, 
body.static dl a:active {
	color: #444;
}

body.static dl a:hover {
	text-decoration: none;
}

/** CINESTAR**/


#BarCode {
   /*  float:left;
    margin-bottom:-20px !important
	float:none;
	clear:both;*/
	float:right;
	text-align: right;
}

#BarCode .logo {
	clear:both;
	font-size: 15px;
	padding: 8px 8px 3px 8px;
	font-weight: bold;
	text-align: right;
	margin: 0;
	float: none;
}

#bcTarget {
	clear: both;
}

#BarCode .kupon-broj {
float: none;
	clear: both;
}

#BarCode .kupon-broj span {
	font-size: 21px;
	font-weight: normal;
}
    
#BarCode .kupon-id {
	float: none;
	clear: both;
    font-family:"Code 128";
    font-size: 32px;
    font-weight:normal;
   padding-bottom: 4px;
} 


/** proposed **/
.widget.proposed .prikaz-ponuda img 
{
	width: 90px;
	height: 90px;
	margin-left: -110px;
}

.widget.proposed .prikaz-ponuda h3 {
	font-size: 16px;
	line-height: 21px;
}

.widget.proposed .prikaz-ponuda li {
	min-height: 110px;
	padding-left: 130px;
	margin-bottom: 10px;
}
.widget.proposed .prikaz-ponuda ul {
	
}

.widget.proposed h2 {
	margin-left: -110px;
	color: #F1601F;
	line-height: 20px;
}

.widget.proposed {
	clear: both; float: none; padding-top: 15px;
    display: block;
    width: 100%;
}

.widget.proposed .button.kupi { height: 35px;font-size: 20px;line-height: 35px; padding: 0 10px;}

.widget.proposed a.other_similar:link, 
.widget.proposed a.other_similar:visited, 
.widget.proposed a.other_similar:hover, 
.widget.proposed a.other_similar:active {
	font-size: 100%; text-decoration: ; font-size: 14px; color: #888; font-weight: bold; 
}

a.other_similars:link, 
a.other_similars:visited, 
a.other_similars:hover, 
a.other_similars:active {
	display:block; clear:both; float: left; margin-top: 15px; font-size: 100%; font-size: 14px; color: #888; font-weight: bold; 
}

/** alldeals **/

.alldeals a:link,  
.alldeals a:visited,  
.alldeals a:hover,  
.alldeals a:active {
	color: #444;
	line-height: 20px;
}

.alldeals a:hover {
	text-decoration: none;
}

#paging.alldeals a:link,  
#paging.alldeals a:visited,  
#paging.alldeals a:hover,  
#paging.alldeals a:active {
	font-size: 12px;
	font-weight: bold;
}

/** cloud **/
.widget .navigation.cloud ul {
	border-top:0px dotted #ddd;
	margin-bottom:0;
}

.widget .navigation.cloud ul li {
	border-bottom:0px dotted #ddd;
	font-size:13px;
	font-weight:normal;
	color:#666;
	padding:6px 0;
	float: left;
	margin-right: 8px;
}
.widget .navigation.cloud a {
	display:block;
	color:#009dc0;
	text-decoration:none;
}
.widget .navigation.cloud a:hover { color:#333; text-decoration:none; }
.widget .navigation.cloud a.selected { color:#333; font-weight:bold }


.widget .navigation.cloud ul li:nth-child(3n+1) a {  
  font-weight: bold
}

body.oldlist .widget .navigation {
	background: #111;
}

body.oldlist .widget .navigation.cloud a {
	display:block;
	color:#777;
	text-decoration:none;
}
body.oldlist .widget .navigation.cloud a:hover { color:#A7A7A7; text-decoration:none; }


#ponuda #besplatni-telefon {
	clear: both; 
	float:none;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:10px 0px 8px 19px;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
    background: #fff;
	position:relative;	
	margin-right:0px;
	margin-bottom:0px;
   border: 0px solid #CCC; 
   color: #000; 
   text-shadow:0px 0px 0 rgba(0,0,0,0.2);
   border-top: 1px solid #ddd;  }

#ponuda #besplatni-telefon .broj {
	padding-left: 10px;
}

#ponuda #besplatni-telefon .tekst {
	font-size: 10px; font-weight: normal; line-height: 11px; color: #999; padding-left: 10px; font-family: ; margin-top:8px; text-align: justify;
}


.widget .navigation a.pdf_uvjeti {
	background: url(../images/Crno-Jaje-Uvjeti-koristenja.png) no-repeat;
	padding-left: 18px;
	color:#888;
	font-weight: normal;
}

.widget .navigation a.pdf_uvjeti:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.cj-search .filter {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    flex-wrap: wrap;
}

.cj-search.cj-search-wrap {
    
}

.cj-search {    
    margin-bottom: 15px;   
}


#headnav .ponuda li {
	width:200px;	
}



.subcategory select:focus 
{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
    -moz-box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
    box-shadow: 0 0 7px rgba(0, 150, 190, 0.6) !important;
	border:1px solid #ddd !important;
}
.subcategory select:hover 
{
    border:1px solid #ccc;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.load-more { text-align: center;}
.load-more span{ display: block;font-size: 18px;background-color: #666; color: white;font-weight: bold;cursor: pointer;padding:20px;margin: 20px 0px;border-radius: 10px;}
.load-more span:hover { background-color: #555;}
#LoadingDotsImg, #LoadingDotsNationalImg {margin: 0px auto;display: block;}
#LoadingDots, #LoadingNationalWideDots {display: none;}
#footer { margin-top: 20px;}
.sigurnost_placanja img { max-width: 100%;}
body.howto ul li { margin-bottom: 10px; }
body.howto #header ul li { margin-bottom: 0px;}
body.howto #footer ul li a { text-decoration: none;color: #aaa;}
.mobile_menu, .mobile-banner.one, .mobile-banner.two, .mobile-banner.three, #formSearchHeader, .mobile-banner-bottom, .mob { display: none;}
.mobile-offer-top { display: none;}
#back-to-top-button { display: none;}
table.checkout th.checkout-cijena, table.checkout td.checkout-cijena { text-align: left;}
#back-to-top-button {cursor: pointer;position: fixed;background-color: rgba(0,0,0,0.7);z-index: 1000;bottom: 15px;right: 15px;color: white;border-radius: 3px; box-shadow: 0px 0px 5px #333; }
#back-to-top-button a span{color: white;line-height: 40px;height: 40px;width: 40px;text-align: center;font-size: 16px;}
#MobileFloatingBanner { opacity: 0;height: 0px;}
.banner_right { display: block;}
#ponuda #detalji .sidebar.map-client-bottom {position: relative;}
#ponuda #detalji .sidebar.clear-left {clear: left; }
.bottom-banner img { width: 100%;padding-top: 10px;}
.mobile-banner.two .dasktop{ display: none;}
.akcija-page img{ width: 100%;}


.gdpr-top { background-color: #f4f4f4;padding: 25px;margin: -25px -25px 25px -25px;border-radius: 10px 10px 0px 0px;background-image: url(/Content/images/egg-gdpr.png);background-repeat: no-repeat;background-position: right bottom ;background-size: 180px auto; }
.gdpr-page.margin-bottom-lg { margin-bottom: 30px;}
.gdpr-top { background-color: #f4f4f4;padding: 25px;margin: -25px -25px 25px -25px;border-radius: 10px 10px 0px 0px;}
.gdpr-page .button { float: right;margin-top: 30px; }
.gdpr-page .button-decline { float: right;background: #999; margin-top: 30px;margin-right: 10px; }
.gdpr-text { height: 265px; overflow-y: scroll;padding: 20px 25px;border: 1px solid #eee;width: 100%;background-color: white;}
.main-margin-top-sm { margin-top: 30px!important;}
.margin-bottom-sm { margin-bottom: 10px!important;}
.width-100 { width: 100%!important;}.profile-newsletter label{ padding: 2px 25px 20px 25px;}
.button.button-simple {
    float: left;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 5px 15px;
    text-decoration: none;
    color: #fff;    
    background: #555;
    border-radius: 5px;
    border: 0px;
    margin-right: 10px;
    clear: both;
    margin-bottom: 10px;
    }
    
.gdpr-date { padding: 10px 0px 10px 0px;border-bottom: 1px solid #ccc;margin-bottom: 0px; }
.gdpr-pofile {background-color: #f4f4f4;margin: 50px -25px 0px -25px;padding: 0px 25px 25px 25px;}
.newsletter-subscribe .error { display: block;color: red!important;padding: 5px 0px;float: none;}
.container.checkout-coupon {padding-bottom: 50px;}
    
#savedCards .row { padding: 10px 0px;border-bottom: 1px solid #eee;}
#savedCards span { font-size: 12px; padding: 5px 0px;display: block;line-height: 20px;color: #666;}
#savedCards i { font-size: 18px; padding: 5px 0px;display: block;line-height: 20px; color: #666;}
    
.cards-wrap-opt  {       
    margin: 5px 0px;      
    padding: 0px 20px;                 
}
    .cards-wrap .cards-wrap-opt .radio {      
    padding-left: 0px;
}
   
.cards-wrap-ck  {     
       
    border: 2px solid #eee;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;           
}
    
.cards-wrap  {       
    margin: 10px 0px;
    border: 2px solid #eee;
    padding:20px;
    border-radius: 5px;
    position: relative;        
}
.cards-wrap .radio {
      
    padding-left: 20px;
}
.cards-wrap:hover {      
               
}
.cards-wrap label {
    width: auto!important;
    padding: 0px!important;
    line-height: normal!important;        
}
.cards-wrap label {
    width: auto!important;
    padding: 0px!important;
       
}
input[type=checkbox], input[type=radio] {
    margin-top: 0px;
    margin-right: 5px;
}  
.cards-wrap .checkbox label {
    padding-left: 20px!important;
}
.cards-wrap .checkbox input {
    top: auto!important;
    left: 20px;
}
  
.master-akcija-lista {
    border: 3px dashed #dda045;        
    padding:2% 30% 2% 2%;
    font-size: 16px;
    line-height: 22px;
    border-radius: 5px;
    background-image: url(/Content/images/kartice/master-kartice.png);
    background-repeat: no-repeat;
    background-position: center right 2%;
    margin-top: 10px;
    background-color: white;
    margin-bottom: 3%;
} 
.master-akcija-lista .master-disc{
    font-size: 28px;
    color: #dda045;
    padding-bottom: 10px;
    display: block;
    
     
}
.master-akcija-lista p{
    margin-bottom: 0px;
    color: black;
}
  

.master-akcija {
    border: 3px dashed #F99F1C;        
    padding:3% 30% 3% 5%;
    font-size: 16px;
    line-height: 22px;
    border-radius: 5px;
    background-image: url(/Content/images/kartice/master-kartica.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    margin-top: 10px;
}
    
.master-akcija.zaba {
    border: 3px solid #cbdbf5; 
    padding: 2% 20% 2% 5%;  
   background-image: url(/Content/images/kartice/master-kartica.png);    
       
}

.diners-akcija {
    border: 3px solid #abe1fa;        
    padding: 2% 20% 2% 5%;
    font-size: 16px;
    line-height: 22px;
    border-radius: 5px;
    background-image: url(/Content/images/kartice/diners.png); 
    background-repeat: no-repeat;
    background-position: center right 10px;
    margin-top: 10px;
}

.erste-top {        
    padding: 3% 30% 3% 5%;
    background-color: #AAE0FA;
    font-size: 16px;
    color: #00497B;
    margin-bottom: -13px;
    border-radius: 5px 5px 0px 0px;
    z-index: 200;
    position: relative;
    margin-top: 15px;
    font-weight: bold;
    background-image: url(/Content/images/erste-logo.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}
   
    
.zaba-top {        
    padding: 3% 20% 3% 5%;
    background-color: #cbdbf5;
    font-size: 16px;
    margin-bottom: -13px;
    border-radius: 5px 5px 0px 0px;
    z-index: 200;
    position: relative;
    margin-top: 15px;
    font-weight: bold;
    background-image: url(/Content/images/zaba-logo.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
}
    
.master-akcija.zaba label{
    width: 100%;
}

.mr-1 {
    margin-right: 5px;
} 

.my-4 {
    margin-top: 20px; 
    margin-bottom: 20px; 
} 

#keks ul li{
    list-style: none;
    margin-bottom: 20px;
    font-size: 20px;   
} 

#keks ul {
    margin-left: 0px;
} 

.keks-flex {
    display: flex;
    align-items: center;    
}
    
.master-blue {color: #dda045;display: block; font-size: 10px;}
.checkout-palyment-bottom .buy-button   {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-bo34x;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; 
justify-content: flex-end;
align-items: center;
}
    
.card-save-check { color: green;margin-right: 10px;}
.card-save { color: #ccc;float: right;font-size: 18px;line-height: 16px;margin-left: 5px;}
.final-price-book .error_bottom {margin-top:0px!important; padding-top: 14px;}   
.card-save-rate { width: 15%;}
.master-10 { background-image: url(/Content/images/master_10.png);background-size: 100% auto; background-repeat: no-repeat;display: block;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-15 {background-image: url(/Content/images/master_15.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-20 {background-image: url(/Content/images/master_20.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-25 {background-image: url(/Content/images/master_25.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-40 {background-image: url(/Content/images/master_40.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-30 {background-image: url(/Content/images/master_30.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.master-50 {background-image: url(/Content/images/master_50.png);background-size: 100% auto; background-repeat: no-repeat;position: absolute;height: 170px;width: 200px;bottom: 0px; }
.ultra-last-minute {
    display: block;
    position: absolute;
    width: 190px;
    height: 55px;
    background-image: url(/Content/images/ultra-last-minute.svg);
    background-repeat: no-repeat;
    bottom: 15px;
    background-size: 100% auto;
}  
.checkout-rate th, .checkout-rate td{ font-size: 12px!important;font-weight: normal!important;}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content{
    border: 1px solid #ddd;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li.ui-menu-item{
    text-align: left;  
    padding: 0px; 
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content li.ui-menu-item a{
    text-align: left;
    padding: 10px;
    display: block;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0px solid #999999!important;
    background: #eee!important;
    font-weight: normal;
    color: #212121;   
}

.button.kupi:disabled { opacity: 0.5; }
.button.kupi:disabled:hover { background: #F1601F url(../images/art/btn0s.png) repeat-x left -25px; }
.d-block { display: block;}


@font-face {
    font-family: Marine-Black-Italic;
    src: url(/Content/fonts/marine-black-italic.woff);
}
.podrzimo {
    position: absolute;
    bottom:30px;
    right: 0px;
    width: 300px;
    padding: 10px;
    height: 70px;    
    background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 99%);
}

.zivot-mobile 
{
    display: none;
      
}
.zivot-desktop 
{
    display: inline;         
}
.zivot 
{
    position: absolute;
    bottom:260px;
    right: -56px;
    width: 250px;    
    height: 70px;       
}

.bozic-badge 
{
    position: absolute;
    top:50px;
    right: -85px;
    width: 170px;    
    height:170px;
    z-index: 3;       
}

.mjere-badge 
{
    position: absolute;
    top: 85px;
    right: 0px;
    width: 120px;
    height: 120px;
    z-index: 3;      
}

.zivot img, .bozic-badge img, .mjere-badge img
{
    width: 100%;       
}

.master-details-ukras {position: absolute;width:200px;height: 200px;right: 0px;bottom: 10px;}
.master-details-ukras.zaba {position: absolute;width:200px;height: 200px;left: 0px;right: auto; bottom: 0px;}
.master-details-ukras svg{width:100%;height: 100%;}

.bots-voucher {position: absolute;right: 0px;}
.black-friday-badge {position: absolute; overflow: hidden;height: 250px;width: 250px;right: 0px;}
.black-friday-badge img{height: 250px; position: absolute;right: -30px;}
.black-friday-badge-list {position: absolute; overflow: hidden;height: 200px;width: 140px;z-index: 5000;right: 0px;}
.black-friday-badge-list img{height: 100px;width: auto; position: absolute!important;background: none;float: none;margin-left: 0px;right: -20px;}
.addiko-badge { z-index: 2000;top: -10px;right:10px;}
.addiko-badge-list img{height: 140px;right: -5px;}


.show-mobile {
    display: none;
}

.hide-mobile {    
   display: block;
}

.w-50 {
    width: 50%;
}

.secure-pay-list {
    display: flex;  
    width: 100%;  
}

.secure-pay-list a{
    width: 50%;
    text-align: center;
}
.secure-pay-list img{
    width: 80%;  
}

.secure-pay-list img.keks-logo{
    width: 60%;  
}

.keks-pay-ul {
    width: 100%;
    padding-top: 50px;
}
 
 .text-white {
     color: white;
 }
 
 .countdown-mobile {
    display: none;
} 


@media (max-width: 1024px){


#footer { margin: 20px;}
#bg-img { width: 100%;margin-left: 0px;left: 0px;background-size: cover;}
#bg-img .overlay { width: 356px;bottom: -1px;}
.mobile_menu a.msearch { display: none;}
#sidebar .harmonika li a:hover
{
    padding-left: 20px;
}
#sidebar .harmonika li ul li a { padding: 0px 0px 0px 40px;}
.zivot 
{
    bottom:220px;
    right: 0px;       
}

.master-details-ukras {bottom: 8px;}

.zivot-mobile 
{
    display: inline;       
}
.zivot-desktop 
{
    display: none;        
}

.bozic-badge 
{
    right: 0px;         
}

.mjere-badge 
{
   right: 0px;
        
}


}

@media (max-width: 992px)
{
.keks-btn {
    display: block;
    width: 100%;
    color: white!important;
    text-decoration: none!important;
    font-size: 28px!important;
    line-height: 36px!important;
    text-align: center;
    margin-bottom: 20px;
}
.hide-mobile {    
   display: none;
}
.show-mobile {
    display: block;
}
.master-details-ukras {bottom: 0px;}
#bg-img .overlay { display: none;}
#traka_wrap .social { display: none;}
#traka_wrap .extra a { padding: 14px 10px 12px 10px;}
#bg-img { width: 100%;margin-left: 0px;left: 0px;background-size: 100% auto;height: 320px;top: 100px;background-color: white;}
#ponuda {   
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius:  0px 0px 10px 10px;
    border-radius:  0px 0px 10px 10px;
}
#logo { top: -66px;}
#logo img { margin-top: 15px;}
#ponuda #detalji #content { width: 60%;}
#ponuda #detalji .sidebar { max-width: 40%;width: 40%;}
#headnav .sve_ponude.nove a { display: none;}
.mobile_menu { float: right;display: block;position: relative;z-index: 205;}
.mobile_menu a{ float: right;font-size: 30px;color: #333;height: 70px;line-height: 70px;display: block;margin: 0px;padding: 0px 10px; }
.mobile_menu a span{ line-height: 70px;display: block;}
.mobile_menu a.msearch { cursor: pointer;margin: 0px;}
.mobile_menu a.active {background-color: #333;color: white;}
.mobile_menu a.inactive {background-color: transparent;color: #333;}
#header #formSearchHeader {position: absolute;width: 100%;height: 130px;background-color: #333;top: 70px;right: 0;z-index: 199;padding: 70px 15px 20px 15px;box-shadow: 0px 2px 5px #333; }
#header #formSearchHeader.closed { display: none;}
#header #formSearchHeader.opened { display: block;}
#header #formSearchHeader input.text { width: 75%;margin: 0px;font-size: 18px;padding: 10px;}
#header #formSearchHeader input.mini_button { width: 20%;padding: 12px 0px;font-size: 18px;}
#sidebar.stage1 {right: -100%;}
#sidebar.stage2 {right: 0px;}
#sidebar .harmonika li a {display: block!important;width: 100%;font-size: 14px;padding: 0px 10px 0 20px; }
#sidebar .harmonika { width: 100%;margin: 0px; }
#BodyWrap { position: relative; }
#BodyWrap.right { left: 0; }
#BodyWrap.left { left: -40%;overflow: hidden;height: 100%;border-right: 1px solid #666;}
.mobile_menu .user-mobile { display: none;}
#sidebar a.button.small {display: block!important;}
#sidebar .widget .text h2 { color: white;}
body.checkout #header, body.login #header { height: 97px;}
#content, .content { width: 100%;}
.admin.logged { background-color: transparent;margin-bottom: 0px;padding-bottom: 0px;color: white;}
.widget .prikaz-ponuda img {width: auto;max-width: 50%;height:auto;margin-right: 20px;margin-bottom: 30px; }
.list-wrap { padding: 0px;}
.widget .prikaz-ponuda .cijene .column { opacity: 1;}
.sigurna_trgovina { right: -10px;}
.subscribe_to #content, .app #content { width: 100%;}
.subscribe_to #content img { display: none;}
.app #content .button_android {    margin: 470px 0px 0px 200px;}
.widget .prikaz-ponuda h3 { max-width: 100%;}
.osiguraj-page #side { margin-left: 0px;border-radius: 0px 10px 0px 0px;}
.osiguraj-page #content{background: #eee;} 
.main-list .osiguraj-page #side { margin-left: 0px;border-radius: 0px 10px 10px 0px;}
#content.no-bg h1 {max-height: 187px;}
#sidebar .search-history-list ul li a{
    color: #999;
    display: block!important;
}

#sidebar .search-history-list {
   padding: 0px 20px;
}
.bozic-badge {
    
    top:0px;       
}
.mjere-badge 
{
   
    top:35px;
         
}

.countdown-mobile {
    display: block;
}

.counter-banner-mobile {
    background-image: url(https://content.crnojaje.hr/tagBox/counter_zaba_tablet.jpg);  width: 768px; padding-top: 300px;background-size: 100% auto;background-repeat: no-repeat; display: block; text-decoration: none;  border-radius: 10px; margin: 0px auto 20px auto; position: relative;border: 1px solid #444;
}

.index-ponuda.top-ponude h3 {
     height: 150px;
 }
 
 .index-ponuda h3 {
     height: 150px;
 }
.index_new .cijene .button.kupi {
    display: none;
}


}

@media (min-width: 736px) and (max-width: 767px) and (max-height: 414px)
{
    #content.no-bg h1 {max-height: 187px!important;border-radius: 0px!important;}
}

@media (max-width: 767px)
{
 .normalform.two-column li, .gdpr-accept, body.coupon_print .email_send input.text {
     width: 100%;
 }
 .black-friday-badge img{height: 150px;}
 .widget .prikaz-ponuda .black-friday-badge-list {position: absolute; overflow: hidden;height: 200px;width: 150px;z-index: 5000;right: 0px;left: auto;}
.widget .prikaz-ponuda .black-friday-badge-list img{height: 150px;width: auto; position: absolute!important;right: -20px; background: none;float: none;margin-left: 0px;}
.addiko-badge { overflow: visible;position: absolute;left: 80px;right: 0px;top: 0px;width: auto;height: auto;}
.addiko-badge img{height: 150px;width: 150px;right: 0;}


 .index-deals-list h1 {
     font-size: 20px;
     margin-bottom: 5px;
 }   
 
 .index-ponuda h3 {	
    height: auto	
} 
 .index-ponuda.top-ponude h3 {
     height: 100px;
 }
 
 .index_new .owl-carousel.owl-drag .owl-item {
     padding: 0px 7px!important;
 }
 
 .index-image {
     max-width: 100%;
 }
 
 
 .index_new .cijene .column.dodatno.nl {
    top: -195px;
}
.counter-banner-mobile {
    background-image: url(https://content.crnojaje.hr/tagBox/counter_zaba_mobile.jpg); background-size: 100% auto; background-repeat: no-repeat;width: 100%; padding-top: 100%; display: block; text-decoration: none;  border-radius: 10px; margin: 0px auto 20px auto; position: relative;
}
.podrzimo {width:200px;height:40px;bottom: 150px; padding:5px}  
.master-10, .master-15, .master-20, .master-25, .master-30, .master-40, .master-50 { height: 140px;width: 150px; } 
.master-details-ukras, .master-details-ukras.zaba {width:130px;height: 130px;bottom: 5px;}
.erste-top {        
    padding: 3% 45% 3% 5% }
.card-save-rate { width:25%;}
.akcija-page { background-image: none!important;height: auto!important;}
.akcija-page h1{ line-height: 42px;margin-bottom: 0px;background-color: #e93337;padding: 15px;color: white!important;}
.newsletter_popusti li { width: 48%;}
.dasktop { display: none;}
#ponuda #detalji #content { min-height: 0px;}
html, body { height: 100%;} 
.list-wrap { padding: 0px 15px;}
#header .bott { border-top: 0px;}
body.homepage #main {width: 100%;}
#detalji img { width: 100%;}
.mobile_menu a { line-height: 55px;font-size: 20px;height: 55px;}
.mobile_menu .user-mobile { display: block;}
.mobile_menu a span{ line-height: 55px;display: block;}
#ponuda #detalji #content {width: 100%;}
#header #formSearchHeader {height: 68px;top: 54px;padding: 28px 15px; }
#header #formSearchHeader input.text {font-size: 16px;padding: 5px;}
#header #formSearchHeader input.mini_button { width: 20%;padding: 5px 0px;font-size: 16px;}
#main .ponuda_wrap { padding: 0px;}
.normalform.two-column .new { top: 0px;}
#bg-img { width: 100%;left: 0px;margin-left: 0px;background-size: 100% auto; background-position: center;height: 175px;top: 47px; }
.bots-voucher img{height: 175px;}
#ponuda {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px 0px 10px 10px;
}
#footer .container { padding: 0px;}
#ponuda h1 { font-size: 20px;line-height: 24px;margin-bottom: 10px;}
.cijene .column.cijena strong{ font-size: 16px;}
.cijene .column.cijena{font-size: 10px;}
.cijene .column { padding: 10px 7px;}
.cijene .button.kupi { width: 100%;margin: 15px auto 0px auto; text-align: center;}
.cijene .column.pick .opt {width: 100%;margin: 5px 0px;display: block;}
.cijene .column.pick .opt label { max-width: 90%;}
#ponuda #ukratko .inner { padding: 15px;}
.cijene .column.dodatno.os { float: left;}
.infobox { display: none;}
#ponuda #detalji .sidebar { max-width: 100%;width: 100%;margin: 0px;border-right: 0px;}
.cijene .column.pick { padding-bottom: 10px;margin-right: 0px;}
#traka, .banner_right { display: none;}
#logo {width: 80%;height: 100px; top: -20px;background-size: auto 100px;left: 0px;}
#logo a{ height: 80px;}
#logo a img{ height: 80px;margin: 7px 0px 0px 5px; }
#logo .logo_text { width: 120px;padding: 15px 0px 0px 3px;}
#logo .logo_text svg{ width: 120px;height: auto;}
#header {height: 55px;}
#BodyWrap.left { left: -85%;}
#headnav { width: 85%;position: fixed;right: 0px;z-index: 1;padding-left: 10px;margin-top: 10px;}
#headnav.stage-close{right: -100%;}
#headnav.stage-open{right: 0px;}
#headnav .ponuda { width: auto;background: #eee;border-radius: 5px;}
#headnav .ponuda ul { z-index: 1000;top: 35px;}
#headnav .ponuda a {width: 100px;padding: 10px 0px;  }
#headnav .sve_ponude a { padding: 10px 10px;}
#headnav .ponuda li a { width: 130px;}
#headnav .ponuda .town { height: 40px; background: url(../images/art/transparent3.png) no-repeat 0px -117px;}
#headnav a { padding: 5px 10px;font-size: 12px;}
.payment_secure img { max-width: 100%;}
.view .payment_secure { margin-left: 0px;}
#ponuda #broj-prodanih { line-height: 20px;}
#ponuda #broj-prodanih strong { line-height: 20px;margin-bottom:15px;}
#footer .cta .column { width: 100%;margin-bottom: 20px;padding: 0px;}
#footer .cta .column.first{ border: 0px;}
#footer .cta { border: 0px;background: transparent;margin-bottom: 0px;}
.sigurna_trgovina { right: 20px;}
#footer ul.links { float: none;padding-left: 0px; border-top: 1px solid #999;}
#footer ul.links li{ float: none;padding: 10px 20px;border-bottom: 1px solid #999;list-style: none;margin-right: 0px;font-size: 14px;text-decoration: none;}
#footer ul.links li a{text-decoration: none;}
#footer .contacts { width: 60%;padding-left: 20px;}
.widget .prikaz-ponuda li { padding: 0px 0px 10px 0px;background: white;border: 0px;}
.widget .prikaz-ponuda img {margin: 0px 0px 15px 0px;width: 100%;max-width: 100%; height: auto;float: left;border-radius: 3px 3px 0px 0px;}
.widget .prikaz-ponuda h3 { font-size: 16px;line-height: normal;padding: 15px 15px 10px 15px; }
.widget .prikaz-ponuda .cijene { margin-left: 0px;padding: 0px 15px;float: left;width: 100%;position: static;}
.widget .prikaz-ponuda .cijene .button.kupi { display: none;}
.index-ponuda .cijene .button.kupi {display: none;}
.index-ponuda h3 { font-size: 14px;line-height: 18px;}
.index-ponuda {	margin-bottom:15px;}
#content.no-bg { background: transparent;padding: 0px;max-width: 100%;}
#content.no-bg h1 {max-height: 130px;background-image: none!important; background-color: transparent!important;color: white!important;border-bottom: 0px;font-size: 24px;margin: 0px 0px 0px 0px!important;padding: 10px!important;}
#main.main-list { margin-top: 10px;}
.cijene .column { font-size: 8px;}
.cijene .column.usteda {padding: 10px 9px;border: 1px solid #ed1c24;}
.cijene .column.usteda strong {font-size: 14px;}
.cijene .column strong { font-size: 15px;}
.cijene .column.puna-cijena strong { text-decoration: line-through;color: #888;}
.cijene .column.dodatno { padding-right: 5px; }
.widget .prikaz-ponuda .dl_novo, .widget .prikaz-ponuda .dl_novo, .widget .prikaz-ponuda .golddeal { right: auto;left: -9px;top: -8px;}
.master-lista { right: auto;left: -6px;top: -6px;}
.mobile-offer-top { display: block;}
#ponuda .nacini-placanja img { width: auto;}
#ponuda .nacini-placanja, .client_info { text-align: center;padding: 20px 0px;}
#ponuda #detalji .sidebar { border-radius: 0px 0px 10px 10px;}
body.checkout #header {height: 55px; padding-top:0px;}
.normalform.register label, .normalform.register li, .normalform.register .text, .normalform.creditcard li, .normalform label, .normalform.creditcard label, .normalform.creditcard select.text, .normalform.creditcard .text {  margin-left: 0px;width: 100%;}
.normalform.creditcard select.vrijedi-do { width: 49%;}
.subcategory, .cj-search { padding: 20px;border-radius: 3px;background: #fff;}
#BaPopUp { width: 90%;}
#BaPopUp img{ width: 100%;}
#NewsletterPopUp { width: 90%;}
#NewsletterPopUp .bg_popup { display: none;}
#NewsletterPopUp h2, #NewsletterPopUp h1 { width: auto;font-size: 20px;line-height: 24px;padding-bottom: 10px;}
#NewsletterPopUp input, #NewsletterPopUp .jqSubmit { width: 100%;height: auto}
#DealSuggestion .column { height: auto;padding: 8px 5px;font-size: 9px;}
#DealSuggestion img { float: left;max-width: 40%;height: auto;padding-right: 10px; }
#DealSuggestion h3 { float: left;font-size: 14px;line-height:16px;height: auto;max-width: 60%;clear: none;}
#DealSuggestion { margin: 5px;}
#DealSuggestion .cijene { display: block;padding: 0px 0px 10px 0px;}
#DealSuggestion .button.kupi { display: none;}
.jqmWindow { left: 5%;margin-left: 0px;top: 5%; }
.jqmWindow.newsletterGDPR{
    width: 90%;
    height: 90%;
    top:5%;
    margin-left: 0;
    padding: 15px;   
}
.jqmWindow.newsletterGDPR .button{    
    margin-bottom: 10px;
    float: none; 
}


.jqmWindow.newsletterGDPR .gdpr-text{
    height: calc(100% - 320px);
    max-height: 300px;
    padding: 10px;   
}

.popup_cookie { height: auto;padding: 15px;line-height: 18px;}
#ponuda #ukratko .inner { position: relative;}
.widget .prikaz-ponuda .cijene .column.dodatno.nl { position: absolute;z-index: 200;border: 1px solid #78c511;background: #78c511;left: 10px;margin-right: 15px;top: 110px;}
.mobile-banner-top, .mob { display: block;}
body.login #header { height: 55px;padding-top: 0px; }
.normalform.two-column .new { position: relative;margin: 5px 0px 20px 0px;border: 1px solid #eee;border-radius: 5px;float: left;padding: 15px;width: 100%;background-color: #eee;}
.ui-notify { width: 80%;left: 10%;margin-left: 0px;}
.ui-tabs .ui-tabs-nav li, .normalform.creditcard .tabnav li { float: left;width: 100%;display: block;padding: 0px;}
ol.tabnav li a {border-radius: 5px; border-bottom: 1px solid #ddd!important;margin: 5px 0px;top: 0px;}
ol.tabnav { border-bottom: 0px;}
.ui-tabs .ui-tabs-nav {padding: 0px;margin-top: 10px;}
#main { margin-top: 20px;}
table.checkout tbody .ponuda { padding-left: 0px!important;}
.normalform.register.friend input.text { width: 100%;margin: 10px 0px;}
table.checkout label { width: 100%;margin-bottom: 5px;}
#checkVoucherCode {width: 32%}
table.checkout input.text { width:65%;margin-right: 3%;margin-bottom: 10px;}
#content, .content { padding: 15px;}
.checkout-rekapitulacija .ponuda-opis .image  { width: 20%;margin-right: 5%;}
.checkout-rekapitulacija .ponuda-opis h3  {width: 75%; }
.widget .text .credit-cards img { width: 100%;}
.osiguraj-page #sidebar { margin-top: 38px;}
.osiguraj-page #sidebar a { display: block!important;}
.app #content { width: 100%;background-position: -210px center;}
.app #content .button_android { margin: 470px auto 0px auto;}
.app #content .button_iphone {margin: 0px auto 0px auto;}
.app #content .social { display: none;}
.subscribe_to #content img { display: none;}
.subscribe_to #content,.subscribe_to #content .why { width: 100%;}
.subscribe_to #content .why li { margin: 10px 10px;}
.subscribe_to #content form.signup {margin: 20px 0px 20px 20px;}
.subscribe_to #content h1 em b { font-size: 50px;}   
.subscribe_to #content h1 em { font-size: 36px;line-height: 44px;}  
.subscribe_to #content .disclaimer_bottom { width: 100%;margin: 0px;padding: 10px;}   
.subscribe_to #content h1 { padding: 30px 20px;font-size: 26px;line-height: 26px;} 
.kuponi thead, .kuponi .datum, .kuponi .valuta   { display: none;}  
.kuponi .datum.uplatnica { display: table-cell;} 
table.kuponi .reserved .ponuda { width: auto;}                   
.kuponi .akcija { width: 61px;}
body.coupon_print .email_send { float: left;width: 100%;padding: 0px;border-left: 0px;}
.prikaz-kupona .kupon .logo { width: 100%;text-align: center;margin-bottom: 20px;}
.prikaz-kupona .button.medium.low, .prikaz-kupona .button.medium { margin: 10px 0px;}
body.firm .normalform.two-column li, body.firm .normalform.two-column li.fullsize, .normalform.two-column .text { margin-left: 0px; width: 100%}
#ponuda #besplatni-telefon { padding: 10px;}
#ponuda #besplatni-telefon .broj{width: 100%;padding-left: 0px; text-align: center;}
#ponuda #besplatni-telefon .tekst{width: 100%;padding-left: 0px; text-align: center;}
#sidebar .widget > li.newsletter  { display: none;}
.mobile-banner.one, .mobile-banner.two, .mobile-banner.three { display: block;width: 100%;}
.mobile-banner.one { margin-bottom: 10px;}
#ponuda #detalji .sidebar .nacini-placanja, #ponuda #detalji .sidebar .ducan{ display: none;}
#ponuda #detalji .vrijeme { background-color: #fff;}
#ponuda .napomene { padding: 0px;}
#ponuda .napomene li {padding: 10px 20px 10px 45px; background: url(../images/art/icons/checkmark.png) no-repeat 15px 12px; margin-left: 0px;}
.ukupno { width: 70%;}
#footer { margin: 0px;}
#back-to-top-button { bottom: 70px;}
.widget .prikaz-ponuda .cijene .column.dodatno.os { margin-right: 0px;}
.offer-remarks.closed { display: none;}
.offer-remarks.opened { display: block;}
#ponuda #besplatni-telefon .tekst br { display: none;}
#ponuda #besplatni-telefon .tekst  {font-size: 9px;}
.osiguraj-side a { background: #354f67 url(../images/osiguraj_logo_side.png) left 7px no-repeat;background-size: auto 25px;text-align: right;padding: 15px 10px 15px 10px;}

#ponuda #broj-prodanih span.over { line-height: normal;}
#ponuda #broj-prodanih a.dontmiss:link, #ponuda #broj-prodanih a.dontmiss:visited, #ponuda #broj-prodanih a.dontmiss:hover, #ponuda #broj-prodanih a.dontmiss:active {background:#78c511;width: 100%;margin: 10px 0px;text-align: center;padding: 10px 0px;}
.widget.proposed .prikaz-ponuda li { padding: 10px;border: 1px solid #eee;}
.widget.proposed h2 { margin-left: 0px;}
.widget.proposed .prikaz-ponuda img { margin: 0px;margin-bottom: 10px;margin-right:10px;max-width: 40%;height: auto; }
.widget.proposed .prikaz-ponuda h3 { display: block;float: left;max-width: 60%;padding: 0px;overflow: hidden;}
#DealSuggestion .column.dodatno.nl { position: static;}
.checkout-placanje div.kupi .button.kupi { width: 100%;}
table.kuponi .reserved .ponuda h3 { width: auto;}
#lbCenter, #lbBottomContainer, #lbCenter, #lbBottomContainer { max-width: 370px;max-height: 253px;margin-left: -175px!important;left: 50% !important; }
#lbImage { max-width: 350px;max-height: 233px;background-size: cover;}
.normalform span.total { float: none; width: 100%;}
.checkout-placanje .kupi p.final-price-book {width: 100%; text-align:center; display: block; padding-left: 0px; font-size: 20px;}
.master-akcija, .zaba-top { padding: 3% 37% 3% 5%;}
.master-akcija-lista {padding: 5% 30% 4% 5%;background-size: 80px auto;background-position: center right 3%;}
.master-blue {font-size: 12px;}
.osiguraj-page a{ display: block;float: left;}
.osiguraj-page #content,.main-list .osiguraj-page #content { background: #eee;height: auto;}
.osiguraj-page #side { margin-left: 0px;border-radius: 0px;border-bottom: 1px solid #ccc;height: auto;padding-bottom: 120px;}
.osiguraj-page-bottom #sidebar iframe{ display: none;}
.osiguraj-page #content{ border-radius: 10px 10px 0px 0px;}
.main-list .osiguraj-page #content{ border-radius: 10px 10px 0px 0px;}
.osiguraj-page #side, .main-list .osiguraj-page #side { border-radius: 0px;}
.cj-search input, .cj-search select, .cj-search .serach-input, .cj-search #tagId, .cj-search .mini_button { width: 100%;display: block;flex-basis: 100%;max-width: 100%;}
#filter-no-deals {border-radius: 3px;}
#sidebar .harmonika li ul li a:hover{ padding-left: 40px; }
.load-more span, .load-more span:active, .load-more span:visited, .load-more span:focus { background-color: #e05d1f;}
.load-more span:hover { background-color: #BB440C;}

.gdpr-top { margin: -15px -15px 25px -15px;background-size: 150px auto;}
.gdpr-text { height: 220px;}
.gdpr-pofile {margin: 50px -15px 0px -15px;}
body.login .normalform.two-column label { width: 290px;}
.checkout-palyment h3 span{ float: none;margin: 10px 0px 0px 0px;}
.checkout-palyment h3 span img{ max-width: 100%;}
.checkout-coupon .checkout-rekapitulacija .ponuda-opis h3, .checkout-palyment h3 {font-size: 14px;line-height: normal;}
.checkout-coupon .button.kupi {width: 100%; margin-top: 20px;}
.checkout-coupon .total {width: 100%; text-align: center; font-size: 20px; display: block;}
.checkout-placanje div.kupi {display: block;}
.checkout-palyment-bottom .buy-button{display: block;}
.final-price-book {padding: 20px 0px!important;display: block;}
.cards-wrap-ck span {display: block;float: none!important;}
.checkout-placanje div.kupi { margin-top: 15px;}
.card-number-chechout { display: block;margin-top: 5px;}
.card-number-chechout i{ float: left;margin-left: 0px;margin-right: 5px;}
.checkout-palyment .checkout-palyment-bottom { margin-top: 15px;}

}

@media (max-width: 414px)
{
.mr-xs-15 {margin-right: 15px;}
#MobileFloatingBanner {opacity: 1;width: 100%;height: auto;bottom: 0px;position: fixed;box-shadow: 0px 0px 5px #333;z-index: 208;}
#MobileFloatingBanner img { width: 100%; height: auto;}
.cards-wrap-ck { font-size: 11px;padding: 5px;}   
.card-save-check { margin-right: 3px;}
.ultra-last-minute {
    display: block;
    position: absolute;
    width: 120px;
    height: 33px;
    background-image: url(/Content/images/ultra-last-minute.svg);
    background-repeat: no-repeat;
    bottom: 15px;
    background-size: 100% auto;
} 
.zivot 
{   
    bottom:120px;    
    width: 150px;   
    height: 35px;       
}
.bozic-badge 
{
    position: absolute;
    top:0px;
    right: 10px;
    width: 80px;    
    height:80px;
    z-index: 3;       
}

.mjere-badge 
{
    position: absolute;
    top:13px;
    right: 0px;
    width: 60px;    
    height:60px;
    z-index: 3;       
}

.proposal-list 
{
    padding: 0px!important;   
}

.proposal-list h1
{
    padding: 0px!important;
    margin: 0px!important;
    padding-bottom: 20px!important;
    padding-top: 20px!important;
}

.proposal-list .widget .prikaz-ponuda .cijene .button.kupi {
     display: flex !important;
    width: auto !important;
    margin: 0px 0px 0px auto!important;
    
}






}

@media (max-width: 375px){

.widget .prikaz-ponuda .cijene .column.dodatno.nl { top: 90px;}

}

@media (max-width: 320px)
{
    
    .zivot 
{   
    bottom:90px;    
    width: 150px;   
    height: 35px;       
}

.master-details-ukras {width:80px;height: 80px;bottom: 0px;}

.master-akcija { background-position: right 20px bottom 10px;}
.cijene .column.cijena strong{ font-size: 14px;}
.cijene .column.cijena{font-size: 8px;}
#ponuda h1 { font-size: 20px;line-height: 24px; }
.cijene .column {padding: 10px 5px;margin-right: 4px;}
.cijene .column.usteda {padding: 10px 7px;}
#ponuda #detalji .opis { font-size: 16px;line-height: 20px;}
.galerija { width: 55px;height: 55px; }
.galerija div img{ max-width: 48px;max-height: 48px; }
.cijene .column strong { font-size: 13px;}
#bg-img { background-size: auto 140px; height: 140px}
.bots-voucher img{height: 140px;}
body.homepage #main { margin-top: 130px;}
.mobile_menu a { padding: 0px 10px;}
#checkVoucherCode {width: 40%}
table.checkout input.text { width:58%;margin-right: 2%;margin-bottom: 10px;}
#back-to-top-button { bottom: 60px;}
.widget .prikaz-ponuda .cijene { padding: 0px 10px;}
.widget .prikaz-ponuda h3 { padding: 10px;}
.widget .prikaz-ponuda .cijene .column.dodatno.nl { margin-right: 10px;}
.osiguraj-side a { background: #354f67 url(../images/osiguraj_logo_side.png) left 10px no-repeat;background-size: auto 20px;}
#ponuda #detalji .vrijeme strong {display: block;}
#ponuda #besplatni-telefon .tekst { font-size: 10px;}
.widget .prikaz-ponuda .cijene .column.dodatno.nl { top: 70px;}
.subscribe_to #content h1 { font-size: 24px;}
.subscribe_to #content h1 em {font-size: 34px;}
.subscribe_to #content h1 em b {font-size: 48px;}
.jqmWindow {top: 2%; }
#DealSuggestion .column strong { font-size: 11px;}
#DealSuggestion .column { padding: 5px 3px;}
#lbCenter, #lbBottomContainer, #lbCenter, #lbBottomContainer { max-width: 320px;max-height: 220px;margin-left: -150px!important;left: 50% !important; }
#lbImage { max-width: 300px;max-height: 200px;background-size: cover;}
.cards-wrap-ck { font-size: 9px;padding: 5px;}  
.logged .button.small { font-size: 11px;}  
}