@import "reset.css";

/* --- defaults --- */


html, body, table, th, td, ul, ol, li {
	font: 14px 'Trebuchet MS', Trebuchet, Verdana, Tahoma, sans-serif;
	color: #424242;
}

a {
	color: #3073b2;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #f98d00;
}

h1 {
	font: 24px/30px Georgia, Garamond, Times, 'Times New Roman', serif;
	color: #000;
	margin: 0px 0px 20px 0px;
}

h3 {
	font: 18px/24px Georgia, Garamond, Times, 'Times New Roman', serif;
	color: #000;
	margin: 0px 0px 20px 0px;
}

input {
	font: 13px Trebuchet, 'Trebuchet MS', sans-serif;
	padding: 3px;
}

table th {
	font-weight: bold;
}

/* --- layout --- */

body {
	/*background: url(../img/design/header_trgovina.jpg) top center no-repeat #f6f3e9;*/
}

div#wrapper {
	margin: 0 auto;
	/*text-align: center;*/
	width: 982px;
}

div#header {
	height: 180px;
	overflow: hidden;
}

div#iskalnik {
	margin: 10px 0px 0px 777px;
	text-align: left;
}

div#iskalnik input#niz, div#iskalnik input#isci {
	background: none;
	border: none;
	font:  13px 'Trebuchet MS', Trebuchet, Verdana, Tahoma, sans-serif;
	font: 13px Trebuchet, 'Trebuchet MS', sans-serif;
	padding: 3px;
}

div#iskalnik input#niz {
	width: 126px;
	height: 17px;
	padding: 3px 3px 0px 3px;
}

div#iskalnik input#isci {
	margin: 0px 0px 0px 6px;
	width: 49px;
	height: 20px;
	padding: 3px 0px 0px 0px;
	color: white;
	letter-spacing: 2px;
}
/* --- breadcrumbs menu --- */

div#bc {
	height: 30px;
}

ul#breadcrumbs {
	display: block;
}

ul#breadcrumbs li {
	background: url(../img/design/bc_icon.gif) no-repeat left 8px;
	float: left;
	margin: 0px 10px 0px 0px;
}

ul#breadcrumbs li a, div#bc span {
	font: 20px/23px Georgia, Garamond, Times, 'Times New Roman';
	color: #a66811;
	padding: 0px 5px 2px 17px;
	display: block;
}

ul#breadcrumbs li a:hover {
	color: #37616e;
}

ul#breadcrumbs li a.active {
	color: #a66811;
}

ul#breadcrumbs ul li.active a:hover {
	color: #37616e;
}

ul#breadcrumbs li.home {
	background: none;
	margin: 0px 0px 0px 0px;
}

ul#breadcrumbs li.home a {
	padding: 0px 0px 0px 5px;
	display: block;
	height: 20px;
	width: 23px;
	background: url(../img/design/home.gif) no-repeat left top;
}

ul#breadcrumbs li.home a:hover {
	background: url(../img/design/home_over.gif) no-repeat left top;
}

/* --- content ---*/

div#middle {
	clear: both;
	text-align: left;
}

div#content {
	width: 754px;
	float: left;
	margin-bottom: 10px;
}

div#footer {
	clear: both;
}

/* --- navigation --- */

div#sidenav {
	width: 228px;
	/*text-align: center;*/
	float: left;
	margin: 5px 0px 0px 0px;
}

div#sidenav ul li a  {
	color: #4a4a4a;
	padding: 2px 5px;
	display: block;
	text-align: left;
}

div#sidenav ul ul, div#sidenav ul li {
	color: #4a4a4a;
	padding: 0px 5px;
	display: block;
	text-align: center;
}

div#sidenav span.top {
	border: none;
	display: block;
	height: 10px;
}

div#sidenav span.bottom {
	border: none;
	display: block;
	height: 10px;
}

div#sidenav ul span.delim {
	border: none;
	display: block;
	width: 100%;
	height: 2px;
	overflow: hidden;
}

/* --- menu1 --- */

