@charset "utf-8";

*{

	margin:0 auto;

	padding:0;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	color:#808284;

	font-size:13px;

}

.clear{

	clear:both;

}

img a{

	border:0;

}





h4{

	color:#2e8694;

	text-transform:uppercase;

	display:block;

	width:100%;

}

h1{

	color:#FFF;

	text-transform:uppercase;

	font-size:16px;

}

h2{

	padding:10px 0px 10px 10px;

	text-transform:uppercase;

	font-size:26px;

	font-weight:200;

	

}

.box2 h2{

	padding:10px 0px 10px 10px;

	text-transform:uppercase;

	font-size:26px;

	font-weight:200;

	height:80px;

	

}

h3{

	color:#FFF;

	text-transform:uppercase;

	font-size:12px;

	text-align:center;

	line-height:18px;

	display:block;

	margin-bottom:20px;

}

.brc{

	background-color:#2e8694;



}



.bc{

	background-color:#c2b49a;

}

.bcl{

	background: #c2b49a url(../img/bela-lupa.png) no-repeat 220px;

}

.ljc{

	background-color:#8f6d9f;

}

.ljcl{

	background: #8f6d9f url(../img/bela-lupa.png) no-repeat 220px;

}

.nc{

	background-color:#f99f35;

}

.ncl{

	background: #f99f35 url(../img/bela-lupa.png) no-repeat 220px;

}

.pc{

	background-color:#66c0b8;

}

.rc{

	background-color:#c14574;

}

.sc{

	background-color:#a7a9ab;

}

.cc{

	background-color:#db5442;

}

.tc{

	background-color:#545F93;

}

.zc{

	background-color:#91AC64;

}

.header {

	width: 868px;

	height:130px;

	position:relative;



}

.header .logo {

	float: left;

	margin-top: 25px;

	width:205px;

	height:82px;

}

.header .logo img{



	border:0;



}

.header .search {

	width: 250px;

	margin-top: 15px;

	float: right;

	text-align: right;

}

.search p{

	font-size:10px;

}



.menu {

	height: 42px;

	border-bottom:#808284 thin dotted;

	border-top:#808284 thin dotted;

}

.menulist{

	width: 868px;

}

.menulist ul{

	list-style:none;

}

.menulist ul li{

	display:block;

	margin-right:30px;

	float:left;

	line-height:40px;

}

.menulist li a{

	text-decoration:none;

	text-transform:uppercase;

	color:#808284;

}



.menulist li a:hover{

	color:#2e8694;

}

.wrap {

	width: 868px;

}

.baner{

	height:337px;

	margin-top:20px;

	overflow:hidden;

}

.clearfix:before,

.clearfix:after {

    content:"";

    display:table;

}



.clearfix:after {

    clear:both;

}



.qmenuup{

	border-bottom:#808284 thin dotted;

	height:35px;

}

.qmenuup #qmenu li{

	position: relative;

	line-height:35px;



	

}

.qmenuup #qmenu li a{

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	margin-left:10px;



}

.qmenuup #nav li ul li a{

	color:#fff;

	margin-left:10px;



}

.qmenuup #nav li ul li a:hover{

	color:#2e8694;



}

#qmenu{



	width: 868px;

	margin-bottom:20px;





}

#qmenu ul{

	list-style:none;

}

#qmenu li{

	position: relative;

	line-height:35px;

	

	

}

#nav > li{

	float:left;

}

#nav ul{

	position: absolute;

	left: 0;

	min-width:110px;

	top: 100%;

	display: none;

	z-index:102;

	background-color:#c6c8ca;

}









#nav li:hover ul{

	width:auto;

	display:inline;

}

#nav li ul li{

	text-align: left;

	padding-right: 10px;



}

#nav li ul li a{

	color:#fff;



}





#qmenu li a{

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	margin-left:10px;



}

#qmenu li a:hover{

	color:#2e8694;

}

.pretraga {

	

	border-bottom:#808284 thin dotted;

	border-top:#808284 thin dotted;

	line-height:40px;

}



form#pretraga select {

	float:left;

	margin-right:10px;

	margin-top:10px;

}

form#pretraga .submit {

	float:left;

	margin-top:10px;

	margin-left:10px;

}

form#pretraga label {

	float:left;



}



form#pretraga input {

	float:left;

	margin-top:10px;

}



.npretraga {

	border-top:#808284 thin dotted;

	line-height:40px;

	min-height:40px;



}



.npretraga h4 a{

	color:#2e8694;

	text-transform:uppercase;

}

.top {

	height: 190px;

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom:#808284 thin dotted;

}

.top .box{

	width:252px;

	float:left;

	margin-right:56px;

}

.top .box img{

	border:0;

}

.title{

	line-height:35px;

	

}

