body, html {
	font-family: "Trebuchet MS", sans-serif;
	font-size:9pt;
	color: white;
	line-height: normal;
	margin: 0 0 10px 0;
	padding: 0;
	background: #707070 url(../images/back_body.gif) top left repeat-x;
}

p {
	margin: 2pt 0 2pt 0;
	text-align:justify;
}

h1 {
	font-size: 10pt;
	color: #395671;
	text-transform: uppercase;
	margin: 0 0 10px 20px;
	padding: 0;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: black;
}
a:hover {
	color: #27E750;
}

div#navgore{
	width: 770px;
	height: 31px;
	float: left;
}

div#navgore ul, div#navgore li{
	float:left;
	list-style-type: none;
	list-style-position: inside;
	margin-top: 3px;
	margin-left: 12px;
	padding: 0;
}

div#navgore li
{
	margin-left: 0;
	padding-left:10px;
	background: url(../images/bullet_ulgore.gif) center left no-repeat;
}

div#navgore li{
	margin-right: 10px;
	text-transform: uppercase;
}

div#navgore li a:link, div#navgore li a:visited, div#navgore li a:active {
	color: white;
	font-size: 8pt;
	text-decoration: underline;
	font-weight: normal;
}

div#navgore li a:hover{
	color: #27E750;
	text-decoration: underline;
}

div#containerout{
	width: 965px;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0 auto 0 auto;
	text-align: left;
}

div#container{
	width: 770px;
	margin: 0;
	padding: 1px 1px 0 1px;
	color: black;
	text-align: left;
	float: left;
	background: white;
}

div#lijevi{
	width: 180px;
	margin: 0;
	padding: 0;
	float:left;
}

div#lijevimenu{
	background: #2D4861 url(../images/back_lijevimenu.gif) bottom left no-repeat;
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
}

div#lijevimenu ul{
	width: 170px;
	margin: 0;
	padding: 10px 0 0 0;
	list-style-position: inside;
	list-style-type: none;
}

div#lijevimenu li {
	margin: 7px 0 0 7px;
	padding-left: 10px;
	float:left;
	clear: left;
	background: url(../images/bullet_ullijevo.gif) center left no-repeat;
	width: 156px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 9pt;
}

div#lijevimenu li a:link, div#lijevimenu li a:visited, div#lijevimenu li a:active {
	color: white;
	text-decoration: underline;
}

div#lijevimenu li a:hover{
	color: #27E750;
	text-decoration: underline;
}

div#lijevi h1{
	float: left;
	width: 160px;
	font-size: 10pt;
	line-height: 20pt;
	color: white;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/back_lijevoh1.gif) no-repeat;
	text-transform: uppercase;
}

div#lijevi h1.naglasi{
	float: left;
	width: 160px;
	font-size: 10pt;
	line-height: 20pt;
	color: red;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/back_lijevoh1_naglasi.gif) no-repeat;
	text-transform: uppercase;
}

div.lijevodiv{
	margin: 0;
	background: #EAEAEA url(../images/back_lijevodiv.gif) bottom left no-repeat;
	padding: 5px 10px 15px 5px;
	line-height: 11pt;
	float: left;
	width: 165px;
}

div#desni{
	width: 588px;
	float:right;
	padding: 0;
	margin: 0;
}

div#banner {
	width: 109px;
	height: 163px;
	border: 1px solid #acacac;
	background: #545454;
	float:left;
	margin-left:45px;
	margin-top: 30px;
	padding: 9px 3px 3px 3px;
}

div#banner img{
	margin: 2px 3px 2px 4px;
	float:left;
	border: none;
}


div.tekstovi {
	background: #f1f2f3 url(../images/back_tekstovi.gif) bottom left no-repeat;
	margin: 0 0 0 10px;
	padding: 10px;
	border-top: 3px solid #395671;
	width: 530px;
	line-height: 11pt;
	float: left;
}

div.tekstovi h2 {
	font-size: 10pt;
	margin: 5px 0 5px 0;
	color: #395671;
}

div.tekstovi ul{
	list-style-type: circle;
	list-style-position: inside;
	margin:0;
	padding: 0;
}

div.tekstovi li{
	margin: 3px 0 5px 10px;
}

div.tekstovi p{
	margin-top:10px;
}




div#footer {
	width: 770px;
	height: 59px;
	float:left;
	background: #3a3a3a;
	border-top: 2px solid #767575;
	color: white;
	font-size:8pt;
	margin-top: 10px;
	margin-bottom: 1px;
}

