@charset "utf-8";

/*-------------------------------------------------------
	KROJAČ | CSS
---------------------------------------------------------

Developed by: Krojač web dizajn (www.krojac.com)
Client:				
Date: December, 2011
Copyright (C) 2003-2011 Krojač. All rights reserved.

---------------------------------------------------------
	CONTENT
---------------------------------------------------------
1.	RESET
2.	GENERAL STYLES		
3.	MAIN SECTIONS	
4.	HOLDERS				
5.	MENUS				
6.	PRODUCTS			
7.	PAGINATION			
8.	GALLERIES
9.	TABLES						
10.FORMS
11.CMS RULES
12.SPECIFIC STYLES	
13.DEBUGGING SNIPPET	
14.WEB SAFE FONT STACKS
	
/--------------------------------------------------------
	=RESET
--------------------------------------------------------*/
/* 
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
	
blockquote, q {
	quotes:"" "";
	}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}	
	caption, th, td {
		text-align:left;
		font-weight:normal;
		float:none !important;
		}
	table, th, td {vertical-align:middle}
	
body {
	line-height: 1;
	background-color:#FFF;
	}

ol, ul, li {list-style: none}

a img {
	border:none;
	padding: 0;
	margin: 0;
	/*float:left;*/
}

input {vertical-align: middle}
strong {font-weight:bold}
em {font-style:italic}	
		
/*-------------------------------------------------------
	=GENERAL STYLES
--------------------------------------------------------*/

/*@font-face {
    font-family: 'Oswald';
    src: url('../fonts/oswald-webfont.eot');
    src: url('../fonts/oswald-webfont.eot?iefix') format('eot'),
         url('../fonts/oswald-webfont.woff') format('woff'),
         url('../fonts/oswald-webfont.ttf') format('truetype'),
         url('../fonts/oswald-webfont.svg#webfont0EfxgKkg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

::selection {
	color: white;
	background-color: #77C439;
	}
	::-moz-selection {
	color: white;
	background-color: #77C439;
	}

body { 
	height:100%; margin:0 0 1px;	/* Always show vertical scroll bar */
	color:#333;
	font:12px/1.4 Arial, Helvetica, sans-serif;
	background: #FFF url(../images/svetbaterija_background.jpg);
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
	}
	
p { margin-bottom:10px }

a {
	text-decoration:none;
	color: #FFF;
    }
    a:hover, a h1:hover {
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	}
	h1 {
	background-color: #77C439;
    color: #FFF;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-transform: uppercase;	
		}
	h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;	
		}	
	h3 {}
	h4 {}
	h5 {}
	h6 {}
	
/*-------------------------------------------------------
	=CUSTOM SECTIONS
--------------------------------------------------------*/

.item img{
    width: 150px;
    height: auto;
}

.logo-slider .item{
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 130px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:99;
  height: 600px;
  width: 800px;
}