.title a{

	text-decoration:none;

	text-transform:uppercase;

	color:#fff;

	margin-left:10px;

	display:block;

}

/*.title a:hover{

	color:#2e8694;

}*/

.footer{

	margin-top:20px;

	padding-top:220px;

	background-image:url(../img/grad.png);

	background-repeat:no-repeat;



}

.footer p{

	text-align:center;

	font-size:10px;

}

.footer a{

	font-size:10px;

	text-decoration:none;

	

}



.searchtitle{

	display:block;

	line-height:35px;

	padding:0px 10px;

	margin:40px 0 20px 0;

	float:left;

	

}

.sortiraj{

	display:block;

	line-height:35px;

	padding:0px 10px;

	margin:40px 0 20px 0;

	float:left;

}

.sortiraj a{

	text-decoration:none;

}

.sortiraj img{

	border: none;

}

.box2{

	width: 202px;

	height: 460px;

	float: left;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #e9eaea;

	border-bottom-color: #e9eaea;

	border-left-color: #e9eaea;

	margin-right:14px;

	-webkit-box-shadow: 0 2px 2px 2px #e9eaea;

	box-shadow: 0 2px 2px 1px #e9eaea;

	position:relative;

	margin-bottom:80px;

}

.mr{

	margin-right:0px;

}

.box21{

	width: 202px;



	float: left;

	position:relative;

	margin-bottom:10px;

	margin-right:20px;

}

.box21 .title{

	line-height:20px;

	

}



.novo, .snizeno3, .izdvajamo3, .ekskluzivno3, .novo31, .snizeno31, .izdvajamo31, .ekskluzivno31 {

	background-image:url(../img/novo.png);

	width:107px;

	height:67px;

	position:absolute;

	top:0;

	right:0;

}

.novo31{

	background-image:url(../img/lenteen/new.png);

	

}

.snizeno3{

	background-image:url(../img/snizeno1.png);

	

}

.snizeno31{

	background-image:url(../img/lenteen/reduced.png);

	

}

.izdvajamo3{

	background-image:url(../img/izdvajamo1.png);



}

.izdvajamo31{

	background-image:url(../img/lenteen/high.png);



}



.ekskluzivno3{

	background-image:url(../img/ekskluzivno1.png);



}

.ekskluzivno31{

	background-image:url(../img/lenteen/exclusive.png);



}

.novo2{

	background-image:url(../img/novo-velika.png);

	width:128px;

	height:29px;

	margin-bottom:10px;



}

