html {
	height: 100%; 
	margin-bottom: 1px;
	background: url(background.png) repeat-x;
	background-color:#5299D1;
}
body,td {
	font-family: "Verdana";
	font-size: 13px;
	color: #4D4D4D;
	padding: 0;
	margin: 0;
	overflow: auto;		
}
form {
	margin-left: 0; 
	margin-right: 0; 
	margin-top: 0; 
	margin-bottom: 0;
}
pre {
	font-family: "Verdana";
}
table {
	border-collapse: collapse;	
}
image, img {
	border:none;
}

#container {
	width: 990px;
	margin-left: auto; 
	margin-right: auto; 
}
/* --------------------------------- header ---------------------------- */
#header {
	clear: both; 
	height: 177px;
	margin-top: 20px;
	background: url(header.png) no-repeat;
}
#slogan {
    display: none;
    float: right;
    width: 414px;
    height: 27px; /* 31px - padding-top 3px */
    margin-top: 40px;
    padding-top: 4px;
    padding-left: 20px;
    background: url(header_slogan.png) no-repeat;
    font-size: 18px;
    font-style: italic;
    color: #FFFFFF;
}
/* ---------------------- navigacija ------------------------------- */
#menu {
	clear: both; 
	height: 52px;
	float: left; 
	width: 970px; /* 990px - - 2x padding 10px */
	height: 43px; /* 52px - padding-top 9px */
	background: url(menu.png) no-repeat;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
}
A.menu:link, A.menu:visited {
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;
}
A.menu:hover {
	color: #0082E0;
}
TD.menu {
    border-right: solid 1px #36A235;
    width: 160px;
    height: 30px; /* 34px - padding-top 4px */
    text-align: center;
    padding-top: 4px;
    vertical-align: top;
}


.currency {
    font-weight: normal;
}

#main {
	float: left;
	width: 988px; /* 990px - 2x border left/right */
    background-color: #f7f7f7;
	border-left: solid 1px #055EAE;
	border-right: solid 1px #055EAE;
	border-bottom: solid 1px #055EAE;
}

/* -------------------------- drevo ---------------------------------- */
#navigation {
    clear: both;
    float: left;
	width: 251px;
    padding-left: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.navigation-frame {
	margin-top: 10px;
	margin-bottom: 40px;
}
.navigation-top {
	height: 36px;
}
.navigation-top-left {
	float: left;
	width: 5px;
	height: 36px;
	background: url(navigationtop-left.png) no-repeat;
}
.navigation-top-fill {
	float: left;
	width: 221px; /* 251px - 2x left/right 5px - 2x padding 10px */
	height: 29px; /* 36px - padding-top */
	background: url(navigationtop-fill.png) repeat-x;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}
.navigation-top-right {
	float: left;
	width: 5px;
	height: 36px;
	background: url(navigationtop-right.png) no-repeat;
}
.navigation-middle {
	float: left;
}
.navigation-middle-fill {
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	width: 249px; /* 251px - 2x border 1px */
	background-color: #FFFFFF;
    /*padding-bottom: 15px;*/
}
.navigation-bottom {
	height: 6px;
	font-size: 0;
}
.navigation-bottom-left {
	float: left;
	width: 5px;
	height: 6px;
	background: url(navigationbottom-left.png) no-repeat;
	font-size: 0;
}
.navigation-bottom-fill {
	float: left;
	width: 241px; /* 251px - 2x left/right 5px */
	height: 6px;
	background: url(navigationbottom-fill.png) repeat-x;
	font-size: 0;
}
.navigation-bottom-right {
	float: left;
	width: 5px;
	height: 6px;
	background: url(navigationbottom-right.png) no-repeat;
	font-size: 0px;
}
.kategorija-item a {
	display: block;
	height: 34px; /* 47px - padding-top - 2x border */
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	padding-top: 11px;
	padding-left: 12px;
	padding-right: 5px;
	color: #4D4D4D;
	font-size: 19px;
	text-decoration: none;
}
.kategorija-item a:hover, .kategorija-item a:active {
	color: #005fac;
}
.kategorija-item h3 {
    font-size:19px;
    font-weight:normal;
    margin:0;
}
.nadgrupa {
	padding-top: 7px;
	padding-bottom: 20px;
}
.nadgrupa-item a {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 5px;
	color: #4D4D4D;	
	font-size: 11px; 
	line-height: 13px;
	text-decoration: none;
}
.nadgrupa a:hover, .nadgrupa a:active {
	background-color: #8dcfff;
}
.nadgrupa-item h4 {
   font-size:11px;
   font-weight:normal;
   margin:0; 
}
.grupa {
	padding-bottom: 5px;
}
.grupa-item a {
	display: block;
	background: url(icon_group.gif) 10px 6px no-repeat; 
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
	padding-right: 5px;
	color: #888888;
	font-size: 11px; 
	line-height: 13px;
	text-decoration: none;
}
.grupa-item a:hover, .grupa-item a:active {}
.grupa-item h5 {
    font-size:11px;
    font-weight:normal;
    margin:0;
}

/* ---------------------------- middle ------------------------------- */
#contentmiddle {
	float: right;
	width: 702px;
	margin-bottom: 15px;
	padding-right: 10px;
}
.contentmiddle-frame {
	margin-top: 10px;
}
/* ----------------------------- title --------------------------------- */
#title {
}
.title-top {
	height: 36px;
}
.title-left {
	float: left;
	width: 5px;
	height: 36px;
	background: url(navigationtop-left.png) no-repeat;
}
.title-fill {
    float: left;
	width: 672px;
	height: 29px; /* 36px - padding-top */
	background: url(navigationtop-fill.png) repeat-x;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
}
.title-fill h1 {
    font-size:18px;
    font-weight:normal;
    margin:0;
}
.title-right {
	float: left;
	width: 5px;
	height: 36px;
	background: url(navigationtop-right.png) no-repeat;
}

