/* CSS Document */

body {
	margin:0;
	background:#FFF url(images/body_bg.jpg) top left repeat-x;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	color:#246C99;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	overflow:hidden;
}

h1 {
	margin:0 0 18px 0;
	padding:0 0 2px 0;
	color:#31AE32;
	font-size:25px;
	font-family:"Arial", Helvetica, sans-serif;
	border-bottom: 1px dotted #3B7699;
	text-transform:uppercase;
}

h2 {
	margin:30px 0 18px 0;
	padding:0 0 2px 0;
	color:#31AE32;
	font-size:17px;
	font-family:"Arial", Helvetica, sans-serif;
	border-bottom: 1px dotted #3B7699;
	text-transform:uppercase;
}

.h2dodatek {
	margin:30px 0 0px 0;
	padding:0 0 2px 0;
	color:#85CC1B;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	border-bottom: 1px dotted #85CC1B;
	text-transform:none;
	font-weight:bold;
}

.h2dodatekDrugi {
	margin:30px 0 9px 0;
	padding:0 0 2px 0;
	color:#246C99;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	border-bottom: 1px dotted #246C99;
	font-weight:bold;
	text-transform:none;
}

.h2dodatekTretji {
	margin:5px 0 0px 0;
	padding:0 0 2px 0;
	color:#246C99;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	border-bottom: none;
	font-weight:bold;
	text-transform:none;
}

h3 {
	color:#0D466C;
	font-size:13px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	line-height:120%;
	margin-bottom:25px;
	margin:0;
	padding:14px 0 6px 0;
}

h3 a {
	color:#0D466C;
	font-size:13px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

h3 a:hover {
	color:#0D466C;
	font-size:13px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}



p {
	text-align:left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:13px;
	color:#246C99;
	padding:0;
	margin:0;

}

p a {
	color:#2058B0;
	text-decoration:underline;
}

p a:hover {
	color:#2058B0;
	text-decoration:none;
}

ul { padding:0; margin:0;}
li { padding:0; margin:0; margin-left:30px; }


/* --------- GLAVA --------- */

#content {
	margin:0 auto;
	width:1000px;
	background:url(images/glava.jpg) top left no-repeat;
}

#main {
	margin:0 auto;
	width:900px;
}


#topTop {
	width:900px;
	height:44px;
	text-align:right;
	padding-top:14px;
}

#top {
	height:281px;	
}

#menu {
	height:43px;
	width:900px;
	margin:0;
	padding:0;
}

#menuItems {
	height:43px;
	float:left;
}

.menuDomov {
	height:43px;
	width:162px;
	float:left;
	background:url(images/domov1.jpg) top left no-repeat;
	cursor:pointer;
}
a:hover .menuDomov {
	height:43px;
	width:162px;
	float:left;
	background:url(images/domov2.jpg) top left no-repeat;
	cursor:pointer;
}

.menuSpoznajteSe {
	height:43px;
	width:150px;
	float:left;
	background: url(images/spoznajSe1.jpg) top left no-repeat;
	cursor:pointer;
}

a:hover .menuSpoznajteSe {
	height:43px;
	width:150px;
	float:left;
	background: url(images/spoznajSe2.jpg) top left no-repeat;
	cursor:pointer;
}

.menuOzadje {
	height:43px;
	width:150px;
	float:left;
	background: url(images/ozadje1.jpg) top left no-repeat;
	cursor:pointer;
}

a:hover .menuOzadje {
	height:43px;
	width:150px;
	float:left;
	background: url(images/ozadje2.jpg) top left no-repeat;
	cursor:pointer;
}

.menuTesti {
	height:43px;
	width:150px;
	float:left;
	background: url(images/testi1.jpg) top left no-repeat;
	cursor:pointer;
}

a:hover .menuTesti {
	height:43px;
	width:150px;
	float:left;
	background: url(images/testi2.jpg) top left no-repeat;
	cursor:pointer;
}