.snizeno2{

	background-image:url(../img/snizeno-velika.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.izdvajamo2{

	background-image:url(../img/izdvajamo-velika.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.ekskluzivno2{

	background-image:url(../img/ekskluzivno-velika.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.novo21{

	background-image:url(../img/lenteen/new1.png);

	width:128px;

	height:29px;

	margin-bottom:10px;



}

.snizeno21{

	background-image:url(../img/lenteen/reduced1.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.izdvajamo21{

	background-image:url(../img/lenteen/high1.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.ekskluzivno21{

	background-image:url(../img/lenteen/exclusive1.png);

	width:128px;

	height:29px;

	margin-bottom:10px;





}

.novo1{

	background-image:url(../img/novo-mala.png);

	width:66px;

	height:15px;

	margin-bottom:5px;



}

.snizeno1{

	background-image:url(../img/snizeno-mala.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.izdvajamo1{

	background-image:url(../img/izdvajamo-mala.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.ekskluzivno1{

	background-image:url(../img/ekskluzivno-mala.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.novo11{

	background-image:url(../img/lenteen/new2.png);

	width:66px;

	height:15px;

	margin-bottom:5px;



}

.snizeno11{

	background-image:url(../img/lenteen/reduced2.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.izdvajamo11{

	background-image:url(../img/lenteen/high2.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.ekskluzivno11{

	background-image:url(../img/lenteen/exclusive2.png);

	width:66px;

	height:15px;

	margin-bottom:5px;





}

.lentav{

	position:absolute; 

	right:0; 

	top:10px; 

	width:128px;

}

.lentam{

	position:absolute; 

	right:0; 

	top:10px; 

	width:66px;

}



.sopis{

	margin-top:10px;

}

.titleo{

	font-size:10px;

	float:left;

	width:80px;

	padding:2px 0px 2px 5px;

	margin-bottom:5px;

}

.resulto{

	float:left;

	text-align:right;

	width:112px;

	padding:2px 5px 2px 0px;

	font-size:10px;

	background-color:#808284;

	color:#FFF;

	margin-bottom:5px;

}

.piktogrami{

	margin-top:10px;

	float:left;

	width:90px;

}



.piktogrami img{

	float:left;

	margin-right:3px;

	padding:2px;

}

.cenao{

	float:right;

	margin-top:11px;

	padding:2px;

	background-color:#6fc4ba;

	color:#FFF;

}

.saznaj0{

	width: 100px;

	height: 45px;

	position: absolute;

	top: 432px;

	left: 51px;

	

	text-align: center;

	padding-top: 15px;

	font-size: 14px;

}

.saznaj0 a{

	color: #FFF;

	text-transform: uppercase;

	text-decoration:none;

	display:block;

}

.box3{

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #e9eaea;

	border-bottom-color: #e9eaea;

	border-left-color: #e9eaea;

	margin-right:14px;

	-webkit-box-shadow: 0 2px 2px 2px #e9eaea;

	box-shadow: 0 2px 2px 1px #e9eaea;

	position:relative;

	margin-bottom:80px;

	padding-bottom:40px;

}

.box3 .box3l {

	width: 420px;

	float:left;

	position:relative;

}

.box3 .box3r{

	float:left;

	width:417px;

	margin-left:13px;



	

	

}

.wrap .box3 .box3r .box3rl {

	float: left;

	width: 202px;

	margin-left:6px;

}

.wrap .box3 .box3r .box3rr {

	float: right;

	width: 202px;



}

.detaljanopis {

	margin-top: 30px;

	min-height:100px;

	font-size:10px;

}

.detaljanopis p{

	font-size:10px;

}







/******************************************************************

Main CSS

******************************************************************/

div#main {

	width: 600px;

	position:absolute;

	top:65px;

	right:0px;

	z-index:160;

}

#main .lupa{

	position:absolute;

	right:-20px;;

	top:40px;

	background-image:url(../img/zelena-lupa.png);

	width:19px;

	height:19px;

}

#main input#search {

	width: 120px;

	height: 12px;

	padding: 5px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	outline: none;

	border: 1px solid #ababab;

	font-size: 12px;

	line-height: 12px;

	color: #ababab;

}

#main input#search:hover, input#search:focus {

	color: #3b3b3b;

	border: 1px solid #36a2d2;

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);

}

#main  h4#results-text {

	display: none;

}

#main ul#results {

	display: none;

	width: 130px;

	margin-top: 4px;

	border: 1px solid #ababab;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;

	-moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;

	box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;

	background-color: #FFF;

}

	



#main ul#results li {

	padding: 8px;

	cursor: pointer;

	background-color: #FFF;

	border-top: 1px solid #cdcdcd;

	transition: background-color .3s ease-in-out;

	-moz-transition: background-color .3s ease-in-out;

	-webkit-transition: background-color .3s ease-in-out;

	list-style-type: none;	

}

#main ul#results li:hover {

	background-color: #F7F7F7;

}

#main ul#results li:first-child {

	border-top: none;

}



#main ul#results li a {

	text-decoration:none;

	text-align:left;

}



#main ul#results li p {

	transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-webkit-transition: color .3s ease-in-out;

	color: #616161;

}



#main ul#results li:hover p {

	color: #3b3b3b;

	font-weight: bold;

}

.social a {

	margin-right:5px;

}

.social img {

	border:0;

}



.cenadetalji{

	line-height:45px;

	width:100%;

	text-align:center;

	font-size:11px;

	color:#FFF;

	margin-bottom:10px;

	text-transform:uppercase;

	

}

.cenadetalji span{

	font-size:20px;

	color:#FFF;

	text-transform:uppercase;

}

.detaljilista{

	line-height:20px;

	width:100%;

	text-align:center;

	font-size:14px;

	color:#FFF;

	

}

.detaljilista a{

	color:#FFF;

	text-decoration:none;

	text-transform:uppercase;

}

.line {

	background-color: #2e8694;

	height: 10px;

	margin-top:10px;

}

.wrap .content {

	text-align:justify;

	

	

	

}



.wrap .content p {

	margin-bottom: 10px;

	

}

.wrap .content ul li {

	list-style-type: disc;

	list-style-position: inside;

	margin-left: 10px;

}

.wrap .content h1 {

	background-color: #2e8694;

	color: #FFF;

	line-height:32px;

	padding: 0 15px;

	font-size: 18px;

	display:block;

	float:left;

	margin-top:15px;

	text-transform:uppercase;

}



.box3r .polje{

	background-color:#e7e7e7;

	margin-bottom:20px;

}



.p320{

	width:310px;

	text-align:left;

	padding-left:10px;

}

.wrap .content .contactl {

	width: 48%;

	margin-right: 6%;

	float:left;

}



.wrap .content .contactr {

	width: 46%;

	float:left;

}

.formbox {display: inline;position: relative;float: left;margin-left: 5px;}

/***       RESPONSIVE MENU CSS      ***/

.menubtn {background:url(../img/menu.png) 0 0 no-repeat;height:40px;padding-left:46px;line-height: 40px;color:#fff;font-size:12px;
	text-transform: uppercase;text-decoration: none;}

#navg > a
    {
        display: none;
    }
    #navg li
    {
        position: relative;
    }
@media screen and (max-width: 600px) {
	.menulist li a {font-size: 12px;padding-left: 7px;}
	.menu {height:auto!important;}
    #navg
    {
        position: relative;
    }
        #navg > a
        {
        }
        #navg:not( :target ) > a:first-of-type,
        #navg:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #navg > ul
    {
        height: auto;
        display: none;
        
        left: 0;
        right: 0;
    }
        #navg:target > ul
        {
            display: block;
        }
        #navg > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #navg li ul
    {
        position: static;
    }
}


/** PAGINATIION **/

ul.pagination li.details {
    color: #808284 !important;
}

ul.pagination li a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #66C1B8 0%, #66C1B8 100%) repeat scroll 0 0 !important;
    color: #fff;
}

ul.pagination li a:hover, ul.pagination li a.current {
    background: #e7f2c7 none repeat scroll 0 0 !important;
    color: #4f7119;
}


/***       RESPONSIVE CSS      ***/



@media screen and (max-width: 900px) {

.lentav {top:-40px;}

.highslide {float: left;margin-right: 0!important;margin-bottom: 0!important;margin: 5px;display: inline;}
.highslide img {max-width: 100%!important;}

.box3 .box3l {width: 100%;}

.box3 .box3r {margin-left: auto;width: 100%;}
.box3r .polje {float: none;margin:5px auto;width: 416px;}
.detaljanopis p {padding: 5px;}


#itemContainer, .box-holders {width: 428px;margin: 0 auto;}

.box2 {margin-right: 0;margin: 0 5px 80px 5px;}	

.baner img {max-width: 100%!important;}

.baner {height: auto;}

.sortiraj {padding: 0;text-align: center;width: 100%;}

.wrap .content .contactl, .wrap .content .contactl iframe, .wrap .content .contactr {width: 100%;}


.qmenuup {height: auto;}	

.wrap, .menulist, .header {width:96%;}

.menu {background-color:#66c1b8;height:84px;width:100%;margin-top:10px;}
.menulist li {width:25%;margin:0!important;}
.menulist li a {color:#fff;}

#qmenu {width:100%;}
#nav .rc,#nav .ljc,#nav .nc,#nav .tc {width:25%!important;margin:10px 0;}
#nav .sc,#nav .pc,#nav .cc,#nav .bc,#nav .zc  {width:20%!important;}

.top {height:auto}
.top-holder {width: 444px;}

}


@media screen and (max-width: 780px) {

.menulist li a, #qmenu li a {font-size:11px;} 
form#pretraga .submit {margin-left: 0;}

}


@media screen and (max-width: 650px) {

#nav .rc,#nav .ljc,#nav .nc,#nav .tc, #nav .sc,#nav .pc,#nav .cc,#nav .bc,#nav .zc {width:33.33%!important;margin:0;}
#qmenu li a {margin-left: 0;}
#qmenu  ul li, #qmenu  ul li ul li {text-align: center;}

#qmenu  a {margin-left: 0!important;}

.searchtitle {margin:5px auto;}


.top .box {width: 100%;margin:0;text-align: center;}
.top-holder {width: auto!important;}

.menulist li a, #qmenu li a {font-size:10px;}
}

@media screen and (max-width: 650px) {

.box21 {float: none;margin:10px auto;margin-right: auto!important;}
.logo {width: 30%!important;}
.logo img {max-width: 100%!important;}
.header .search {width: auto;}

#qmenu {margin-top: 10px;}

#nav ul li, #nav ul li ul li {text-align: center;}

#nav a {margin-left: 0;}

}

@media screen and (max-width: 480px) {

.box3r {width: 100%;}

.wrap .box3 .box3r .box3rl {margin-left: 0;width: 100%!important;}

.titleo {padding: 0;width: 30%;}
.p320 {width: 70%;padding: 0!important;}
.polje {width: auto!important;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {width:100%!important;}

}

@media screen and (max-width: 450px) {

.box2 {margin-right:auto!important;float: none;}

#itemContainer, .box-holders {width: 214px;}




}

@media screen and (max-width: 300px) {

.baner {display: none;}

}



@media screen and (max-width: 399px) {

.wrap .content .contactr textarea {width: 100%;}
.qmenuup #qmenu li a {margin-left: 0;}
#main label {width: 100%;float: right;}
#main {top:52px;}
.header {height: 144px;}
.qmenuup #qmenu li {line-height: 20px!important;}
#nav .nc,#nav .tc, #nav .sc {line-height: 20px;}
#qmenu li a {height: 36px;display: block;padding: 10px 0;}


}

@media screen and (max-width: 300px) {

.sortiraj {padding: 0;text-align: left;width: 100%;}


}