@charset "utf-8";

body,html { padding: 0px; margin: 0px; }

.left {float:left;}
.right {float:right;}
.center { text-align: center; }

.clear-both {clear:both;}
.hand { cursor: pointer; }
.fLeft { float:  left; } .fRight { float:  right; }
.red {color:red;}
.green { color:  lightgreen; }
.blue  { color: blue; }

b {}
.bold { font-weight: bold; }
.header-left a { text-decoration: none; display: inline-block; }
.header-left a span { display: block; text-align: right;}


.alertBox,.alertMsg, .alert, .error
{
	margin: 20px;
	padding: 2px;
	padding-top: 15px;
	padding-left: 55px;
	min-height: 30px;
	border: 1px solid #DDD;
	background-color: #EEE;
	color: #069;
	background-image: url(../images/ico-info.png);
	background-repeat: no-repeat;
	max-width: 700px;
}

.nounderline { text-decoration: none; } 

.col50 {float: left; width: 44%; margin-left: 3%; margin-right: 3%;}

form input, textarea { margin-bottom: 5px; }

img.lineHeight, img.imgLine, img.lineImg { height:1em; }

/*članek novi*/
.article {padding-bottom:50px;}
.article h1 {padding-right:50px;}


.socialMessageLikes {cursor:pointer; display:inline-block; float: right; margin-top:-35px;}
.socialMessageLikes span {height:16px;}
.socialMessageLikes:after {content:""; display:block; clear:both;}
.socialMessageLikesSrcekOff { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:3px;background: url("../images/sprites-cms.png") no-repeat -15px -0px;}
.socialMessageLikesNumb {float:left;margin-right:5px;}

.socialMessageLikesSrcekOn{float: left; margin-right: 5px;  width:13px; height:12px; margin-top:3px;background: url("../images/sprites-cms.png") no-repeat -0px -0px;}


.socialMessageComments {display:block;}
.socialMessageComments span {display:inline-block;}
.socialMessageComments:after {content:""; display:block; clear:both;}
.socialMessageCommentsBubble { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -56px -0px;}
.socialMessageCommentsNumb {float:left; margin-right:5px;}


