body {
background: #04739a url(images/malo-gl.png) repeat-x;
margin: 0;
padding: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #535353;
line-height:20px;
}

#pozadina
{background: url(images/malo-main.png) repeat-x;
background-position:bottom;}

#body_main
{
		width:1038px;
		margin:0 auto;
		clear:both;

}

a
{outline:none;}


#banner
{
background:#160b27 url(images/banner.png) no-repeat;
width:1038px;
height:163px;
float:left;
}

#main{
background:#FFFFFF url(images/malo-main-bg.png) repeat-y;
width:923px;
float:left;
padding-left:10px;
padding-right:10px;
display:inline;
}

#left
{float:left;
width:677px;}

#left h1
{
color:#137397;
font-size:14px;
margin: 0;
padding: 9px 0;}

#right
{float:left;
display:inline;
margin-left:15px;
width:231px;}

.h1-left
{float:left;
width:5px;
height:35px;
background: url(images/h1-left.png) no-repeat;}

.novosti-top .h1-left {
	height: 34px;
	border-bottom: 1px solid #e4d075;
}

.h1-right
{float:left;
width:6px;
height:35px;
background: url(images/h1-right.png) no-repeat;}

.novosti-top .h1-right {
	height: 34px;
	border-bottom: 1px solid #e4d075;
}

.novost
{float:left;
width:670px;}

.novost-top
{float:left;
margin-top:10px;
width:677px;
height:35px;
background: url(images/novost_top.gif) repeat-x bottom;}

.akcije-top
{float:left;
/*margin-top:10px;*/
width:677px;
height:35px;
background: url(images/novost_top.gif) repeat-x bottom;}

.novosti-top {
float:left;
/*margin-top:10px;*/
width:677px;
height:35px;
background: url(images/akcije_top.gif) repeat-x bottom;
}

.akcije-top a, .novosti-top a
{float:left;
width:130px;
margin-top:2px;
height:28px;}

.novost-sadrzaj
{background: #d8d8d8 url(images/banner5.png) repeat-x;
border:1px solid #d2d2d2;
width:675px;float:left;
border-top: 0;}


.novost1
{float:left;
border-bottom:1px solid #cccccc;
width:660px;}

.novost1-zadnja
{float:left;
width:660px;}

.novost1 h1
{color:#036a91;
font-size:13px;
margin-bottom:0px;}

