@charset "UTF-8";
/* CSS Document */

html { background: #434742; text-align: center; }

body { 
	text-align: left; 
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0;
	margin: 0 auto;
	width: 1000px;
}

hr { display: none; height: 0; padding: 0; margin: 0; }
.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }
img { border: none; }

div, p, h1, h2, h3, img, form, ul, li { margin: 0; padding: 0; }
ul.menu, ul.urejanje_ul{ list-style:none; line-height: 5px; }


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

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

a:hover {
	color: #005696;
	text-decoration: none;
}

h1 {
	font: 22px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: -1px;
}

h2 {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #1d98ce;
}

h3 {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #1d98ce;
}

h3 a {
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #1d98ce;
	text-decoration: none;
}

h3 a:hover {
	color: #005696;
	text-decoration: none;
}

form {
	color: #005696;
}

form select {
	width: 200px;
	padding: 3px 5px;
	border: 1px solid silver;
}

form .kolicina input {
	width: 40px;
	padding: 3px 5px;
	border: 1px solid silver;
	text-align: center;
}

form p {
	padding: 0 5px;
}

.logo { 
	height: 76px;
}

#menu { 
	height: 32px;
	/*background: url(../images/autocommerce_02.png) top left no-repeat;*/
	background: #434742;
}

#menu ul { padding: 0;  margin: 0;  float: left;  height: 32px;  width: 1000px;  list-style: none;  color: #fff; }

#menu li { list-style: none; float: left;  height: 32px; }
#menu li a { display: block;  padding-top: 32px;  height: 0px !important; font-size: 1px !important; overflow: hidden; border-bottom:none;}

#menu li#levo { width: 192px; background: url(../images/menu_02.png) top left no-repeat; border:none; }

#menu li#nadomestni_deli { width: 125px; background: url(../images/menu_x1.png) top left no-repeat; border:none; }
#menu li#nadomestni_deli.active { width: 125px; background: url(../images/menu_active_x1.png) top left no-repeat; border:none; }

#menu li#platisca { width: 101px; background: url(../images/menu_x2.png) top left no-repeat; border:none; }
#menu li#platisca.active { width: 101px; background: url(../images/menu_active_x2.png) top left no-repeat; border:none; }

#menu li#avtoplasci { width: 100px; background: url(../images/menu_03.png) top left no-repeat; border:none; }
#menu li#avtoplasci.active { width: 100px; background: url(../images/menu_active_03.png) top left no-repeat; border:none; }

#menu li#butik { width: 100px; background: url(../images/menu_04.png) top left no-repeat; border:none; }
#menu li#butik.active { width: 100px; background: url(../images/menu_active_04.png) top left no-repeat; border:none; }

#menu li#pogojinakupa { width: 124px; background: url(../images/menu_05.png) top left no-repeat; border:none; }
#menu li#pogojinakupa.active { width: 124px; background: url(../images/menu_active_05.png) top left no-repeat; border:none; }

#menu li#novo { width: 86px; background: url(../images/menu_06.png) top left no-repeat; border:none; }
#menu li#novo.active { width: 86px; background: url(../images/menu_active_06.png) top left no-repeat; border:none; }

#menu li#prijava { width: 79px; background: url(../images/menu_07.png) top left no-repeat; border:none; }
#menu li#prijava.active { width: 79px; background: url(../images/menu_active_07.png) top left no-repeat; border:none; }

#menu li#prazno { width: 136px; background: url(../images/menu_08.png) top left no-repeat; border:none; display: none; visibility: hidden; }
#menu li#mail { width: 40px; background: url(../images/menu_09.png) top left no-repeat; border:none; }
#menu li#desno { width: 53px; background: url(../images/menu_10.png) top left no-repeat; border:none; }

#menu li#mail a:hover { width: 40px; background: url(../images/menu_09_o.png) top left no-repeat; border:none; }


#banner { 
	height: 178px;
	background: url(../images/autocommerce_03.png) top left no-repeat;
}

#wrap { 
	height: 655px;
	background:  url(../images/autocommerce_04.png) top left no-repeat;
}

