/*
	ZALMO co.ba +++++++++ coded by artanta.com
*/
a {
color : #7a9833;
background : inherit;
text-decoration : none;
}
a:hover {
color : #7a9833;
background : inherit;
text-decoration : underline;
}

body {
	padding : 0;
	margin : 0;
	line-height : 1.5em;
	color : #454545;
	background-color: #FFC82D;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	;
	font-size: 0.74em;
	width: 100%;
	background-image: url(body_bg.gif);
	background-repeat: repeat-x;
	background-position: left 127px;
}
.clr {
	clear: both;
	width: auto;
}
#desno {
	background-color: #9B2B2B;
	width: 210px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #FFFFFF;
}
#desno .pad p {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
#desno img {
	width: 200px;
	margin: 0px;
	padding-left: 6px;
	padding-top: 6px;
}
#desno .pad .img_l {
	width: 80px;
	height: 55px;
	padding: 0px;
	margin-top: 6px;
	margin-left: 15px;
	float: left;
	margin-bottom: 10px;
}

#desno .pad {
	margin: 0px;
	padding-bottom: 10px;
}
#desno .pad .img_c {
	padding: 0px;
	width: 186px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

#desno .pad .sidebar {
	background-color: #993333;
	padding: 0px;
	margin-top: 6px;
	width: 97%;
	margin-left: 4px;
	list-style-type: disc;
}
#desno .pad .p_proizvodi {
	color: #FFFFFF;
	font-size: 95%;
	float: right;
	margin-top: 3px;
	margin-right: 4px;
	padding: 0px;
	width: 46%;
}

#desno .kontakt {
	padding: 0px;
	margin-top: 4px;
	width: 200px;
	margin-left: 5px;
	background: #993333 url(kontakt.gif) no-repeat center top;
}
#desno .kontakt p {
	padding-top: 50px;
	margin-bottom: 15px;
}
#desno .kontakt p.k_info {
	color: #FFFFFF;
	font-size: 100%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
	margin: 0px;
}

#desno li {
	color : #FFFFFF;
	font-size: 105%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	list-style-type: disc;
	margin: 0px;
	display: block;
}
#desno ul {
	padding: 0px;
	list-style-type: disc;
	margin: 0px;
	background-color: #CC0000;
}

#desno a {
	text-decoration : none;
	color: #FFCC00;
}
#desno .sidebar a {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	margin: 0px;
}
#desno .sidebar a:hover {
	background-color: #800000;
	color: #FFFFFF;
}

#desno h3 {
	color : #CCCCCC;
	margin-top : 10px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #750000;
	text-transform: uppercase;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#desno li h2 {
	font-size: 100%;
	margin: 0%;
	padding: 0%;
}

#footer {
	color : #FFFFFF;
	background-image: url(../slike/rlline.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #000000;
	width: 95%;
	clear: both;
	text-align: right;
	padding-top: 3px;
	padding-right: 5%;
	padding-bottom: 3px;
	padding-left: 0%;
	margin: 0;
}
#footer a {
	text-decoration : none;
	color: #FFCC00;
}
#footer .desno {
	text-align : right;
	background : inherit;
	padding-top : 10px;
	width: 100%;
}
#header {
	width:100%;
	height: 100px;
	background-color: #000000;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
h1 {
	letter-spacing : -1px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	;
	font-size: 2em;
	font-weight: bold;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
h2 {
	letter-spacing : -1px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 1.5em;
	color: #999999;
}
h3 {
	margin : 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
h4 {
	color: #000000;
	font-size: 110%;
	margin-left: 20px;
	line-height: 1px;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}

/**********************************************
*   IZBORNIK                                  *
***********************************************/

#izbornik {
	width:100%;
	font-size:93%;
	line-height:normal;
	font-weight: bold;
	height: 26px;
	margin: 0px;
	background-color: #993300;
	padding-top: 6px;
	
}
#izbornik a:current {
	background-image: url(tab_r.gif);
	background-position: right top;
	background-repeat: no-repeat;
	color: #FFFFFF;

}
#izbornik a:current {
	color: #99CC00;
	background-image: url(tab_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#lijevo {
	width: 590px;
	float: left;
	padding: 0px;
	background-color: #FDF0C4;
	margin: 0px;
}
#lijevo_100 {
	background-color: #FDF0C4;
	width: 100%;
	padding-bottom: 20px;
}

