body {
     margin: 0;
     padding: 0;
     font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
     color: #555555;
     background: #d0d7ab;
}

/* Typography
------------------------------------------------------------------------------*/

p {
     margin: 0 0 10px 0;
     padding: 0;
}

p.cena {
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 16px;
     line-height: 16px;
	 font-weight: bold;
	 color: #87a006;
}


#footer p {
     text-align: center;
     padding: 10px 20px;
     margin: 0;
     font-size: 10px;
}

#top_section p {
     padding: 0 0 0 5px;
     margin: 0;
     color: #666666;
     text-align:left;
     font-size: 10px;     
}

#bottom_section p {
     padding: 0;
     margin: 0;
     color: #666666;
     text-align: center;
     font-size: 10px;
}

#header_left h1{
     margin: 20px 0 0 25px;
     padding: 0;
     font-size: 18px;
     line-height: 22px;     
     letter-spacing: -1px;
     color: #333333;
}


#header_left h2 {
     font-size: 16px;
     line-height: 14px;
     font-weight: normal;
     letter-spacing: 0px;
     color: #DDDDDD;
     margin: 0 0 0 25px;
     padding: 0;
}

h1 {
     margin: 0 0 8px 0;
     padding: 0 0 5px 0;
     font-size: 18px;
     line-height: 22px;     
     letter-spacing: -1px;
     color: #333333;
	 border-bottom: 2px solid #dadfbe;
}

h2 {
     margin: 0 0 7px 0;
     padding: 0 0 5px 0;
     font-size: 16px;
     line-height: 20px;     
     letter-spacing: -1px;
     color: #333333;
	 border-bottom: 2px solid #dadfbe;
}

h3 {
     margin: 0 0 7px 0;
     padding: 0 0 5px 0;
     font-size: 14px;
     line-height: 18px;     
     letter-spacing: -1px;
     color: #333333;
	 border-bottom: 2px solid #dadfbe;
}

h4 {
     margin: 0 0 4px 0;
     padding: 0;
     font-size: 12px;
     line-height: 16px;     
     letter-spacing: -1px;
     color: #333333;
	 border-bottom: 2px solid #dadfbe;
}

h5 {
     margin: 0 0 3px 0;
     padding: 0;
     font-size: 10px;
     line-height: 14px;     
     letter-spacing: -1px;
     color: #333333;
}

/* Hyperlinks
------------------------------------------------------------------------------*/

a:link, a:visited, a:active { 
     background-color: transparent;
     color: #87a006; 
     text-decoration: none;
}

a:hover { 
     background-color: transparent;
     color: #87a006; 
     text-decoration:underline;
}

#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration:underline;
}

#footer a:link, #footer a:visited, #footer a:active { 
     background-color: transparent;
     color: #87a006; 
     text-decoration: none;
}

#footer a:hover { 
     background-color: transparent;
     color: #87a006; 
     text-decoration:underline;
}

#top_section a:link, #top_section a:visited, #top_section a:active { 
     background-color: transparent;
     color: #87a006; 
     text-decoration: none;
}

#top_section a:hover { 
     background-color: transparent;
     color: #87a006; 
     text-decoration:underline;
}

#bottom_section a:link, #bottom_section a:visited, #bottom_section a:active { 
     background-color: transparent;
     color: #87a006; 
     text-decoration: none;
}

#bottom_section a:hover { 
     background-color: transparent;
     color: #87a006; 
     text-decoration:underline;
}


/* Ordered/Unordered Lists
------------------------------------------------------------------------------*/


#right_column ul, /*#left_column ul,*/ #content_column ul  {
     margin: 0 0 10px 5px;
     padding-left: 0px;
     list-style-type:none

}

#right_column  ol, #left_column ol, #content_column  ol {
     margin: 0 0 10px 0;
     padding-left: 0;
 
}

#right_column  ol li, #left_column  ol li, #content_column  ol li  {
     margin-left: 5px;
     padding-left: 0px; 
     background: none; 
     list-style-type: decimal;
     list-style-position: inside; 
     font-size: 12px;
     line-height: 16px;
}

