body 
{
    background-color:#D3A263;
    margin:0;
    padding:0;
    font-family:Sans-Serif;
    
}

#site
{
    width:1150px;
    margin:0 auto;
    display:block;
    
    }
#topLine
{
    width:1145px;
    height:18px;
    background-color:#DFDFDF;
    display:block;
    margin:0;
    padding:0 5px 0 0;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
    color:#D3A263;
    text-align:right;    
    }

#topHead
{
    width:1150px;
    height:135px;
    background-color:White;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    
    }
    
#logoEmber
{
    width:356px;
    height:107px;
    display:block;
    float:left;
    margin:10px 0 0 10px;
   
    }
#logoEmber a img
{
    border:none;
}

#telBlok
{
    width:228px;
    height:48px;
    display:block;
    float:left;
    margin:55px 0 0 93px;
    padding:16px 0 0 0;
    background-image:url("../images/telefon.png");
    background-position:left center;
    background-repeat:no-repeat;
    font-size:23px;
    color:#D3A263;
    text-align:right;
    
    
    
    }

.mailBlok
{
    width:395px;
    height:49px;
    display:block;
    float:left;
    margin:55px 0 0 33px;
    padding:16px 0 0 0;
    /*background-image:url("../images/mail.png");
    background-position:left center;
    background-repeat:no-repeat;*/
    font-size:21px;
    color:#D3A263;
    text-align:right;
    text-decoration:none;
    border:none;
       
    
    }

.mailBlok img
{
    border:none;
    float:left;
    margin:-16px 0 0 0;
    
    }
.mailBlok:hover img
{
    -webkit-filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.5));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='0' dy='0' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')";
    text-shadow: 0px 0px 3px rgba(100%,100%,100%,0.8);
   
   
   
   
    }
.mailBlok:hover
{
    
    color:#DFDFDF;
    
    }

#navigacija
{
    width:1150px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    height:50px;
    background-color:#A13032;
    display:block;
    
    }

.linkHome
{
    width:50px;
    height:50px;
    background-image:url("../images/home.png");
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    float:left;
       -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
    
    }
.linkHome:hover
{    
    /*opacity:0.6;
    filter:alpha(opacity=60); */
    cursor:pointer;
    background-color:#C88788;
}

.linkOstali
{
    margin:0 0 0 15px;
    padding:20px 20px 10px 20px;
    float:left;
    display:block;
    font-size:16px;
    color:#FFF;
    font-weight:bold;
    border:none;
    text-decoration:none;
    
    
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
    
    
    }
.linkOstali:hover
{
    
 background-color:#C88788;
 }
.linkOstaliAktivan
{
    margin:0 0 0 15px;
    padding:20px 20px 10px 20px;
    float:left;
    display:block;
    font-size:16px;
    background-color:#C88788;
    color:#202020;
    font-weight:bold;
    border:none;
    text-decoration:none;
    
    
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
    
    
    }
.kosaricaDesno
{
    width:125px;
    height:28px;
    display:block;
    border:solid 1px #FFF;
    float:right;
    background-color:#DD3737;
    background-image:url("../images/kosarica.jpg");
    background-position:left center;
    background-repeat:no-repeat;
    color:#FFF;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-align:right;
    padding:12px 8px 0 0;
    margin:4px 5px 0 0;
    
        -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
    
    }
.kosaricaDesno:hover
{
    opacity:0.6;
    filter:alpha(opacity=60);
}

    
#mid
{
    width:1150px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    background-color:#FFF;
    display:block;
    
    }
    
 

#navLeft
{
    width:275px;
    display:block;
    margin:10px 0 0 10px;
    padding:0;
    float:left;
      
    
    }

.navHeader
{
    width:200px;
    height:25px;
    clear:both;
    float:left;
    margin:0;
    padding:8px 70px 0 0;
    display:block;
    background-color:#A13032;
    background-image:url("../images/buletHead.png");
    background-repeat:no-repeat;
    background-position:left center;
    color:#FFF;
    font-size:15px;
    font-weight:bold;
    text-align:right;
    }
    