#wrap0 { 
	background: url(../images/wrapper0_bg.png) top left repeat-y;

}

#wrap00 { 
	min-height: 655px;
	background: url(../images/autocommerce_04_0.png) top left no-repeat;

}

#sponzor { 
	height: 47px;
	background: #ffffff url(../images/wrapper0_bg.png) top left repeat-y;
	/*background: url(../images/autocommerce_05.png) top left no-repeat;*/
}

#footer { 
	height: 51px;
	background: #434742;
	font: 10px Arial, Helvetica, sans-serif;
	color: #b1b1b1;
	padding: 22px 54px 10px 54px;
	text-align: right;
}

.promo { 
	float: left;
	width: 393px;
	height: 140px;
	/*padding: 30px 0 8px 280px;*/
	padding: 20px 0 8px 80px;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: url(../images/banner_GUME_POMLAD_Eshop.jpg) 85px 20px no-repeat;
	/*background: url(../images/ac_eshop_vulkanizerstvo.gif) 85px 20px no-repeat;
	/*background: url(../images/e-shop_banner.jpg) 85px 20px no-repeat;*/
}

.promocena {
	float: left;
	width: 130px;
	height: 50px;
}

.promocena .rednacena {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:line-through;
}

.promocena .vasacena {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffbe2f;
	width: 56px;
	text-align:center;
}

.cart {
	float: right;
	width: 200px;
	height: 70px;
	padding: 90px 87px 18px 40px;
	background: url(../images/cart.jpg) top left no-repeat;
}
.cart .txt {
	height: 40px;
	padding: 0 0 13px 0;
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.wrapper { 
	float: left;
	width: 609px;
	padding: 14px 0 7px 85px;
}

.wrapper0 { 
	float: left;
	width: 590px;
	padding: 0 19px 0 0;
}

.wrapper h1, .wrapper0 h1, .wrapper0 h2 {
	color: #0890cf;
	padding: 0 0 20px 0;
}

.wrapper0 p {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0 0 10px 0;
}

.right {
	float: right;
	width: 306px;
	text-align: left;
}

#iskalnik {
	/*height: 260px;
	padding: 34px 86px 3px 15px;
	background: url(../images/iskalnik.jpg) top left no-repeat;*/
	padding: 30px 0 0 0;
	background: url(../images/iskalnik_head.png) top left no-repeat;
}

#iskalnik_bg {
	/*height: 260px;
	padding: 34px 86px 3px 15px;
	background: url(../images/iskalnik.jpg) top left no-repeat;*/
	padding: 4px 86px 7px 15px;
	background: url(../images/iskalnik_bg.png) bottom left no-repeat;
}

#iskalnik_avtoplasci {
	height: 330px;
	padding: 34px 86px 3px 15px;
	
	background: url(../images/iskalnik_avtoplasci.jpg) top left no-repeat;
}

#novosti {
	height: 140px;
	padding: 34px 86px 3px 15px;
	
	background: url(../images/novosti.jpg) top left no-repeat;
}

#novosti ul {
	list-style: none;
}

#novosti li {
	list-style: none;
	background: url(../images/arrow.gif) 0px 5px no-repeat; /* left top */
	padding: 0 0 10px 15px;
	font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
}

#karticazaupanja {
	height: 20px;
	padding: 140px 86px 5px 15px;
	
	background: url(../images/kartica.png) top left no-repeat;
}

.artikel {
	float: left;
	width: 300px;
	height: 155px;
}

.novica {
	width: 600px;
}

.novica p.intro {
	color: #1d98ce;
}

.artikel .slika {
	float: left;
	width: 125px;
	height: 125px;
	padding: 0 10px 0 0;
	overflow: hidden;
}

.novica .slika {
	float: left;
	width: 150px;
}

.artikel .opis {
	float: left;
	width: 165px;
}

.novica .opis {
	float: right;
	width: 430px;
	padding-right: 10px;
}

.artikel .opis .addtocart {
	text-align: right;
	padding: 0 20px 0 0;
}

.artikel p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}

.artikel .rednacena, .podrobno .rednacena {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:line-through;
}