.popup h2 {
    margin-top: 0;
    color: white;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em;
    background-image: linear-gradient(to bottom, #77c439, #6bbb31, #5fb229, #53aa20, #47a117);
    padding: 4px;
    border-radius: 4px;
    letter-spacing: 1px;
}
.popup .close {
    position: absolute;
    top: 10px;
    right: 27px;
    transition: all 200ms;
    font-size: 36px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
  color: red;
}
.popup .content {
  overflow: auto;
  padding-top: 5px;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.btn-ggl {
	border: none;
	font-family: 'Arial';
	font-size: 1em;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 50px;
	display: inline-block;
	margin: 0 auto;
	margin-left: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2.3;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 10px;
	height:28px;
	width: 110px;
}

.btn-ggl:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Icon separator */
.btn-ggl-sep {
	padding: 5px 10px 5px 50px;
	text-align: justify;
	
}

.btn-ggl-sep:before {
	background-color: #313131;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* Button 2 */
.btn-ggl-2 {
	background: #666666;
	color: #fff;
}

.btn-ggl-2:hover {
	background: red;
}

.btn-ggl-2:active {
	background: #c50000;
}

.btn-ggl-2:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 40px;
}

.icon-ggl:before {
  content: "";
  background-image: url(../images/google-maps-icon.png);
  background-size: 36px;
  background-position: 1px 1px;
  background-repeat: no-repeat;
}


.invisible{
  visibility: hidden;
}
.btn-call {
	border: none;
	font-family: 'Arial';
	font-size: 1em;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 50px;
	display: inline-block;
	margin: 0 auto;
	margin-left: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 2;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 10px;
	height:28px;
	width: 110px;
}

.btn-call:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Icon separator */
.btn-sep {
	padding: 5px 10px 5px 50px;
	text-align: justify;
	
}

.btn-sep:before {
	background-color: #53aa20;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* Button 2 */
.btn-2 {
	background: #666666;
	color: #fff;
}

.btn-2:hover {
	background: #32870d;
}

.btn-2:active {
	background: #26740a;
}

.btn-2:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 40px;
}

.icon-call:before {
  content: "";
  background-image: url(../images/phone-icon.png);
  background-size: 25px;
  background-position: 8px 6px;
  background-repeat: no-repeat;
}
.icon-mobile-call:before {
  content: "";
  background-image: url(../images/mobile-button-icon.png);
  background-size: 25px;
  background-position: 8px 6px;
  background-repeat: no-repeat;
}
@media only screen and (max-width : 640px){
  .btn-call{
    margin: 5px 30px;
  }
  .btn-sep{
    padding: 5px;
  }
  .icon-call:before{
    display:none;
  }
  .icon-mobile-call:before{
    display:none;
  }
}

#topButton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  background-color: #77C439;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
  border: 3px solid #4DA51B;
}

#topButton:hover {
  background-color: #4DA51B;
  border: 3px solid #77C439;
  box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 1200px) {
#kursna-lista{
  visibility: hidden;
  }
  #topButton{
  visibility: hidden;
  }
}

/*-------------------------------------------------------
	=SLIDER SECTIONS
--------------------------------------------------------*/

/* Slider */
#slider{
  width:100%;
  height:380px;
  position:relative;
  overflow:hidden;
  padding-bottom: 10px;
}
@keyframes load{
  from{left:-100%;}
  to{left:0;}
}
.slides{
  width:400%;
  height:100%;
  position:relative;
  -webkit-animation:slide 30s infinite;
  -moz-animation:slide 30s infinite;
  animation:slide 30s infinite;
}
.slider{
  width:25%;
  height:100%;
  float:left;
  position:relative;
  z-index:1;
  overflow:hidden;
}
.slide{
  width:100%;
  height:100%;
}
.slide img{
  width:100%;
  height:100%;
}
.image{
  width:100%;
  height:100%;
}
.image img{
  width:100%;
  height:auto;
}

/* Legend */
.legend{
  border:500px solid transparent;
  border-left:800px solid rgba(52, 73, 94, .7);
  border-bottom:0;
  position:absolute;
  bottom:0;
}

/* Contents */
.content{
  width:100%;
  height:100%;
  position:absolute;
  overflow:hidden;
}
.content-txt{
  width:400px;
  height:150px;
  float:left;
  position:relative;
  top:170px;
  -webkit-animation:content-s 7.5s infinite;
  -moz-animation:content-s 7.5s infinite;
  animation:content-s 7.5s infinite;
}
.content-txt h1{
    font-family: Arial;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    text-align: left;
    margin-left: 30px;
    padding-bottom: 10px;
    background-color: #77c439c9;
    border: 2px solid #fff;
    border-radius: 10px;
}
.content-txt h2{
  font-family:arial;
  font-weight:normal;
  font-size:14px;
  font-style:italic;
  color:#fff;
  text-align:left;
  margin-left:30px;
}

/* Switch */
.switch{
  width: 120px;
  height: 10px;
  position: absolute;
  bottom: 30px;
  z-index: 1;
  right: 10px;
}
.switch > ul{
  list-style:none;
}
.switch > ul > li{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;
  float:left;
  margin-right:5px;
  cursor:pointer;
}
.switch ul{
  overflow:hidden;
}
.on{
  width:100%;
  height:100%;
  border-radius:50%;
  background:#5BB125;
  position:relative;
  -webkit-animation:on 30s infinite;
  -moz-animation:on 30s infinite;
  animation:on 30s infinite;
}