div#menu1 span.top {
	background: url(../img/design/menu1_top.gif) no-repeat bottom center;
}
div#menu1 span.bottom {
	background: url(../img/design/menu1_bottom.gif) no-repeat top center;
}
div#menu1 ul span.delim {
	background: url(../img/design/menu1_delim.gif) no-repeat top center;
}
div#menu1 ul {
	background: url(../img/design/menu1_middle.gif) repeat-y top center;
	list-style-type: none;
}
div#menu1 ul li a:hover, div#menu1 ul li.active a {
	background: url(../img/design/menu1_over.gif) repeat-y top center;
	color: #4a4a4a;
}

/* --- menu2 --- */

div#menu2 span.top {
	background: url(../img/design/menu2_top.gif) no-repeat bottom center;
}
div#menu2 span.bottom {
	background: url(../img/design/menu2_bottom.gif) no-repeat top center;
}
div#menu2 ul span.delim {
	background: url(../img/design/menu2_delim.gif) no-repeat top center;
}
div#menu2 ul {
	background: url(../img/design/menu2_middle.gif) repeat-y top center;
	list-style-type: none;
	text-align: left;
}
div#menu2 ul li a:hover, div#menu2 ul li.active a {
	background: url(../img/design/menu2_over.gif) repeat-y top center;
	color: #4a4a4a;
}

/* --- menu3 --- */

div#menu3 span.top {
	background: url(../img/design/menu3_top.gif) no-repeat bottom center;
}
div#menu3 span.bottom {
	background: url(../img/design/menu3_bottom.gif) no-repeat top center;
}
div#menu3 ul span.delim {
	background: url(../img/design/menu3_delim.gif) no-repeat top center;
}
div#menu3 ul {
	background: url(../img/design/menu3_middle.gif) repeat-y top center;
	list-style-type: none;
}
div#menu3 ul li a:hover, div#menu3 ul li.active a {
	color: #f98d00;
}

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

div#menu_trgovina {
	background: url(../img/design/menu_trgovina.gif) no-repeat top center;
	height: 43px;
}
div#menu_trgovina a{
	color: #4a4a4a;
	padding: 14px 5px 10px 5px;
	display: block;
	text-align: center;
}
div#menu_trgovina a:hover {
	background: url(../img/design/menu_trgovina_over.gif) repeat-y top center;
	color: #4a4a4a;
}

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

ul#children {
	margin: 30px 10px;
	padding: 20px;
}

ul#children li a {
	padding: 10px 5px 10px 5px;
	display: block;
}

ul#children li a:hover {
	color: #000;
}

/* --- submenu --- */

ul#submenu {
	background: url(../img/design/submenu_bottom.gif) bottom center no-repeat;
	padding: 3px 10px 10px 10px;
}

ul#submenu li a {
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	display: block;
}

ul#submenu li a:hover, ul#submenu li.active a {
	color: #000;
}

ul#submenu span.delim {
	display: block;
	margin: 0px 20px;
	height: 1px;
	background: #ebe6d7;
	overflow: hidden;
}

div#vsebina_floater, div#vsebina_floater div#video {
	padding: 10px 5px 10px 5px;
}

div#vsebina_floater div#galerija h5 {
	background: url(../img/design/icon_slike.gif) left center no-repeat;
	padding: 3px 3px 3px 20px;
}

div#galerija {
	margin: 0px 60px;
	/*padding: 5px;*/
}

div#vsebina_floater div#video h5 {
	background: url(../img/design/icon_video.gif) left center no-repeat;
	padding: 3px 3px 3px 20px;
}

div#vsebina_floater div#galerija div, div#vsebina_floater div#video div {
	height: 151px;
	width: 213px;
	overflow: hidden;
}

div#vsebina_floater div#galerija div em, div#vsebina_floater div#video div em {
	display: block;
	position: absolute;
	height: 151px;
	width: 213px;
	background: url(../img/design/slika_over2.gif) left top no-repeat;
}

div#vsebina_floater div#galerija div em a, div#vsebina_floater div#video div em a{
	display: block;
	height: 100%;
	width: 100%;
}

div#vsebina_floater div#galerija p, div#vsebina_floater div#video p {
	font-size: 11px;
	padding: 10px;
}
/* --- content --- */

div#contentInner {
	color: #424242;
	padding: 20px;
	line-height: 20px;
}