#right_column  li, /*#left_column  li,*/ #content_column li {
     padding-left: 10px;
     background: transparent url(../images/arrow.gif) 0 0.5em no-repeat;
     font-size: 12px;
     line-height: 16px;
}

/* Blockquotes
------------------------------------------------------------------------------*/

blockquote
{
	background-image: url(../images/quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-style: italic;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 30px;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 10px;
    color: #444444;
}

blockquote p { margin: 0 0 10px 0; }


/* Horizontal Menu
------------------------------------------------------------------------------*/

ul#navlist {
     margin: 0;
     padding: 0;
     font-weight: bold;
     font-size: 14px;
     padding: 6px 0;
}

#navlist li {
     display: inline;
     list-style-type: none;
     margin: 0; padding: 0;
     line-height: 18px;
}

#navlist a { padding: 4px 6px; margin: 0;}

#navlist a:link, #navlist a:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
     border: 1px solid #7BB73A;     
}

#navlist a:hover {
     color: #111111;
     background-color: #FFFFFF;
     border: 1px solid #333333;
     text-decoration: none;
}


/* Page Layout
------------------------------------------------------------------------------*/

#top_section {
     width: 960px;;
     margin: 0 auto;
     padding: 5px 10px;
     text-align: left;
}

#middle_section {
	 width: 960px;
     margin: 0 auto;
     padding: 10px;
     text-align: left;
	 background: #ffffff;
}

#header{
	 background: #dcdeb7 url(../images/baner.jpg) top center no-repeat;
     height: 200px; 
     margin: 0;
     padding: 0;
}

#header_left {
     float: left;
     width: 350px;
     padding: 0;
     margin: 0;
}

#header_right {
     float: right;
     width: 350px;
}

#menu_bar {
     background: #dadfbe;
     border-top: 1px solid #ffffec;
	 padding: 0 0 5px 0;
}

#breadcrumb {
    padding: 15px 15px;
    margin: 0px;
    border-bottom: 1px solid #dddddd;
    background: #FFFFFF url(../images/shadow.gif) top left repeat-x;
}

#content_wrapper {
     float: left;
     width: 540px;
	 padding: 10px;
}

#content_column {
     margin: 0;
}

#left_column {
     float: left;
     width: 180px; 
	 padding: 10px;
     background: #F7F7F7 url('../images/sidebar_fade.jpg') bottom left repeat-x;
}

#right_column {
     float: left;
     width: 180px; 
	 padding: 10px;
     background: #F7F7F7 url('../images/sidebar_fade.jpg') bottom left repeat-x;
}

#footer {
     clear: left;
     width: 100%;
     background: #ffffff;
     padding: 0;
     margin: 0;
	 border-top: 5px solid #dadfbe;
}

#bottom_section {
   width: 960px;;
     margin: 0 auto;
     padding: 15px 10px;
     text-align: left;
}

/* Other	
------------------------------------------------------------------------------*/

.photo_frame {
     float: right;
     padding: 5px;
     border: 1px solid #ddd;
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     margin: 5px 0 5px 10px;
}

.photo_frame img {
	   border: none;
}

.artikel_box {
	width:220px;
     float: left;
     padding: 5px 0;
}

.artikel_photo {
	width:300px;
     float: right;
     padding: 5px;
     border: 1px solid #ddd;
     margin: 5px 0 5px 5px;
	 background: #fff;
}

.artikel_photo img {
	   border: none;
}

/* menu
------------------------------------------------------------------------------*/

ul#menu {
	padding: 0 0 15px 0;
	margin: 0;
	list-style: none;
	z-index: 1;
}

ul#menu li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#menu li a {
	display: block;
	font-size: 11px;
	letter-spacing: -1px;
	color: #87a006;
	text-decoration: none;
	font-weight: normal;
	padding: 8px 10px;
	border-bottom: 1px solid #ffffff;
	background: #dadfbe;
}
ul#menu li a:hover {
	color: #ffffff;
	background: #87a006;
}