/* Animation */
@-webkit-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@-moz-keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}
@keyframes slide{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:-100%;
  }
  46%{
    margin-left:-100%;
  }
  50%{
    margin-left:-200%;
  }
  71%{
    margin-left:-200%;
  }
  75%{
    margin-left:-300%;
  }
  96%{
    margin-left:-300%;
  }
}

@-webkit-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@-moz-keyframes content-s{
  0%{left:-420px;}
  10%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}
@keyframes content-s{
  0%{left:-420px;}
  10%{left:20px;}
  15%{left:0px;}
  30%{left:0px;}
  40%{left:0px;}
  50%{left:0px;}
  60%{left:0px;}
  70%{left:0;}
  80%{left:-420px;}
  90%{left:-420px;}
  100%{left:-420px;}
}

@-webkit-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@-moz-keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}

@keyframes on{
  0%,100%{
    margin-left:0%;
  }
  21%{
    margin-left:0%;
  }
  25%{
    margin-left:15px;
  }
  46%{
    margin-left:15px;
  }
  50%{
    margin-left:30px;
  }
  71%{
    margin-left:30px;
  }
  75%{
    margin-left:45px;
  }
  96%{
    margin-left:45px;
  }
}


/*-------------------------------------------------------
	=MAIN SECTIONS
--------------------------------------------------------*/

#container,
header,
#content,
aside,
footer,
#footer_prim,
#footer_sec {
	position:relative;
	width:100%;
	overflow:hidden;
	}

#container {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
    /* margin-top: 10px; */
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    /* padding-top: 10px; */
}

.container {
    width: 980px;
    overflow: hidden;
    float: none;
}

#content {
    float: left;
    width: 556px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
}
#content ol, #content ul {
    overflow: hidden;
    padding-left: 20px;
    position: relative;
}	
#content li {
    /*list-style: decimal outside none;*/
    list-style: disc inside none;
}	
	
/* HEADER */
header {
    width: 980px;
    background-color: rgba(0,0,0, 0.60);
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    /*z-index:2;*/
}
#login-header {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 415px;
    color: #D2D2D2;
}
	#login-header h2 {
	margin-bottom:20px;
		}
	#login-header form {
	overflow:hidden;	
		}
	#login-header label {
	float:left;
	position:relative;	
		}
	#login-header input {
	float:left;
	position:relative;
	padding-left:3px;
	width:147px;
		}
	#login-header .submit {
	position:absolute;
	bottom:0px;
	right:0px;	
	/*padding-top:5px;*/
	width:105px !important;
	/*line-height:1;*/
	text-align:center;
	text-transform: uppercase;
	font-weight: 700;
		}
		#login-header #search-label {
    float: left;
    position: relative;
    width: 75px;
    line-height: 1.7;
    color: #fff;
    text-transform: uppercase;
    background-color: red;
    padding-left: 3px;
    height: 22px;
    font-weight: bolder;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
			}
		#login-header #search {
		float:left;
		position:relative;
		width:235px;
		margin-right:5px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		height: 22px;
			}
		
	.split {
		width:150px;
		float:left;
		margin-right:5px;
			}			

/* ASIDE */

aside#sidebar_prim {
    width: 204px;
    float: left;
    margin-right: 5px;
    /* margin-top: 5px; */
    /* padding: 5px; */
    background-color: #eee;
    transition: all .5s ease-in-out;
    box-shadow: 0 0 3px rgb(0 0 0 / 50%);
    font-size: 15px;
    letter-spacing: -0.1px;
    /* border-radius: 9px; */
}
aside#sidebar_prim span {
    padding: 5px 10px;
    text-transform: uppercase;
    display: block;
    /* margin-bottom: 5px; */
    color: #FFF;
    font-weight: bold;
    font-size: 15px;
    /* border-radius: 5px; */
    background-image: linear-gradient(to bottom, #77c439, #6bbb31, #5fb229, #53aa20, #47a117);
}

	aside#sidebar_prim li{
    border-bottom: 1px solid #ccc;
	}

	aside#sidebar_prim ul{
    margin-bottom: -3px;
	}


	aside#sidebar_prim li a {
    display: block;
    padding: 7px 7px;
    color: #333;
    border-left: 0 solid #dedede;
    text-decoration: none;
    background-color: transparent;
	}

	aside#sidebar_prim li a:hover{
    display: block;
    padding: 7px 7px;
    color: #333;
    border-left: 0 solid #dedede;
    text-decoration: none;
    background-color:#dedede;
	}