#catalog {
	float: left;
	clear: both;
	width: 700px;
	background-color: #EEFCED;
	/*border-left: solid 1px #35A235;
	border-right: solid 1px #35A235;*/
	border: solid 1px #35A235;
}

.middle-bottom {
    clear: both;
	height: 6px;
	font-size: 0;
	margin-bottom: 40px;
}
.middle-bottom-left {
	float: left;
	width: 5px;
	height: 6px;
	background: url(navigationbottom-left.png) no-repeat;
	font-size: 0;
}
.middle-bottom-fill {
	float: left;
	width: 692px; /* 251px - 2x left/right 5px */
	height: 6px;
	background: url(navigationbottom-fill.png) repeat-x;
	font-size: 0;
}
.middle-bottom-right {
	float: left;
	width: 5px;
	height: 6px;
	background: url(navigationbottom-right.png) no-repeat;
	font-size: 0px;
}

/* -------------------------- paging --------------------------------- */
.paging {
	clear: both;
	height: 18px; /* 20px - padding 2px */
	background-color: #35A235; /* #4EC04E */
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	text-align: right;
	line-height: 15px;
}

.stizdelkov {
color:#ffffff;
float:left;
font-size:11px;
}

.navigator {
color:#ffffff;
float:right;
font-size:11px;
}

.navigator a {
color:#ffffff;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.navigator a.on {
color:#0161AB;
font-size:11px;
font-weight:bold;
}


.details {
	padding-top: 10px; 
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px; 
	line-height: 15px;
}
details TD {
	font-size: 13px; 
	line-height: 15px;
}
.details a {
	color: #4EC04E;
	text-decoration: none;
}
.details a:hover {
	color: #4D4D4D;
}
/* -------------------------------- footer --------------------------- */
.copyright {
    clear: both;
	float: left;
	width: 988px;
	border: solid 1px #055EAE;
	border-top: none;
	background-color: #7FC4ED;
	padding-top: 1px;
	padding-bottom: 2px;
	color: #0661AA;
	font-size: 9px;
	text-align: center;
}

#footer {
    clear: both;
	float: left;
	width: 828px; /* 990px - 2x padding */
	height: 62px; /* 34px - 2x border 1px - padding 8px */
	border: solid 1px #055EAE;
	border-top: none;
	background-color: #E2F4FF;
	padding-top: 15px;
	padding-left: 150px;
	padding-right: 10px;
	color: #055FAD;
	font-size: 9px;
}
#footer a {
	color: #4EC04E;
	text-decoration: none
}
#footer a:hover {
    color: #0161AB;
}

.texts {
	font-size: 13px; 
	line-height: 15px;
	text-align: justify;
}
.texts td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	vertical-align: top;

	font-size: 13px; 
	line-height: 15px;
}

.nepremicnina {
    clear:both;
    width:680px;
    height:134px;
    padding:10px;
}
.nepremicnina-col1 {
    float: left;
    width: 390px;
}
.nepremicnina-col2 {
    float: left;
    width: 120px;
    padding-top:7px;
}
.nepremicnina-col3 {
    float: right;
    width: 160px;
    padding-top:7px;
}

.izdelek-image { 
    float:left;
    position:relative;
} 
.details-image {
    float:left;
    position:relative;
    padding-right:10px;
    padding-bottom:10px;
}

img.okvir {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
}

.izdelek-naziv a {
    color:#0066BB;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}
.izdelek-naziv a:hover {
    color:#007FEC;
}
.izdelek-naziv h2 {
    font-size:18px;
    margin:0px;
}
.izdelek-naziv2 {
    color:#007FEC;
    font-size: 11px;
    height: 35px;
    width: 380px;
    padding-top:5px;
}
.izdelek-naziv2 h3 {
    font-size:11px;
    font-weight:normal;
    margin:0;
}

.podatek-ozadje {
    background: url(podatek_ozadje.gif) no-repeat;
    width: 120px;
    height: 50px;
    padding-top: 6px;
    font-weight: bold;
}
.izdelek-velikost {
    color: #4EC04E;
    font-size: 19px;
    text-align: center;
}
.izdelek-simbolvelikost {
    color:#007FEC;
    font-size: 15px;
    text-align: right;
    padding-right: 6px;
}
.izdelek-cena {
    color: #4EC04E;
    font-size: 19px;
    text-align: center;
}
.izdelek-simbolcena {
    color:#007FEC;
    font-size: 15px;
    text-align: right;
    padding-top: 5px;
    padding-right: 6px;
}
.izdelek-podatek {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.izdelek-text {
    color:#4EC04E;
    font-size:9px;
}
.izdelek-vrednost {
    background-color: #EEFCED;
    padding:1px;
    width: 180px;
    color:#4EC04E;
    font-size:13px;
    font-weight:bold;
    white-space:nowrap;
}

.izdelek-sifra {
    color:#4EC04E;
    font-size: 9px;
    padding-top: 20px;
    padding-right: 10px;
}

.details-opis {
    font-size:13px;
    line-height:18px;
}
.details-opis h2 {
    font-size:13px;
    margin:0;
}
.details-podatek {
    clear:both;
    padding-bottom: 5px;
    height: 20px;
}
.details-okvir {
    float: left;
    width: 250px;
    padding: 3px;
    background-color: #DAF9D9;
}
.details-cena {
    font-size:15px;
    font-weight:bold;
}

#header h1, #header h2 {
position:absolute;
width:100px;
margin-left:-5000px;
}