#lijevo .intro {
height : 80px;
background : #616161;
color : #fff;
overflow : hidden;
}
#lijevo .intro .pad {
padding : 18px 0 0 0;
}
#lijevo .intro a {
color : #990000;
text-decoration : none;
}
#flash_bg {
	height: 10px;
	width: 100%;
	background-image: url(flash_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#lijevo .intro a:hover {
color : #cdff56;
text-decoration : underline;

}
#lijevo .naslov {
	padding-top: 20px;
	margin: 0px;
}
#lijevo .naslov a {
	color: #990000;
}
#lijevo .naslov img {
	margin-left: 20px;
	border: 1px solid #FDF0C4;
	margin-bottom: 6px;
	padding: 4px;
	margin-right: 6px;
}
#lijevo .naslov .img_r {
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lijevo .naslov .img_l {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}
#lijevo .naslov p {
	padding-left: 10px;
	padding-right: 10px;
	margin: 1em 0px;
}
#lijevo .naslov p span {
	color: #993300;
	font-weight: bold;
}
#lijevo h3 {
	padding-left: 15px;
	margin: 0px;
	background-color: inherit;
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font: bold 1.7em/1.7em "Trebuchet MS", Arial, Verdana, sans-serif;
}
#lijevo h1 {
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5;
	margin-right: 0;
	color: #333333;
	text-decoration: none;
	padding: 0 0 0 15px;
	font: bold 2.2em/2em "Trebuchet MS", Arial, Verdana, sans-serif;
}
#lijevo h2 {
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 0 0 15px;
	font: 1.5em/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
}

#lijevo .rs {
	border : 1px solid #ddd;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
}
#lijevo .rs_l {
	background-color: #993333;
	float: left;
	width: 44%;
	margin-left: 20px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 2px;
	height: 127px;
	font-size: 90%;
	color: #FFFFFF;
	border: 1px solid #333333;
}
#lijevo .rs_r {
	width: 44%;
	float: left;
	height: 124px;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #993333;
	padding: 0px;
	margin: 0px;
}
#lijevo .rs_r ul li {
	list-style-type: disc;
}
#lijevo .rs_l p {
	font-size: 100%;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

#lijevo .rs_l ul li {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}


#lijevo .rs ul li {
	color: #333333;
	font-size: 110%;
	list-style-type: disc;
}

#lijevo ul {
	list-style-position : inside;
	margin-left : 2px;
}
#lijevo .naslov .r_img {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#lijevo p span {
	color: #000000;
}

#lijevo .greybox {
	background-color: #993333;
	color: #FFFFFF;
	font-size: 110%;
	width: 90%;
	border: 1px solid #CC3300;
	margin: 0px 0px 15px 20px;
	padding: 0px 10px 2px;
}
.greybox_p  {
	color: #FFAD00;
}

/* --------------------------------
   lijevo 100%
   ------------------------------- */

#lijevo_100 .naslov p {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
#lijevo_100 .naslov img {
	margin-left: 20px;
	border: 1px solid #333333;
	float: left;
	margin-bottom: 6px;
	padding: 4px;
	margin-right: 6px;
}
#lijevo_100 .naslov .img_r {
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 10px;
	padding: 0px;
}
#lijevo_100 .naslov .img_l {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#lijevo_100 .naslov {
	padding-top: 20px;
	margin: 0px;
}
#lijevo_100 h3 {
	padding-left: 15px;
	margin: 0px;
	background-color: inherit;
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font: bold 1.7em/1em "Trebuchet MS", Arial, Verdana, sans-serif;
}
#lijevo_100 .naslov h4 {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#lijevo_100 .naslov a {
	color: #993300;
	text-decoration: none;
}
#lijevo_100 .naslov a:hover {
	color: #CC3300;
	text-decoration: none;
}

#lijevo_100 h1 {
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 15px;
	color: #333333;
	text-decoration: none;
	padding: 0 0 0 15px;
	font: bold 2.2em/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
}
#lijevo_100 .box_l {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}
#lijevo_100 .box_r {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	width: auto;
}
#lijevo_100 .box_r img {
	margin-top: 4em;
}


#lijevo_100 h2 {
	background-image: url(crta.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 15px;
	font: 1.5em/1.5em "Trebuchet MS", Arial, Verdana, sans-serif;
	padding: 0 0 0 15px;
}
#lijevo_100 .crveni_okvir {
	background-color: #5E0000;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

#lijevo_100 h5 {
	font-size: 120%;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #993300;
	color: #FFFFFF;
	text-indent: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	width: 96%;
}

