body {	
	font-family: 'PT Serif Caption', serif;
	font-size:14px;
	line-height:24px;
	color:#343434;
	min-width:1020px;
	background:url(../slike/bg-body.gif) #e6e4d7;
	text-transform:uppercase
}

html, body {
	height:100%;
}

html {
    overflow-y: scroll;
}


p {
	padding-bottom:18px;

}


a {
	color:#fff;
	text-decoration:none;
}
h1 {
	float:left;
	display:block;
	position:relative;
	z-index:10;
}

h1 a {
	display:block;
}

h2,h3,h4,h5,h6{
font-family: 'PT Serif Caption', serif;
font-weight:normal;
color:#343434} 
h3 {	
	font-size:35px;
	line-height:38px;	
	padding:33px 0 18px;
	text-shadow:0 1px 2px #c5c2a9;

	
}
h3 span {color:#D53827;
	display:block;
	margin-bottom:-9px;}
h3 strong{font-weight:normal;color:#d53827}	
h3 em{color:#999;
font-size:20px;
line-height:2px;
display:block;
font-style:normal}	
	
h4 {
	font-size:20px;
	line-height:28px;
	display:block;
	color:#d53827;}

h5 {
	color:#fff;
	font-size:15px;
	line-height:18px;
	padding:0 0 8px 0;
	font-weight:normal;
}
h6 {
	color:#2d2f38;
	font-size:20px;
	line-height:20px;
	padding:0 0 19px 0;
	font-weight:bold;
}

.padd-1{padding-top:11px}
.padd-2{padding-top:15px}
.inner-1{padding-right:35px}

.relative {
	position:relative
}



.sucelje {
	margin: 0 auto;
	position: relative;
	width: 960px;}

.overflow {overflow:hidden;}


/* Zaglavlje */


header {	
	padding:0;
	position: relative;
	z-index:99;
	background:url(../slike/tail-header.gif);
}

.linija_vrh{
	background:url(../slike/crvena.gif) repeat;
        height:30px;
}

.breadcrumb {
    color: #343434;
    font-size:12px;
}

.breadcrumb  a{
    color: #d53827;
}

.breadcrumb a:hover {
    color: #343434;
}
}

.vrh{padding:21px 0 14px}


/* Lijevo i desno poravnanje */

.fleft {
	float:left !important;
}
.fright {
	float:right !important;
}
.clear {
	clear:both;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}

/*----- ostalo -----*/
.img-indent {
	float:left;
	margin:1px 30px 0 0
}
.img-indent1 {	
	margin:4px 0 24px 0
}


/* mapa weba */
.mapa-web li  {
    list-style: inside;
    padding: 10px 0px 0 25px;
}

.mapa-web li > ul > li  {
    list-style: inside square;
    padding: 8px 0px 0 25px;
}

.mapa-web li > ul > li > ul > li {
    list-style: inside circle;
    padding: 5px 0px 0 25px;
}

.mapa-web li > ul > li > ul > li > ul > li{
    list-style: inside disc;
    padding: 0px 0px 0 25px;
}

.mapa-web li > ul > li > ul > li > ul > li > ul > li{
    list-style: none;
    padding: 0px 0px 0 25px;
}

.mapa-web a {
    color: #d53827 !important;
}

.mapa-web a:hover {
    color: #343434 !important;
}


/*===== menu =====*/
nav {
	padding:18px 0 0 0;
	float:right;
	display:block;
	z-index:99;
}

.navigacija, .navigacija * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.navigacija {
	position:relative;
}
.navigacija > li {
	margin-left:7px;
	float:left;
	position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius:4px;
	background:url(../slike/point.png)
}

.navigacija a {
	color:#343434;
    font-size:14px;
    line-height:20px;
	text-decoration:none;
}

.navigacija > li > a {
	display:block;
	padding:12px 14px;
}

.navigacija ul {
	position:		absolute;
	top:			-999em;
	width:			160px;
	display:none;
	background:url(../slike/bg-body.gif);
	padding:11px 14px 14px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    box-shadow:inset 0 1px 3px #c5c2a9;
	-moz-box-shadow: inset 0 1px 3px #c5c2a9;
	-webkit-box-shadow: inset 0 1px 3px #c5c2a9;

}
.navigacija > li.sfHover , .navigacija > li:hover, .navigacija li.active {
	background:url(../slike/tail-item.gif);
	   box-shadow:inset 0 1px 3px #c5c2a9;
	-moz-box-shadow: inset 0 1px 3px #c5c2a9;
	-webkit-box-shadow: inset 0 1px 3px #c5c2a9;
	
}

.navigacija > li.sfHover > a, .navigacija > li > a:hover, .navigacija li.active a {
	color:#d53827;

	
}


.navigacija li li.sfHover > a, .navigacija li li a:hover, .navigacija li li a.active {
	color:#d53827;
}
.navigacija li:hover ul, .navigacija li.sfHover ul {
	left:			0px;
	top:			47px; /* match top ul list item height */
	z-index:		99;
}
ul.navigacija li:hover li ul, ul.navigacija li.sfHover li ul {
	top:			-999em;
}
ul.navigacija li li:hover ul, ul.navigacija li li.sfHover ul {
	left:			256px; /* match ul width */
	top:			27px;
}
ul.navigacija li li:hover li ul, ul.navigacija li li.sfHover li ul {
	top:			-999em;
}
ul.navigacija li li li:hover ul, ul.navigacija li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0px;
}

.index-left {
    width:750px;
}

.index-left li {
    padding: 8px 0;
}

.logos {
    padding-bottom: 20px;
    list-style:none;
}

.logos li {
    padding-bottom: 8px;
    padding-top: 8px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*pagination*/


.pagination {
    align-content:center;
    text-align:center;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #d53827;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.inactive {
    border: none;
    background: #FFF;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}


/*===== sadrzaj =====*/

#sadrzaj {
	padding:0 0 44px;
	background:url(../slike/tail-cont.gif)
}

.horizontalna_linija{background:url(../slike/horizontalna_linija.gif) repeat-x 0  0;height:2px}
.horizontalna_linija.extra{margin-top:40px}
.horizontalna_linija.extra1{margin-top:24px}
.poruka{text-align:center;margin:0 auto;padding-bottom:15px;width:650px;}
.poruka h3{padding-bottom:12px}

.slicica figure{margin-bottom:18px}
.okvir_slike{
	padding:10px;
	background:#fff;
    border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	 box-shadow:0 0 3px #c5c2a9;
	-moz-box-shadow: 0 0 3px #c5c2a9;
	-webkit-box-shadow:0 0 3px #c5c2a9;
	display:inline-block
	}
.okvir_slike img{	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;}
	
.row-1{padding-bottom:40px}	
.quote-1{
font-style:italic;
position:relative;
padding-left:30px}	
.quote-1:before{
width:27px;
height:21px;
position:absolute;sadrzaj:"";
background:url(../slike/quote-part.png) no-repeat 0 0;
left:0;
top:0}
.name-author{
text-align:right;
color:#D53827;
font-style:italic}

.najtrazenije.news{padding-right:22px}
.najtrazenije a{
font-size:20px;
color:#d53827;
line-height:24px;
margin-bottom:2px;
display:inline-block}
.najtrazenije a:hover{color:#343434}

.proizvodi {
    margin: 0 auto !important;
    position: relative;
}

.panel{
width:220px;
float:left;
margin:20px 20px 0 -30px;
padding:0 10px 7px 40px;
background:#fff;
    border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	 box-shadow:0 0 3px #c5c2a9;
	-moz-box-shadow: 0 0 3px #c5c2a9;
	-webkit-box-shadow:0 0 3px #c5c2a9;
}

		
.list {padding:6px 0 23px}

.list li {
	background:url(../slike/marker-1.png) no-repeat 7px 10px;
	padding:0 0 0 20px;
	display:block;
	line-height:24px;
}
.list li a {
	display:inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color:#d53827;
}
.list li a:hover{color:#343434}


.privacy {
	width:750px;
	padding:0 0 0 0
}



/*----- linkovi -----*/
.link{color:#d53827}
.link:hover{text-decoration:none;
color:#343434}

/*----- gumbi -----*/

.box-contact input[type=submit] {
	display:inline-block;
	color:#fff  !important;
    width: 80px !important;
	padding:8px 16px;
	background:#db3222  !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    box-shadow:0 1px 2px #c5c2a9;
	-moz-box-shadow: 0 1px 2px #c5c2a9;
	-webkit-box-shadow:0 1px 2px #c5c2a9;
    float:left;
    margin-right:40px
}

.box-contact input[type=reset] {
	display:inline-block;
    width: 80px !important;
	color:#fff  !important;
	padding:8px 16px;
	background:#db3222  !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    box-shadow:0 1px 2px #c5c2a9;
	-moz-box-shadow: 0 1px 2px #c5c2a9;
	-webkit-box-shadow:0 1px 2px #c5c2a9;
    float:right !important;
    margin-right:40px
}

.box-contact input:hover {
	background:#2e2e2e !important;
}

/*----- forme -----*/

.box-contact{
	background:#fff;
    width:940px;
    margin:60px auto 0;
    padding:0 40px 51px;
    background:#fff;
    border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	 box-shadow:0 0 3px #c5c2a9;
	-moz-box-shadow: 0 0 3px #c5c2a9;
	-webkit-box-shadow:0 0 3px #c5c2a9;
}

.coll-1,.coll-2{float:left;width:450px;}
.coll-2{float:right}


.box-contact .gumb{margin-top:2px}
#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: 0;
  padding: 0;
}
#contact-form fieldset {
  border: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#contact-form label {
  min-height: 54px;
  position: relative;
  margin: 0;
  overflow: hidden;
  display: block;
  float: left;
  width: 100%;
}
#contact-form .message {
  min-height: 213px;
  display: block;
  width: 100%;
}
#contact-form input,
#contact-form textarea {
  font-family: 'PT Serif Caption', serif;
  padding: 4px 12px 5px;
  text-transform:uppercase;
  margin: 0;
  font-size:14px;
  display: block;
  line-height: 24px !important;
  color: #343434;
  background: #e8e7de;
  outline: none;
  width: 94%;
  border: 1px solid #d1cfbd;
  box-shadow: none;
  border-radius: 0px;
  float: left;
}

#contact-form textarea { 
  height: 184px;
  resize: none;
  overflow: auto;
}
#contact-form textarea:focus,
#contact-form input[type="text"]:focus {
  box-shadow: none;
  
}
#contact-form .area .error {
  float: none;
}
#contact-form .success {
    text-align:center;
    margin-bottom: 10px;
    background: #e8e7de;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    border: 1px solid #d1cfbd;
    padding: 10px;
}
#contact-form .error,
#contact-form .empty {
  color: #f00;
  font-size: 11px;
  line-height: 1.27em;
  #display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px;
  float: left;
}