div#vsebina_floater {
	background: url(../img/design/submenu_top.gif) left top no-repeat;
	float: right;
	width: 224px;
	height: 600px;
	margin:  0px 0px 30px 20px;
	padding-top: 1px;
}

/* --- novice in dogodki --- */

div#footer {
	background: #ebe6d7;
	margin: 0 auto;
}

div#footer div#sub {
	margin:  0 auto;
	text-align: center;
	width: 982px;
}

div#footer div#sub table {
	width: 100%;
}

div#footer div#sub table th {
	font: 24px/28px Georgia, Garamond, Times, 'Times New Roman';
	padding: 15px 5px 15px 20px;
}

div#footer div#sub table td {
	padding: 3px;
	font: 13px Georgia, Garamond, Times, 'Times New Roman';
}

div#footer div#sub table td.pic {
	padding-left:  10px;
}

div#footer div#sub table td.pic div {
	width: 71px;
	height:  71px;
	overflow: hidden;
}

div#footer div#sub table td.pic div em {
	position: absolute;
	display: block;
	width: 71px;
	height: 71px;
	background: url(../img/design/novice_over.gif) left top no-repeat;
	z-index: 100;
}

div#footer div#sub table td em.datum {
	font: 11px Georgia, Garamond, Times, 'Times New Roman';
	color: #ada692;
	display: block;
	padding: 0px 0px 3px 0px;
}

div#footer div#sub table td h6.naslov {
	font: 13px Georgia, Garamond, Times, 'Times New Roman';
	color: #467599;
	display: block;
	padding: 0px 0px 3px 0px;
}

div#footer div#sub table td.content {
	padding: 0px 30px 30px 15px;
}

div#footer div#sub table td.content p {
	line-height: 18px;
}

/* --- children --- */


ul#children {
	margin: 0px 0px;
	padding: 5px 0px 5px 15px;
}

ul#children li a {
	padding: 10px 5px 10px 5px;
	display: block;
}

ul#children li a:hover {
	color: #000;
}

ul#children span.delim {
	display: block;
	background: #E1DDCF;
	margin: 0px 20px;
	height: 1px;
	overflow: hidden;
}

/* --- shaded box --- */

div.shadedbox {
	background: #ebe6d7;
	margin: 0px 20px;
}

div.shadedbox div.lt, div.shadedbox div.rt, div.shadedbox div.lb, div.shadedbox div.rb {
	width: 5px;
	height: 5px;
}

div.shadedbox div.t, div.shadedbox div.b {
	width: 100%;
	height: 5px;
}

div.shadedbox div.lt {
	background: url(../img/design/box_lt.gif) no-repeat;
	float: left;
}

div.shadedbox div.rt {
	background: url(../img/design/box_rt.gif) no-repeat;
	float: right;
}

div.shadedbox div.lb {
	background: url(../img/design/box_lb.gif) no-repeat;
	float: left;
}

div.shadedbox div.rb {
	background: url(../img/design/box_rb.gif) no-repeat;
	float: right;
}


/* --- first page --- */

ul#login {
	padding: 0px 0px;
}

ul#login li {
	padding: 2px 0px;
}

ul#login li input {
	font: 13px Trebuchet, 'Trebuchet MS', sans-serif;
	padding: 3px;
}

div#kosarica_top {
	margin: 65px 0px 0px 210px;
	width: 200px;
	float: left;
}

div#izdelek_meseca {
	margin: 60px 0px 0px 0px;
	width: 300px;
	float: right;
}

div#izdelek_meseca_slika {
	float: left;
	width: 50px;
	margin-top: 10px;
	height: 50px;
	overflow: hidden;
	border: 1px solid white;

}

div#izdelek_meseca_slika a {
	border: none;
	padding: 0px;
	margin: 0px;
}

div#proizvod ul {
	float: left;
	width: 200px;
}

/*
div#proizvod div {
	_float: left;
	_width: 71px;
}
*/


.narocilo_skupaj {
	color: #79361C;
	font-weight: bold;
}

.st_izdelkov {
	color: #79361C;
	font-weight: bold;
}

.white {
	color: white;
}

.white_no_border {
	border: none;
	color: white;
}

div#izdelek_meseca_slika img {
	border: 0px;
}

.invalid {
	color: red;
}

.form_def {
	font-weight: normal;
}

div#registracija {
	padding: 0px 10px;
}