/* */
.img_content_main {
	float: right;
	width: 180px;
	padding: 5px 0 5px 10px;
}

.img_content_sidebarr {
	width: 160px;
	padding: 5px 0;
}

.foto {
	float: left;
	text-align: left;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	width: 116px;
	height: 160px;
	margin: 0 3px 8px 0;
	overflow: hidden;
}

.foto .img_main {
	background: #FFFFFF;
	padding: 5px;
	margin: 0 0 10px 0;
	border: 1px solid #d3d3d3;
}


/*========fotogalerija========*/
.foto_vsebina {
	float: left;
	text-align: center;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	width: 110px;
	height: 110px;
	margin: 0 10px 8px 0;
	overflow: hidden;
}
/*========//fotogalerija========*/


.pagine {
	text-align: right;
	padding: 5px 0;
}

.book {
	width: 540px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px 0;
}

.book .col1 {
	float: left;
	width: 100px;
	padding: 0 18px 0 0;
}

.book .col1 img {
	border: 1px solid #ccc
}

.book .col2 {
	float: left;
	width: 200px;
	padding: 0 20px 0 0;
}

.book .col3 {
	float: left;
	width: 180px;
}

.book .col4 {
	float: left;
	width: 330px;
	padding: 0 0 0 20px;
}


/* */

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
img { border: none; }

.tac { text-align: center; }
.tar { text-align: right; }
.in5 { padding-top: 5px; }
.in8 { padding-top: 8px; }
.in10 { padding-top: 10px; }
.in15 { padding-top: 15px; }
.in20 { padding-top: 20px; }
.in25 { padding-top: 25px; }

.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pr20 { padding-right: 20px; }


/**/

.meta {
	height: 16px;
	margin: 0;
	padding: 10px;
	/*background: url(../images/img07.jpg) repeat-x left bottom;*/
	line-height: normal;
}

.meta .permalink {
	display: block;
	float: right;
	padding-left: 17px;
	background: url(../images/img09.gif) no-repeat left center;
	margin-left: 7px;
}

.meta .comments {
	display: block;
	float: right;
	width: 107px;
	padding: 0 0 0 25px;
	background: url(../images/img08.gif) no-repeat left center;
}

#contact_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#contact_form form, #sendtofriend_form form {
	border: 0;
	margin: 0;
	padding: 0;
}

#contact_form  ul, #contact_form  li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style:none;
	background: none;
}

#contact_form label {
	width: 160px;
	display: block;
	text-align: left;
	color: #666666;
	font-size: 10px;
}

#contact_form label.error {
	width: 160px;
	display: block;
	text-align: left;
	color: red;
	font-size: 10px;
}

#contact_form label.prepis {
	float: left;
	width: 60px;
	display: block;
	text-align: left;
	color: #666666;
	font-size: 10px;
}

#contact_form .text_field {
	width: 160px !important;
	font: 11px/14px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
#contact_form input.text_field {
	width: 240px !important;
}
#contact_form textarea.text_field {
	width: 480px !important;
}

#contact_form .niz_field {
	width: 40px !important;
	font: 11px/14px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#contact_form textarea.text_field {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#contact_form li.submit {
	padding-top: 15px;
}

#checkmark {
	float: left;
	padding: 0 10px 5px 0;
}


.icon img { margin:0 10px 0 0; float: left; }

#content_cart {
	width: 540px;
}


/*=========cart===========*/
.cart {
	width: 540px;
	background: #d0d7ac;
	font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #333333;
	padding: 0 0 7px 0;
}

.cart a, .item a, .book a {
	text-decoration: none;
	border-bottom: none;
	color: #417FDA;
}



a.add2cart {
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	color: #87a006;
	padding: 5px 10px 5px 30px;
	background: #dadfbe url(../images/cart.gif) 5px 5px no-repeat;
}
a.add2cart:hover {
	color: #87a006;
	background: #dadfbe url(../images/cart.gif) 5px 5px no-repeat;
	text-decoration: underline;
}