.novost1 h1 a
{color:#036a91;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}

.novost1 h1 a:hover
{color:#72aec5;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}


.novost1-zadnja h1
{color:#036a91;
font-size:13px;
margin-bottom:0px;}

.novost1-zadnja h1 a
{color:#036a91;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}

.novost1-zadnja h1 a:hover
{color:#72aec5;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}


.input
{float:left;
background:}

.novost2
{float:left;
border-bottom:1px solid #e2cd6c;
width:660px;}

.novost2-zadnja
{float:left;
width:660px;}

.novost2 h1
{color:#036a91;
font-size:13px;
margin-bottom:0px;}

.novost2 h1 a
{color:#036a91;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}

.novost2 h1 a:hover
{color:#72aec5;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}


.novost2-zadnja h1
{color:#036a91;
font-size:13px;
margin-bottom:0px;}

.novost2-zadnja h1 a
{color:#036a91;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}

.novost2-zadnja h1 a:hover
{color:#72aec5;
font-size:13px;
text-decoration:none;
margin-bottom:0px;}

.novost2 p
{margin-top:5px;}

.novost-sadrzaj-slika
{float:left;
width:145px;
text-align:center;
margin-top:10px;
border:1px solid #cecece;
background: #d9d9d9;
margin-right:10px;}

.novost-sadrzaj2 .novost-sadrzaj-slika {
background: #efe390;
border: 1px solid #e4d075;
}

.novost-sadrzaj-tekst
{float:left;
margin-left:10px;
margin-top:10px;}

.novosti-sadrzaj-slika a
{clear:both;text-align:center;
display:block;}

.novost-sadrzaj-slika a img
{border:none;
clear:both;
max-height:116px;
text-align:center;
}

.novost-top2
{float:left;
margin-top:10px;
width:677px;
height:35px;
background: url(images/akcije_top.gif) repeat-x bottom;}

.novost-sadrzaj2
{background: #f5e38b url(images/bg-akcije.png) repeat-x;
border:1px solid #e4d075;
width:675px;float:left;
border-top: 0;}


.novost-top h1
{background: url(images/h1-bg.png) repeat-x;
float:left;
padding-top:7px;
margin-top:0px;
text-align:center;
width:123px;
height:28px;
color:#03678e;
font-size:14px;}

.akcije-top h2, .novosti-top h2
{background: url(images/h1-bg.png) repeat-x;
float:left;
padding-top:7px;
margin-top:0px;
text-align:center;
width:123px;
height:28px;
color:#03678e;
font-size:14px;}


.novosti-top h2 {
height: 27px;
border-bottom: 1px solid #e4d075;
}

h3 {
	color: #234e9e;
	font-size: 13px;
	margin: 0;
	padding: 10px 0 10px 10px;
}

h4 {
	color: #234e9e;
	font-size: 13px;
	margin: 0;
	padding: 15px 0 0;
}

#main-bottom
{background: url(images/main-bottom.png) no-repeat;
width:946px;
height:8px;
margin-left:47px;
margin-bottom:15px;
float:left;}

.novost-top2 h1
{background: url(images/h1a.png) no-repeat;
float:left;
padding-top:7px;
margin-top:0px;
text-align:center;
width:134px;
height:28px;
color:#606060;
font-size:14px;}

.novosti-akcije
{background: url(images/h1a.png) no-repeat;
float:left;
margin-left:3px;
padding-top:0px;
margin-top:0px;
text-align:center;
width:134px;
height:34px;
color:#606060;
font-size:14px;
border-bottom: 1px solid #d2d2d2;}

.novosti-top .novosti-akcije {
border: 0;
height: 35px;
}

.novosti-akcije a
{width:132px;
margin-top:0px;}

#trazilica .button
{background: url(images/trazi.png) no-repeat;
width:38px;
height:22px;
cursor:pointer;
float:left;
border:1px solid #0588b1;}

#trazilica
{float:left;display:inline;
margin-left:755px;
margin-top:10px;}

#trazilica input
{background: #314a81;
color:#fff;
font-size:11px;
height:16px;
padding-left:5px;
padding-right:5px;
width:172px;
border: 2px solid #5574b0;}

#gl-banner
{float:left;
position:relative;}

#main-ll
{background: url(images/main-text2.png) no-repeat;
width:49px;
height:62px;
float:left;}

#linkovi-bar
{float:left;
margin-top:1px;
width:1038px;}

#footer
{clear:both;
background: url(images/footer3.png) no-repeat;
width:946px;
margin-left:45px;color:#6e8dd5;
padding-bottom:40px;
height:37px;}

.copy
{float:left;
color:#6e8dd5;
margin-top:10px;
margin-left:20px;}

.virtus
{float:right;
margin-top:10px;
margin-right:20px;}

.virtus a
{color:#289ec8;
font-weight:bold;
text-decoration:none;}

.virtus a:hover
{color:#fff;
font-weight:bold;
text-decoration:none;}

#linkovi
{background: url(images/link-line22.png) no-repeat;
width:943px;
height:42px;
float:left;}

#linkovi-pre
{background: url(images/line3.png) no-repeat;
height:41px;
width:49px;
float:left;}

#linkovi a
{float:left;}

.link1
{float:left;
font-size:13px;
width:104px;
height:22px;}

.link1 a
{color:#fff;
width:104px;height:32px;
padding-top:10px;
text-align:center;
text-decoration:none;}

.link1 a:hover
{color:#0f2c6c;
font-weight:bold;
width:104px;
height:32px;
background: url(images/hover.png) no-repeat;
background-position:center;
text-align:center;
text-decoration:none;}


.link2
{float:left;
text-align:center;
width:102px;
}
.link2 a
{color:#fff;
width:104px;height:32px;
padding-top:10px;
text-align:center;
text-decoration:none;}

.link2 a:hover
{color:#0f2c6c;
font-weight:bold;
width:104px;
height:32px;
background: url(images/hover.png) no-repeat;
background-position:center;
text-align:center;
text-decoration:none;}



.link5
{float:left;
width:139x;}

.link5 a
{float:left;
color:#fff;
padding-top:10px;
text-align:center;
text-decoration:none;
width:139px;}

.link5 a:hover
{color:#0f2c6c;
font-weight:bold;
width:139px;
height:32px;
background: url(images/hover2.png) no-repeat;
background-position:center;
text-align:center;
text-decoration:none;}

.link6
{float:left;
width:110px;}

.link6 a
{float:left;
color:#fff;
padding-top:10px;
text-align:center;
text-decoration:none;
width:110px;}

.link6 a:hover
{color:#0f2c6c;
font-weight:bold;
width:110px;
height:32px;
background: url(images/hover.png) no-repeat;
background-position:center;
text-align:center;
text-decoration:none;}

.link7
{float:left;
width:93px;}


#main-top
{background: url(images/main-tect-top.png) no-repeat;
width:1020px;
height:20px;
margin-top:0px;
float:left;}

.link8
{float:left;
width:148px;}


.link8 a
{float:left;
color:#fff;
padding-top:10px;
text-align:center;
text-decoration:none;
width:148px;}

.link8 a:hover
{color:#0f2c6c;
font-weight:bold;
width:148px;
height:32px;
background: url(images/hover2.png) no-repeat;
background-position:center;
text-align:center;
text-decoration:none;}


.korisnici-top
{float:left;
width:670px;
border-bottom: 1px solid #cccccc;
padding-bottom:3px;
padding-top:3px;}

.korisnici-top3
{float:left;
width:670px;
padding-bottom:3px;
padding-top:3px;}

.ime
{float:left;
width:250px;}

.postanski
{float:left;
width:140px;}

.grad
{float:left;
width:140px;}

.djelatnost
{float:left;
width:140px;}




.korisnici-top2
{float:left;
width:657px;
padding: 10px 0;
border-bottom: 1px solid #ababab;}

.korisnici-top-bezcrte
{float:left;
width:657px;
padding: 10px 0 0;}


.ime2
{float:left;
width:250px;}

.postanski2
{float:left;
width:140px;}

.grad2
{float:left;
width:140px;}

.djelatnost2
{float:left;
width:140px;}

/********************************************************************** BANNERI
**********************************************************************************************/


#gl-banner
{
width:675px;
overflow:hidden;
height:263px;
border: 1px solid #cccccc;}

.link22
{float:left;
background: #c6cdd2;
color:#000;
margin-right:5px;
width:20px;
height:22px;
color:#424242;
text-align:center;}

.aktivan
{background: url(images/broj1.png) repeat-x;
background-position:top;
float:left;
width:20px;
font-weight:bold;
height:22px;
color:#fff;
text-align:center;
}

.link22 .aktivan a
{color:#fff;}

.link22 a
{text-decoration:none;
color:#424242;
font-weight:bold;}

.link22 a:hover
{color:#0483ab;}

#linkovi-text
{float:left;
background: url(images/crno-bottom.png) repeat;
color:#fff;
position:absolute;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
bottom:0px;
width:665px;}

#linkovi-banner
{float:right;
margin-top:5px;
margin-right:5px;}

.banner
{float:left;
margin-left:5px;}

.banner-top2
{background: url(images/banner-top1.png) no-repeat;
width:225px;
height:42px;
float:left;}

.banner-top2 h1
{color:#fff;
font-size:12px;
margin-left:10px;
margin-top: 0px;
padding-top: 7px;}

.banner-top
{background: url(images/header.png) no-repeat;
width:225px;
height:41px;
margin-top:10px;
float:left;}

.banner-top h1
{color:#fff;
font-size:12px;
margin-left:10px;}

.banner-sadrzaj
{background: #e3f5f8 url(images/banner32.jpg) repeat-x;
border-left: 1px solid #a5cdd5;
border-right: 1px solid #a5cdd5;
line-height: 14px;
width:223px;
float:left;
font-size: 11px;}

.banner-sadrzaj p
{height:56px;}

.banner-sadrzaj2
{background: #d5edf1 url(images/banner32-bg.jpg) repeat-x;
border-left: 1px solid #a5cdd5;
border-right: 1px solid #a5cdd5;
width:223px;
float:left;}

.banner-sadrzaj2 p a
{color:#036b92;
background: url(images/link234.png) no-repeat;
background-position:left;
font-size:11px;
font-weight:bold;
padding-left:20px;
text-decoration:none;}

.banner-sadrzaj2 p a:hover
{color:#8dc1d2;
background: url(images/link234.png) no-repeat;
background-position:left;
font-size:11px;
padding-left:20px;
font-weight:bold;
text-decoration:none;}

.web-shop
{float:left;
background: url(images/web-banner.png) no-repeat;
width:205px;
margin-left:5px;
padding-left:20px;
margin-top:10px;
height:95px;}

.web-shop a
{float:left;
color:#fff;
text-decoration:none;
height:95px;
width:200px;}

.web-shop a:hover
{float:left;
color:#f4dca7;
text-decoration:none;
height:95px;
width:200px;}

.web-shop h1
{
margin-top:20px;
font-size:19px;
font-weight: normal;}

.web-shop p
{
font-size:11px;}

/*************/


.korisni-programi
{float:left;
background: url(images/web-banner6.png) no-repeat;
width:205px;
margin-left:5px;
padding-left:20px;
margin-top:10px;
height:95px;}

.korisni-programi a
{float:left;
color:#fff;
text-decoration:none;
height:95px;
width:200px;}

.korisni-programi a:hover
{float:left;
color:#f4dca7;
text-decoration:none;
height:95px;
width:200px;}

.korisni-programi h1
{
margin-top:20px;
font-size:19px;
font-weight: normal;}

.korisni-programi p
{
font-size:11px;}


/*************/

.hvar
{float:left;
background: url(images/banner2.png) no-repeat;
width:205px;
margin-left:5px;
padding-left:20px;
margin-top:10px;
height:95px;}

.hvar a
{float:left;
color:#fff;
text-decoration:none;
height:95px;
width:200px;}

.hvar a:hover
{float:left;
color:#f4dca7;
text-decoration:none;
height:95px;
width:200px;}

.hvar h1
{
margin-top:33px;
font-size:19px;
font-weight: normal;}

.hvar p
{
font-size:11px;}


/*************/


.t-com
{float:left;
background: url(images/banner3-55.png) no-repeat;
width:205px;
margin-left:5px;
padding-left:20px;
margin-top:10px;
height:106px;}

.oh {
	float:left;
	width:225px;
	margin-top:10px;
	margin-left:5px;
	height: 106px;
	background: url(images/oh.png) no-repeat;
}

.oh a {
	display:block;
	width:225px;
	height:106px;
}

.t-com a
{float:left;
color:#fff;
text-decoration:none;
height:95px;
width:200px;}

.t-com a:hover
{float:left;
color:#f4dca7;
text-decoration:none;
height:95px;
width:200px;}

.t-com h1
{
margin-top:33px;
font-size:19px;}

.t-com p
{
font-size:11px;}


.fb_banner {
	width: 225px;
	height: 95px;
	padding: 10px 0 0 5px;
	float: left;
	font-size: 19px;
	font-weight: normal;
}

.fb_banner a {
	background: url(images/fb_banner.gif) no-repeat;
	display: block;
	float: left;
	width: 205px;
	height: 33px;
	padding: 62px 0 0 20px;
	color: #FFF;
}

.fb_banner a:hover {
	color: #f4dca7;
}


/*************/

.crta
{float:left;
width:201px;
background:#a1cfdf;
height:1px;
font-size:1px;
line-height:1px;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;}


.banner-sadrzaj2 p
{float:left;
margin: 0 10px;}

.banner-bottom
{background: url(images/banner-bottom.png) no-repeat;
width:225px;
height:13px;
float:left;}


.banner-bottom2
{background: url(images/banner-bottom6.png) no-repeat;
width:225px;
height:14px;
float:left;}

a 
{color:#036a91;
text-decoration:none;}

a:hover
{color:#4daccf;}

/********************************************************************** KONTAKT *************************************************************************************/



.kontakt_forma
{width:400px;
margin-top:15px;
float:left;}

.kontakt-detalji
{float:left;
/*width:250px;*/
width: 350px;}

.kontakt-detalji-right {
	float: right;
	width: 300px;
}

.kontakt-detalji-box {
	background: #e4f6fa;
	padding: 0 10px 10px 10px;
	margin: 10px 0 0 0;
	height: 190px;
}

.kontakt-detalji-right .kontakt-detalji-box {
	background: #f0f0f0;
}


.kontakt_forma label
{width:125px;
/*color:#4a130e;*/
float:left;
}

.kontakt_forma span input
{border:1px solid #cacaca;
font-family: Arial;
font-size:12px;
background:#fff;
width:245px;margin-right:5px;
float:left;
font-size:12px;

}

.pregrada
{float:left;margin-bottom:10px;}

#poruka
{float:left;
width:245px;margin-right:5px;
height:150px;
border:1px solid #cacaca;
font-family: Arial;
font-size:12px;
}



.button_kont
{float:left;
margin-left:134px;
padding-top:3px;
padding-bottom:4px;
background: url(images/footer.png) repeat-x;
width:100px;
color: #fff;
font-weight:bold;
font-size:12px;
height:24px;
border:1px solid #fff;
cursor:pointer;}

.kontakt_forma input.txt_error {
border: 2px solid #3183a2;
}

.kontakt_forma textarea.txt_error#poruka{
border: 2px solid #3183a2;
}


.txt_error_img
{background: url(images/error.png) no-repeat;
float:left; display:inline;
width:20px;
height:20px;}



.kontakt_forma #forma .pregrada span .kopija input
{float:left;
width:20px;}

.kopija
{width:260px;
float:left;
margin-top:10px;
margin-left:130px;}

.kopija span
{float:left;
margin-left:29px;}


.stranice
{text-align:center;
float:left;
padding-top:5px;
width:660px;
padding-bottom:5px;
color:#036a91;}

.stranice a
{padding-left:3px;color:#036a91;
padding-right:3px;}

.stranice a:hover
{text-decoration:underline; color:#50b8df;}



/* oprema tablica */

.oprema_table {
	width: 655px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 10px;
}

.oprema_table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 4px 10px;
	vertical-align: top;
	background: #eeeeee;
}

.oprema_title td {
	background: #cccccc;
	font-weight: bold;
}

.oprema_row2 td {
	background: #FFFFFF;
}


/* ostalo */


.text {
	padding: 0 10px;
}

.text h1 {
	border-bottom: 1px solid #bee8ef;
}


.text p {
	margin: 0;
	padding: 10px 0;
	text-align: justify;
}


.ref_back {
	text-align: right;
	border-top: 1px solid #BEE8EF;
}

.img_cont {
	border: 2px solid #BEE8EF;
	margin: 0 10px 0 0;
}

.img_right {
	border: 2px solid #BEE8EF;
	margin: 10px 0 0 20px;
	float: right;
}

.img_left {
	border: 2px solid #BEE8EF;
	margin: 10px 20px 0 0;
	float: left;
}


/* galerija */


#gallery {
	clear: both;
}

.gallery_th, .gallery_th_last {
	float: left;
	width: 161px;
	margin: 10px 10px 0 0;
	text-align: center;
	height: 124px;
}

.gallery_th_last {
	margin: 10px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
	background-color: #c9e6eb;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #a5cdd5;
	display: block;
	float: left;
	width: 159px;
	height: 122px;
}

.gallery_th a:hover, .gallery_th_last a:hover {
	background-color: #fff6b8;
	border: 1px solid #e4d075;
}

#gallery img {
	border: 0;
}


/* mp3 */

#mp3ce {
	padding: 0 0 15px 0;
	float: left;
	width: 677px;
}

.mp3 {
	float: left;
	height: 25px;
	clear: both;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 10px;
}

.mp3 a {
	background: url(images/mp3.gif) no-repeat top right;
	display: block;
	float: left;
	height: 23px;
	padding: 2px 35px 0 12px;
}

.mp3 a:hover {
	background: url(images/mp3.gif) no-repeat bottom right;
	color: #997300;
}



.sep {
	border-bottom: 1px solid #BEE8EF;
	clear: both;
}

.sep2 {
	border-bottom: 1px solid #ABABAB;
	clear: both;
}

#gmap1 {
	margin-bottom: 10px;
}


.list {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
}

.list li {
	background: url(images/bull.gif) no-repeat 0 8px;
	padding: 0 0 3px 10px;
}


.clear {
	clear: both;
}

.novost1 .novost_kraj, .novost2 .novost_kraj, .novost1-zadnja .novost_kraj, .novost2-zadnja .novost_kraj {
	text-align: right;
	font-weight: bold;
	margin: 0;
	padding: 10px 5px 10px 0;
}