aside#sidebar_sec {
    width: 180px;
    float: left;
    text-shadow: 1px 1px 1px #666;
    margin-bottom: 5px;
    padding: 5px;
}
	aside#sidebar_sec p {
	color:#FFF;
	font-size:12px;	
		}
	aside#sidebar_sec h2 {
	color:#D2FDAB;
	font-size:16px;
	font-weight:bold;
		}
		aside#sidebar_sec h2 span {
	color:#D2FDAB;
	font-size:12px !important;	
		}	
	aside#sidebar_sec ul {
	background-color:#5BB125;
	border-radius:15px;
		}
	aside#sidebar_sec li {
	background: #5cb126; /* Old browsers */
	background: -moz-linear-gradient(top,  #5cb126 0%, #1a6704 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cb126), color-stop(100%,#1a6704)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5cb126 0%,#1a6704 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5cb126 0%,#1a6704 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5cb126 0%,#1a6704 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5cb126 0%,#1a6704 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb126', endColorstr='#1a6704',GradientType=0 ); /* IE6-9 */
	padding:5px 8px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
		}
	aside#sidebar_sec hr {
	width:100%;
	background: url(../images/drop-shadow-aside.png) left center no-repeat;
	height:10px;
	margin:0px;	
		}
aside#sidebar_sec form {
	background-color:#5BB125;
	padding:5px 8px;
	position:relative;
	color:#FFF;
	overflow:hidden;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	}				

/* FOOTER */	
footer {
    background-image: linear-gradient(to bottom, #77c439, #6bbb31, #5fb229, #53aa20, #47a117);
    height: 100%;
    padding: 10px 0px 0px 0px;
    text-align: center;
    color: #FFF;
    border-top: 5px solid #479A1B;
}
	footer a {
	text-decoration:none;	
		}
		footer a:hover {
		text-decoration:underline;	
			}
#footer_prim,
#footer_sec {
	width:45%;
	float:left;
	}
	#footer_sec {
	float: right;
	text-align:right;
	}

/*-------------------------------------------------------
	=SECTIONS
--------------------------------------------------------*/

/* Categories */
section#categories {
	overflow:hidden;
	margin-bottom:5px;
	}
	section#categories article.article-banner {
	border:none;
	min-height:0px;
	margin-bottom:0px;
	margin-right:5px;
	}	
	section#categories article {
    position: relative;
    float: left;
    width: 178px;
    min-height: 150px;
    text-align: center;
    border: 2px solid #77C439;
    margin-right: 3px!important;
    margin-bottom: 3px;
    border-radius: 10px;
		}
	section#categories article:hover {
	border:2px solid #409C12;
		}
		section#categories h1 {
	text-transform:uppercase;
	margin-bottom:10px;
	background-color: transparent;
	color:#333;	
	font-size:11px;
		}
			section#categories h1:hover {
			color:#3F9D13;	
				}
		section#categories article:hover {
		color:#3F9D13;
		cursor:pointer;
			}

/* How to buy */
section#how_to_buy {
	position:relative;
	float:left;
	width:554px; /*340px*/
	border:1px solid #CCC;
	overflow:hidden;
	border-radius:15px;
	}
	section#how_to_buy h1 {
	text-transform:uppercase;
	padding:10px;
	background-color:red;	
	color:#FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
		}
	section#how_to_buy article {
	border-bottom:1px dotted #CCC;	
	margin-bottom:0px;
	/*width:94%;*/
	float:left;
	padding:0px 10px;
		}
		section#how_to_buy article h2 {
		font-size:16px;
		text-transform:uppercase;
		line-height:2;	
		top:10px;
		position:relative;
		color:#68BD45;
			}
		section#how_to_buy article h2 span {
		font-size:60px;
		color:#C6DD7D;
		line-height:1;
		display:block;
		float:left;
		width:auto;
		top:-10px;
		position:relative;
		margin-right:10px;
			}
		section#how_to_buy article p {
		width:100%;
		float:left;	
			}	

/* Foto mark */	
section#foto-mark {
	position:relative;
	overflow:hidden;
	}