.procent {
	width: 540px;
	background: #dadfbd;
	font: italic 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #333333;
	padding: 0 0 2px 0;
}

.item {
	width: 540px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	border-top: 1px solid #d0d7ac;
	padding: 0 0 5px 0;
}

.odlocitev {
	width: 540px;
	padding: 30px 0 5px 0;
}

.odlocitev .nazaj {
	float: left;
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.odlocitev .naprej {
	float: right;
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.urejanje_li .naprej {
	float: left;
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.otok .naprej {
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.urejanje_div .naprej {
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 2px 3px 2px;
	background: #FDF3E3;
}

a.tipka {
	display:block;
	float: right;
	color: #666666;
	border: 1px solid #dadfbe;
	padding: 2px 10px 3px 10px;
	background: #FFF;
}

.cart_1 {
	float: left;
	width: 130px;
	padding: 10px 0 5px 10px;
	text-align: left;
}

.cart_2 {
	float: left;
	width: 70px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_3 {
	float: left;
	width: 50px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_4 {
	float: left;
	width: 60px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_5 {
	float: left;
	width: 70px;
	padding: 6px 0 5px 0;
	text-align: center;
}
/*========//cart==========*/

/*========form==========*/
#content_cart fieldset {
	border: none;
}

#content_cart ul.urejanje_ul {
	padding: 8px 0;
	margin: 0;
	background: none;
}

#content_cart ul.urejanje_ul li.urejanje_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	color: #666666;
	background: none;
}

#content_cart ul.urejanje_ul li.textarea_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	height: auto;
	color: #666666;
	background: none;
}

#content_cart label {
	display: block;
	width: 132px;
	text-align: right;
	float: left;
	padding: 3px 8px 2px 0;
	color: #666666;
	font-size: 11px;
}

#content_cart .text_field {
	width: 120px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#content_cart .text_field_long {
	width: 240px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.otok .text_field{
	width: 90px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#content_cart .checkbox {
	border: none;
}
/*========//form==========*/
ul#side_cart li {
	background: none;
}


/* Menu izbire */

.menu ul { 
	padding: 0 10px; 
	margin: 0;
	list-style: none;
	height: 38px;
	z-index: 1;
	text-align: center;
}

.menu ul li {
	padding: 0;
	margin: 0;
	float: left;
	height: 38px;
	list-style: none;
	background: url('../images/menu_l.jpg') top left no-repeat;
}

.menu ul li:hover {
	background: url('../images/menu_lo.jpg') top left no-repeat;
}

.menu a, .menu a:visited {
	font-weight: bold;
	display: block;
	float: left;
	text-decoration: none;
	color: #40311e;
	line-height: 38px;
	padding: 0 12px;
	width: 80px;
	background: url('../images/menu_r.jpg') top right no-repeat;
}

.menu a:hover {
	color: #fff;
	background: url('../images/menu_ro.jpg') top right no-repeat;
}


/* trgovina - box */
.box {
	float: left;
	width: 164px;
	height: 246px;
	padding: 4px;
	border: 1px solid #dadfbe;
	margin-right: 6px;
	margin-bottom: 10px;
}

.boxdouble {
	float: left;
	width: 347px;
	height: 230px;
	padding: 4px;
	border: 1px solid #dadfbe;
	margin-right: 9px;
	margin-bottom: 10px;
}

.boxdouble .ad {
	width: 347px;
	height: 230px;
}

.box .artikel {
	width: 164px;
	height: 144px;
	padding: 0 0 5px 0;
}
.last {
	margin-right: 0px;	
}

.box p, .boxdouble p {
	font-size: 10px;
	line-height: 12px;
}

.box span, .boxdouble span {
	display: block;
     font-size: 13px;
	 color: #87a006;
	 padding: 0 0 2px 0;
}

input.kolicina {
	border: 1px solid silver;
	width: 56px;
}


/* islands */
.otok {
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #dadfbe;
}
.otok p {
	font-size: 11px;
}
.otok span {
	display: block;
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	color: #87a006;
	padding: 0 0 5px 0;
}

.otok h4 {
     margin: 0 0 4px 0;
     padding: 0 0 2px 0;
     font-size: 12px;
     line-height: 16px;     
     letter-spacing: -1px;
     color: #333333;
	 border-bottom: 2px solid #dadfbe;
}
a.vec {
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
	color: #87a006;
	padding: 1px 5px;
	background: #dadfbe;
}
a.vec:hover {
	color: #fff;
	background: #87a006;
	text-decoration: none;
}

#content_column .datum {
	display: block;
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #87a006;
	padding: 0 0 5px 0;
}