#contact-form a{cursor:pointer}


.form-txt{padding-bottom:2px}
.gumbi {overflow:hidden;
padding-left:370px}
.gumbi a{float:left;margin-right:40px}
/*----- map -----*/
.map {
	float:left;
	margin:0
}
iframe {
	height: 182px;
	overflow: hidden;
	width: 630px;

}
/*----- adress -----*/

.box-address {
margin-right:30px;
padding-top:9px
}

.box-address .left {
    float:left;    
}

.box-address .right {
    float:right;
    text-align: left;
}

dl {padding-top:2px
}
dt {
	padding-bottom:5px;
}
dd {
	display:inline-block;
}
dl dd span {
	display: inline-block;
	width: 94px;
	}
.mail-1{
	color:#d53827;
	text-decoration:none;
	
}
.mail-1:hover{
	text-decoration:underline
}

/*===== footer =====*/

footer {
	position:relative;
	padding:31px 0 20px;
	background:url(../slike/tail-bg-footer.gif) repeat-x 0 0;
	
}

.policy {
	float:right;
	display:block;
	font-size:14px;
	color:#343434;
	line-height:16px;
	text-decoration:none;
	padding:8px 90px 0 0;
}

.policy a {
	color:#d53827;
	text-decoration:none;	
	
	
}
.policy a:hover {
	text-decoration:underline;
}

/*----- footer -----*/
.footer {float:left;	
	display:block;
	
}
.footer li {
	padding:0 10px;
	float:left;
}
.footer li a {
	display:block;
	opacity:1;
	background:url(../slike/bg-body.gif);
}
.footer li a:hover{opacity:0.7}

.red{
	color: #d53827;
	}
.crna{
	color: #000000;
	text-align:justify;
	}