section#foto-mark ul {
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
	padding:0px !important;
	}
section#foto-mark ul li {
	position:relative;
	float:left;
	border: 1px solid #CCC;
	margin-right:9px;
	margin-bottom:3px;
	list-style:none;
	}
	.starteri_kapacitet li {
	color: #333333;
    font-size: 18px;
    height: 50px;
    line-height: 2.5;
    text-align: center;
    width: 177px;
	background-color:#f9f9f9;	
	list-style:none;
		}	
		.starteri_kapacitet li:hover {
		background-color:#fff;		
			}

section#foto-mark form {
	position:relative;
	overflow:hidden;
	}
	section#foto-mark form .holder_separator {
	position:relative;
	margin-bottom:10px;
	}
	section#foto-mark form label {
	width:210px;
	float:left;	
	margin-right:5px;
	text-align:right;
		}
		section#foto-mark form select {
		width:61%;	
		text-align:center;
			}
		
	section#foto-mark form input {
	width:256px;
	float:left;
	padding:3px 5px;	
	margin-right:5px;
		}	
	section#foto-mark form .submit {
	width:70px;
	float:left;
	height:20px;
	margin-right:0px;
	padding-right:20px;	
		}

/* Products */	
section#products {
	position:relative;
	overflow:hidden;
	}
section#products article {
	border:1px solid #ccc;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	border-radius:15px;
	
	}
	section#products article h1 {
	background:none;
	padding:5px 0px;
	color:#32870D;	
		}
	section#products article .left {
	padding:5px;
	width:380px;	
		}
		section#products article .left span a {
			color:#32870D;
			position:relative;
			bottom:0px;
			font-weight:bold;
			}
	section#products article .left ul {
	margin-bottom:10px;	
	padding:0px;
	width: 260px;
		}
		section#products article .left ul li {
		list-style:none;	
			} 	
	section#products article .right {
	background-color:#D7EAC8;
	padding:5px;
	min-height:179px;/*min-height:134px;	*/
	text-align:right;
	width:153px;
	border-left:1px solid #CCC;
	position:relative;
	border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
		}
		.korpa {
		background:#196704 url(../images/cart-bg.png) 98px center no-repeat;
		padding-right:44px;
		color:#FFF;
		height:26px;
		border-radius: 5px;
			}
			.korpa:hover {
			opacity:0.8;	
				}
		body#akcija_page .korpa {
		background-color:#A10303;	
			}					
.view-cart{
    background-color: red;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    width: 100%;
    border: 2px solid white;
    padding: 8px;
    border-radius: 5px;
    font-weight: bolder;
}	
.view-cart a{
    text-decoration: none;
}
section#products img {
	border:1px solid #CCC;
	width:100px;
	height:100px;
	float:left;
	margin-right:5px;
	border-radius: 10px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
	}
	
/* Product Detail */	
section#product-detail {
	position:relative;
	overflow:hidden;
	}
section#product-detail article {
	border:1px solid #ccc;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	border-radius:10px;
	}
	section#product-detail article h1 {
	background:none;
	padding:5px 0px;
	color:#32870D;
	line-height: 20px;
		}
	section#product-detail article .top {
	padding:5px;
	overflow:hidden;
		}
		section#product-detail article h2 {
		font-size:14px;
		margin-bottom:10px;	
			}
		section#product-detail article .top ul {
		position:relative;
		/****float:left;*/
		margin-left:10px;
		padding:0px;
		margin-bottom:10px;	
        
			}	
		section#product-detail article .top li {
		list-style:inside;
		/*margin-bottom:5px;*/
		margin: 0 0 5px 1em;
		padding: 0;
		text-indent: -1em;
			} 
			/*section#product-detail article .top li span {
				font-weight:bold;
				margin-left:5px;
				}*/
		section#product-detail article .top span a {
			color:#32870D;
			position:absolute;
			bottom:8px;
			font-weight:bold;
			}
		section#product-detail article .top iframe, #content iframe {
		width:530px;	
			}	
			
			
	section#product-detail .right, section#product-detail .left {
	background-color:#D7EAC8;
	padding:5px;
	min-height:110px;	
	text-align:right;
	width:153px;
	border:1px solid #CCC;
	position:relative;
	border-radius:10px;
		}
		section#product-detail .left {
		text-align:left;
		width:373px;	
		height:auto;
		min-height:auto;
		margin-bottom:5px;
		font-size:1rem;
			}
		section#product-detail .right form {
		position:absolute;
		bottom:5px;
		right:5px;
		width:153px;
		background:none;
		padding:0px;	
			}
		section#product-detail .right label {
		text-align:right;	
		width:124px;
		float:left;
		color:#333;
		font-weight:normal;
			}
		.korpa {
		background:#196704 url(../images/cart-bg.png) 98px center no-repeat;
		color:#FFF;
		height:26px;
		padding:4px 78px 4px 4px;
		pointer-events: auto;
			}
			.korpa:hover {
			opacity:0.8;	
				}			
			