div#footer ul{
	float:right;
	list-style-type: none;
	list-style-position: inside;
	margin-top: 18px;
	margin-left: 12px;
	padding: 0;
	text-transform: uppercase;
}

div#footer li
{
	float:left;
	margin-left: 0;
	padding-left:10px;
	background: url(../images/bullet_ulgore.gif) center left no-repeat;
}

div#footer li{
	margin-right: 10px;
}

div#footer li a:link, div#footer li a:visited, div#footer li a:active {
	color: white;
	font-size: 8pt;
	text-decoration: underline;
	font-weight: normal;
}

div#footer li a:hover{
	color: #27E750;
	text-decoration: underline;
}

div.footertekst{
	width:165px;
	margin:3px 3px 3px 5px;
	background: url(../images/back_footer.gif) center right no-repeat;
	float:left;
}

div.footertekst1{
	width:300px;
	margin:3px 3px 3px 10px;
	float:left;
}

div#kontakt {

	background: #f1f2f3 url(../images/back_tekstovi.gif) bottom left no-repeat;
	margin: 0 0 0 10px;
	padding: 10px;
	border-top: 3px solid #395671;
	width: 530px;
	line-height: 11pt;
	float: left;
}

div#kontakt h2{
	margin: 0 0 25px 0;
	background: #657B8F url(../images/back_lijevoh1.gif) center left no-repeat;
	color: white;
	font-size: 10pt;
	line-height:15pt;
	font-weight: bold;
	padding-left: 20px;
	text-transform: none;
	border-bottom: 2px solid #395671;
}

div#navkatalog {
	width: 100%;
	height: 100%;
}

div#navkatalog ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 0 0px 12px;
	padding: 0;
	height: 50px;
	width: 560px;
	background: url( ../images/home_horizontal.gif) bottom left repeat-x;
}

div#navkatalog li{
	background: #bbbbbb url(../images/back_katalogli.gif) top left repeat-x;
	color: white;
	float: left;
	height: 28px;
	margin: 3px 2px 0 0;
	padding: 3px;
	line-height: 9pt;
	text-align: center;
}

div#navkatalog li a:link, div#navkatalog li a:visited, div#navkatalog li a:active {
	color: #395670;
	text-transform: uppercase;
	padding: 0;
	font-weight: bold;
	font-size: 8pt;
	line-height: 18pt;
	text-decoration: underline;
}

div#navkatalog li.katalog1{
	background: #bbbbbb url(../images/back_katalogli1.gif) top left repeat-x;
	font-weight: bold;
	font-size: 8pt;
	line-height: 23pt;
	text-transform: uppercase;
	height: 36px;
	margin: 0 2px 0 0;
}

div#navkatalog li.katalog1 a:link, div#navkatalog li.katalog1 a:visited, div#navkatalog li.katalog1 a:active {
	color: white;
	text-transform: uppercase;
	padding: 0;
	font-weight: bold;
	font-size: 8pt;
	line-height: 18pt;
	text-decoration: underline;
}

div.katthumb {
	margin: 0 0 0 12px;
	background: #f1f2f4;
	width: 550px;
	min-height: 142px;
	padding: 0 5px 0 5px;
	color: #395670;
	border-bottom: 2px solid #D6D6D7;
}

div.katthumb img {
	float: left;
	margin: 6px;
	border: none;
}


div.katthumb table{
	width: 390px;
	float: right;
	font-size: 9pt;
}

div.katthumb th{
	color: #25A642;
	font-size: 10pt;
	padding: 0;
	margin-left: 10px;
	text-transform: uppercase;
	text-align: left;
}

div.katthumb td{
	background: url(../images/home_li.gif) center left no-repeat;
	width: 50%;
	padding-left: 15px;
	height:10px;
	margin: 0;
	line-height: 9pt;
}

div.katthumb a:link, div.katthumb a:visited,div.katthumb a:active {
	text-decoration: underline;
	color: #395670;
}

div.katthumb a:hover {
	color: #25A642;
	text-decoration: underline;
}

div#detalj {
	float: left;
	width: 565px;
	margin: 0 0 0 12px;
	padding: 0;
	display: inline;
}

div#detalj h1{
	margin: 0;
	padding: 0 0 0 25px;
	line-height: 16pt;
	background: #657B8F url(../images/back_lijevoh1.gif) center left no-repeat;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-transform: none;
	border-bottom: 2px solid #395671;
	width: 260px;
}

div#detalj .lijevo {
	width: 280px;
	margin: 0;
	padding:0;
	float: left;
	line-height: 11pt;
}