#kosarica {
	text-align:right;
	margin:14px 45px 0 0;
	_margin:14px 20px 0 0;
	padding-right:25px;
	float:right;
	color:#FFF;
	font-size:12px;
	background:url(images/kosarica_small.jpg) bottom right no-repeat;
}

#kosarica p{
	color:#FFF;
	font-size:12px;
}

#kosarica p a{
	color:#FFF;
	text-decoration:underline;
	font-size:12px;
}

#kosarica p a:hover{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}


#kolaz {
	width:900px;
	height:232px;
	float:left;
}

.logo {
	padding:45px 0 0 40px;
	float:left;
}

#nagovor {
	float:left;
	width:230px;
	padding:127px 0 0 188px;
}

#nagovor p {
	color: #FFF;
	font-size:11px;
}

.nagovorNaslov {
color:#ECDC72;
font-size:18px;
padding-bottom:2px;
padding-left:0;
}


/* --------- VSEBINA --------- */

#vsebina {
	width:900px;
	background:url(images/vsebina-bg.jpg) top left repeat-y;
	margin-top:6px;
}

#leftSide {
	margin:0;
	padding:0;
	width:240px;
	float:left;
}
#menuLeft {
	width:230px;
	margin:0 5px 0 5px;
	padding-top:65px;
	background:#FFF url(images/left-menu-top1.jpg) top left no-repeat; 
}

#menuLeftBaby {
	width:230px;
	margin:0 5px 0 5px;
	padding-top:65px;
	background:#FFF url(images/left-menu-top2.jpg) top left no-repeat; 
}

#menuLeftBottom {
	width:230px;
	padding-top:13px;
	background:#FFF url(images/left-menu-bottom.jpg) bottom left no-repeat; 
}

#menuLeft ul li {
	padding-bottom:6px;
}

#menuLeft ul li a{
	text-decoration:underline;
	color:#246C99;
}

#menuLeft ul li a:hover{
	text-decoration:none;
	color:#246C99;
}


#menuLeftBaby ul li {
    padding-bottom:6px;
}

#menuLeftBaby ul li a{
    text-decoration:underline;
    color:#246C99;
}

#menuLeftBaby ul li a:hover{
    text-decoration:none;
    color:#246C99;
}

#informacije {
	width:230px;
	margin:0 5px 0 5px;
	padding-top:65px;
	background:#FFF url(images/informacije.jpg) top left no-repeat; 
}

#informacije ul li {
	padding-bottom:6px;
}

#informacije ul li a{
	text-decoration:underline;
	color:#246C99;
}

#informacije ul li a:hover{
	text-decoration:none;
	color:#246C99;
}


#aliSteVedeli {
	width:200px;
	margin:10px 5px 0 5px;
	padding:60px 15px 20px 15px;
	background:url(images/ali-ste-vedeli.jpg) top left no-repeat; 
}

#aliSteVedeli ul{
	margin-top:5px;
}

#aliSteVedeli ul li{
	margin:0 0 0 15px;
	padding:0px;
}

#aliSteVedeli ul li a{
	text-decoration:none;
	color:#246C99;
}

#aliSteVedeli ul li a:hover{
	text-decoration:underline;
	color:#246C99;
}

#aliSteVedeli p {
	color:#000;
	font-size:12px;
	line-height:120%;
	padding-bottom:15px;
	border-bottom:1px dashed #3B7699;
}

#slika {
	width:230px;
	margin:0px 5px 10px 5px;
	padding:0;
}


#novice {
	width:200px;
	margin:10px 5px 0 5px;
	padding:60px 15px 20px 15px;
	background:url(images/novice.jpg) top left no-repeat; 
}

#novice ul{
	margin-top:5px;
}

#novice ul li{
	margin:0 0 0 15px;
	padding:0px;
}

#novice ul li a{
	text-decoration:none;
	color:#246C99;
}

#novice ul li a:hover{
	text-decoration:underline;
	color:#246C99;
}

#novice p {
	color:#000;
	font-size:12px;
	line-height:120%;
	padding-bottom:15px;
	border-bottom:1px dashed #3B7699;
}


