/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
/*body {text-align:center; background:#c7d4f1 url(../images/page-tail.jpg) left top repeat-x;}*/
body {text-align:center; background:#fff url(../images/bg.jpg) center top repeat-y;}

#wrap {
	background: url(../images/full-bg.jpg) center top no-repeat;
}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#808080;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#69c62b;}
a:hover {text-decoration:none;}
ul {list-style:none;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.tac{text-align:center;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.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;}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5 {float:left;}

.page-img {position:absolute; background:url(../images/page-img.jpg) 490px 185px no-repeat; height:433px; width:50%; top:0; right:0;}

/***************header***************/
#header {background:url(../images/header-img.jpg) left top no-repeat;}

.logo {padding: 0 0 0 0;}
.logo img { border: 0; }

.menu {background: #89bde3; padding:14px 42px 11px 41px; position:relative;}
.menu li {float:left; line-height:1em; margin-right: 10px;}

.menu li a {color:#F5F6F0; display:block; font-size:1em; text-transform:uppercase; text-decoration:none;  font-weight: bold;}
.menu li a span {display:block; padding:9px 15px;}
.menu li a:hover, .menu .act a {color:#0B200B; background:#c5d5f1;}
.menu li a:hover span, .menu .act a span {/*background:url(../images/button1-right1.gif) right top no-repeat;*/ padding:10px 15px 8px; font-weight: bold; }

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.wrapper2 {width:100%;}
.img-indent {float:left; margin-right:30px;}
.phone {float:right; margin-right:152px;}
.cols .phone {margin-right:41px;}
.cols .col-3 .phone {margin-right:6px;}
cite {font-style:normal;}

img.float-l {float:left; margin-right:30px; background:#F00}

.col-1 {padding-right:10px; padding-left:10px;}
.col-3 {padding-right:10px;}

.cols .col-1 {padding:0;}
.cols .col-3 {padding:0;}

.marker {/*background:url(../images/marker.gif) left 26px no-repeat; padding-left:43px;*/}
.text-marker {background:url(../images/text-marker.gif) left 5px no-repeat; margin-left:-16px; padding-left:16px; position:relative; width:100%;}

.text-size {font-size:0.917em;}

/***************titles***************/
.title-img0, .title-img1, .title-img2, .title-img3, .title-img4, .title-img5,
.title-img6, .title-img7, .title-img8, .title-img9 {margin-left:-4px; padding:22px 0 0 2px;}
.title-img1 {background:url(../images/title-img1.gif) left top no-repeat;}
.title-img2 {background:url(../images/title-img2.gif) left top no-repeat;}
.title-img3 {background:url(../images/title-img3.gif) left top no-repeat;}
.title-img4 {background:url(../images/title-img4.gif) left top no-repeat;}
.title-img5 {background:url(../images/title-img5.gif) left top no-repeat;}
.title-img6 {background:url(../images/title-img6.gif) left top no-repeat;}
.title-img7 {background:url(../images/title-img7.gif) left top no-repeat;}
.title-img8 {background:url(../images/title-img8.gif) left top no-repeat;}
.title-img9 {background:url(../images/title-img9.gif) left top no-repeat;}

h2, h3 {font-family:Georgia, serif;}

h2 {font-size:1.5em; line-height:1.167em; font-weight:normal; color:#808080; padding-bottom:11px !important;}
h3 {font-size:1.46em; line-height:1em; color:#808080; font-weight:normal;}
.box2 h3 {padding:0 0 7px 10px;}
.box2 .text {padding:0 0 7px 10px;}

/***************links***************/
.banners {padding-bottom:23px;}
.banners li {float:left; line-height:1em; padding-right:4px;}
.banners .bg4 {padding:0;}
.banners li a {font-size:0.833em; text-transform:uppercase; color:#FFF; text-decoration:none; display:inline-block;}
.banners span {display:inline-block; background:url(../images/banner-marker.gif) right 8px no-repeat; padding:12px 0 10px 19px}

.banners .bg1 a {background:#0E97A3;}
.banners .bg2 a {background:#8B4357;}
.banners .bg3 a {background:#467A17;}
.banners .bg4 a {background:#E17B08;}

.link1 {display:inline-block; background:url(../images/link-tail.gif) left top repeat-x; font-size:0.833em; text-transform:uppercase;}
.link1 a {display:inline-block; background:url(../images/link-left.gif) left top no-repeat; text-decoration:none; color:#FFF; padding:10px 31px 7px 43px;}
.link1 a:hover {text-decoration:underline;}

.link2 {font-size:0.833em; text-transform:uppercase; margin-left:10px;}

.list1 li a {font-size:0.917em; color:#6A5F53;}

.list2 {padding-bottom:6px;}
.list2 li {border-bottom:1px solid #F5F6F0; height:24px; padding:5px 0 0 10px;}
.list2 .extra {border:none;}
.list2 li a {font-size:0.833em; text-transform:uppercase; color:#69c62b;}

.drevesna { padding-bottom:6px; padding-right: 10px; }
.drevesna li { 
	padding:5px 0 0 18px; 
	background-image: url(../images/tocka.png) ;
	background-repeat: no-repeat;
    list-style-position: inside;
	background-position: 0px 8px;
}
.drevesna li a {font-size:0.833em; text-transform:uppercase; text-decoration: none; color:#69c62b; border-bottom:1px solid #F5F6F0; display: block;}
.drevesna li ul { padding:5px 0 0 10px; }



/***************boxes***************/
.box1 {background:#fff; width:100%;}
.box1 .box-top-left {background:url(../images/con-top-left1.gif) top left no-repeat;}
.box1 .box-top-right {background:url(../images/con-top-right1.gif) top right no-repeat;}
.box1 .box-bot-left {background:url(../images/con-bot-left1.gif) bottom left no-repeat;}
.box1 .box-bot-right {background:url(../images/con-bot-right1.gif) bottom right no-repeat; width:100%;}
.box1 .inner {padding: 10px 15px; }

.box2 { padding: 0;}
.box2 .inner {padding:0 17px 6px 28px;}

#right .box2 { background: #fff url(../images/box-r-bg.png) top center repeat-x; }
#left .box2 { background: #fff url(../images/box-l-bg.png) bottom center no-repeat; }

.box2-bg-top {
	background: transparent url(../images/box-top.png) top center no-repeat;
}

.box2-bg-bot {
	background: transparent url(../images/box-bot.png) bottom center no-repeat;
	padding:27px 15px 20px 1px;
}

/***************form***************/
#searchForm {float:right; padding:3px 0px 0px 0px; display: none;}
#searchForm input {color:#97C550; background:#031605; border:none; border-right:1px solid #2B5416; border-bottom:1px solid #2B5416;
 text-transform:uppercase; margin-right:1px; padding:7px 0 0 10px;}
#searchForm .link {float:left; text-decoration:none; color:#fff;}

#contactForm {padding:10px 20px 0 10px;}
#contactForm input, #contactForm textarea {font-size:0.917em; line-height:1em; border:none; background:#F5F6F0; text-transform:uppercase; padding:5px 0 0 9px;}
#contactForm textarea {overflow:hidden;}
.buttons {text-align:right; padding:17px 0 0;}
.buttons a {text-transform:uppercase; font-size:0.833em; margin:0 2px 0 11px;}

/***************positioning***************/
.margin1 {margin-bottom:15px;}
.margin2 {margin-top:4px;}

.padding1 {padding-bottom:17px;}
.padding2 {padding-bottom:50px;}
.padding3 {padding-right:36px;}
.padding4 {padding-bottom:45px;}

/***************page-5***************/
#page-5 .col-1 {padding: 0 10px 0 10px;}

/***************footer***************/
#footer {color:#fff; text-align:center; padding:10px 22px 22px 22px; width: 980px; margin: 0 auto;}
#footer a { margin:0 7px 0 7px; text-decoration:none; color:#fff;}
#footer a:hover {text-decoration:underline;}




/***************layout***************/
/***************layout***************/
/***************layout***************/

#main { width:980px; padding: 0 22px; margin:0 auto; text-align:left; background: transparent url(../images/main-bg.png) center top repeat-y;}
#bottom { width:980px; padding: 0 22px; margin:0 auto; height:20px; background: transparent url(../images/bottom-bg.png) center top no-repeat; }

/***************header***************/
#header {height:240px;}

.menu .float-l {width:853px;}

/***************content***************/
.col-1 {width:555px;}
.col-2 {width:187px;}
.col-3 {width:469px;}
.col-4 {width:380px;}
.col-5 {width:327px;}

.cols .col-1 {width:221px;}
.cols .col-2 {width:225px;}
.cols .col-3 {width:186px;}
.cols .col-4 {width:147px;}

/***************links***************/
.banners li {width:221px;}
.banners span {width:192px;}

/***************form***************/
#searchForm input {height:16px; width:156px;}

#contactForm div {height:35px;}
#contactForm input {height:19px; width:148px; background: #fff;}
#contactForm textarea { height:100px; width:162px;}

.pagine {
	text-align: right;
	padding: 4px;
	background: #f1f1f1;
}

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

.pagine span.cur {
	padding: 2px 7px;
}

.pagine span a {
	padding: 2px 7px;
	text-align: center;
	background: #C7D4F1;
	text-decoration: none;
}

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

/* trgovina - box */
.box {
	float: left;
	width: 164px;
	height: 230px;
	padding: 4px;
	border: 1px solid #c7d5f1;
	margin-right: 16px;
	margin-bottom: 15px;
}

.boxdouble {
	float: left;
	width: 347px;
	height: 230px;
	padding: 4px;
	border: 1px solid #c7d5f1;
	margin-right: 31px;
	margin-bottom: 15px;
}

.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: #00ace4;
	 padding: 0 0 2px 0;
}

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

input.cart_kolicina{
	font-size:1em;
}

.voscilo_text{
	font-size:1.5em;
}
/* 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_float {

     float: right;

}

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

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

.artikel_photo img {
	   border: none;
}

.artikel{
	cursor:pointer;
}

/* 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: #0647a0;
	text-decoration: underline;
}

.prijava a:hover {
	color: #0647a0;
	text-decoration: none;
}


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

.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; }


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

.stock {
	width: 70px;
	display: none;
	overflow: hidden;
}

div#gallery1 {
	display:block;
}

div#stock1 {
	display:block;
}

/*=========cart===========*/
.cart {
	width: 555px;
	background: #c7d5f4;
	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: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0647a0;
	padding: 5px 10px 5px 30px;
	background: #c7d5f1 url(../images/cart.gif) 5px 5px no-repeat;
}
a.add2cart:hover {
	color: #0647a0;
	background: #c7d5f1 url(../images/cart.gif) 5px 5px no-repeat;
	text-decoration: underline;
}


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

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

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

.odlocitev .nazaj {
	float: left;
	color: #666666;
	border: 1px solid #c7d5f1;
	padding: 3px 10px 3px 10px;
	background: #e9eae5;
	cursor:pointer
}

.odlocitev .naprej {
	float: right;
	color: #666666;
	border: 1px solid #c7d5f1;
	padding: 3px 10px 3px 10px;
	background: #e9eae5;
	cursor:pointer
}

.urejanje_li .naprej {
	float: left;
	color: #666666;
	border: 1px solid #c7d5f1;
	padding: 3px 10px 3px 10px;
	background: #e9eae5;
	cursor:pointer
}

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

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

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

.cart_3 {
	float: left;
	width: 90px;
	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_6 {
	float: left;
	width: 30px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_8 {
	float: left;
	width: 120px;
	padding: 6px 0 5px 0;
	text-align: center;
}

.cart_9 {
	float: left;
	width: 205px;
	padding: 10px 0 5px 10px;
	text-align: left;
}
/*========//cart==========*/



.box2 .cart_items {
	padding:0 10px 7px 10px;
}


.instock {
	background:url(../images/instock.png) bottom right no-repeat;	
}

.nostock {
	background:url(../images/nostock.png) bottom right no-repeat;	
}

#retailForm .error {
	color: red;
}

#order .error {
	color: red;
}

#animacija {
	width: 980px;
	height: 185px;
	overflow: hidden;
}

.arhiv_link a{
	color: #89BDE3;
	float:right;
}

.slike {  
    height:  332px;
    width:   232px;
    padding: 0;
    margin:  0;
} 
 
.slike img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 300px;
    top:  0; 
    left: 0 
} 

.main_picture { float: left; position: relative; } 
.slika_akcija { position: absolute; top: 0; right: 0; }