img,h1,h2,h3,h4,body,input,textarea, a{  font-weight:normal; border:0px; padding:0px; margin:0px; vertical-align:top;  text-decoration:none;}

body {margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; background-image:url("../images/pattern-body.png");}

h1 {font-size:48px; color:#000; text-transform:uppercase; background-image:url("../images/background-h1.png"); background-position:bottom left; background-repeat:no-repeat; padding-bottom:15px; margin-bottom:25px; font-weight:700;}
h2 {font-size:36px; color:#000; text-transform:uppercase; font-weight:700;}
h3 {font-size:30px; color:#000; text-transform:uppercase; font-weight:700;}

.bold {font-weight:700;}

p {color:#000; line-height:24px; font-size:17px;}
.content a {color:#1D8F00;}
.content a:hover {text-decoration:underline;}

.content ul {font-weight:600; line-height:30px;}

.content img {border:3px solid transparent; transition:all 0.3s; border-radius:5px; margin:10px 10px 10px 0;}
.content img:hover {border:3px solid #1D8F00;}

.page-bg {background-image:url("../images/background-body.png"); background-size:100% auto; background-position:top center; background-repeat:no-repeat;}
.page {width:1200px; margin:0 auto;}

.logo {width:438px; height:111px; display:inline-block; margin:40px 0 40px -120px}

.logo:hover img {-webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
    transform: rotateY(360deg); /* Standard syntax */}
.logo img {transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s;}

.navigation {position:relative; background-image:url("../images/background-nav-green.png"); background-size:100% 100%; }
.navigation ul {margin:0; padding:0; padding-left:40px; float:left;}
.navigation ul li {float:left; display:inline-block;}
.navigation ul li a{float:left; display:inline-block; font-size:18px; color:#fff; font-weight:700; text-transform:uppercase; padding:20px 80px 20px 0; background-image:url("../images/background-nav-button.png"); background-position:center right; background-size:auto 100%; background-repeat:no-repeat; opacity:0.8; transition:all 0.3s; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.navigation ul li a:hover {text-decoration:none; opacity:1; padding:25px 80px 15px 0;}

.navigation .flags {float:right; margin:16px;}
.navigation .flags img {margin:0 2px; opacity:0.6; transition:all 0.3s;}
.navigation .flags img:hover {opacity:1;}

.navigation .title {font-size:48px; font-weight:600; color:#000; position:absolute; top:-47px; right:0;}

.nav-pattern {background-image:url("../images/pattern-nav.png"); background-repeat:repeat-x; height:18px; margin-top:-5px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);}

.main {margin-top:60px;}

.content {float:right; width:876px;}


.sidebar {float:left; width:247px;}
.sidebar-title {padding:15px 30px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; border-bottom:2px solid #8dc74c; background: #67c101; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM2N2MxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGM5NjAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #67c101 56%, #4c9601 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#67c101), color-stop(100%,#4c9601)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* IE10+ */
background: linear-gradient(to bottom,  #67c101 56%,#4c9601 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c101', endColorstr='#4c9601',GradientType=0 ); /* IE6-8 */

}

.sidebar ul {list-style-type:none; margin:0; padding:0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden;}
.sidebar ul li {display:block;}
.sidebar ul li a {padding:15px 30px; transition:all 0.3s; display:block; font-size:16px; font-weight:600; text-transform:uppercase; color:#fff; background: #313131; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzUzNTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #313131 0%, #535353 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#535353)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #313131 0%,#535353 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #313131 0%,#535353 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #313131 0%,#535353 100%); /* IE10+ */
background: linear-gradient(to bottom,  #313131 0%,#535353 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#535353',GradientType=0 ); /* IE6-8 */
}
.sidebar ul li a:hover {-webkit-box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75);}

.sidebar-contact {background-image:url("../images/background-sidebar.png"); background-size:100% auto; background-repeat:no-repeat; background-position:top center; height:299px; font-size:14px; color:#fff; text-transform:uppercase; padding:20px 10px;}
.sidebar-contact span {color:#fff; font-size:15px; font-weight:600;}

.contacts {margin-top:30px;}
.contacts span {display:block; color:#fff; font-size:16px; font-weight:400; text-transform:lowercase; margin:10px 0;}
.contacts a {color:#1D8F00;}
.contacts a:hover {text-decoration:underline;}

.tel {background-image:url("../images/icon-tel.png"); background-position:center left; padding-left:30px; background-repeat:no-repeat;}
.cell {background-image:url("../images/icon-tel2.png"); background-position:center left; padding-left:30px; background-repeat:no-repeat;}
.mail {background-image:url("../images/icon-mail.png"); background-position:center left; padding-left:30px; background-repeat:no-repeat;}

.footer {margin-top:100px; background-image:url("../images/pattern-footer.png"); background-repeat:repeat-x; padding-top:125px; background-color:#669E00; font-size:16px; text-transform:uppercase; color:#fff;}
.footer a {color:#fff;}
.footer a:hover {text-decoration:underline;}
.footer-1200 {width:1200px; margin:0 auto; padding:30px 0;}
.footer-left {float:left;}
.footer-right {float:right;}

input {border-radius:5px; transition:all 0.3s; width:350px; background-color:#252525; padding:10px 20px; font-size:16px; color:#fff; outline:none; margin-bottom:20px;}
textarea {border-radius:5px; width:350px; max-width:100%; min-height:150px; max-height:500px; background-color:#252525; padding:10px 20px; font-size:16px; color:#fff; outline:none; margin-bottom:20px; font-family: 'Source Sans Pro'}
input[type=submit] {width:auto; padding:15px 50px 12px 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px;font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; border-bottom:2px solid #507427; background: #67c101; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM2N2MxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGM5NjAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #67c101 56%, #4c9601 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#67c101), color-stop(100%,#4c9601)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #67c101 56%,#4c9601 100%); /* IE10+ */
background: linear-gradient(to bottom,  #67c101 56%,#4c9601 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c101', endColorstr='#4c9601',GradientType=0 ); /* IE6-8 */}
input[type=submit]:hover {-webkit-box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 13px 20px 0px rgba(0,0,0,0.75); cursor:pointer;}

.clear-both {clear:both;}

.standard-page-content { float: right; width: 70% ;  overflow: hidden; }
.izdelek-slike { float: left; width: 25%; overflow: hidden; }
.izdelek-slike img { max-width: 95%; }

.product {
  padding: 10px 10px 60px 10px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;	
  position: relative;
  float: left;	
  width: 553px;
  height: 160px;
  overflow: hidden;
  margin: 6px;
  margin-right: 10px;

}

.product-list a {
  text-decoration: none;
}
.product-list a:hover { text-decoration: none; }

.product-info {   display: block;   color: #6d6d6d;
  max-height: none;
  height: auto;
  overflow: visible;
  margin: 0 15px 5px 0;
  padding: 10px 0;  
}

.product-thumb {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  display: block;
  overflow: hidden;
  width: 260px;
  height: 159px;
  background-image: url("../images/no-image.png");
  background-size: auto 80%;
  background-position: center center;
  background-color: #fff;
    float: left;
	margin: 0 15px 5px 0;	
}

.product-title  {
  bottom: 0;
   min-height: 50px;
  padding-top: 5px;
  color: #4e4e4e;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none; 
   position: static;
  margin-bottom: 0;
  display: inline;
  background: none;
  text-align: left;
  width: auto; 
}

.product-thumb img {  display: block;
  min-width: 100%;
  min-height: 100%;
  max-width: 100%; border:0px; }
 .product-thumb img:hover { border:0px; }