/* --------- right --------- */

#right {
	width:634px;
	_width:645px;
	float:left;
	background: url(images/right-bg.jpg) top left no-repeat;
	padding:13px 11px 0 11px;
	_padding:13px 0px 0 11px;
}

#right p {
	color:#0E466C;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	margin-bottom:25px;	
}


#right p a {
	color:#0E466C;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	text-decoration:underline;
}

#right p a:hover {
	color:#0E466C;
	font-size:16px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	text-decoration:none;
}



#right ul {
	width:400px;
	padding-top:10px;
	float:left;	
	font-size:14px;

}

#right ul li {
	margin:0;
	padding:0;
	padding-bottom:5px;
	margin-left:15px;
}

.ulDodatek {
	font-size:11px;
	color:#000;
}
#vsebuje {
	margin-top:10px;
	padding-top:8px;
	padding-left:5px;
	height:23px;
	float:left;	
	font-size:16px;
	width:395px;
	background:url(images/paket-vsebuje-bg.jpg) top left no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#31AE32;
}

#nakupovanje {
	margin-top:10px;
	margin-bottom:10px;
	margin-right:8px;
	height:81px;
	float:right;	
	font-size:16px;
	width:400px;
	background:url(images/nakupovanje.jpg) top left no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#31AE32;
}

#cena {
	float:left;
	font-size:30px;
	color:#26668B;
	height:57px;
	width:129px;
	padding-top:24px;
	text-align:center;
}

#kolicina {
	height:50px;
	width:143px;
	padding-top:31px;
	text-align:center;
	float:left;
}

.label {
	width:120px;
	text-align:center;
}

#potrdi {
	float:left;
	font-size:30px;
	color:#FFF;
	height:68px;
	width:120px;
	text-align:center;
	padding-top:13px;
}

.buttonPotrdi {
	width:81px;
	height:56px;
	background: url(images/potrdi1.jpg) top left no-repeat;
	border:none;
	cursor:pointer;
}

.buttonPotrdi:hover {
	background: url(images/potrdi2.jpg) top left no-repeat;
	border:none;
	cursor:pointer;
}

.buttonPotrdi:active {
	background: url(images/potrdi3.jpg) top left no-repeat;
	border:none;
	cursor:pointer;
}

#zakajPomemben {
	width:634px;
	float:left;	
	font-size:11px;
	color:#000;
}

#zakajPomemben ul li{
	width:600px;
	list-style-type:none;
	list-style:none;
	list-style-image:url(images/kljukica.jpg);
	font-size:12px;
	color:#666666;
}

#zakajPomemben ul li a{
	font-size:12px;
	color: #039;
	font-weight:bold;
	text-decoration:underline;
}
#zakajPomemben ul li a:hover{
	text-decoration:none;
	font-size:12px;
	color: #039;
	font-weight:bold;
}

#zakajPomemben p{
	font-size:12px;
	color:#666666;
	padding:0;
	margin:0;
	margin-bottom:20px;
	margin-top:5px;
}
label {
	font-size:12px;
	color:#666666;
	padding:0;
	margin:0;
	line-height:120%;
}

#zakajPomemben p a{
	font-size:12px;
	color:#039;
	font-weight:bold;
	text-decoration:underline;
}

#zakajPomemben p a:hover{
	font-size:12px;
	color:#039;
	font-weight:bold;
	text-decoration:none;
}

.vprasanje {
 color:#246C99;	
 font-weight:bold;
 padding:0px 0 5px 13px;
 background: url(images/vprasaj.jpg) top left no-repeat;
 font-size:13px;
 line-height:120%;
}
.odgovor {
 color:#000;	
 font-weight:normal;
 padding:0px 0 5px 13px;
 background: url(images/odgovor.jpg) top left no-repeat;
 font-size:12px;
 margin-bottom:20px;
 line-height:120%;
}
.odgovor ul li {
 color:#000;	
 font-weight:normal;
 padding:0px 0 5px 13px;
 font-size:12px;
 margin-bottom:20px;
 line-height:120%;
 list-style:square;
}

