/* Custom stuff*/

body {color: #666666; height:100%;}
.gf-menu.l1 > li > .item {height: 25px; color: #FFFFFF; font-weight: bold;}
.gf-menu .dropdown li .item {color: #ffffff;}
.title2 .module-title .title {color: #666666;}
/*#rt-header-surround{border-bottom: 2px solid #fff;}*/
.gf-menu .dropdown {background: #58b75c;}
.menu-block {float: right;}
/*#rt-page-surround {height: 100%;}*/
#rt-copyright a {color:#fff; transition: all 0.2s ease-in-out;}
#rt-copyright a:hover {color:#666; transition: all 0.2s ease-in-out;}
#rt-navigation {margin-top: 8px;}
.kontakt #rt-utility .rt-container {margin-top: 15px;}


/* ------ Popup module LOGIN ------ */

.rt-popupmodule-button {display:none;}
#login-form ul {margin-top: 10px;}
#rt-popuplogin ul li {display: list-item;}


#title-bckg {position:relative; background-color:rgba(150,150,130,0.7);}
.fp-roksprocket-strips a:hover {color: #fff;}
.table th, .table td {text-align: center; vertical-align:text-top;}
.product-footer {text-align:center;}
.product-footer img {margin: 0 20px;}
.levo{float:left; margin-right: 45px;}
.fancyboxCounter {display:none;}
.fancybox-title {font-size:18px; text-align:center;}
ul.sigProElegant li.sigProThumb a.sigProLink {background-color: #9C9380;border: 14px solid #9C9380;color: #333333;}
ul.sigProElegant span.sigProPseudoCaption {background: none repeat scroll 0 0 #C4BAA6;}
.gf-menu.l1 > li:hover {background: transparent; border: 2px solid #FFFFFF;}
.item-page h2 {color: #666666;}
.title2 .module-title {background:none; border-bottom: 3px solid #58b75c; border-top:none; border-left:none; border-right:none;}
ul.sigProElegant span.sigProPseudoCaption, ul.sigProElegant span.sigProCaption {font-family: Roboto, sans-serif; font-size: 14px;}
.item-page h2 {padding: 5px 15px; border-bottom: 3px solid #58b75c;}
.menu-block .gf-menu.l1 > li > .item {padding: 0 10px;}
.gf-menu.l1 > li { margin-right: 0px;}
.gf-menu.l1 > li.parent > .item {padding-right: 35px;}
#rt-logo {margin: 10px auto 0;}
body .rt-block {margin: 0 10px;}
#rt-breadcrumbs [class^="breadcrumb"] {font-weight:bold; margin: 0 0 -20px;}
a {color: #58b75c; transition: all 0.2s ease-out 0s;}
.breadcrumb .divider {color: #333333;}
.sprocket-strips-container img {height: auto; min-width: 100%;}
.sprocket-strips-content {position: absolute; top:0; width:100%; height:100%}
.sprocket-strips-title {font-size:90%; margin-top: 5px;}
body.layout-mode-responsive h4 {font-size: 90%;margin-top: 5px;}
#title-bckg {position:absolute; width: 100%; background-color:rgba(88,183,92,0.85); top:70%}
.sprocket-strips-text {padding: 25px; text-align:left; height:100%; z-index:200; opacity:0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out;}
.sprocket-strips-text:hover{opacity:1; color:#fff}
.fp-roksprocket-strips .sprocket-strips-image-overlay:after {background: none; border: none; border-radius: none; color: transparent; content: ""; display: block;}
div.kronoloski-kontejner {display: table; margin: 20px 0;}
div.kronoloski-kontejner-row {display: table-row}
div.letnica{color:#58b75c;font-size:26px; font-weight:bold; border-left:5px solid; border-right:5px solid; padding:0 8px; display: table-cell;}
div.letnica span {color:#666666;}
div.kronologija {display: table-cell; padding-left:15px;}
div.kronologija p {text-align:justify;}
#roksearch_results .roksearch_result_wrapper1:hover {background-image: linear-gradient(to bottom, #c4baa6, #d3c3a6)}

/*#rt-page-surround {height:100%;}
#rt-main-surround {height:100%; margin:0 0 -130px 0;}
#rt-footer-surround {position:relative;}
#rt-footer-surround .push {height:-130px;}
*/


/* ------ Responsive grid za BRANDS big------*/

/* -- FLUID GRID STYLES -- */

#Grid-big {margin-bottom: 10px; text-align: justify; font-size: 0.1px;}
#Grid-big li {display: inline-block; width: 14%; /* Used instead of height to give elements fluid, width-based height */ margin-bottom: 1%;}
#Grid-big:after {content: ''; display: inline-block; width: 100%;}
#Grid-big img {opacity: 0.6; transition: opacity 0.3s ease-in-out;}
#Grid-big img:hover {opacity: 1; transition: opacity 0.3s ease-in-out;}


/* -- MEDIA QUERIES DEFINING RESPONSIVE LAYOUTS -- */

/* 6 COL */
@media (max-width: 1000px){#Grid-big li{width: 16%; margin-bottom: 2%;}}

/* 5 COL */
@media (max-width: 800px){#Grid-big li{width: 19%; margin-bottom: 3%;}}

/* 4 COL */
@media (max-width: 600px){#Grid-big li{width: 24%; margin-bottom: 4%;}}

/* 3 COL */
@media (max-width: 400px){#Grid-big li{ width: 30%; margin-bottom: 5%;}}


/* ------ Responsive grid za BRANDS medium------*/

/* -- FLUID GRID STYLES -- */

#Grid-medium {margin-bottom: 10px; text-align: justify; font-size: 0.1px;}
#Grid-medium li {display: inline-block; width: 9%; /* Used instead of height to give elements fluid, width-based height */ margin-bottom: 1%;}
#Grid-medium:after {content: ''; display: inline-block; width: 100%;}
#Grid-medium img {opacity: 0.6; transition: opacity 0.3s ease-in-out;}
#Grid-medium img:hover {opacity: 1; transition: opacity 0.3s ease-in-out;}


/* -- MEDIA QUERIES DEFINING RESPONSIVE LAYOUTS -- */

/* 7 COL */
@media (max-width: 1000px){#Grid-medium li{width: 12%; margin-bottom: 2%;}}

/* 6 COL */
@media (max-width: 800px){#Grid-medium li{width: 14%; margin-bottom: 3%;}}

/* 5 COL */
@media (max-width: 600px){#Grid-medium li{width: 16%; margin-bottom: 4%;}}

/* 4 COL */
@media (max-width: 400px){#Grid-medium li{ width: 18%; margin-bottom: 5%;}}



/* ------ Responsive grid za BRANDS small------*/

/* -- FLUID GRID STYLES -- */

#Grid-small {margin-bottom: 10px; text-align: justify; font-size: 0.1px;}
#Grid-small li {display: inline-block; width: 6%; /* Used instead of height to give elements fluid, width-based height */ margin-bottom: 1%;}
#Grid-small:after {content: ''; display: inline-block; width: 100%;}
#Grid-small img {opacity: 0.6; transition: opacity 0.3s ease-in-out;}
#Grid-small img:hover {opacity: 1; transition: opacity 0.3s ease-in-out;}


/* -- MEDIA QUERIES DEFINING RESPONSIVE LAYOUTS -- */

/* 7 COL */
@media (max-width: 1000px){#Grid-small li{width: 8%; margin-bottom: 2%;}}

/* 6 COL */
@media (max-width: 800px){#Grid-small li{width: 11%; margin-bottom: 3%;}}

/* 5 COL */
@media (max-width: 600px){#Grid-small li{width: 12%; margin-bottom: 4%;}}

/* 4 COL */
@media (max-width: 400px){#Grid-small li{ width: 14%; margin-bottom: 5%;}}


/* ------ 100% max-width override ------*/

.max-width .rt-container {width:100%;}
.max-width .rt-grid-12  {width:100%;}
.max-width #rt-header .rt-container {width:1200px;}
@media only screen and (min-width: 481px) and (max-width: 767px) {.max-width #rt-header .rt-container {width: 480px;}}
/*@media only screen and (min-width: 480px) {.max-width #rt-header .rt-container {width: 480px;}}*/


.max-width h2 {color: #666666; background:none; border-bottom: 3px solid #58b75c; border-top:none; border-left:none; border-right:none;}

/* ------ Prodajni program menu dodatno ------ */

.img-container {position:relative; width: 100px; float:left; margin: 0 5px; opacity:0.6; transition: opacity 0.3s ease-in-out}
.img-container:hover {opacity:1; transition: opacity 0.3s ease-in-out}
.img-container p {position: absolute; top: 10px; width:100%; font-weight: bold; color:#fff; background: #000;}

/* ------ Tekst na slideshow-u skrit ------ */

.layout-slideshow .sprocket-features-content {display:none;}

/* ------ Top stuff ------ */

#rt-top .rt-block {padding: 0; margin:0 0 5px;}
#rt-showcase .rt-block {padding: 0; margin:0;}


/* ------ Top 100% sirina ------ */

#rt-top .rt-container {width:100%;} 
.rt-grid-1 {width: 9%;}
.rt-grid-2 {width: 17%;}
.rt-grid-3 {width: 25%;}
.rt-grid-4 {width: 33%;}
.rt-grid-5 {width: 42%;}
.rt-grid-6 {width: 50%;}
.rt-grid-7 {width: 58%;}
.rt-grid-8 {width: 67%;}
.rt-grid-9 {width: 75%;}
.rt-grid-10 {width: 83%;}
.rt-grid-11 {width: 91%;}
.rt-grid-12 {width: 100%;}

.rt-push-1 {left: 9%;}
.rt-push-2 {left: 17%;}
.rt-push-3 {left: 25%;}
.rt-push-4 {left: 33%;}
.rt-push-5 {left: 42%;}
.rt-push-6 {left: 50%;}
.rt-push-7 {left: 58%;}
.rt-push-8 {left: 67%;}
.rt-push-9 {left: 75%;}
.rt-push-10 {left: 83%;}
.rt-push-11 {left: 91%;}

.rt-pull-1 {left: -9%;}
.rt-pull-2 {left: -17%;}
.rt-pull-3 {left: -25%;}
.rt-pull-4 {left: -33%;}
.rt-pull-5 {left: -42%;}
.rt-pull-6 {left: -50%;}
.rt-pull-7 {left: -58%;}
.rt-pull-8 {left: -67%;}
.rt-pull-9 {left: -75%;}
.rt-pull-10 {left: -83%;}
.rt-pull-11 {left: -91%;}

.rt-prefix-1 {padding-left: 9%;}
.rt-prefix-2 {padding-left: 17%;}
.rt-prefix-3 {padding-left: 25%;}
.rt-prefix-4 {padding-left: 33%;}
.rt-prefix-5 {padding-left: 42%;}
.rt-prefix-6 {padding-left: 50%;}
.rt-prefix-7 {padding-left: 58%;}
.rt-prefix-8 {padding-left: 67%;}
.rt-prefix-9 {padding-left: 75%;}
.rt-prefix-10 {padding-left: 83%;}
.rt-prefix-11 {padding-left: 91%;}

/* ------ Footer 100% sirina ------ */

#rt-footer .rt-block {padding: 0; margin:0;}

#rt-footer .rt-container {width:100%;} 
.rt-grid-1 {width: 9%;}
.rt-grid-2 {width: 17%;}
.rt-grid-3 {width: 25%;}
.rt-grid-4 {width: 33%;}
.rt-grid-5 {width: 42%;}
.rt-grid-6 {width: 50%;}
.rt-grid-7 {width: 58%;}
.rt-grid-8 {width: 67%;}
.rt-grid-9 {width: 75%;}
.rt-grid-10 {width: 83%;}
.rt-grid-11 {width: 91%;}
.rt-grid-12 {width: 100%;}

.rt-push-1 {left: 9%;}
.rt-push-2 {left: 17%;}
.rt-push-3 {left: 25%;}
.rt-push-4 {left: 33%;}
.rt-push-5 {left: 42%;}
.rt-push-6 {left: 50%;}
.rt-push-7 {left: 58%;}
.rt-push-8 {left: 67%;}
.rt-push-9 {left: 75%;}
.rt-push-10 {left: 83%;}
.rt-push-11 {left: 91%;}

.rt-pull-1 {left: -9%;}
.rt-pull-2 {left: -17%;}
.rt-pull-3 {left: -25%;}
.rt-pull-4 {left: -33%;}
.rt-pull-5 {left: -42%;}
.rt-pull-6 {left: -50%;}
.rt-pull-7 {left: -58%;}
.rt-pull-8 {left: -67%;}
.rt-pull-9 {left: -75%;}
.rt-pull-10 {left: -83%;}
.rt-pull-11 {left: -91%;}

.rt-prefix-1 {padding-left: 9%;}
.rt-prefix-2 {padding-left: 17%;}
.rt-prefix-3 {padding-left: 25%;}
.rt-prefix-4 {padding-left: 33%;}
.rt-prefix-5 {padding-left: 42%;}
.rt-prefix-6 {padding-left: 50%;}
.rt-prefix-7 {padding-left: 58%;}
.rt-prefix-8 {padding-left: 67%;}
.rt-prefix-9 {padding-left: 75%;}
.rt-prefix-10 {padding-left: 83%;}
.rt-prefix-11 {padding-left: 91%;}


/* ------ Akcije override ------ */

.akcija .slika {float:left; margin-right:50px; width:350px;}
.icon-sign-blank:before {font-size: 3em;}
.akcija .opis {float:left; margin-right:50px; width:350px;}
.akcija .opis p {font-weight:normal; font-size: 1.5em; background:#58B75C; color:#fff; text-align:center; padding:5px; width:100%;}
.akcija .cena {margin:10px 25px 0 25px; padding:10px; border:2px solid #fff;}
.akcija .cena p{font-size: 1.5em; background:#58B75C; color:#fff; text-align:center; padding:10px;}
.cena span {font-size: 1.6em;}
.cena span.vsota {font-size: 3.2em;}
.cena-stolpec {float: left; text-align: center; width: 350px;}


.sprocket-strips-content a {color:#fff;}
.rt-overlay-light .sprocket-strips-item .sprocket-strips-image-container {transition: all 0.2s ease-in-out}
.rt-overlay-light .sprocket-strips-item .sprocket-strips-image-container:hover {border: 2px solid #58B75C; transition: all 0.2s ease-in-out}

/* ------ HEADER gradient ------ */



#rt-header {
	background-color: #58B75C;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.75);
}

#rt-showcase-surround {margin-top: 10px;}

/* ------ Prodajni program CSS ------*/

.program-inner {color:#fff; background:#58b75c; transition: all 0.3s ease-in-out; padding: 10px 5px; margin:10px 0; font-weight: bold;}
.program-inner:hover {color:#58b75c; background:#fff; transition: all 0.3s ease-in-out; padding: 10px 5px; margin:10px 0; font-weight: bold;}

/* ------  Blagovne znamke v meniju CSS ------*/

.znamke {float: left; margin: 0 5px 0 0; border-right: 1px solid #fff; padding: 0 10px; color:#fff;}
.znamke-noborder {float: left; margin: 0 5px 0 0; padding: 0 10px; color:#fff;}


/* ------ Narocilnica CSS ------ */

/*.narocilnica-item {float:left; margin-right:3px;}*/
/*.narocilnica-item input {width:150px; height:15px;}*/
/*.narocilnica-item select {width:70px;}*/
.heading {border-bottom: 2px solid #58b75c; margin-bottom: 15px;}
.heading h2 {font-size: 150%; line-height: 100%; margin:10px 0 0;}

.narocilnica-row {width:100%; margin-top:15px; /*margin:5px 0;*/}
.rt-overlay-light .narocilnica-row input {padding: 0; height: 30px; line-height: 30px; width: none; width: 100%; border: none; text-align:center; padding: 0 5px; background-color: #fff;}
.narocilnica-row .spacer {height:10px;}
.narocilnica-row td {padding:0 15px 0 5px;}

.narocilnica-tbl {border: 1px solid #000; width:100%; font-weight:bold;}
.narocilnica-tbl td {border: 1px solid #000; text-align: center;}
.narocilnica-tbl td.velikost {width:50px;}

#levo {float:left; width: 50%;}
#desno{float:left; width: 50%;}
.opomba {font-weight: bold;}
.crta {border-bottom: 2px solid #58B75C}



/* ------ iFrame od zaloge ------ */

#konfigurator-div {width:930px; height: 690px; overflow: hidden; position: relative; margin:0 auto;}
#konfigurator-iframe {position: absolute; top: -210px; left: -2px; width: 960px; height: 900px;}

/* ------ Un knof na FP za narocilo ------ */

.fp-button-narocilo {border:1px solid #58b75c; padding: 10px 15px; background:#fff; width:265px; text-align:center; color:#58b75c; margin:0 auto; transition: all 0.3s ease-in-out; margin-top: 25px;}
.fp-button-narocilo:hover {border:1px solid #58b75c; background:#58b75c; color:#fff; transition: all 0.3s ease-in-out;}


/* ------ ALERT Styling ------ */

#system-message .alert {background-color: #fff; background-image: none; background-repeat: ; border-radius: none; color: #58b75c;  list-style: none outside none;  margin: 15px 0; padding: 15px;}
.alert {border: 1px solid #58b75c; margin-bottom: 20px; padding: 8px 35px 8px 14px;text-shadow: none;}
.alert .close {position: relative; right: -10px; top: -10px;}

/* ------ Skrit verify email vnos ------ */

/*
#jform_email2-lbl {display: none;}
#jform_email2 {display: none;}
.control-label .optional {display: none;}
*/

/* ------ Outlet tabela in ostali stuff------ */

.outlet {border: solid 1px #999; width:100%;}
.outlet td {border: solid 1px #999; text-align:center;}
.menu-outlet h2 {height: 80px;}
.blog-cena {background-color: #58b75c; color:#fff; font-size: 24px; text-align:center; padding: 10px 0;}