.artikel .vasacena, .podrobno .vasacena {
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #ffa400;
}

.kosarica {
	width: 580px;
	padding: 10px 0 5px 0;
	border-top: 1px solid silver;
}

.kosarica .slika {
	float: left;
	width: 135px;
}
.kosarica .opis {
	float: left;
	width: 200px;
}
.kosarica .kolicina {
	float: left;
	width: 80px;
	text-align: center;
}
.kosarica .skupaj {
	float: left;
	width: 415px;
}
.kosarica .skupaj h2 {
	padding: 0;
}
.kosarica .cena {
	float: left;
	width: 120px;
	padding: 0 0 0 30px;
}
.kosarica p {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0 0 6px 0;
}
.kosarica .rednacena {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:line-through;
}

.kosarica .vasacena {
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #ffa400;
}

.kosarica .vasacena1 {
	font: bold 22px/16px Arial, Helvetica, sans-serif;
	color: #ffa400;
}

/*========form==========*/

.wrapper0 ul.urejanje_ul {
	padding: 8px 0;
	margin: 0;
}

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

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

.wrapper0 label {
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	padding: 12px 8px 5px 0;
	color: #666666;
}

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

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

.wrapper0 .checkbox {
	border: none;
}
/*========//form==========*/


/**/

.galerija {
	float: left;
	width: 250px;
	height: 320px;
}

.galerija_long {
	float: left;
	width: 250px;
	padding-right: 20px;
	padding-bottom: 10px; 
}

.main_picture {
	width: 250px;
	height: 250px;
	margin-bottom: 10px;
/*	display: none;*/
	overflow: hidden;
}

div#gallery1 {
	display:block;
}
/* 
.main_picture img {

	background: #ffffff;
	padding: 1px;
}

.select_picture {
	width: 250px;
	height: 60px;
}


	.select_picture ul#gallery_nav {
		width: 250px;
		height: 60px;
	}
	
	.select_picture ul#gallery_nav li {
		list-style: none;
		float: left;
		padding: 0 5px 5px 0;
		cursor: pointer;
	}
	
	.select_picture ul#gallery_nav li.active { cursor: default; }

.select_picture img {
	background: #ffffff;
	padding: 1px;
}
*/


.select_picture {
height:340px; /*to bi naj prikazalo 4 vrstici plati*/
width:270px;
overflow: avto;
border-top: 1px solid silver;
padding-top: 10px;
margin-top: 10px;
overflow: auto;
}


	.select_picture ul#gallery_nav {
		width: 250px;
		height: 60px;
	}
	
	.select_picture ul#gallery_nav li {
		list-style: none;
		float: left;
		padding: 0 5px 5px 0;
		cursor: pointer;
	}
	
	.select_picture ul#gallery_nav li.active { cursor: default; }

.select_picture img {
	background: #ffffff;
	padding: 1px;



/**/

.podrobno {
	float: left;
	width: 320px;
}

.navigacija {
	float: right;
	padding: 3px 0px 2px 0px;
	margin: 0 0 10px 0;
	width: 320px;
}

blockquote { 
	padding: 40px 20px 20px 20px; 
	margin: 0;
	height: 100px;
	background: url(../images/blockquote.jpg) top left no-repeat;
}

blockquote p { 
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #626262; 
}

.delete_bt{
	
	cursor: pointer;

}

ul#gallery_nav li{padding: 0px;}

form select.inline-select{
	width: 67px;
	padding: 0px 0;
	margin-right: -4px;
}

select.oneline-select{
/*	width: 64px;*/
	padding: 0;
}

a.pagest{
	margin: 0 5px 0 5px;
}

div.pagebreaker{
	margin: 4px 0;
}

.slika img{
	border: 1px solid #e8e8e8;
}

.racun_line{
	border-bottom: 1px solid #c0c0c0;
}

.urejanje_ul input{
	margin-top: 5px;
}

div.top-left-menu{
	padding: 5px 6px 0 0;
}

#footer a{
	color: #b1b1b1;
}

div.sporocilo{
	padding: 5px;
	color: red;
}