div#detalj .desno {
	width: 275px;
	margin: 0 0 0 0px;
	float: right;
}

div#detalj .lijevo img{
	border: 0;
}


div#detalj a:link, div#detalj a:visited {
	text-decoration: underline;
}

div#detalj a:hover{
	text-decoration:underline;
}


.lijevo h1{
 float:left;
 width:265px;
 margin-bottom:10px;
}

div#detalj ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
	float: left;
	width: 255px;
}

div#detalj li {
	background: url(../images/home_li.gif) center left no-repeat;
	color: #395671;
	padding-left: 15px;
	margin: 0;
	float: left;
	width: 240px;
	line-height:15pt;
}

div#projekttekst {
	margin-top: 10px;
	text-align: justify;
	color: #395670;
	line-height: 11pt;
	float: left;
	width: 100%;
}


div#projekttekst ol {
	width: 280px;
	margin: 5px 0 5px 5px;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
	float: left;
}

div#projekttekst li{
	width: 270px;
	float: left;
	background-image: none;
	margin: 2px 0 2px 5px;
	padding: 0;
	line-height: 10pt;
	list-style-type: circle;
}

div#projekttekst p{
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
}


div#upit {
	width: 268px;
	height: 215px;
	background: white url(../images/back_forma.gif);
	text-align: left;
	float: right;
}

div#upit h1{
	background: white url(../images/onama_bullet.gif) center left no-repeat;
	color: #395671;
	width: 230px;
	margin: 5px 0 0 15px;
	padding: 5px 0 0 15px;
	border: none;
	font-size: 12pt;
	line-height: 12pt;
}

div#upit table{
	margin: 0 0 0 7px;
	padding: 0;
	float:left;
	text-align: left;
	color: #909090;
	width: 240px;
}

div#upit th {
	padding-left: 30px;
}


div#upit input, div#upit textarea {
	font-size: 8pt;
	line-height: 9pt;
	border: 1px solid #909090;
	margin: 0;
	padding: 0;
}

div#upit textarea{
	width: 110pt;
}


.botun input {
	background: white;
	color: green;
	float: right;
	margin-top: 10px;
	padding-right: 30px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	width: 50px;
	text-align: left;
}

div#katslike {
	width: 268px;
	background: url(../images/back_katslike.gif) top left no-repeat;
	text-align: center;
}

div#katslike img{
	border: 2px solid white;
}

table.jedinice {
	width: 560px;
	margin:0;
	line-height: 9pt;
	float: left;
}

table.jedinice th{
	padding: 3px;
	background: #74889B;
	color: white;
	text-align: left;
}

table.jedinice td{
	padding: 3px;
}

table.jedinice tr.norm{
	background: #EFEFEF;
}

table.jedinice tr.inv{
	background: #D4DAE0;
}

table.jedinice tr.prodano{
	background: #EFEFEF;
	color: #aaaaaa;
	font-style: italic;
	text-decoration:line-through;
}

table.jedinice a.prodano {
	background: #EFEFEF;
	color: #aaaaaa;
	font-style: italic;
}

div#jedinica {
	float: left;
	width: 560px;
	margin: 0 0 0 12px;
	padding: 0;
	display: inline;
}

div#jedinica h1{
	margin: 0 0 5px 0;
	height: 22px;
	line-height: 16pt;
	width: 540px;
	background: #657B8F url(../images/back_lijevoh1.gif) center left no-repeat;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 20px;
	text-transform: none;
	border-bottom: 2px solid #395671;
}

div#jedinica h2{
	margin: 0;
	height: 22px;
	background: #657B8F url(../images/back_lijevoh1.gif) center left no-repeat;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 20px;
	text-transform: none;
	border-bottom: 2px solid #395671;
}

div#jedinica .lijevo {
	width: 270px;
	float: left;

}
div#jedinica .desno {
	width: 270px;
	margin: 0;
	float: right;
	text-align: center;
}


div#jedinica .lijevo img{
	border: 0;
}

div#jedinica ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 10px 0 10px 5px;
	padding: 0;
	float: left;
	width: 265px;
}

div#jedinica li {
	background: url(../images/home_li.gif) center left no-repeat;
	color: #395671;
	padding-left: 15px;
	margin: 0;
	float: left;
	width: 95%;
}

div#bdoks{
	width: 240px;
	min-height: 85px;
	color: white;
	margin:  0 0 10px 0;
	float: left;
}

div#bdoks h1 {
	background: white url(../images/onama_bullet.gif) center left no-repeat;
	color: #395671;
	width: 225px;
	margin: 0;
	padding: 5px 0 0 15px;
	border: none;
	font-size: 10pt;
	line-height: 12pt;
	text-align: left;
	float: left;
}