#lijevo_100 p {
	color : #454545;
	text-align : justify;
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#lijevo_100 .greybox p {
	color : #CCCCCC;
	font-size: 95%;
	font-weight: bold;
}
#lijevo_100 ul {
	margin-left : 15px;
	font-size: 110%;
	margin-top: 4px;
	margin-bottom: 10px;
	padding: 5px;
	margin-right: 15px;
}
#lijevo_100 ul li {
	list-style-type : none;
	margin-left : 15px;
	font-size: 100%;
	color: #000000;
}
#lijevo_100 .kontakt_box {
	background-color: #FFCC66;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto;
	margin-left: 20px;
	margin-bottom: 30px;
}
#lijevo_100 .kontakt_box p {
	color: #000000;
	padding-left: 60px;
	font-size: 120%;
}
#lijevo_100 .kontakt_box a {
	color: #666666;
}

#lijevo_100 .greybox {
	border : 1px solid #CC3300;
	padding : 2px;
	margin-bottom: 10px;
	background-color: #990000;
	color: #FFFFFF;
	margin-left: 20px;
	float: left;
	font-size: 95%;
	width: 350px;
}
#lijevo_100 .greybox li {
	color: #FFFFFF;
	font-size: 110%;
	list-style-type: disc;
	}

#lijevo_100 .img_centar {
	padding: 0px;
	margin-left: 35px;
}

#mssHolder {
	width: 570px;
	height: 150px;
	border: 8px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

#omot {
	width:800px;
	padding: 0%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	background-color: #FDF0C4;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.omot {
	overflow: hidden;
}
.omot .box_r img {
	margin: 0px;
	padding: 0px;
}

.okvir {
	background: #000000;
	clear: both;
	text-align: center;
}
.okvir p {
	margin: 2em;
	padding: 2em;
	border: 1px solid #993300;
	text-align: left;
}

.okvir h3 {
	color: #FFFFFF;
	background: #B23030;
}
.okvir  img.c {
	padding: 1em;
	border: 1px solid #993300;
	margin: 1em;
}
.okvir img.l {
	float: left;
	padding: 2px;
	margin-right: 2em;
}
.okvir a {
	color: #666666;
}
.okvir a:hover {
	color: #993300;
}




p {
	font-size: 110%;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-left: 15px;
}

#prefooter {
	width: 590px;
	padding: 0px;
	height: 320px;
	float: left;
	background: url(../slike/prefooter.jpg) no-repeat left bottom;
	margin-top: 30px;
}
.razmak {
	margin-top: 1em;
	margin-bottom: 2em;
}
#sadrzaj {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#sadrzaj #lijevo  p {
	margin: 10px;
}
.span_crveno {
	color: #DF5B56;
	padding: 0px;
	line-height: 30px;
	font-size: 95%;
}
.span_yellow {
	color: #FFCC00;
}
.span_red {
	color: #FF0000;
}

/* --------------------------------
   tablice
   ------------------------------- */

div.scrollWrapper {
	float:left;
	overflow-y:visible !important;
	overflow-y:scroll;
	margin-left: 60px;
	margin-right: 10px;
}
table.scrollable {
	width:480px;
	margin-right:0 !important;
	margin-right:16px;
	border-collapse:separate;
	background-color: #FFFFFF;
}
table.scrollable th {
	position: relative;
	background-color: #990000;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
	margin: 0px;
	padding: 2px;
}
table.scrollable tbody {
   height:68px;
   overflow: -moz-scrollbars-vertical;
}
table.scrollable tr {
   height:0px;
}
table.scrollable td {
	text-align:center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
}

table.unscrollable {
	width:480px;
	margin-right:0 !important;
	margin-right:16px;
	border-collapse:separate;
	background-color: #FFFFFF;
}
table.unscrollable th {
	position: relative;
	background-color: #990000;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
	margin: 0px;
	padding: 2px;
}
table.unscrollable tbody {
   height:68px;
}
table.unscrollable tr {
   height:0px;
}
table.unscrollable td {
	text-align:center;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
}

#top {
	height : 100px;
	background-color: transparent;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: -100px bottom;
	padding: 0px;
	width: 100%;
	margin: 0px;
}
#top #icons {
float : right;
margin : 25px 15px 0;
padding : 0;
}
#top #icons img {
padding-right : 2px;
border : 0;
}

ul.first {
	counter-reset:item 0;
	background-color: #FFFFFF;
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	color: #FFFFFF;
}
.kontakt_box ul {
	padding-left: 100px;
}


ul.first li {
	display: block;
	background-color: #FFFFFF;
	color: #FFFFFF;
	list-style-type: circle;
}