@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&subset=latin-ext');

/* /////////////////////////////////////////////////////////////////////////// GLOBAL /////////////////////////////////////////////////////////////////// */
.container { width:100% !important; max-width:1200px;}/*za 100% site*/
html, body, input, textarea  {font-family: 'Quicksand', sans-serif; font-weight:400;}

/* border radius */ .navbar, .modal-content, .btn, .dropdown-menu, .pagination>li:first-child>a, .pagination>li:last-child>a, .form-control, .nav-tabs>li>a, .breadcrumb, .progress {border-radius:0px;}
/* clear */ .mainbanner:before, .mainbanner:after { content:""; clear:both; display:table;}

/* heading 1 */
h1  {font-size: 45px;}
/* heading 2 */
h2, .mainbox1 h2, .fpage_seznam_title, .sorodni_title, .cart_pregled_title h1, .cart_pregled_title  {font-size: 30px; font-weight: 300;}
/* heading 3 */
.cart_pregled_naslovi h2 {font-size: 14px; font-weight: 700; padding-top:10px; padding-bottom:10px;}

.mainbanner .carousel-caption h2, .enovice_title, footer h2, .news_short_naslov, .snovica_title h2, h3, .seznam_popust_icon, .detail_popust_icon, .zavihki .nav li a {font-family: 'Dancing Script', cursive; font-size:32px; padding-top:10px; padding-bottom:10px;}

/* default transition */
.izhbox, .izhslika img, .seznam_slika img, .artikel_box > .innerbox {-webkit-transition: all 0.25s ease; transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease;}