div#registracija table tr td {
	padding: 3px;
}

div#niizdelkov {
	padding: 0px 30px;
}


div.pic em {
	position: absolute;
	display: block;
	width: 71px;
	height: 71px;
	background: url(../img/design/novice_over.gif) left top no-repeat;
	z-index: 100;
}

div.pic {
	width: 71px;
	height: 71px;
	overflow: hidden;
}

/* tooltips */
html>body a.tooltip2 {color:#c00; color: black; font: 12px Tahoma, sans-serif;}
a.tooltip2 b {display:none;}
html>body a.tooltip2:hover {border:0; position:absolute; z-index:500; text-decoration:none;}
html>body a.tooltip2:hover b {display:block; position:absolute; /*top:20px; left:-25px;*/ top:54px; left: 0px; padding:5px; font-weight:normal; color:#000; /*border:1px solid #ff0;*/ background:/*#8cc*/#fff; width:150px;}
html>body a.tooltip2:hover b {filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
html>body a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
html>body a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}
html>body .clear {clear:both;}
/* tooltips - end */

td.narocila_seznam {
	padding: 3px;
	border-bottom: 1px solid #E1DDCF;
}

div#akcija_temnejse {
	background: url(/img/design/akcija_temnejse.jpg);
	font:  bold 14px/18px Georgia;
	float: left;
	width: 67px;
	height: 67px;
	text-align: center;
}

div#akcija_svetlejse {
	background: url(/img/design/akcija_svetlejse.jpg);
	font: bold 14px/18px Georgia;
	width: 67px;
	height: 67px;
	text-align: center;
}

div#akcija_temnejse div, div#akcija_svetlejse div {
	padding: 23px 5px;
	color: white;
}

div#izbrana_ponudba {
	/*background: url(/img/design/kosarica_icon.jpg) no-repeat center left;*/
	padding-left: 35px;
	clear: left;
}

div#dostava table tr td {
	padding: 5px;
}

div#proizvod {
	margin-right: 20px;
	heigth: 150px;
	width: 300px;
	float: left;
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
}

div#proizvod ul {
	text-align: right;
	float: left;
	width: 200px;
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
}

div#proizvod ul li {
	color: #636363;
	padding-right: 10px;
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
}


div#proizvod ul li h1 {
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
	font-weight: bold;
	padding: 3px;
	margin: 0px;
	color: black;
}

div#proizvod ul li a {
	text-decoration: underline;
}

div#proizvod ul li h2 {
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
	padding: 3px;
	margin: 0px;
	color: black;
}

div#proizvod ul li h3 {
	font: 13px Trebuchet, 'Trebuchet MS', sans-serif;
	padding: 3px;
	display: block;
	margin: 0px;
	color: #636363;
}

div#proizvod ul li h3 a {
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
	text-decoration: none;
}

span.cena_solid {
	color: #86503b;
	font-weight: bold;
}

span.cena_strike {
	color: #729b1a;
	text-decoration: line-through;
}

div#proizvod ul li h4 {
	border-bottom: 1px solid #cecece;
	width: 180px;
	display: block;
	margin: 0px 0px 0px 10px;
}

div#proizvod div.slika, div#proizvod div.pic, div#proizvod div.em {
	width: 71px;
	height: 71px;
	_width: 71px;
	_height: 71px;
	_overflow: hidden;
	
	float: right;
	/*overflow:hidden;*/
}

div#prazen_box {
	margin: 0px 30px;
}

input.cart_green {
	color: #3073b2;
	padding: 0px 15px 0px 0px;
	outline: none;
	cursor: pointer;
	background: url(/img/design/cart_green.gif) no-repeat center right;
	border: none;
}

input.cart_green:hover {
	color: #f98d00;
}

.akcija {
	position: relative; left: 30px; top: -95px;
}

.akcija_popust {
	position: relative; left: 55px; top: -143px; font-weight: bold; color: white; font-size: 15px;
}


.slika_box_top {
	width: 227px;
	background: url(/img/design/slike_box_top.gif) no-repeat top left #d3caae;
}

.slika_box_bottom {
	width: 227px;
	height: 14px;
	background: url(/img/design/slike_box_bottom.gif) no-repeat top left;
}