div#bdoks ul{
	margin: 0;
	padding: 0;
	width: 240px;
	text-align: left;
	list-style-position: inside;
	list-style-type: none;
}

div#bdoks li{
	background-image: none;
	margin: 0;
	line-height: 15pt;
}

div#bdoks li a:link, div#bdoks  a:visited {
	text-align: left;
}

div#browsredina{
	background: white url(../images/back_testmiddle.gif) repeat-y;
	width: 268px;
	margin: 10px 0 0 0;
	padding: 0;
	float:right;
}

div#browgore{
	background: white url(../images/back_testtop.gif) top left no-repeat;
	width: 268px;
	height: 63px;
	margin: 0;
	padding: 0;
}

div#browtekst{
	color: red;
	margin: -50px 19px 0 19px;
	width: 230px;
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
}

div#browdolje{
	background: url(../images/back_testbottom.gif) bottom left no-repeat;
	width: 268px;
	height: 58px;
	float:left;
}

div#browtekst img{
	border: none;
	margin: 1px 2px;
	float: left;
}

div#minifotke{
	width: 238px;
	height:200px;
	margin: 0;
	padding: 0;
}

div#minifotke img{
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}

div#minifotke h1 {
	background: white url(../images/onama_bullet.gif) center left no-repeat;
	color: #395671;
	width: 210px;
	margin: 45px 0 0 0;
	padding: 5px 0 0 15px;
	border: none;
	font-size: 12pt;
	line-height: 12pt;
	text-align: left;
	float:left;
}

div.katnav {
	width: 550px;
	margin: 10px 0 20px 12px;
	padding: 0 5px 0 5px;
	background: #f1f2f4;
	text-align: center;
}

div.katnav a{ margin: 2px; }

div#impressum{
	background: #f1f2f3 url(../images/impressum.gif) top right repeat-y;
	color: #476580;
	margin: 0 0 0 10px;
	padding: 10px;
	border-top: 3px solid #395671;
	width: 530px;
	line-height: 11pt;
	float: left;
}

div#impressum h2{
	color: black;
	background: none;
	text-transform: uppercase;
	float: left;
	width: 520px;
	font-size: 9pt;
	line-height: 15pt;
	margin: 5px 0 5px 0;
	padding: 0
}

div#vanitop{
	width: 790px;
	margin: 0;
	padding: 0;
	float: left;
	height: 29px;
	background: url(../images/back_vanitop.gif) top left no-repeat;
	overflow: hidden;
}

div#vanisredina{
	width: 785px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	background: url(../images/back_vanisredina.gif) repeat-y;
	overflow: hidden;
}

div#vrijeme{
	background: url(../images/oblaci.gif) top right no-repeat;
	width: 100%;
	line-height:10pt;
	margin: 0;
	padding: 0 0 10px 0;
}

div.pponuda {
	text-align:center;
	width: 260px;
	height:170px;
	float: left;
	margin: 4px;
	padding: 0;
	background: #f1f2f3;
	line-height:12pt;
}

div.pponuda img{
	border: none;
}

div#pp{
	width: 556px;
	margin-left:10px;
	text-align:center;
	float:left;
}

div#pp h1{
	margin-top:20px;
	text-align:left;
}

div#detbox{
	float:left;
	width: 282px;
	margin: 0 0 5px 0;
	background: #EAEAEA url(../images/info.gif) center left;
	color: black;
	font-size:10pt;
	line-height:15pt;
	text-align:center;
	border: 1px solid #395671;
}

div#detbox a:link, div#detbox a:active, div#detbox a:visited {
	color: black;
	text-decoration: underline;
}

div#onama{
	width: 100%;
	height: 320px;
	margin-top:20px;
}


div#onama img{
	border: none;
	margin:0 10px 0 10px;
	padding: 0;
	float: left;
	width: 110px;
	height: 75px;
}

div#ekstrafotobox{
	float:left;
	width: 282px;
	height: 47px;
	margin: 0 0 5px 0;
	background: #EAEAEA url(../images/photo.gif) center left;
	color: black;
	font-size:10pt;
	line-height:15pt;
	text-align:center;
	border: 1px solid #395671;
}

div#ekstrafotobox a:link, div#ekstrafotobox a:active, div#ekstrafotobox a:visited {
	color: black;
	text-decoration: underline;
}

div#malitekst{
	width: 100%;
	height: 100%;
	margin:0;
	padding: 20px;
	float: left;
}