section#product-detail img {
	border:1px solid #CCC;
	width:200px;
	height:200px;
	float:left;
	margin-right:5px;
	border-radius:10px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}	

/* Registration */
section#registracija input {
width:320px;
margin-bottom:10px;	
padding-left:5px;
	}
section#registracija .submit {
	width:126px;
	}	
	section#registracija fieldset {
	padding-bottom:0px;
	margin-top:10px;	
	padding-top:10px;
		}
	input#number {
	height:20px;
	width:100px !important;	
		}	

/* Kontakt Page */
body#kontakt_page #content a {
	color:#999;
	}	

/* Basket */
.basket-steps {
	position:relative;
	overflow:hidden;
	padding-bottom:30px;
	padding-left:0px !important;
	}
	.basket-steps li {
	position:relative;
	float:left;
	margin-right:10px;
	text-align:center;
	padding:5px;
	width:168px;
	background-color:#77C439;
	color:#FFF;	
	list-style:none !important;
		}
body#basket_page1 li#kolicina, body#basket_page2 li#unos, body#basket_page3 li#potvrda {
	background-color:#21870D;
	}		
body#basket_page1 li#kolicina span, body#basket_page2 li#unos span, body#basket_page3 li#potvrda span {
	background:url(../images/basket_page_bg.png) top left no-repeat;
	height:16px;
	width:30px;
	position:absolute;
	top:26px;
	right:70px;
	}
body#basket_page1 .submit, body#basket_page2 .submit, body#basket_page3 .submit {
	float:right;
    min-height: 18px;
	width:143px; /*width:160px;*/
	}	
#potvrda {
	margin-right:0px;
	}

#payment_options {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	}	
	
#bsk {
	background-color:#5BB125;
	padding:5px 8px;
	overflow:hidden;
	margin-bottom: 10px;
	}			

section#basket {
	position:relative;
	overflow:hidden;
	}
section#basket article {
	border:1px solid #ccc;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
	}
	section#basket article h1 {
	background:none;
	padding:5px 0px;
	color:#32870D;	
		}
	section#basket article .left {
	padding:5px;
	width:380px;	
		}
		section#basket article .left span a {
			color:#32870D;
			position:relative;
			bottom:0px;
			font-weight:bold;
			}
	section#basket article .left ul {
	margin-bottom:10px;	
		}		
	section#basket article .right {
	background-color:#D7EAC8;
	padding:5px;
	min-height:179px;	
	text-align:right;
	width:153px;
	border-left:1px solid #CCC;
	position:relative;
		}
		section#basket article .right select {
		margin-bottom:7px;
		border:none;
		padding:3px;	
			}
			
section#basket img {
	border:1px solid #CCC;
	width:100px;
	height:100px;
	float:left;
	margin-right:5px;	
	}
	.add-basket {
	position:relative;
	float:right;
	width:100%;
	color:#333 !important;	
	text-align:right;
	margin-bottom:10px;
		}	
		.add-basket a {
		color:#333;	
			}
			
/* Pitanja i Odgovori */
.odgovori {
	padding:10px;
	background-color:#ebebeb;
	}
	.odgovori p {
	margin:0px;	
		}
		
.line_separator {
	height: 1px;
	background-color:#f1f1f1;
	width:100%;
	margin:10px 0px;
	}		
	
/*-------------------------------------------------------
	=HOLDERS
--------------------------------------------------------*/
.holder_content,
.holder_line,
.holder_separator,
.holder_bg_color {
	position:relative;
	float:left;
	width:100%;
	}