.leftNav
{
    clear:both;
    float:left;
    width:253px;
    height:28px;
    background-color:#F7F7F7;
    border:solid 1px #BABABA;
    margin:9px 0 0 0;
    padding:9px 0 0 15px;
    background-image:url(../images/strelica.png);
    background-repeat:no-repeat;
    background-position:center center;
    color:#404040;
    font-size:15px;
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
    
    }

.leftNav:hover
{
     width:249px;
     background-image:url(../images/strelicaHov.png);
    background-repeat:no-repeat;
    background-position:center center;   
    padding:9px 0 0 19px;
    color:#D3A263;
}

.leftNavAktiv
{
    clear:both;
    float:left;
    width:249px;
    height:28px;
    background-color:#F7F7F7;
    border:solid 1px #BABABA;
    margin:10px 0 0 0;
    background-image:url(../images/strelicaHov.png);
    background-repeat:no-repeat;
    background-position:center center;   
    padding:12px 0 0 19px;
    color:#D3A263;
    font-size:15px;
    font-weight:bold;
    text-align:left;
    text-decoration:none;
    
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
       
    
}




#right
{
    width:850px;
    float:right;
    margin:10px 8px 0 0;
    display:block;
    
    
    }

#animaFront
{
    width:848px;
    height:464px;
    clear:both;
    float:left;
    display:block;
    margin:0;
    padding:0;
    border:solid 1px #A13032;
    
    }
.natpisHorizontalni
{
    width:1113px;
    display:block;
    clear:both;
    float:left;
    margin:15px 0 15px 12px;
    padding:0 0 7px 15px;
    border-bottom:solid 1px #C7C7C7;
    font-size:16px;
    color:#404040;
    font-weight:bold;
    
    }
.natpisUnutrasnji
{
    width:835px;
    display:block;
    clear:both;
    float:left;
    margin:15px 0 15px 0px;
    padding:0 0 7px 15px;
    border-bottom:solid 1px #C7C7C7;
    font-size:16px;
    color:#404040;
    font-weight:bold;
    
    }
.natpisUnutrasnji a
{
 text-decoration:none;
 color:#A03032;
    
}

.natpisUnutrasnji a:hover
{
 
 color:#404040;
    
}

.izdvojeniBlokPocetna
{
    width:1120px;
    clear:both;
    float:left;
    margin:0px 0 0 25px;
    padding:0;
    
    
    
    }
.leftIzdvojeno
 {
    width:270px;
    display:block;
    padding:0;
    margin:15px 0 15px 0;
    clear:both;
    float:left;
      
    
    }
.natpisIzdvojenoMaster
{
    width:270px;
    clear:both;
    float:left;
    margin:0 0 10px 0;
    padding:0 0 7px 15px;
    border-bottom:solid 1px #C7C7C7;
    font-size:16px;
    color:#404040;
    font-weight:bold;
    }
.unutrasnjiProizvodiBlok
{
     width:840px;
    display:block;
    clear:both;
    float:left;
    margin:0 0 15px 0px;
    padding:0 0 0 10px;
    
    }    
    
  
.proizvodBlokIzdvojeno
{
     width:250px;
    display:block;
    float:left;
    margin:0 0 0 15px;
    padding:0;
    
    }
.proizvodBlok
{
     width:250px;
    display:block;
    float:left;
    margin:10px 30px 10px 0px;
    padding:0;
    
    }

.slikaProizvoda
{
    width:240px;
    height:240px;
    display:block;
    float:left;
    clear:both;
    margin:0 0 5px 0;
    padding:0;
    
    }


.slikaRandomPhoto, .slikaRandomPhoto img
{
    width:240px;
    height:240px; 
    display:block;
   
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;  
    }
    .slikaRandomPhoto a img
{
     border:solid 1px #A13032;
    }
.slikaRandomPhoto:hover, .slikaRandomPhoto:hover img
{
       opacity:0.5;
    filter:alpha(opacity=60); 
    color:#D3A263;
}
.natpisPhotoBack
{
    width:235px;
    height:30px;
    z-index:15;
    margin-top:-33px;
    margin-left:1px;
    background-color:#000;
    opacity:0.5;
    filter:alpha(opacity=60); 
    font-size:17px;
    color:#FFF;
    text-decoration:none;
    padding:5px 0 0 5px;
    font-weight:bold;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
          text-transform:uppercase;
    
    }