#uvodnaSlika {
	float:right;
	margin-left:20px;
}

.izdelekMain {
	width:202px;
	height:280px;
	background:url(images/izdelek1.jpg) top left no-repeat;
	float:left;
	margin:0 8px 8px 0;
	text-align:center;
}

.izdelekMain img {
	text-align:center;	
}

.izdelekMaliLeft, .izdelekMaliRight { width:300px; float:left;  margin:0; padding:0; margin-bottom: 15px; }
.izdelekMaliLeft p a {font-size:12px; color:#666666;}
.izdelekMaliRight p a {font-size:12px; color:#666666;}
a:hover .izdelekMaliLeft, a:hover .izdelekMaliRight  { background-color: #E7F2F5; cursor:pointer; text-decoration:none;}

.izdelekMaliLeft h3, .izdelekMaliRight h3 {margin:0; padding:0; padding-top:5px;}

a .izdelekMaliLeft p, .izdelekMaliRight p { font-size:12px; color:#666666;}
a .izdelekMaliLeft p a {font-size:12px; color:#666666;}
a .izdelekMaliRight p a {font-size:12px; color:#666666;}

.izdelekMaliRight { float:right; }

.malaSlika { width:103px; height:109px; float:left; background: #FFF url(images/izdelek_bg_mali.jpg) top left no-repeat; text-align:center; margin:0; padding:0; padding-top:9px; margin-right: 10px;}


.izdelekVeliki {
	width:211px;
	height:221px;
	float:left;
	background:url(images/izdelek-bg-veliki.jpg) top left no-repeat;
	text-align:center;
	margin-right:15px;
	padding-top:21px;
}

.navodilaZaUporabo {
	width:211px;
	height:36px;
	float:left;
	background:url(images/pdf.jpg) top left no-repeat;
	text-align:center;
	margin-right:15px;
	margin-top:21px;
	padding-top:7px;
}
.navodilaZaUporabo a{color:#26668B;}
.navodilaZaUporabo a:hover{
 text-decoration:underline;
}

.buttonVec {
	width:228px;
	height:26px;
	text-align:center;
	cursor:pointer;
	border:0px;
	background:url(images/buttonVec.jpg) top left no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding-top:8px;
}

.buttonVec a:hover {
	text-align:center;
	cursor:pointer;
	border:0px;
	text-decoration:underline;

}

.buttonPodrobnosti {
	width:74px;
	height:21px;
	cursor:pointer;
	border:0px;
	background: url(images/buttonPodrobnosti1.jpg) top left no-repeat;
	color:#FFF;
	font-weight:normal;
	font-size:12px;
	line-height:120%;
	margin-right:5px;
	margin-left:62px;
	_margin-left:30px;
	padding-top:3px;
	float:left;
}

.buttonPodrobnosti:hover {
	width:74px;
	height:24px;
	text-align:center;
	cursor:pointer;
	border:0px;
	background:url(images/buttonPodrobnosti2.jpg) top left no-repeat;
	text-decoration:none;
}

.buttonPodrobnosti a:hover {
	text-decoration:none;	
}

.buttonDodajKosarico {
	width:95px;
	height:21px;
	text-align:center;
	cursor:pointer;
	border:0px;
	background: url(images/dodajKosarico1.jpg) top left no-repeat;
	color:#FFF;
	font-weight:normal;
	font-size:12px;
	line-height:120%;
	padding-top:3px;
	float:left;
}

.buttonDodajKosarico:hover {
	width:95px;
	height:24px;
	text-align:center;
	cursor:pointer;
	border:0px;
	background: url(images/dodajKosarico2.jpg) top left no-repeat;
}

.buttonDodajKosarico a:hover {
	text-decoration:none;	
}

.button {
	text-align:center;
	background: url(images/oddaj-narocilo1.jpg) top left no-repeat;
	width:340px;
	height:49px;
	cursor:pointer;
	border:0px;
	margin:10px 0 0 0px;
}
.button:hover {
	background: url(images/oddaj-narocilo2.jpg) top left no-repeat;
}
.button_hover {
	background:url(images/oddaj-narocilo2.jpg) top left no-repeat;
	visibility:hidden;
}



.buttonPoslji {
	text-align:center;
	background: url(images/poslji1.jpg) top left no-repeat;
	width:145px;
	height:34px;
	cursor:pointer;
	border:0px;
	margin:0 0 0 0;
}
.buttonPoslji:hover {
	background: url(images/poslji2.jpg) top left no-repeat;
}
.buttonPoslji_hover {
	background:url(images/poslji2.jpg) top left no-repeat;
	visibility:hidden;
}


#noga {
	margin:0 auto;
	width:1000px;
	height:260px;
	background:url(images/noga.jpg) top left no-repeat;
}

#nogaVsebina {
	width:634px;
	float:right;
	margin:20px 54px 0 0;
	padding:25px 11px 0 11px;
	_margin:20px 25px 0 0;
	text-align:center;
}

#nogaVsebina p {
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:10px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	line-height:120%;
	border-bottom:1px solid #DCE9EF;
	
}

#nogaVsebina p a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}
#nogaVsebina p a:hover {
	color:#FFF;
	font-size:12px;
	text-decoration:underline;
}

.kosarica_txt {
	position:relative;
	top:-6px;
}

#kosarica_potrditev {
	font-weight:bold;
	font-size:14px;
	position:relative;
	top:-8px;
}

#kosarica_tbl {
	border:none;
	border-spacing:0;
	background-color:#fff;
}

#kosarica_tbl input {
	width:35px;
	text-align:center;
}

#kosarica_tbl img {
	border:0;
}