.infoMessageList { padding-right: 20px; float: right; }
.product-info .infoMessageList { padding-right: 0px; }
.infoMessageList .socialMessageLikes { margin-top: 0px; float: left; color:#b0aaa3; }
.infoMessageList .socialMessageLikesOff {cursor:pointer; display:inline-block; float: left; margin-top:0; margin-left:20px;}
.infoMessageList .socialMessageLikesOff span {height:16px;}
.infoMessageList .socialMessageLikesOff:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageLikesOn:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageLikesSrcek { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -15px -0px;}
.infoMessageList .socialMessageLikesNumb {float:left;margin-right:5px;}
.infoMessageList .socialMessageLikesOn {cursor:auto; display:inline-block;float: left;margin-top:0; margin-left:20px;}
.infoMessageList .socialMessageLikesOn .socialMessageLikesSrcek{background-position: -0px -0px;}

.infoMessageList .socialMessageComments {margin-left:10px; color:#b0aaa3; float:left; display:block; margin-top:0; }
.infoMessageList .socialMessageComments span {display:inline-block;}
.infoMessageList .socialMessageComments:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageCommentsBubble { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -41px -0px;}
.infoMessageList .socialMessageComments:hover .socialMessageCommentsBubble {background-position:-56px 0;}
.infoMessageList .socialMessageCommentsNumb {float:left; margin-right:5px;}


.main form, main form {margin:20px 0 25px 0;}
.main form input[type="text"],.main form input[type="password"], main form input[type="text"], .main form textarea, .main form textarea, .main form select {display:inline-block; border:1px solid #ccc; margin-top:5px; margin-bottom:15px; padding:15px; max-width:700px; min-width:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.main form input[type="text"]:focus, main form input[type="text"]:focus, .main form textarea:focus, main form textarea:focus { border-color:#333333; }
.main form input[type="submit"], main form input[type="submit"] {width:auto; padding-left:60px; padding-right:60px; text-align:center; background-color:#666666; border:none; -webkit-border-radius:0; border-radius:0;  color:#FFFFFF}
.main form input[type="submit"]:hover, main form input[type="submit"]:hover {background-color:#333333;  color:#FFFFFF;}

.comment { border-bottom:1px solid #ccc; padding:10px 0;  }
.commentHeader {margin-bottom:5px;}
.commentHeader:after {content:""; display:block; clear:both;}
.commentAuthor {font-size:16px; float:left;}
.commentDate {float:right; font-size:12px;  color:#a0a0a0;}
.commentComment {font-size:14px; line-height:normal;}
input.inputFile { width: auto; padding: 0px; margin: 0px; }

.privzeta-slika {
    margin: 6px 20px 20px 0;
    max-width:400px;
    float: left;
    display:block;
}


.galerija-slik a{
    display:block;
    float:left;
    margin-right:10px;
    height:90px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.galerija-slik a:hover {
    opacity:0.7;
}

.galerija-slik a img{
    display:block;
    float:left;
    margin-right:10px;
    max-height:100%;
}

.commentGallery { line-height: 1px; }
.commentGallery img { height: 200px; padding: 1px;  }

.greenBox { padding: 10px; background-color: #e4f8e2; color: #32c124; }
.greenBox h2,.seoPack h3, .greenBox h3, .greenBox a { color: #32c124; background-color: #e4f8e2;  }
.greenBox input, .greenBox texarea { color: #666; }

.greenBoxFul { padding: 10px; background-color: #32c124; color: #FFF; }
.greenBoxFul a { color: #FFF; }

.silverBox { padding: 9px; background-color: #E7E7E7; border: 1px solid #CCC; }
.yellowBox { padding: 9px; background-color: #FFC;  border: 1px solid #FF6;  }
.blueBox { padding: 9px; background-color: #00a7d7; border: 1px solid #00a7d7; color: #FFF; }
.blueBox a { color: #FFF; }
.blueBox td { padding-top: 9px; padding-bottom: 9px; line-height: 1.5em; }
.blueBox { cursor: auto; }
.blueBox .green { color: #FFF; }

.orangeBox { padding: 9px; background-color: #ffe5cd; border: 1px solid #fe7902; color: #fe7902;  }
.orangeBox a, .orangeBox h1, .orangeBox h2, .orangeBox h3 { color: #fe7902; }

.redBox { padding: 9px; background-color: #F33;  border: dashed 1px #FFF; color: #FFF; padding-bottom: 4px; padding-top: 4px; }
.redBox a { color: #FFF; }

.silverBox:after, .greenBox:after, .yellowBox:after, .blueBox:after, .orangeBox:after, .redBox:after  {content:""; display:block; clear:both;}

.toggleClick { cursor: pointer; }
img.duckImg { }

.main input[type=text],.main input[type=submit],.main input[type=password], .main textarea { display: block; }

.notificationsStatus a { float:right; background-color: #FA3E3E; color: #FFF !important; font-weight: bold; padding: 1px 5px 1px 5px; display: inline-block; border-radius: 2px; text-decoration: none; font-size: 10px; }

.timos-product-form .colors [type="radio"]:checked,
.timos-product-form .colors [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

.timos-product-form .colors [type="radio"]:checked + label,
.timos-product-form .colors [type="radio"]:not(:checked) + label {
  margin: 0 7px;
  position: relative;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ccc;
  color: #000;
  display: inline-block;
  border-radius: 100%; }

.timos-product-form .colors [type="radio"]:checked + label {
  border-color: #000;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; } 


.userOnline { height:0.5em; padding-left: 3px; }
.whiteBox { border: 1px solid #EEE; padding: 5px; }

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.7; }
}

.boxWholeSilver { background-color:  #D1D1D1; color:  #525252; margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 1.5em;}
.boxWholeSilver h2 { font-size: 3em; padding: 0px; margin: 0px; margin-top: 10px; color: #FFF; display:  table; width:  100%; vertical-align: middle; }
.boxWholeSilver h2 img { vertical-align:  middle; }
.boxWholeSilver a { color: #2A2A2A; text-decoration:  none; }
.boxWholeSilver a.niceLink { background-color:  #2A2A2A; text-decoration:  none; color:  #FFF; padding: 10px 30px 10px 30px; display:inline-block; text-transform: uppercase;}
.boxWholeSilver a.niceLink:hover { background-color:  #525252; color:  #FFF; } 
.boxWholeSilver .col50 {  padding-top: 30px; padding-bottom:  30px; }
.inline { display: inline-block; }

.transparent {    background-color: transparent !important;  border-color: transparent !important;}


 .spin {
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
 
  @-webkit-keyframes spin {
	0% { 
	   animation-timing-function: linear;
		-webkit-transform: rotateZ(6deg);
	}
	25% { 
		animation-timing-function: ease-out;
	  -webkit-transform: rotateZ(0deg); /* Safari */
	}
	50% { 
		animation-timing-function: linear;
	  -webkit-transform: rotateZ(-6deg); /* Safari */
	}
	75% { 
		animation-timing-function: ease-out;
	  -webkit-transform: rotateZ(0eg); /* Safari */
	}
	100% { 
		animation-timing-function: linear;
	  -webkit-transform: rotateZ(6eg); /* Safari */
	}
 }

 @keyframes spin {
	0% { 
	   animation-timing-function: linear;
		transform: rotateZ(6deg);
	}
	25% { 
		animation-timing-function: ease-out;
	  transform: rotateZ(0deg); /* Safari */
	}
	50% { 
		animation-timing-function: linear;
	  transform: rotateZ(-6deg); /* Safari */
	}
	75% { 
		animation-timing-function: ease-out;
	  transform: rotateZ(0deg); /* Safari */	
	}
	100% { 
	animation-timing-function: linear;
	  transform: rotateZ(6deg); /* Safari */
	}
 }
 
 .spin{
	-webkit-animation: spin 5s infinite; /* Chrome, Safari, Opera */
	animation: spin 5s infinite;
 }

.adminRow { background-color: #EEE; color: #000;border-top: 1px solid #CCC;
    padding: 12px 3px 12px 3px;
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%;}

.adminRow a { text-decoration: none; color: #000; }
.adminRow a:hover { text-decoration: underline; }

.marginPlease, .blagajna, .standard-page-content-new {max-width: 1600px; margin-left: auto; margin-right: auto; }

/*product-list*/
.product-list {margin-bottom:30px; display: flex; display: -ms-flexbox; flex-wrap: wrap; width: 100%; justify-content: space-between;  }
.product-list .product { flex: 1 1 22%; position:relative; float:left; padding:0%; padding-bottom: 40px;
	background-color:#fafafa; border:1px solid #e0e0e0; 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

.four-columns .product { margin: 6px; max-width:  350px; }

.product-list a {text-decoration:none;}
.product-list .product-title { padding-top:5px; padding-left: 5px; padding-right: 5px; color:#000; font-size:17px; text-transform: uppercase; text-decoration:none; display:block; text-align:center; clear: both;}
.product-list .product-info {display:block; padding:10px 5px; color:#6d6d6d; max-width:100%;}
.product-list .product-info p {padding:0; margin:0;}
.product-discount {-ms-transform: rotate(-5deg); /* IE 9 */ -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */ transform: rotate(-5deg); transition:all 0.3s; -webkit-transition:all 0.3s; height:43px; width:57px; background-image:url("../images/icon-product-discount.png"); position:absolute; color:#fff; font-weight:700; font-size:18px; padding: 15px 0 0 15px; top:-3px; left: -36px; -webkit-backface-visibility: hidden;}
.product:hover .product-discount {-ms-transform: rotate(10deg); /* IE 9 */ -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */ transform: rotate(10deg);}
.product-discount:hover {-ms-transform: rotate(10deg); /* IE 9 */ -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */ transform: rotate(10deg);}
.product-list .product-thumb { display: block; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s; display:block; overflow:hidden;   /*background-image:url("../images/no-image.png");*/ background-size:auto 80%; background-position:center center; /*background-color:#fff; */ overflow:hidden; clear: both; height: 0;
    padding-bottom: 66.6666%;
    position: relative; }

.subpage-right .product-list::after {

}
.product-thumb .img-resize { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.product-thumb img { max-height:none; max-width:none;}



.product-list .product-information-icon {height:40px; width:40px; background-image:url("../images/icon-product-hover.png"); position:absolute; bottom:-40px; right:0; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
.product-list .quantity {color:#c0c0c0; float:left; font-size:14px;}
.product-list .brand {display:block; font-size:15px;  color:#727272;}
.product-list .old-price {float:right;}
.price {color:#3c3c3c;}
.product-list .price {float:right; font-family:'Oswald'; font-size:24px; margin-top:0px;}
.product-list .old-price {font-size:20px; text-decoration:line-through; margin-right: 10px; }
.product-list .new-price {}
.product-bottom {position:absolute; bottom:0; left:0; border-top:1px solid #e0e0e0; width: 90%; padding-left: 5%; padding-right: 5%;}
.product .product-info { clear: both; }

.product a:hover .product-information-icon {opacity:1; bottom:0;}
.product a:hover .product-thumb {opacity:0.9;}

.nazadnje-ogledani .product-list {height:265px; overflow:hidden; margin-bottom:0;}
.nazadnje-ogledani .product-list .product:nth-child(7n) {margin-right:0;}
.standard-page .product-list {width:100%;}
.seznam-clankov .product-list .product-information-icon {background-image: url("../images/icon-article-hover.png");}
.seznam-clankov .product-list .product-thumb {}
.seznam-clankov  .product-list .product-info{margin: 0 15px 5px 0; padding:10px 0;}
.seznam-clankov  .product-list .product-info p {line-height:22px;}
    

/*podrobnosti izdelka*/
.izdelek {padding-bottom:10px;}
.izdelek p {max-width:none;}
.izdelek-slike {float:left; width:48%; padding: 0; padding-left: 1%; padding-right: 1%; }
.izdelek-slike img{ transition:all 0.3s; -webkit-transition:all 0.3s; max-width: 50%; padding: 0px; margin: 0px; float:  left;}
.izdelek-slike a:first-child img, .standard-page .izdelek-slike img { max-width:100%; height: auto; max-width:100%; margin:0px;}
.izdelek-slike img:hover { }
.izdelek-podrobnosti {float:right; width: 50%; padding: 0; }
.izdelek-slike a:nth-child(2n+2) img { clear:  left; }

/*ikonice za izdelek*/
.product-icons {padding-left:30px;}
.product-icons span {margin: 0px 10px 0 0; display:inline-block;}
.izdelek-hot {width:27px; height:39px; background-image:url("../images/izdelek-hot.png");}
.izdelek-shipping {width:47px; height:37px; background-image:url("../images/izdelek-shipping.png");}
.izdelek-discount {width:47px; height:37px;background-image:url("../images/izdelek-discount.png");}
.izdelek-new {width:37px; height:37px; background-image:url("../images/izdelek-new.png");}

.izdelek-box {line-height:35px; padding:20px 20px 0 20px; background-color:#fafafa; border:1px solid #e1e1e1; margin:20px 0;}
.izdelek-box-left {float:left; width:55%;}
.izdelek-box-right {line-height:45px; float:right; width:45%; text-align:right;}
.izdelek-box-right select {margin-left:6px;}
.izdelek-box .product-discount {top: -1px; left: -46px;}
.izdelek-cena {position:relative; }
.izdelek-cena .old-price {float:left;}
.izdelek-cena .price {color:#3c3c3c;}
.izdelek-cena .price {float:left; font-family:'Oswald'; font-size:24px; margin-top:0px;}
.izdelek-cena .old-price {font-size:20px; text-decoration:line-through; margin:5px 6px 0 0}
.izdelek-cena .new-price {}
.left {float:left;}

.izdelek-cena .price {font-size:18px;}
.izdelek-cena .old-price {color:#af8f71; font-size:14px;}

/*je izdelek na voljo DA/NE*/
.izdelek-available {float:right; margin-top:-80px;}
.izdelek-available span {display:inline-block;}
.izdelek-yes {width:29px; height:26px; background-image:url("../images/izdelek-yes.png");}
.izdelek-no {width:29px; height:26px; background-image:url("../images/izdelek-no.png");}


 /* #middle fixes
================================================== */
    @media only screen and (min-width: 2000px) {
		.product-list .product { flex: 1 1 18%; }
	}

	@media only screen and (min-width: 2300px) {
		.marginPlease, .blagajna, .standard-page-content-new {max-width: 1800px; margin-left: auto; margin-right: auto; }
	}   

	@media only screen and (min-width: 1450px) and (max-width: 2300px) {

		.product-list .product-thumb { }
		.product-list .product-title { }
		.product-list .product-bottom { }
        .nazadnje-ogledani .product-list {height:auto;}
		
	}
	/* Note: Design for a width of 768px */

	@media only screen and (min-width: 1160px) and (max-width: 1450px) {
		.gallery-box a img {
			max-height: 130px;
			max-width:280px;
			margin-right: 5px;
			margin-bottom: 5px;
		}	
        
		.seznam-clankov .product-list .product {width:503px;}

		.product-list .product { flex: 0 1 31.33%; }
		.product-list .product-thumb { }
		.product-list .product-title { }
		.product-list .product-bottom { }
        .nazadnje-ogledani .product-list {height:auto;}
		.commentGallery img { height: 180px; }
	}
	


	@media only screen and (min-width: 1100px) and (max-width: 1200px) {
		.commentGallery img { height: 160px; }
	}
	
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
     .product-list .product { flex: 1 1 30%; }


		.product-list .product-title { }
        .product-list .product-thumb { }
        .seznam-clankov .product-list .product-thumb {   }
		.seznam-clankov .product-list .product {width:383px; height: 150px; font-size: 15px; }        
    }
    @media only screen and (min-width: 667px) and (max-width: 959px) {
		.product-list .product { flex: 1 1 31%; }

		.product-list {margin-bottom:0;}
		.product-list .product-title {  }
		.product-list .product-thumb {}
		.product-bottom { }
		.product-list .price { font-size: 1.3em; }
		.nazadnje-ogledani .product-list {height:auto;}
		.nazadnje-ogledani .product {width:118px; float:left; margin-bottom:8px;}
		.nazadnje-ogledani .product-list .product:nth-child(7n) {margin-right:7px;}
		.nazadnje-ogledani .product-thumb {width:118px;  margin-bottom:0;}
		.nazadnje-ogledani .product-title {width:118px;}

		.standard-page .product-list .product {width:auto; height:210px;}
		.standard-page .product-list .product .product-info {display:block;}

		.seznam-clankov .product-list .product-thumb {  }
		.seznam-clankov .product-list .product  {width:334px; height: 120px; font-size: 14px;}    
    }

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

            .product-list .product { flex: 1 1 46%; }

            .product-list {margin-bottom:0;}
            .product-list .product .product-info { line-height: normal; font-size: 11px; padding: 0px; margin: 0px; }
            .product-list .product-title {margin-bottom:20px; font-size: 16px; margin: 0px; padding: 0px;}
            .product-list .product-thumb { }
            .product-bottom { }
            .product-list .price { font-size: 1.1em; }
            .nazadnje-ogledani .product-list {height:auto;}
            .nazadnje-ogledani .product-list .product:nth-child(7n) {margin-right:7px;}
            .sorodni-artikli .product-list {height:auto;}

            .standard-page .product-list .product {width:auto; height:210px;}
            .standard-page .product-list .product .product-info {display:block;}

            .seznam-clankov .product-list .product   {width:405px; height: 100px;}
            .seznam-clankov .product-list .product-thumb { }
    }

	/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */

	@media only screen and (min-width: 768px) and (max-width: 1099px) {
		.commentGallery img { height: 160px; }
	}


	
	@media only screen and  (max-width: 700px) {
	
		.privzeta-slika {max-width:300px; float:none; margin:0 0 15px 0;}
		.commentGallery img { height: 130px; }
        .boxWholeSilver .col50 {  padding-top: 10px; padding-bottom:  10px; }
        .boxWholeSilver h2 { font-size: 2em; }
	}

	/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    .boxWholeSilver { font-size: 1em;}
		.col50 { }
		.commentGallery img { height: 130px; }
        .boxWholeSilver .col50 {  padding-top: 10px; padding-bottom:  10px; }
        .boxWholeSilver h2 { font-size: 2em; }
	}
	
	/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {	
        .boxWholeSilver { font-size: 1em;}
        .marginPlease, .blagajna, .standard-page-content-new {width: 96%; margin-left: 2%; margin-right: 2%; }
		.commentGallery img { max-width:48% !important; height: auto;  }
		.col50 {float:none; width:auto; margin: 0px; }
        .boxWholeSilver .col50 {  padding-top: 10px; padding-bottom:  10px; }
        .boxWholeSilver h2 { font-size: 2em; }
        .silverBox input[type=text],.silverBox input[type=password],.silverBox textarea { max-width: 80% !important; }
        a.submit-button { display:  block; }
	}