.natpisPhotoBack:hover
{
  cursor:pointer;
  color:#D3A263; 
  
    }



/*GROW*/
.grow img {
  height: 240px;
  width: 240px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 300px;
  height: 300px;
  cursor:pointer;
  margin-top:-60px;
  margin-left:-30px;
    opacity:0.6;
    filter:alpha(opacity=60);

  
}
.pic a img
{
    border:none;
    }

.pic  {
  border: 1px solid #A73C3E; 
  float: left;
  height: 240px;
  width: 240px;
  margin: 0px;
  overflow: hidden;

}
.opisProizvoda
{
    width:240px;
    clear:both;
    float:left;
    display:block;
    margin:10px 0 0px 0;
    padding:0;
    height:90px;
   
        
    
    }
.cijena
{
    color:#A03032;
    font-size: 16px;
    
    
    }
.nazivProizvoda
{
    clear:both;
    float:left;
    margin:5px 0 0 0;
    padding:0;
    text-decoration:none;
    color:#3F3F3F;
    font-size:15px;
     -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
    }
.nazivProizvoda:hover
{
    color:#A03032;
}    

.proizvodNav
{
    width:240px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
       
    }

.opsirnije
{
    width:65px;
    float:left;
    display:block;
    background-image:url("../images/detaljiBack.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#3F3F3F;
    font-size:12px;
    border-bottom:solid 1px #3F3F3F;
    padding:0 0 3px 0;
    text-decoration:none;
    margin-top:0;
    margin-bottom:10px;
    -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  /* ...and now for the proper property */
  transition:.1s;
    
    }

.opsirnije:hover
{
    background-image:url("../images/detaljiBackHov.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#A03032;
    border-bottom:solid 1px #A03032; 
    
}

.uKosaricu
{
    width:65px;
    float:right;
    display:block;
    background-image:url("../images/kupi.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#A03032;
    font-size:12px;
    border-bottom:solid 1px #A03032;
    padding:0 0 3px 0;
    text-decoration:none;
    margin-top:0;
    margin-bottom:10px;
    -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  /* ...and now for the proper property */
  transition:.1s;
    
    }
.uKosaricu:hover
{
    background-image:url("../images/kupiHov.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#3F3F3F;
    border-bottom:solid 1px #3F3F3F; 
}


.pocetniBlokNovosti
{
    width:1120px;
    clear:both;
    float:left;
    margin:0px 0 0 25px;
    padding:0;
        
    }
    
.novostBlok
{
    width:350px;
    float:left;
    margin:0 20px 0 15px;
    display:block;
    color:#3F3F3F;
     
    
    }
.novostBlokZ
{
    width:350px;
    float:left;
    margin:0 0px 0 10px;
    display:block;
    color:#3F3F3F;
     
    
    }
.datumNovosti
{
    font-style:italic;
    font-size:12px;
   
       }
.naslovNovosti
{
    color:#3F3F3F;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
     -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
   
       }
.naslovNovosti:hover
{
 color:#A13032;   
}


.opisNovosti
{
    font-size:12px;
   
       }

.slikaNovosti
{
    float:right;
    display:block;
    width:140px;
    height:100px;
    margin:0 0 15px 15px;
    padding:0;
    
    
    }
.slikaNovosti img
{
    border:solid 1px #D3A263;
      -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    }

.slikaNovosti img:hover
{
         opacity:0.6;
    filter:alpha(opacity=60);
    border:solid 1px #3F3F3F;
    
}


.detalji
{
    width:65px;
    float:left;
    clear:both;
    display:block;
    background-image:url("../images/detaljiBack.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#3F3F3F;
    font-size:12px;
    border-bottom:solid 1px #3F3F3F;
    padding:0 0 3px 0;
    text-decoration:none;
    margin-top:5px;
    margin-bottom:10px;
    -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  /* ...and now for the proper property */
  transition:.1s;
    
    }

.detalji:hover
{
    background-image:url("../images/detaljiBackHov.png");
    background-repeat:no-repeat;
    background-position:right center;
    color:#A03032;
    border-bottom:solid 1px #A03032; 
    
}


    
#bottom
{
    width:1150px;
    clear:both;
    float:left;
    margin:0;
    padding:0 0 15px 0;
    background-color:#202020;
    display:block;
    
    }
    
 .leftBottom, .midBottom
 {
    width:350px;
    float:left;
    margin:20px 20px 0 15px;
    display:block;
    color:#FFF;
     
    
    }
.rightBottom
{
    width:350px;
    float:left;
    margin:20px 0px 0 0px;
    display:block;
    color:#FFF;
     
    
    }
.natpisBottom
{
    clear:both;
    float:left;
    margin:0 0 15px 0;
    font-size:16;
    color:#FFF;
    font-weight:bold;
    border-bottom:solid 1px #FFF;
    padding:0 0 5px 0;
    
    }
 .bottomTekst
 {
     clear:both;
     float:left;
     margin:0;
     padding:0;
     display:block;
     width:350px;
     font-size:16px;
     font-weight:bold;
     line-height:175%;
     }
     
     
     
      
/* Animacije */
.theme-default #slider {
    margin:0px auto 0 auto;
    width:848px; /* Make sure your images are the same size */
    height:464px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}


.theme-default .nivoSlider {
	position:relative;
	background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url("../images/bullets.png") no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url("../images/arrows.png") no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/**/




#newsSlider {
  position: relative;
  overflow: hidden;
  margin: 0;
  clear:both;
  float:left;
  display:block;
  width:1125px;
  
}

#newsSlider ul {
  position: relative;
  margin: 0;
  padding: 0;
width:1125px;
display:block;
clear:both;
float:left;
  list-style: none;
}

#newsSlider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 350px;
  
 
}

a.prev, a.next {
  
  z-index: 999;
  display: block;
  padding: 0;
  margin:0 5px 0 5px;
  width: 40px;
  height: 25px;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
  text-align:center;
  float:right;
}

a.prev:hover, a.next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.prev {
  border-radius: 0 2px 2px 0;
}

a.next {
  right: 0;
  border-radius: 2px 0 0 2px;
}




.carousel 
{ 
    position:relative; 
    min-height: 20px; 
    height:auto !important; 
    background:url(../images/loader.gif) center center no-repeat; 
  }
  
/*.carousel .next,
.carousel .prev { display:none; width:56px; height:56px; position:absolute; bottom:20px; left:50%; margin-top:-28px; z-index:9999; cursor:pointer; }
.carousel .prev { margin-left:-60px; background:url(images/prev.png) 0 0 no-repeat;  }
.carousel .next { margin-right:-60px;  background:url(images/next.png) 0 0 no-repeat; }
*/
.carousel ul
{
    width:1120px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    }
.carousel ul li{
     width:250px;
    display:block;
    float:left;
    margin:10px 30px 10px 0px;
    padding:0;
    
    }




.blokSLikeDetalji
{
    
    width:240px;
    float:left;
    margin:0 15px 15px 0;
    padding:0;
    border:solid 40px #EFEFEF;
    
    }
.blokSLikeDetalji a img
{
    margin:0;
    padding:0;
    border:solid 1px #A13032;
    
    }
.sadrzajProizvoda
{
    width:830px;
    display:block;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    color:#202020;
    
    }
.nazivProizvodaDetalji
{
    font-size:16px;
    font-weight:bold;
    color:#D3A263;
    margin:0 0 10px 0;
    padding:0;
    
    }

.cijenaProizvodaDetalji
{
    font-size:16px;
    font-weight:bold;
    color:#A13032;
    margin:0 0 10px 0;
    padding:0;
    
    }
.kupiProizvod
{
    width:60px;
    height:34px;
    display:block;
    background-image:url("../images/kupi.jpg");
    background-repeat:no-repeat;
    border:solid 1px #D3A263;
    color:#FFF;
    font-size:18px;
    float:left;
    padding:10px 0 0 61px;
    text-decoration:none;
    font-weight:bold;
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
    
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);

 -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
    
}

.kupiProizvod:hover
{
     
filter: none; /* IE6-9 */
    
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);

    
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);

 -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
}
  
