@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: 16px/20px Georgia, Garamond, Times, 'Times New Roman', serif;
	color: #303030;
	margin: 20px;
}

table th {
	font-weight: bold;
}

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

tr.row1 {
	background: #ebe6d7;
}

tr.row2 {
}

tr.active {
	background: #ffff99;
}

td.center, th.center {
	text-align: center;
}

.invalid {
	color: #ff0000;
}

.warning {
	display: block;
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 0px 20px;
	background: url(/img/design/icons/warning.gif) no-repeat left center;
	font-weight:bold;
	color:#ff0000;
}

.info {
	display: block;
	padding: 15px 15px 15px 40px;
	margin: 0px 0px 0px 20px;
	background: url(/img/design/icons/info.gif) no-repeat left center;
	color:#979797;
}


/* --- layout --- */

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

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

div#header {
	height: 250px;
	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:  12px 'Trebuchet MS', Trebuchet, Verdana, Tahoma, sans-serif;
}

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;
	overflow: hidden;
}

div#footer {
	clear: both;
	margin-top: 30px;
}

/* --- navigation --- */

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

div#sidenav ul li a {
	color: #4a4a4a;
	padding: 5px 5px 5px 5px;
	display: block;
/*    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  */
}

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

h3#datum {
	padding: 0px;
	margin: 5px;
	color: #ada692;
}

/* --- 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;
}
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;
}

/* --- menu4 --- */

div#menu4 span.top {
    background: url(../img/design/menu4_top.gif) no-repeat bottom center;
}

div#menu4 span.bottom {
    background: url(../img/design/menu4_bottom.gif) no-repeat top center;
}

div#menu4 ul span.delim {
    background: url(../img/design/menu4_delim.gif) no-repeat top center;
}

div#menu4 ul {
    background: url(../img/design/menu4_middle.gif) repeat-y top center;
    list-style-type: none;
}

div#menu4 ul li a:hover, div#menu4 ul li.active a {
    background: url(../img/design/menu4_over.gif) repeat-y top center;
    color: #4a4a4a;
}


/* --- 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;
}
div#menu_trgovina a:hover {
	background: url(../img/design/menu_trgovina_over.gif) no-repeat top center;
	color: #4a4a4a;
}

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

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


/* --- 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;
}

div#vsebina_floater div#galerija, 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#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;
	background: #6D5E2C;
}

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 {
	padding: 20px;
	line-height: 20px;
	margin-bottom: 100px;
}

div#contentInner ul, div#contentInner ol {
	padding: 20px;
}

div#contentInner ol li {
	list-style: decimal inside;
}

div#contentInner ul li {
	list-style: disc inside;
}

div#vsebina_floater {
	float: right;
	width: 224px;
	margin:  0px 0px 100px 20px;
}

div#vsebina_floater div#topline {
	background: url(../img/design/submenu_top.gif) left top no-repeat;
	height: 1px;
	width: 100%;
}
/* --- 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, div#CNovice div.pic, div#CDogodki div.pic, div#CVsebina div.pic, div#CRandom div.pic {
	width: 71px;
	height:  71px;
	overflow: hidden;
}

div#footer div#sub table td.pic div em, div#CNovice div.pic em, div#CDogodki div.pic em, div#CVsebina div.pic em, div#CRandom 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#footer div#sub table td.pic div em a, div#CNovice div.pic em a, div#CDogodki div.pic em a, div#CVsebina div.pic em a, div#CRandom div.pic em a {
	display: block;
	width: 71px;
	height: 71px;
}

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


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

div#CVsebina h6.naslov {
	padding-top: 10px;
}

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

div#footer div#sub table td.content p, div#CNovice p, div#CDogodki p, div#CVsebina p, div#CRandom p {
	line-height: 18px;
}

div#CNovice p, div#CDogodki p {
	padding: 0px 3px 0px 0px;
	font: 12px Georgia, Garamond, Times, 'Times New Roman';
}

div#CVsebina p, div#CRandom p {
	padding: 3px 3px 3px 0px;
	font: 13px Georgia, Garamond, Times, 'Times New Roman';
}

div#CNovice div.pic, div#CDogodki div.pic, div#CVsebina div.pic, div#CRandom div.pic {
	float: left;
	margin: 3px 10px 3px 3px;
}

div#CNovice hr, div#CDogodki hr, div#CVsebina hr, div#CRandom hr {
	display: block;
	margin: 0px;
	border: none;
	background: #cecece;
	height: 2px;
}

div#CNovice div.e hr, div#CDogodki div.e hr, div#CVsebina div.e hr, div#CRandom div.e hr {
	display: block;
	clear: left;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	background: none;
	border-bottom: 1px solid #cecece;
	height: 1px;
}

div#CNovice div.e, div#CDogodki div.e, div#CVsebina div.e,
div#CNoviceDogodki, div#CVsebina {
	clear: left;
}

div#CNovice, div#CDogodki {
	float: left;
	width: 230px;
}

div#CNovice {
	margin-right: 20px;
}

div#CNoviceDogodki h3, div#CVsebina h3 {
	font: 18px/22px Georgia, Garamond, Times, 'Times New Roman';
	padding: 0px 2px 0px 2px;
}

div#CVsebina {
	padding-top: 30px;
	width: 480px;
	_width: 470px;
}

div#CRandom {
	margin-top: 30px;
}

div#CRandom div.e {
	float: left;
	width: 330px;
	height: 130px;
	padding: 5px 10px;
}


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

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

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

div#contentInner div.shadedbox ul li {
	list-style-type: none;
}

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

table th.foot_left {
	width: 40%;
}

table th.foot_right {
	width: 60%;
}

div#trgovina div#trgovina_vsebina {
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
}

div#trgovina div.artikel {
	padding: 20px;
	float: left;
	width: 25%;
}

div#trgovina div.trgovina_slika, div#trgovina div.artikel div.trgovina_slika  {
	float: right;
	padding: 10px 5px 0px 0px;
}

div#trgovina div.ponudba {
	padding-top: 20px;
}

div#trgovina h5{
	font: 18px/22px Georgia, Garamond, Times, 'Times New Roman';
	padding: 3px;
}

div#trgovina ul {
	text-align: left;
	font: 12px/18px Georgia, Garamond, Times, 'Times New Roman';
}

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


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

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

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

div#trgovina 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;
}

/* --- komentarji --- */

div.komentar {
	padding: 0px 0px 20px 20px;
}

div.komentar em {
	font: 11px Georgia, Garamond, Times, 'Times New Roman';
	color: #ada692;
	display: block;
	padding: 0px 0px 6px 0px;
}

div.komentar h6 {
	font: 12px Georgia, Garamond, Times, 'Times New Roman';
	color: #467599;
	display: block;
	padding: 0px 0px 3px 0px;
}

div.komentar p {
	font: 11px/16px Trebuchet, 'Trebuchet MS', sans-serif;
	color: #303030;
	width: 500px;
}

form#dodajkomentar {
	margin: 10px;
}

form#dodajkomentar table th {
	text-align: right;
	padding: 3px 10px;
}