/* /////////////////////////////////////////////////////////////////////////// BARVE /////////////////////////////////////////////////////////////////// */
/* default barva linkov */
a, a:hover, a:focus, a:active {color:#c7a55a; cursor:pointer;} /* barva linkov */

/* barva gumbov */
.btn-info, .btn-primary, .enovice_button input, .vote_button input, .filter_btn input, .dvprasanje_btn input, .search .btn {background-color:#c7a55a; border-color:#c7a55a; color:#fff;}
.btn-info:hover, .btn-primary:hover, .enovice_button input:hover, .vote_button input:hover, .filter_btn input:hover, .dvprasanje_btn input:hover,
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .search .btn:hover {background-color:#333; border-color:#333; color:#fff;}

/* primarna barva*/
.cart_pregled_title, .cart_pregled_title h1, .kosaricaakcije a:hover, .stanjekosarice:hover, .head_icon a:hover, .cart_container a:hover, .cart_container a:focus, .news_short_naslov a:hover, 
.seznam_cenaakcija .seznam_cenavalue, h2, .fpage_seznam_title, .sorodni_title {color:#c7a55a;}

/* primarna barva - background */
.mobile_cart_cart a, .tabela-vsebina th, .footlinks li a:hover  { background-color:#c7a55a;}

/* barva linkov v nazivih */
.seznam_naziv a, .news_short_naslov a, .snovica_title a h2 { color:#333;}
.seznam_naziv a, .news_short_naslov a, .snovica_title a h2 { color:#333; text-decoration:none;} 

/* obrobe */
hr, .artikel_box > .innerbox, .title_and_paging > .innerbox, .newsshort_novica > .innerbox, .snovica_box > .innerbox {border-color:#ccc;} 

/* input & button glow */
.form-control:focus {
	border-color: #c7a55a; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6); 
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(160,32,31, .6);
	}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: 5px auto rgba(160,32,31, .6);}

/* primarni gradient */
.progress-bar {
background-image: -webkit-linear-gradient(top,#c7a55a 0,#c7a55a 100%); 
background-image: linear-gradient(to bottom,#c7a55a 0,#c7a55a 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7a55a',endColorstr='#c7a55a',GradientType=0);}

/* /////////////////////////////////////////////////////////////////////// TEMPLATES /////////////////////////////////////////////////////////////// */
.logo, .search, .mainbox1, .mainbox2, .mainbox3, .mainbox4, .mainbox5, .mainbox6, .foot_top, .footbox, .mainfull, .footlinks, .innermain, .mainbannerbox,
.ddsearch_icon, .spustni_menu_box, .dartikel_left, .dartikel_right, .dartikel_bottom, .dartikel {float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}

.global_containter {position:relative;}
.back_banner { position:absolute; width:100%; z-index:0; top:0px; float:left;}
.back_banner_opacity { position:absolute; z-index:20; bottom:0; width:100%; height:179px; background:url(../images/site/bg-banner-opacity.png) repeat-x;}
.back_banner .carousel-indicators, .back_banner .carousel-control { display:none;}

/* --------------------------------------------------------------- kosarica top ------------------------------------------------------------- */
.cart_container { position:relative;}  
.cart_container .container { position:relative;}

.jeziki { margin-left:20px; display: none;}
.jeziki > div, .jeziki > div > a { width:auto; height:auto; font-size:12px;}
.jeziki > div > a { text-indent:0; background:none; color:#000; width:20px; height:20px; line-height:20px; border-radius:50%;}
.jeziki [class*=lan_a_] a, .jeziki [class*=lan_] a:hover { background:#c7a55a; color:#000;}
.jeziki > div > a:hover { text-decoration:none;} 

.carttop {display: none;}
.cart_top { width:100%; float:left; text-align:center; min-height: 0;}
.cart_top > .innerbox {padding:0 0 5px 0;}
/*.kosaricaakcije, .stanjekosarice { float:none; display:inline-block; vertical-align:top;}*/
.kosaricaakcije {padding-top: 5px;}
.stanjekosarice { padding-right:30px; display: none;}
.kosaricaakcije, .kosaricaakcije a, .stanjekosarice, .stanjekosarice a {color:#000;}
.stanjekosarice_vrednost {display: none;}

.stanjekosarice_stanje a {display: block; background: #c7a55a; padding: 10px; height: auto; width: auto; line-height: 1em; color: #fff;}
.stanjekosarice_stanje a:hover {background: #333; color: #fff;}

.kosaricaakcije_prijavljeniste:first-of-type {display: none;}
.footauthors .kosaricaakcije_prijavi {padding-left: 20px;}

/* mobile cart menu */
.mobile_cart_container {padding:10px 0;}
.mobile_cart_menushop, .mobile_cart_menu, .mobile_cart_cart {cursor:pointer;}
.mobile_cart_menushop a, .mobile_cart_menu a, .mobile_cart_cart a {color:#fff; padding:10px;}
.mobile_cart_menushop a {background-color:#000;}
.mobile_cart_menu a {background-color:#666;}
.mobile_cart_cart a {background-color:#c7a55a;}

/* search */
.ddsearch_icon { position:absolute; z-index:40; font-size:14px; right:0px; top:7px; padding:0 15px 0 0;}
.ddsearch_icon i { color:#000;}
.ddsearch_icon a {cursor:pointer; text-align:center; display:block; color:#222;}

.search {height:0px; -webkit-transition: all 300ms; transition: all 300ms; width:100%; background:#f8f8f8; position:relative; overflow:hidden; float:none;}
.search.open {height:100px; padding:10px; -webkit-transition: all 300ms; transition: all 300ms;}
.search .form-control::-webkit-input-placeholder {color:a9a9a9;}
.search .input-group-btn i { display:none;}
.search .form-control { background:#f8f8f8; border:1px solid #f8f8f8; box-shadow:none; font-weight:700; font-size:20px; padding:39px 0;}
.search .btn{ padding:12px 60px;}
.searchbox { float:left; width:95%;}
.closesearch { float:right; width:5%; padding-top:30px; text-align:right;}

/* -------------------------------------------------------------------- GLAVA --------------------------------------------------------------- */
header { /*background:url(../images/site/bg-glava.png); background-repeat:repeat-x; background-position:bottom;*/ background: #fff; position:relative; z-index:11; border-bottom: 3px solid #e4e7ef;}
header:before {position: absolute; content: url("../images/site/headerbg.png"); z-index: 50; bottom:-32px; left: 50%; margin-left: -24px;}
.logo {width:100%; position:relative; z-index:1; text-align:center;}
.logo > .innerbox { display:inline-block; position:relative;}
.logo a { display:inline-block;}
.mainbanner { position:relative; z-index:10; /*background:url(../images/site/bg-banner.png);*/}

/* ---------------------------------------------------------------------- NAVIGACIJA -------------------------------------------------------------- */
/* navigacija cez vse */ 
@media (min-width: 767px){ nav .nav { width:100%; text-align:center; margin-top:20px; margin-bottom: 20px;} .navbar-nav > li { float:none; display:inline-block;} .navbar-nav > li a { text-align:center;}}
/*@media (min-width: 767px) {nav { float:right; width:100%; margin-top:-80px;} nav .nav {} .navbar-nav { float:right;} nav .nav>li>a, nav .nav>li>a:hover, nav .nav>li.active > a {line-height:80px; padding-top:0; padding-bottom:0;}}*/
nav { font-size: 20px; position:relative; background:none;}
nav .nav>li>a, nav .nav>li>a:hover, nav .nav>li.active > a {transition: all 0.4s ease; padding:5px 15px;}
nav .nav>li>a { color:#333;}
nav .nav>li>a:hover, nav .nav>li.active > a, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, nav .nav>li>a:focus  { background:none; color:#c7a55a;}

.navbar-nav>li>.dropdown-menu {margin-top:10px;}
.dropdown-menu { background:#fff; border:none; padding:0; text-align:left; font-size:16px; }
.dropdown-menu li a { color:#333; text-align:left; padding:10px 20px;}
.dropdown-menu li a:hover { color:#fff; background-color:#333;}

.ddmenu_content { background:#fff; font-weight:400;}
.ddmenu_content .innerbox { padding-left:15px; padding-right:15px;}
.spustni_menu_box { width:25%; padding-top:30px; padding-bottom:30px;}
.spustni_menu_box h2 { font-size:16px; margin:20px 0;}

/* --------------------------------------------------------------------- fixed bar ------------------------------------------------------------------- */
.fixed_bar { position:fixed; z-index:31; top:200px; right:0; background-color:#f1f1f1; padding:10px;}
.fixedbar_content { margin-bottom:10px;}
.fixedbar_content:last-child { margin-bottom:0;}

/* --------------------------------------------------------------------- main content ------------------------------------------------------------------- */
.maincontent { padding-top:30px;}
/* naslovnica */
.mainbox2 > .innerbox { float:left; position:relative; width:100%;}
.mainbox2 h2 {bottom: 40%; background: rgba(255,255,255, .7);  font-size:30px; color: #000;    padding: 10px;}
.mainbox2 h3 {position: absolute; bottom: 30%; background: rgba(0,0,0, .5);  font-size: 20px;  color: #fff;    padding: 5px;}
.mainbox2 h2 a {color:#000;}
.mainbox2 h2 a:nover { text-decoration: none}

.mainbox2 #frmPovprasevanje { position:absolute; top:20px; bottom:20px; left:20px; right:20px;}
.mainbox2 .enovice_title { color:#333; font-size:34px; text-align:center; width:100%; padding-bottom:20px;}
.mainbox2 .enovice_input { text-align:center; width:100%; margin-top:20px;}
.mainbox2 .enovice_button { text-align:center; width:100%; margin-top:20px;}
.mainbox2 .enovice_button:hover { color:#fff;}

.naslovnica .artikel_box .seznam_naziv {bottom: 40%; font-size: 25px; color: #000;}
.naslovnica .seznam_naziv, .naslovnica .seznam_cena { }
.seznam_cenatxt { display:none;}

.title_and_paging { display:none;}

.maincontent1, .maincontent3, .maincontent5 { background:#fff;}
.maincontent2, .maincontent4, .maincontent6 {background: #fff; }
.mainbox1, .mainbox2, .mainbox3, .mainbox4, .mainbox5, .mainbox6 { width:100%; padding-top:30px; }

.mainbox1 { text-align:center;}
.mainbox1 h2 {color:#c7a55a;}
.mainbox1 .h4 { font-size:18px; font-weight:300;}

.izhbox {position: relative;}
.izhbox:hover { border-color:#c7a55a;}
.izhslika {background:#fff;}
.izhslika img {opacity:1; -webkit-backface-visibility: hidden;}
.izhbox:hover .izhslika img {opacity:0.9;}
.izhcontent { position:absolute; top: 20px; left: 20px; text-align:center; padding:20px; color:#fff;}
.izhikona .fa { font-size:60px;}

/* notranje */
.mainleft { width:20%;}
.mainright {width:80%;}

.mainfull { background:#fff; padding-top:15px; padding-bottom:15px;}
.innermain { margin-bottom:30px;}

/* kontakt na strani */
.kontakt_na_strani .form-control { width:100%; margin-bottom:5px;}
.kontakt_na_strani textarea { width:100%; height:60px;}
.kontakt_na_strani .izracun { float:left; width:60%; margin-right:10%;}
.kontakt_na_strani button { width:30%;}

.tabela-vsebina { width:100%;}
.tabela-vsebina th, .tabela-vsebina td { padding:5px;}
.tabela-vsebina th { text-align:left; color:#fff;}
.tabela-vsebina tr:nth-child(even) td { background-color:#efefef;}

.notranja .maincontent p { line-height:28px;}

/* --------------------------------------------------------------------- banner ------------------------------------------------------------------- */
.carousel-caption {text-shadow: 0 3px 6px rgba(0,0,0,0.6);}
.carousel .carousel-caption h2 {font-size:50px; color: #000; text-shadow: 1px 1px #fff;}
.carousel .carousel-caption p { font-size:16px; text-transform:uppercase; font-weight:400; color: #000; text-shadow: 1px 1px #fff;}
.carousel .carousel-caption h2, .carousel .carousel-caption p, .carousel .carousel-caption a { margin-bottom:10px;}

.mainbanner .carousel .carousel-caption a { background:none; border-color:#fff; font-weight:700; font-size:12px; text-transform:uppercase;}
.mainbanner .carousel .carousel-caption a:hover { border-color:#000; color:#000;}
.mainbanner .carousel-indicators { display:none;}

.mainbanner .carousel-control.right, .mainbanner .carousel-control.left { top:auto; width:auto;}
.mainbanner .carousel-control.left { left:0;}
.mainbanner .carousel-control.right span, .mainbanner .carousel-control.left span { position:relative; background:#333; width:50px; height:50px; line-height:50px;}

/* ----------------------------------------------------------------------- stranska navigacija --------------------------------------------------------------------- */ 
.navi_it > ul > li {border:1px solid #e4e4e4; margin-bottom:-1px;}
.navi_it > ul > li > a, div.sekundarna a, div.sekaktivna a { padding:15px 10px 10px 10px; font-size:16px; color:#000; font-size:18px; border-bottom:5px solid #fff;}
.navi_it > ul > li > a:hover, .navi_it > ul > li.active > a, .navi_it > ul > li.active > a:hover, div.sekundarna a:hover, div.sekaktivna a, div.sekaktivna a:hover {color:#999; border-bottom:5px solid #c7a55a; text-decoration:none;}

.dropdown-menu .navi_it > ul > li {border:1px solid #fff; margin-bottom:0px;}
.dropdown-menu .navi_it > ul > li > a, .dropdown-menu div.sekundarna a, .dropdown-menu div.sekaktivna a { padding:5px; font-size:14px; color:#000; font-size:16px; border-bottom:none}
.dropdown-menu .navi_it > ul > li > a:hover, .dropdown-menu .navi_it > ul > li.active > a, .dropdown-menu .navi_it > ul > li.active > a:hover, .dropdown-menu div.sekundarna a:hover, .dropdown-menu div.sekaktivna a, .dropdown-menu div.sekaktivna a:hover {color:#efefef; border-bottom:none; text-decoration:none;}




.navi_it > ul ul > li > a, div.terciarna a, div.tercaktivna a { padding:3px 10px 3px 20px; font-size:13px; color:#999; font-weight:400;}
.navi_it > ul ul > li > a:hover, .navi_it > ul ul > li.active > a, .navi_it > ul ul > li.active > a:hover, div.terciarna a:hover, div.tercaktivna a, div.tercaktivna a:hover  {color:#c7a55a;}

.navi_it > ul ul ul > li > a { padding:5px 15px; color:#333; border-bottom:#666; font-size:12px;}
.navi_it > ul ul ul > li > a:hover, .navi_it > ul ul ul > li.active > a, .navi_it > ul ul ul > li.active > a:hover {border-bottom-color:#c7a55a; color:#c7a55a;}

div.sekundarna a, div.terciarna a, div.sekaktivna a, div.tercaktivna a { display:block; float:left; width:100%;}

/* ----------------------------------------------------------------------- filtri --------------------------------------------------------------------- */ 
.filter_okvir { margin:20px 0 0 0; float:left; width:100%;}
.filter_top, .mainleft .detail_sorodni .sorodni_title, .lastviewed_artikli_naslov h2 { float:left; width:100%; font-size:25px; padding: 13px 5px 13px 0px; color:#333; font-family: 'Dancing Script', cursive;}
.filter_top {padding-top: 0; position: relative;}
.filter_top span {padding-left: 10px;}
.filter_top a {display:inline-block; padding: 5px; font-size: 16px;}
.filter_row { float:left; margin-right:10px; float:left; width:100%; padding:4px 20px 4px 0px; color:#999;}
.filter_row input { margin-right:5px; vertical-align:bottom;}
.filter_btn { float:left; width:100%; text-align:center; padding:20px 0;}
.filter_btn input {color:#fff;}
.filter_group {float: left; width: 100%; padding-bottom: 20px;}

.filter_row input {	-webkit-appearance: none; background-color:#fafafa; border: 1px solid #cacece; padding:9px; border-radius:0px; display: inline-block; position: relative;}
.filter_row input:checked, .filter_row input:active, .filter_row input:checked:active {background-color:#000; border:1px solid #000; outline:none;}
.filter_row input:checked:after, .filter_row input:active:after, .filter_row input:checked:active:after {content: "\f00c"; font-family: FontAwesome; line-height: 1; font-size:13px; position:absolute; top:2px; left:3px; color:#fff;}
/*.filter_row input:checked:after {content: '\2714'; font-size: 14px; position: absolute;	top:0px; left:3px; color:#99a1a7;}*/

.irs-bar { border:1px solid #aaa; background:#f1f1f1; height:9px;}
.irs-slider { border:1px solid #888; background:#fff; top:28px; box-shadow:none;}
.irs-slider.from:before, .irs-slider.to:before { display:none;}
.irs-to, .irs-from { background:#fff; border:none; color:#999; border-radius:0;}


/* ----------------------------------------------------------------------- novice --------------------------------------------------------------------- */ 
.newsshort_novica {width:25%; margin-bottom:30px;}
.newsshort_novica > .innerbox, .snovica_box >  .innerbox { border-width:1px; border-style:solid; padding:10px;}
.fpage_newstitle { display:none;}
.fpage_newstitle h2 { font-size:26px; text-transform:uppercase; margin-top:20px; margin-bottom:20px; text-align:center;}
.news_date {z-index:1; position:absolute; top:0; left:0; display:none;}
.news_date > .innerbox { padding:0 10px; background:rgba(255,255,255,0.8);}
.news_slika, .news_content { width:100%;}

.mainbox2 >.innerbox:hover img, .newsshort_novica > .innerbox:hover .news_slika img, .snovica_box > .innerbox:hover .snovica_slika img { -webkit-filter: grayscale(65%); filter: grayscale(65%);}

.sorodne_novice .newsshort_novica {width:100%;}
.sorodne_novice .news_short_kropis { display:none;}

/* seznam novic */
.snovica_title > a > h2 {margin-bottom: 15px;}
.snovica_title > a:hover { text-decoration:none;}
.snovica_box { width:50%;}
.snovica_box > .innerbox { position:relative;}
.snovica_slika, .snovica_vsebina { width:100%;}
.snovica_vsebina { position:inherit;}
.snovica_vsebina > .innerbox { padding:20px;}
.snovica_podnaslov { padding:15px 0; font-size:16px;}
.snovica_box { margin:0 0 20px 0;}
.snovica_kropis p { line-height:18px; font-size:13px;}
.snovica_btn { display:block; position:absolute; bottom:-1px; right:-1px;}
.snovica_btn .btn { border:1px solid #ccc; background:none; color:#333;}
.snovica_btn .btn:hover { background:#ccc;}

/* detajl novice */
.dnovica_title { padding-bottom:20px;}
.dnovica_slika { width:30%;}
.dnovica_krvsebina { padding:20px 0; font-size:20px; float:left; width:100%;}
.dnovica_vsebinatop { width:70%;}
.dnovica_maleslike { width:100%; margin:20px 0 0 0;}
.dnovica_vsebina { width:100%; line-height:27px;}
.detail_singlethumb { width: 25%; margin:0 0 20px 0;}

/* ----------------------------------------------------------------------- galerija --------------------------------------------------------------------- */ 
.seznam_gallery_title { padding-bottom:20px;}
.seznam_gallery_singlethumb { width:25%; margin-bottom:10px;}	

/* ----------------------------------------------------------------------- anketa --------------------------------------------------------------------- */ 
.anketa_vprasanje { font-weight:bold; padding:10px 0;}
.anketa_odgovori { padding:5px 0;}
.anketa_radio { margin-right:5px;}
.vote_button {text-align: center; padding:20px 0;}

/* ----------------------------------------------------------------------- artikli --------------------------------------------------------------------- */ 
/* paging */
.title_and_paging > .innerbox { border-bottom-width:1px; border-bottom-style:solid; margin-bottom:20px;}
.fpage_seznam_title { float:left; height:auto; line-height:auto;}
.seznam_barvavelikost { position:absolute !important; bottom:0; right:0; text-align:right }

.pagination {float:right;}
.pagination>li>a, .pagination>li>span {border:none; color:#000;}
.pagination>li>a:hover, .pagination>.active>a, .pagination>.active>a:hover { background:none; text-decoration:underline; color:#000;}
.pagination > li > a:hover, .pagination>.active>a, .pagination>.active>a:hover { background-color:#fff; border-color:#e2001a; color:#000;}

.breadcrumb { margin-bottom:10px; background:none; padding-left:0; font-size:12px;}
.uredi_po { float:right; width:100%; text-align:right; font-size:12px;}

.seznam_title { margin-bottom:30px;}
.seznam_katopis { padding:20px 0;}

/* artikel box */
.artikel_box {width:25%;}
.artikel_box > .innerbox {text-align:left; margin:0 0 30px 0; position:relative; float:left; width:100%; box-shadow: 1px 3px 31px -15px rgba(0,0,0,.5); padding: 15px;}
.artikel_box > .innerbox:hover { box-shadow:0 0 3px rgba(0,0,0,.3);}

.seznam_naziv, .seznam_cena { width:100%; text-align:center;}
.seznam_naziv a { font-size:16px;}

.artikel_banner > .innerbox, .artikel_banner2 > .innerbox { padding:0; border:0; overflow:hidden;}
.artikel_banner .seznam_novost, .artikel_banner .seznam_freedelivery, .artikel_banner .seznam_razprodano, .artikel_banner .seznam_popust_icon, .artikel_banner .seznam_slika, .artikel_banner .seznam_cena, .artikel_banner .seznam_naziv, 
.artikel_banner2 .seznam_novost, .artikel_banner2 .seznam_freedelivery, .artikel_banner2 .seznam_razprodano, .artikel_banner2 .seznam_popust_icon, .artikel_banner2 .seznam_slika, .artikel_banner2 .seznam_cena, .artikel_banner2 .seznam_naziv
{display:none;}
.artikel_banner .seznam_kratkiopis, .artikel_banner2 .seznam_kratkiopis { display:block;}
.artikel_banner .seznam_kratkiopis img, .artikel_banner2 .seznam_kratkiopis img {object-fit: cover; min-height:100%; width:auto; position:absolute; left:0;}
.artikel_banner2 { width:50%;}

.mainleft .artikel_box > .innerbox { border:1px solid #efefef; padding-bottom: 20px;}
.mainleft .artikel_box .seznam_slika { float:left; width:100%;}
.mainleft .artikel_box .seznam_podatki { float:left; width:100%; text-align:left; padding-left:15px;}
.mainleft .artikel_box .seznam_naziv { padding-top:0;}
.mainleft .artikel_box .seznam_kratkiopis {display: none;}
.mainleft .seznam_cenatxt { display:none;}
.mainleft h3 { background:#3bb3c3; float:left; height:auto; line-height:auto; color:#fff; font-size:16px; font-weight:400; padding:14px 30px; width:100%;}
.mainleft .lastviewed_artikli {padding-top: 30px;}


/* slika */
.seznam_slika img {-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden;}
.artikel_box > .innerbox:hover .seznam_slika img {-ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-backface-visibility: hidden;}

/* seznam cene */
.seznam_cenaakcija .seznam_cenavalue, .seznam_rednacena .seznam_cenavalue, .opcija_cenaakcija { font-weight:bold; font-size:16px;}
.seznam_staracena { font-size:13px;}
.seznam_staracena .seznam_cenavalue, .detail_staracena_value, .opcija_staracena { text-decoration:line-through;}

/* tagi na artiklu */
.seznam_opicon { z-index:2;}
.seznam_popust_icon, .detail_popust_icon { position:absolute; z-index:2; top:0; right:5px; padding:5px; color:#000;}
.seznam_proizvajalec { z-index:5; margin:5px 0 0 5px;}
.seznam_btnvec { display:none;}

.mainleft .seznam_novost, .mainleft .seznam_freedelivery, .mainleft .seznam_razprodano, .mainleft .seznam_popust_icon { display:none;}
.seznam_novost, .seznam_freedelivery, .seznam_razprodano { position:absolute; font-size:12px; left:0; z-index:2;}
.seznam_novost {}
.seznam_novost a, .seznam_novost a:hover {display:block; padding:3px 5px; color:#000; text-decoration:none;}

.seznam_razprodano { margin-top:30px;}
.seznam_razprodano a, .seznam_razprodano a:hover { display:block; padding:3px 5px; background:#000; color:#fff; text-decoration:none;} 

.seznam_freedelivery { margin-top:60px;}
.seznam_freedelivery a, .seznam_freedelivery a:hover {display:block; padding:3px 5px; background:#000; color:#fff; text-decoration:none;} 

/* detail artikla */
.detail_topleft, .detail_topright { width:50%;}
.detail_topleft > .innerbox {position:relative;}
.detail_naziv h1 {font-size: 40px; font-weight: 300;}
.detail_kropis { font-size:16px; padding:20px 0; float: left; width: 100%;}
.detail_kropis:empty {display: none;}
.detail_social, .detail_sifra, .detail_staracena, .detail_popust, .detail_cena, .detail_zaloga { padding:5px 0;}
.detail_vprasanje_opis a { color:#000;}
.cart_sum_zaplacilo, #dostava_cena { font-weight:bold; font-size:22px;}
.detail_cena { font-size:30px;}
.detail_cena_opis {display: none;}
.detail_cena_value {padding:0 !important;}
.podrobno_podrobniopis { margin:20px 0;}
.podrobno_podrobniopis ul { margin-left:20px;}

.detail_sifra_opis, .detail_sifra_value {width: auto !important; text-align: left; float: left; background: #efefef; padding:10px;}
.detail_sifra_value {padding-left:0px; }

.detail_cena_opis, .detail_cena_value, .detail_popust_opis, .detail_popust_value, .detail_staracena_opis, .detail_staracena_value {width: auto !important; text-align: left; float: left;}
.detail_cena_value, .detail_popust_value, .detail_staracena_value {padding-left:10px;}

.detail_topleft .detail_thumbs { margin-left:-15px; margin-right:-15px;}
.detail_topleft .detail_singlethumb { margin-top:10px;}

.detail_btnkosarica {text-align: left;}
.detail_btnkosarica a { padding: 20px 50px;}

.dvprasanje_form { background:#ccc;}
.dvprasanje_email, .dvprasanje_opis { padding:10px;}
.dvprasanje_email p { margin:0 10px 0 0;}
.dvprasanje_btn {padding:0 0 10px 0; text-align:center;}

.tabela_opcije_naslov { font-size:24px; margin-top:20px; margin-bottom:10px;}
.opcija_slika { min-width:50px;}
.opcija_vkosarico a { text-indent:-0px; font-size:0px;}
.opcija_vkosarico .btn:after {content: "\f07a"; font-family: FontAwesome; display: inline-block; line-height: 1; font-size:16px;}

.detail_sorodni { padding:0;}
.detail_sorodni .sorodni_title { padding:30px 0; margin:0;}
.mainleft .detail_sorodni .sorodni_title, .darila_naziv { margin:20px 0;}
.sorodne_novice_title { display:none;}

.detail_tehspec_row { border-bottom:1px solid #849bae;}

.detail_dokument_row, .detail_dokument_icon, .detail_dokument_txt { display:inline-block;}
.detail_dokument_row { border:1px solid #999; background:#efefef; padding:5px 10px;}   
.detail_dokument_row, .detail_dokument_icon { margin-right:10px;}

.tabelaopcije { float:left;}

.zavihki .nav-tabs { border-bottom:3px solid #c7a55a;}
.zavihki .nav-tabs>li>a { color:#000; border:none;}
.zavihki .nav-tabs>li>a:hover, .zavihki .nav-tabs>li.active>a, .zavihki .nav-tabs>li.active>a:hover, .zavihki .nav-tabs>li.active>a:focus { background:none; border:none; color:#c7a55a;}
.zavihki .nav-tabs>li>a:hover:after, .zavihki .nav-tabs>li.active>a:after, .zavihki .nav-tabs>li.active>a:hover:after, .zavihki .nav-tabs>li.active>a:focus:after {content: "\f0d7"; font-family: FontAwesome; display: inline-block; line-height: 1; font-size:16px; font-size:20px; position:absolute; bottom:-14px; left:50%;}

.ddopcija_podatki h4 > span:first-child {}
.detail_btnkosarica, #divBarva, #divVelikost .detail_opcijedd_opis {display: none;}
#divVelikost .detail_opcijedd_value {float: left; width: auto; position: relative;}
#divVelikost .detail_opcijedd_value select {padding:0; border: #fff; pointer-events: none;}
#divVelikost .detail_opcijedd_value:after {content: ""; background: #fff; position: absolute; right: 0; top: 0; bottom: 0; width: 15px;}
.opcija_vkosarico { display:none;}
.detail_vprasanje_opis {width: 100%; padding-top: 20px;}
.detail_vprasanje_opis a {background: #c7a55a; display: block; padding: 20px; text-align: center; color: #fff; text-transform: uppercase;}
.detail_vprasanje_value, .opcija_kolicina {display: none;}

.tabelaopcije.table > tbody > tr > td {padding:20px;}
.opcija_cena { font-size:20px; font-weight:bold;}

.detail_slika { max-width:450px}

/* ------------------------------------------------------------- kosarica pregled -------------------------------------------------------------- */
.cart_pregled_cenakos, .cart_pregled_popust, .cart_pregled_popustznesek, .cart_pregled_cenaspopustom, .cart_pregled_ddv, .cart_pregled_cena_zddv, .cart_pregled_izdelek,
.cart_sum_brezpopusta, .cart_sum_popust, .cart_sum_spopustom, .cart_sum_ddv, .cart_sum_zaplacilo, .cart_pregled_znesekdostave > div, .cart_pregled_kol, .cart_pregled_sumcena {border-bottom:1px solid #242424;}

.cart_pregled_cenakos, .cart_pregled_popust, .cart_pregled_popustznesek, .cart_pregled_cenaspopustom, .cart_pregled_ddv, .cart_pregled_cena_zddv, .cart_pregled_kol, .cart_pregled_sumcena,
.cart_sum_brezpopusta, .cart_sum_popust, .cart_sum_spopustom, .cart_sum_ddv, .cart_sum_zaplacilo, .cart_pregled_znesekdostave > div {padding:0 0 5px 0; margin:0 0 5px 0;}

.cart_pregled_naziv { font-size:18px;}

.cart_pregled_cenatxt, .cart_sum_txt { padding:0 0 0 5px;}
.cart_pregled_cenavalue, .cart_sum_value { padding:0 5px 0 0;}

.cart_pregled_opomba, .cart_pregled_file {background:#efefef;}
.cart_pregled_opomba .innerbox, .cart_pregled_file .innerbox {padding:10px;}
.cart_pregled_opombavalue textarea { width:100%; background:#fff; resize: none;}
.cart_pregled_opombabtn { padding:10px 0 0 0; text-align:center;}

.cart_pregled_file { margin:5px 0 0 0;}
.cart_file_btn { padding:10px 0;}

.cart_pregled_title { margin:30px 0;}
.buydata_left h2, .buydata_right h2 { margin:30px 0; text-align:left;}

/* pregled ponudbe pred potrditvijo */
.pregled_ponudbe .buydata_left { width:100%; margin-bottom:30px;}
.cart_pregled_naslovi {background:#efefef;}
.cart_pregled_naslovi > .innerbox { padding:20px 15px;}
.cart_pregled_naslovi h2 { margin:0;}

.cart_pregled_narocilotxt, .cart_pregled_stnarocila { width:50%;}
.cart_pregled_stnarocilarow .innerbox { padding:15px 0;}

.cart_buttons { margin:20px 0; text-align:right;}

.cart_nacinplacila_choosetxt { font-weight:bold}

.cart_pregled_sifra { font-size:16px; margin-bottom:20px; margin-top:20px;}
.cart_pregled_deleteartikel { clear:left; margin-top:10px; float:left;}
.cart_pregled_deleteartikel a {background:#d80b36; color:#fff; padding:5px 10px;}
.cart_pregled_deleteartikel i { margin-right:5px;}

.cart_pregled_znesekdostave > div:empty, .filter_btn:empty { display:none;}

.dostava_kodazapopust > .innerbox { margin:20px 0 0 0; padding:10px 20px; background:#efefef; float:left; width:100%;}
.cart_popusttxt { font-weight:700;}

.cart_pregled_naslovdostava, .cart_pregled_dostava, .cart_pregled_placilo, .cart_pregled_opomba { background:#f5f5f5; margin-bottom:1px;}
.cart_pregled_naslovdostava h3 { padding:10px;}
.cart_pregled_naslovdostava p { padding:0 10px 10px 10px;}

.cart_pregled_opomba, .cart_pregled_dostava, .cart_pregled_placilo { padding:10px; float:left; width:100%; }

.cart_checkbox { margin-bottom:1px; padding:10px; background:#f5f5f5;}
.cart_checkbox input { margin-right:5px;}

/* ------------------------------------------------------------------- noga -------------------------------------------------------------*/
footer { padding:50px 0 0 0; font-size:12px; position: relative; background-color:#efefef}
footer a { color:#000;}
footer h2, footer .enovice_title, .anketa_title { color:#000; font-size:20px; padding:20px 0 15px 0;}

footer:before {position: absolute; content: url("../images/site/headerbg.png"); z-index: 50; top:6px; left: 50%; margin-left: -24px;}
footer:after {border-top: 20px solid #fff; margin-bottom: -20px; border-left: 200px solid transparent; border-right: 200px solid transparent;
	top: 0px; content: ""; position: absolute; left: 50%; margin-left: -200px; width: 0; height: 0; z-index: 1;}


.anketa_title { text-transform:uppercase;}

.footlinks, .footbox { margin-bottom:30px;}

.footlinks ul, .footlinks li { list-style-type:none;}
.footlinks li a { display:block; padding:3px 10px; background:#fff; margin-bottom:2px; color:#000;}
.footlinks li a:hover {text-decoration:none; color:#fff;}

.primaryfoot {text-align: center;}
.primaryfoot > div > ul > li { display:inline-block;}
.primaryfoot > div > ul > li a, .primaryfoot > div > ul > li a:hover { color:#000; border-bottom:1px solid #eee; padding:10px; display:block;}
.primaryfoot > div > ul > li a:hover, .primaryfoot > div > ul > li.active a { text-decoration:none;}
.primaryfoot > div > ul > li a:before {content: "\f101"; font-family: FontAwesome; display: inline-block; line-height: 1; font-size:14px; margin-right:10px;}

.elsocial { float:left; width:100%; margin:20px 0 0 0;}

.footauthors { width:100%; background:#737373; font-size:12px; color:#fff;}
.footauthors a { color:#fff;}
.footauthors > div > div > div > div { display:inline-block;}
.footauthors .innerbox { padding:10px 15px;}

.enovice_input, .enovice_button { float:left;}
.enovice_input input { color:#000;}

/* //////////////////////////////////////////////////////// COMMON DIMENZIJE //////////////////////////////////////////////////////// */

.art1 .artikel_box, .news1 .newsshort_novica, .w1 {width:100%;}
.art2 .artikel_box, .news2 .newsshort_novica, .w2 {width:50%;}
.art3 .artikel_box, .news3 .newsshort_novica, .w3 {width:33.33333333333333%;}
.art4 .artikel_box, .news4 .newsshort_novica, .w4 {width:25%;}
.art5 .artikel_box, .news5 .newsshort_novica, .w5 {width:20%;}
.art6 .artikel_box, .news6 .newsshort_novica, .w6 {width:16.666666666666664%;}
.art8 .artikel_box, .news8 .newsshort_novica, .w8 {width:12.5%;}
.art10 .artikel_box, .news10 .newsshort_novica, .w10 {width:10%;}

.artspan .seznam_slika, .artspan .seznam_podatki, .newsspan .news_slika, .newsspan .news_content { width:50%; float:left;}

/* //////////////////////////////////////////////////////// RESPONSIVE DIMENZIJE //////////////////////////////////////////////////////// */

@media (min-width: 1200px){}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 481px) and (max-width: 991px) {}
@media (min-width: 768px) and (max-width: 991px) {
	.mainright .artikel_box { width: 33.33333333333333%;}
	.mainleft { width: 25%;}
	.mainright {width: 75%;}
}

@media (min-width: 481px) and (max-width: 991px) {}
@media (min-width: 767px) {.cart_pregled_slika img { max-height:300px;}}
@media (max-width: 767px) {
	.fixed_bar, .back_banner { display:none;}
	.snovica_box, .search { width:100%;}
	.mainbanner { background:none;}
	.logo { width:100%; text-align:center; padding-bottom:19px;}
	.detail_singlethumb { width:50%;} 
	.artspan .artikel_box, .newsspan .newsshort_novica { width:100% !important;}
	/*  leva navigacija */
	.mainleft {background: #fff; position: fixed; overflow-y:auto; width: 240px !important; height: 100%; top: 0; bottom:0; z-index: 1000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mainleft {left: -100%;} 
	.mainleft.open {left: 0%;}
	.closeleftmenu { display:block;}
	.closeleftmenu a { color:#fff; font-size:20px; text-align:left; width:100%; padding:5px 0; background:#000; display:block; cursor:pointer;}
	.closeleftmenu a:hover { text-decoration:none; background-color: #404040;}
	.closeleftmenu i { margin-left:15px;}
	.naslovnica .seznam_naziv, .naslovnica .seznam_cena { position:relative;}
	.mainbanner {display: none;}
	.mobile_cart_container {position: absolute; left: 0; top: 0; z-index: 20; padding: 0;}
	.mobile_cart_menu {width: 100%;}
	.logo .innerbox {padding: 0 50px;}
}

@media (min-width: 481px) and (max-width: 767px) {
	.search, .mainright {width:100%;}
	.w2, .w3, .w4, .w5, .w6, .w8, .w10, .art2 .artikel_box, .art3 .artikel_box, .art4 .artikel_box, .art5 .artikel_box, .art6 .artikel_box, .art8 .artikel_box, .art10 .artikel_box,
	.news2 .newsshort_novica, .news3 .newsshort_novica, .news4 .newsshort_novica, .news5 .newsshort_novica, .news6 .newsshort_novica, .news8 .newsshort_novica, .news10 .newsshort_novica,
	.artikel_box, .mainright .artikel_box 
	{width:50%;}
	.seznam_gallery_singlethumb {width:33.33333333333333%;}
}
@media (max-width: 480px) {
	.w2, .w3, .w4, .w5, .w6, .w8, .w10,	.art2 .artikel_box, .art3 .artikel_box, .art4 .artikel_box, .art5 .artikel_box, .art6 .artikel_box, .art8 .artikel_box, .art10 .artikel_box,
	.news2 .newsshort_novica, .news3 .newsshort_novica, .news4 .newsshort_novica, .news5 .newsshort_novica, .news6 .newsshort_novica, .news8 .newsshort_novica, .news10 .newsshort_novica	
	{width:100%;}
	.artikel_box, .mainright  .artikel_box { width:50%;}
/*-----*/	
.artikel_banner .seznam_kratkiopis img, .artikel_banner2 .seznam_kratkiopis img { position:relative; width:100%;}
	.search > .innerbox { padding:0 0 15px 0;} 
	.detail_topleft { width:100%;}
	.detail_topright { width:100%;}
	.mainright { width:100%;}
	/* novice */
	.snovica_box, .snovica_slika, .snovica_vsebina, .newsshort_novica { width:100%;}
	.newsshort_novica {margin-bottom:30px;}
	/* detajl novice */
	.dnovica_slika, .dnovica_vsebinatop { width:100%;} 
	/* galerija */
	.seznam_gallery_singlethumb { width:50%;}
	/* kosarica */
	.cart_buttons { margin:20px 0; text-align:center;} .cart_buttons > div > div { margin-bottom:5px;}
	.sorodne_novice .newsshort_novica {width:100%;}
	.sorodne_novice .news_slika {width:100%; margin-right:0;}
	.sorodne_novice .news_content {width:100%;}
}