/* news */
ul.news {
	padding: 0 0 15px 0;
	margin: 0;
	list-style: none;
}

ul.news li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.news li a {
	font-size: 11px;
	letter-spacing: -1px;
	color: #87a006;
	text-decoration: none;
	font-weight: normal;
}

ul.news li a:hover {
	text-decoration: underline;
}

.pagine {
	text-align: right;
	padding: 5px 0 10px 0;
}

.pagine span {
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background: #efefef;
}

.pagine span a {
	padding: 2px 5px;
	text-align: center;
	background: #dadfbe;
}

.pagine span a:hover {
	background: #87a006;
	color: #ffffff;
	text-decoration: none;
}

/* prijava */

.prijava form {
	padding: 0;
	margin: 0;
}

.prijava ul.urejanje_ul {
	width: 382px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 0;
	margin: 0;
}

.prijava ul.urejanje_ul li.urejanje_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	color: #666666;
}

.prijava ul.urejanje_ul li.textarea_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	height: auto;
	color: #666666;
}

.prijava label {
	display: block;
	width: 100px;
	text-align: left;
	float: left;
	padding: 3px 8px 2px 0;
	color: #666666;
}

.prijava .text_field {
	width: 120px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #333333;
	background: transparent;
	padding: 3px 5px;
	border: 1px solid silver;
}

.prijava .text_field_long {
	width: 240px;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #333333;
	background: transparent;
	padding: 3px 5px;
	border: 1px solid silver;
}

.prijava .checkbox {
	border: none;
}

.prijava a {
	color: #87a006;
	text-decoration: underline;
}

.prijava a:hover {
	color: #87a006;
	text-decoration: none;
}


.select_picture ul#gallery_nav{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}


ul#gallery_nav{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

ul#gallery_nav li{
	margin: 0 2px 2px 0 !important;
	padding: 0 0 0 0 !important;
	text-align: center;
	height: 19px;
	width: 19px;
	background-position: top left;
	background-repeat: no-repeat;
}

.select_picture ul#gallery_nav li{
	margin: 0 2px 2px 0 !important;
	padding: 0 0 0 0 !important;
	float: left;
	height: 19px;
	width: 19px;
	cursor: pointer;
	background-position: top left;
	background-repeat: no-repeat;
}

.select_picture ul#gallery_nav li.active a { cursor:default;}
.select_picture ul#gallery_nav_img li.active a { cursor:default;}


.barve_pic {
	width: 300px;
	display: none;
	overflow: hidden;
}

div#gallery1 {
	display:block;
}

div#menu {
	padding: 0 0 15px 0;
	margin: 0;
	z-index: 1;
}

div#menu div.inmenu {
	padding: 0;
	margin: 0;
	background: #dadfbe;
	border-bottom: 1px solid #ffffff;
}

div#menu div.inmenu a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #87a006;
	text-decoration: none;
	
	padding: 8px 10px;
}
div#menu div.inmenu a:hover {
	color: #ffffff;
	background: #87a006;
}

/****galerija izdelkov****/


.artikel_photo ul, .artikel_photo li{
	list-style: none;
	float: left;
	cursor: pointer;
}



/****end galerija izdelkov****/


.zaloga_da{
	color: green;
}

.zaloga_ne{
	color: red;
}