div.tendthumb {
	margin: 0 0 5px 5px;
	background: #f1f2f4;
	width: 540px;
	padding: 0 10px 10px 5px;
	color: #395670;
	border-bottom: 2px solid #D6D6D7;
	float: left;
	line-height: 10pt;
	text-align: justify;
}

div.tendthumb img {
	float: left;
	margin: 6px;
	border: none;
}


div.tendthumb a:link, div.tendthumb a:visited,div.tendthumb a:active {
	text-decoration: underline;
	color: #395670;
}

div.tendthumb a:hover {
	color: #25A642;
	text-decoration: underline;
}

div#linkovi{
	background: url(../images/links.gif) top right no-repeat;
	min-height: 300px;
	padding-bottom: 300px;
}
div#linkovi table{
	border: none;
	width: 550px;
	margin-left:20px;
}

div#linkovi td{
	padding: 3pt;
	width: 33%;
	border: 1px solid #dedede;
	overflow: hidden;
}

div#podnaslov{
	text-align: right;
	padding-right: 10pt;
	font-size:10pt;
	line-height: 20pt;
	margin-top:5px;
	margin-bottom:5px;
}

div#podnaslov img{ border: none; }

div.kratthumb {
	margin: 3px 0 3px 12px;
	width: 550px;
	padding: 0 5px 0 5px;
	color: #395670;
	border-bottom: 2px solid #D6D6D7;
	float: left;
	display: inline;
}

div.kratthumb img{
	margin: 6px;
	border: none;
	float: left;
}

div.kratthumb h1{
	padding: 0;
	margin: 0;
}

div.kratkitekst {
	padding: 10pt 15pt 10pt 10pt;
	text-align: justify;
}

div.kratkitekst h1{
	padding: 0;
	margin: 0 0 10pt 0;
}


div.maliclancidesno{
	width: 180px;
	border: 1px solid #ffffff;
	float: right;
	background: white;
	text-align: left;	
	margin-bottom:10px;
	padding: 0;
	color: black;
}

div.maliclancidesno img{
	margin: 5px auto;
	float: left;
	clear: both;
}

div.maliclancidesno a{
	line-height:12pt;
	font-size:9pt;
	color: black;
	padding: 2pt;
}

div.maliclancidesno h1{
	float: left;
	width: 160px;
	font-size: 10pt;
	line-height: 20pt;
	color: white;
	margin: 0 0 3pt 0;
	padding: 0 0 0 20px;
	background: url(../images/back_lijevoh1.gif) no-repeat;
	text-transform: uppercase;
}

div.maliclancidesno h1.naglasi{
	float: left;
	width: 160px;
	font-size: 10pt;
	line-height: 20pt;
	color: red;
	margin: 0 0 3pt 0;
	padding: 0 0 0 20px;
	background: url(../images/back_lijevoh1_naglasi.gif) no-repeat;
	text-transform: uppercase;
}

div.maliclancidesno p {
	line-height:11pt;
	text-align: left;
	padding: 2pt;
	float: left;
}

div#kontakt_lijevo{
	width: 50%;
	height:150px;
	float: left;
	padding-top: 20px;
}

div#kontakt_lijevo a{
	background: #657B8F;
	color: white;
	font-weight: bold;
	font-size:12pt;
	line-height: 30pt;
	text-align: center;
	width: 200px;
	border-bottom: 2px solid #395671;
	margin-bottom: 5px;
	margin-left: 30px;
	float: left;
}

div#kontakt_desno{
	width: 50%;
	height:150px;
	float: right;
	padding-top: 20px;
}

div#ori_cijene{
	width: 545px;
	padding: 3pt;
	margin: 3pt 0;
	background: #d4dae0;
	color: black;
	border: 2px solid black;
	float: left;
}

div.katthumba {
	margin: 0 0 0 12px;
	background: #f1f2f4;
	width: 270px;
	float: left;
	min-height: 142px;
	padding: 0 2px 0 2px;
	color: #395670;
	border-bottom: 2px solid #D6D6D7;
}

div.katthumba h1{
	margin: 0;
	padding: 0 3pt;
	font-size:8pt;
	background: #395671;
	color: #ffffff;
}

div.katthumba img {
	float: right;
	margin: 5px 0 0 0;
	border: none;
	height:90px;
}


div.katthumba a:link, div.katthumba a:visited,div.katthumba a:active {
	text-decoration: underline;
	color: #395670;
}

div.katthumba a:hover {
	color: #25A642;
	text-decoration: underline;
}