.unutrasnjiNovostiBlok
{
     width:825px;
    display:block;
    clear:both;
    float:left;
    margin:0 0 15px 0px;
    padding:0 0 0 10px;
    
    }    
.novost
{
    width:825px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    display:block;
    margin:0 0 15px 0;
    border-bottom:solid 1px #DFDFDF;
    padding:0 0 15px 0;
    
    }
.naslovOpisDetaljiNovosti
{
    width:825px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    display:block;
    margin:0 0 5px 0;
    padding:0;
    font-size:14px;
    color:#202020; 
    }
.naslovOpisDetaljiNovosti a
{
     text-decoration:none;
    font-size:14px;
    color:#D3A263;
    margin:10px 0 0 0;
    -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
    
}

.naslovOpisDetaljiNovosti a:hover
{
     background-color:#C88788;
    color:#202020;
}
.datum_novosti
{
    width:200px;
    display:block;
    float:left;
    clear:both;
    margin:0 0 5px 0;
    padding:0;
    font-size:12px;
    color:#202020;
    
    
    }
.naslovOpisNovosti
{
     width:650px;
    display:block;
    float:left;
    clear:both;
    margin:0 0 15px 0;
    padding:0;
    font-size:14px;
    color:#202020;
    
    }
 .naslovOpisNovosti a
{
    text-decoration:none;
    font-size:15px;
    color:#D3A263;
    margin:10px 0 0 0;
    -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    
}
 .naslovOpisNovosti a:hover
{
    background-color:#C88788;
    color:#202020;
}