.holder_content {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    float: none;
    z-index:1;
}
	.holder_line,
	.holder_separator {
		margin-bottom:10px;
		}
	.holder_line {
		border-bottom:1px solid #DDD;
		padding-bottom:20px;
		}
	.holder_bg_color {
		background-color:#DDD;
		}
		.holder_bg_color * {
			padding:20px !important;
			}
		
/*-------------------------------------------------------
	=MENUS
--------------------------------------------------------*/
/* Main navigation */
nav {
    background-color: #353535;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #4da51b;
	}
	nav li {
	position:relative;
	float:left;
	padding:5px;
	padding-left:6.6px;
	width:130px;
	text-align:center;
	height:27px;
	line-height:2;
		}
    nav li:hover{
    background-color:#4da51b;
	}
		nav li a {
		font-size:14px;
		font-weight: bold;
		text-transform:uppercase;	
		color:#FFFFFF;
			}
			nav li a:hover {}
			
			
/* Sticky */			
.sticky {
  position: fixed;
  top: 0;
  width: 980px;
}

.sticky + .containter {
  padding-top: 60px;
}

/* Subnavigation */
#nav_sub {}
	#nav_sub li {}
		#nav_sub li a {}
			#nav_sub li a:hover {}

/* Active page mark */
body#home a#nav_home {
	background-color:#333;
	color:#FFF;
}

	
/*-------------------------------------------------------
	=PAGINATION
--------------------------------------------------------*/

#pagination {
	position:relative;
	width:100%;
	overflow:hidden;
	margin-top:5px;
	padding-top:5px;
	border-top:1px dotted #ccc;
	}
	
#pagination_skip,
#pagination_controls {
	position: relative;
	float: left;
	width:60%;
	font-size: 12px;
	}
	#pagination_controls {float: right;text-align:right;}

a.pagination_link {
	color: #fff;
	font-size:15px;
	text-decoration: none;
	padding:4px 5px;
	line-height: 2em;
	background-color:#70BF35;
	border-radius:4px;
	font-weight:600;
	}
	a.pagination_link:hover{
	color: #fff;
	background-color: #26740A;
	}

.pagination_active {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background-color: #26740A;
    /* border: 1px solid #CCC; */
    padding: 4px 6px;
    border-radius: 4px
	}

/*-------------------------------------------------------
	=GALLERIES
--------------------------------------------------------*/

.photo {
	position:relative;
	float:left;
	}
	.photo:hover {
		opacity:0.8;
		}

/*-------------------------------------------------------
	=TABLES
--------------------------------------------------------*/
table {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 1em;
    }
	
table caption {
	margin: 0;
	padding: 0 0 1.5em 0;
	font-weight: bold;
	}
	
th {
	font-weight: bold;
	text-align: left;
    }
	
td {font-size: 1em}

/*-------------------------------------------------------
	=FORMS
--------------------------------------------------------*/
#search_form {}
#newsletter_form {}
#contact_form {}
#register_form {}

fieldset {
	padding:0 1.4em 1.4em;
	border:1px solid #DDD;
	}
	
legend {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	margin-right:5px;
	}
	
label {
	font-weight: bold;
	display:block;
	}
input {
	background-color:#E1E1E1;
	outline:none;
	border:none;
	width:100%;
	padding:3px 0px;
	margin:0px;
	}	
	
.submit {
    background-image: url(../images/submit-button-arrow.png);
    color: #FFF;
    padding: 3px 20px 3px 3px;
    background-repeat: no-repeat;
    background-position: 82px;
    background-size: 18px;
    background-color: #5BB125;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	}
	.submit:hover {
	    background-color: #45A015;	
		}

.textbox,
.textbox_error,
textarea {
    color: #666;
	}
	#form_error {
	color:#F60;
	display:none;
	}
	
.textbox:focus,
.textbox_error:focus,
textarea:focus {
	border-color:#C0DBE2;
	color:#333;
}
	
textarea,
.textarea_error {
	overflow:auto;
	width:100%;
	height:100px;
	background-color:#E1E1E1;
	color:#333;
	border:none;
	outline:none;
	padding:3px 0px;
	}
	
.submit_form {}	
	