#kosarica_tbl a {
	color:#246C99;
	text-decoration:underline;
}

#kosarica_tbl a:hover {
	color:#246C99;
	text-decoration:none;
}

tr.end {
	background-color:#eee;
	font-weight:bold;
	font-size:14px;
}

tr.end td {
	padding:7px 8px 7px 10px;
}

tr.normal td {
	padding:10px;
}

td.desni-rob {
	border-right:1px solid #d5d5d5;
}
td.brisi {
	width:80px;
	text-align:center;
	border-right:1px solid #d5d5d5;
}

td.product-name {
	border-right:1px solid #d5d5d5;
	width:190px;
}

td.product-price {
	font-weight:bold;
	width:80px;
	border-right:1px solid #d5d5d5;
	text-align:center;
}

td.product-total {
	width:100px;
	font-weight:bold;
	text-align:center;
}

td.product-quant {
	width:80px;
	font-weight:bold;
	border-right:1px solid #d5d5d5;
	text-align:center;
}

#ovoj {
	padding:3px;
	background-color:#eee;
}

.hr {
	text-align:right;
	font-size:16px;
}

.hr2 {
	text-align:right;
	padding-bottom:5px;
	font-size:16px;
	border-bottom:1px solid #d5d5d5;
}

.total {
	color:#246C99;
	padding-bottom:3px;
	font-size:16px;
	
}

.gumb_osvezi {
	margin:5px;
	font-family:verdana;
}

#kosarica_podatki {
	margin-left:30px;
	font-weight:bold;
	font-size:14px;
}

.star {
	color:#31AE32;
	font-weight:bold;
}

#kosarica_podatki_desno {
	float:right;
	margin-right:30px;
	margin-top:10px;
}

.box {
	background-color:#fff;
	margin-bottom:25px;
	width:250px;
	padding:10px;
}

#kosarica_podatki_desno input {
	position:relative;
	top:2px;
	left:2px;
}

#kosarica_podatki_desno textarea {
	width:200px;
	height:70px;
}

#kosarica_podatki table {
	line-height:180%;
}

.red {
	color:red;
	font-size:10px;
}
.final_data {
	color:#246C99;
	font-weight:bold;
	font-size:13px;
	padding-left:15px;
}