.kontaktStranica
{
     width:840px;
    display:block;
    clear:both;
    float:left;
    margin:0 0 15px 0px;
    padding:0 0 0 10px;
    font-size:15px;
    color:#404040;
    
    }  

.kontaktStranica a
{
          text-decoration:none;
    font-size:14px;
    color:#D3A263;
    margin:10px 0 0 0;
    -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
}
.kontaktStranica a:hover
{


 background-color:#C88788;
    color:#202020;
}
.lijeviKontaktPodaci
{
    
    width:419px;
    float:left;
    margin:0;
    padding:0;
    display:block;
    
    
    
    }
.desniKontaktPodaci
{
     width:419px;
    float:right;
    margin:0;
    padding:0;
    display:block;
}
.mapa
{
    clear:both;
    float:left;
    width:840px;
    display:block;
    margin:15px 0 0 0;
    padding:0;
    
    }

.gumbPosalji
{
    width:250px;
    height:50px;
    background-color:#A13032;
    border:solid 1px #404040;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#D3A263;
    text-decoration:none;
     -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    }
 
.gumbPrijavaNewsletter
{
    width:80px;
    height:25px;
    background-color:#A13032;
    border:solid 1px #404040;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    color:#D3A263;
    text-decoration:none;
     -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    }
.gumbKosarice
{
    width:180px;
    height:40px;
    background-color:#A13032;
    border:solid 1px #404040;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#D3A263;
    text-decoration:none;
     -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
    }    
 .gumbPosalji:hover, .gumbPrijavaNewsletter:hover, .gumbKosarice:hover
{
    cursor:pointer;
    color:#FFF;
    background-color:#D3A263;
    
}


.photos .photo {
  width: 260px;
  margin: 8px;
  float: left;
}

.photos .photo img {
  display: block;
  width: 100%;
  border:solid 1px #999;
   -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
}
.photos .photo:hover img 
{
     opacity:0.6;
    filter:alpha(opacity=60);
    -moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
        box-shadow: 1px 1px 5px #000;
}




.blink_me {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    color:#FFF;
    margin:0;
    padding:0;
}

.pozicijaUkupno
{
    padding:0 0 0 60px;
    }

.gumbiKosarice
{
    width:100%;
    float:left;
    clear:both;
    text-align:right;
    display:block;
    margin:10px 0 10px 0;
    padding:0;
    
    }
.checkoutPanel1
{
    width:100%;
    clear:both;
    float:left;
    margin:10px 0 10px 0;
    padding:0;
    display:block;
    height:30px;
    background-color:#E0E0E0;
    color:#000;
    }
.checkoutPanel2
{
    width:100%;
    clear:both;
    float:left;
    margin:0px 0 10px 0;
    padding:0;
    display:block;
    color:#000;
    
   
}
    
    
  


@-moz-keyframes blinker 
{  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}