.required {
	color:red;
	font-size:inherit;
	font-weight:bold;
	position:relative;
	top:10px;
}
	
/* Form notifications */
.error,
.alert,
.notice,
.success,
.info {
	padding:0.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
	}
	.error,
	.alert {
		background:#fbe3e4;
		color:#8a1f11;
		border-color:#fbc2c4;
		}
	.notice {
		background:#fff6bf;
		color:#514721;
		border-color:#ffd324;
		}
	.success {
		background:#e6efc2;
		color:#264409;
		border-color:#c6d880;
		}
	.info {
		background:#d5edf8;
		color:#205791;
		border-color:#92cae4;
		}

#txtMailError,
#txtPassError,
#newsLetterEr {
    display:none;
    color:red;
    position:relative;
    left:20px;
    top: -5px;
    }
    #txtPassError {left:20px}
    #contact_form #txtMailError {left:20px}

#error {
    position: relative;
    color:#FFF;
    border:none;
    display:block;
	color:red;
    }
	
.checkbox {
	heigh:14px;
	width:14px !important;
	margin-bottom:0px;
	}	
	section#registracija .checkbox {
	top:3px;
	position:relative;	
		}
	

.mreza-slicice {
	position:relative;
	overflow:hidden;
	margin-left:10px;
	}	
.mreza-slicice li {
	position:relative;
	float:left;
	margin-right:5px;
	}
	.mreza-slicice .photo {
	margin-bottom:5px;	
		}
	
/*------------------------------------------------------
	=CMS RULES
------------------------------------------------------*/
p a,
p span,
li a,
li span,
li a span,
li li,
li p,
a span,
a font,
span font  {font-size:inherit !important}
li a {color:#333;}

p a {
	color:inherit !important;
	font-size:inherit !important;
	text-decoration:underline !important;
	}
	p a:hover{text-decoration:none !important}
	
/*-------------------------------------------------------
	=SPECIFIC STYLES
--------------------------------------------------------*/
#logo {
	position:relative;
	height:200px;
	padding:0px;
	background:none;
	margin-left:25px;
}
	
#logo img:hover{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
	
#contact_info {}
#language_menu {}

/* Pointer cursor for clickable elements */
a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button  {
	cursor: pointer;
}
	
.clearing {
	position:relative;
	clear:both !important;
	height:0;
	width:100%;
	display:block;
}

.hidden {
	display:none !important;
}	

hr {
	border:none;
	background-color:#DDD;
	color:#DDD;
	height:1px;
	width:100%;
}

p.dropcaps:first-letter { /* DropCaps */
    font-size: 340%;
    margin: 8px 5px 0 0;
    float: left;
    font-weight: bold;
    width: 1em;
}

.left {float:left !important}
.right {float:right !important}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration  {
    -webkit-appearance: none;
}

/*-------------------------------------------------------
	=DEBUGGING SNIPPET
--------------------------------------------------------*/
/*
* { outline: 2px dotted red}
* * { outline: 2px dotted green}
* * * { outline: 2px dotted orange}
* * * * { outline: 2px dotted blue}
* * * * * { outline: 1px solid red}
* * * * * * { outline: 1px solid green}
* * * * * * * { outline: 1px solid orange}
* * * * * * * * { outline: 1px solid blue}
*/

/*------------------------------------------------------
	=WEB SAFE FONT STACKS
--------------------------------------------------------
P - paragraph
T - title, heading

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t
Baskerville, "Times New Roman", Times, serif - p
Baskerville, Times, "Times New Roman", serif - t
Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t
Consolas, "Lucida Console", Monaco, monospace - p, t
"Copperplate Light", "Copperplate Gothic Light", serif - p, t
"Courier New", Courier, monospace - p, t
"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t
Futura, "Century Gothic", AppleGothic, sans-serif - p, t
Garamond, "Hoefler Text", Times New Roman, Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t
Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t
Georgia, Palatino," Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t
"Gill Sans", Calibri, "Trebuchet MS", sans-serif - p
"Gill Sans", "Trebuchet MS", Calibri, sans-serif - t
"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t
Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t
"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t
Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t
Times, "Times New Roman", Georgia, serif - p, t
"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif - p
"Trebuchet MS", Tahoma, Arial, sans-serif - t
Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t
*/