@charset "utf-8";
/* CSS Document */

*{padding:0;
	margin:0;
	border:0 none;
	font-size:100%;
	text-decoration:none;
	-moz-outline-width:0;
	list-style:none;
	border:0 none;
	outline-style:none;
	outline-width:0;
}

*:focus {
	outline-style:none;
	outline-width:0;
}


body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #636367 url('../images/background.jpg') center top no-repeat fixed;	
}

#boljani{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:930px;
	background: #193e63;
	position: relative;
	margin-top: 10px;
}



/* ========================================= H E A D E R ========================================= */

#sign_line{
	height: 40px;
	width: 926px;
	background: #193e63;
text-align: right;
padding-top: 4px;
padding-right: 4px;
}

.form-login label, .log {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color: white;}

.form-login input {font-size: 12px; height: 16px; width: 90px; padding-bottom: 2px;}

#header{
	width: 930px;
	height: 172px;
	background: url(../images/header_banner.png);
	position: relative;
}

/* ========================================= B O D Y    A R E A ========================================= */

#left_navi{
	margin-left: 10px;
	width: 180px;
	background-color: #FFF;
}
	
#body{
	background: url(../images/body_slice.png) repeat-y;
	height: 100%;
	min-height: 200px;
	position: relative;
}
	
.uno{ 
	width: 160px;
	display: inline;
	float: left;
	margin-left: 14px;
}

.due{ 
	width: 540px;
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.tre{ 
	width: 160px;
	display: inline;
	float: left;
	margin-right: 14px;
}

.content{
	font-size: 13px;
}
h1 {font-size: 20px; font-weight: normal}
h1.componentheading{font-size: 18px; color: #193e63; margin-bottom: 16px; background-color: #CCC; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; }

h6{font-size: 8px; font-weight: normal}

p.buttonheading{float: right;}

/* ========================================= N A V I G A T I O N ========================================= */

ul.menu{
	padding: 10px;
}

ul.menu a{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #737373;
}

ul.menu #current a{
	color: #193e63;
	font-weight: bold;
}

ul.menu li a:hover{
	color:#193e63;
	text-decoration: underline;
}

.text_box{
	font-size: 11px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}

.text{
	background-color: #dee0e2;
	padding: 5px;
	color: #333;
}

.sadrzaj{
	background-image: url(../images/sadrzaj.png);
	width: 170px;
	height: 39px;
	margin-left: -5px;
}

.desno{
	font-size: 11px;
	padding: 5px;
}

.mono{
	background-image: url(../images/o_monografiji.png);
	width: 170px;
	height: 39px;
	margin-left: -10px;
	margin-top: -5px;
	margin-bottom: 10px;
}
.dezinfekcija{
   background-image: url(../images/dezinfekcija.jpg);
   width: 150px;
   height: 228px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.ostanimodoma{
   background-image: url(../images/ostanimo_doma.jpg);
   width: 150px;
   height: 45px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.koronavirus{
   background-image: url(../images/KORONAVIRUS.jpg);
   width: 150px;
   height: 22px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.mesar{
   background-image: url(../images/mesar.jpg);
   width: 150px;
   height: 250px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.leteci{
   background-image: url(../images/leteci_obroci.jpg);
   width: 150px;
   height: 197px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.wings_of_brac{
   background-image: url(../images/wings_of_brac.jpg);
   width: 150px;
   height: 170px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.bluesun2{
   background-image: url(../images/bluesun2.jpg);
   width: 150px;
   height: 80px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.gm{
   background-image: url(../images/GM.jpg);
   width: 150px;
   height: 179px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.miki{
   background-image: url(../images/taxi_miki.jpg);
   width: 150px;
   height: 94px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.dht2016{
   background-image: url(../images/dht2016.jpg);
   width: 150px;
   height: 180px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.off_road{
   background-image: url(../images/off_road.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.gogy{
   background-image: url(../images/gogy_pizza.jpg);
   width: 150px;
   height: 170px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.azzura{
   background-image: url(../images/azzura.jpg);
   width: 150px;
   height: 250px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.azzura2{
   background-image: url(../images/azzura2.jpg);
   width: 150px;
   height: 250px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.red_letenja{
   background-image: url(../images/red_letenja.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.vlakic{
   background-image: url(../images/vlakic.jpg);
   width: 150px;
   height: 77px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.t_vlakic{
   background-image: url(../images/Turisticki_vlakic.jpg);
   width: 150px;
   height: 86px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.adria{
   background-image: url(../images/adria.jpg);
   width: 150px;
   height: 170px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.izleti{
   background-image: url(../images/izleti.jpg);
   width: 150px;
   height: 195px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.certifikat{
   background-image: url(../images/certifikat.jpg);
   width: 150px;
   height: 200px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.hotel_ivan{
   background-image: url(../images/hotel_ivan.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.konoba_raj{
   background-image: url(../images/konoba_raj.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.tws{
   background-image: url(../images/tws.jpg);
   width: 150px;
   height: 65px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.maliraj{
   background-image: url(../images/mali_raj.jpg);
   width: 150px;
   height: 172px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.dron{
   background-image: url(../images/dron.jpg);
   width: 150px;
   height: 171px;
   margin-left: 5px;
   margin-top: 0px;
   text-indent: -9999px;
   display: block;
}
.dronfrane{
   background-image: url(../images/frane_dron.jpg);
   width: 150px;
   height: 171px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.radno_vrijeme{
   background-image: url(../images/radno_vrijeme.jpg);
   width: 150px;
   height: 300px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.bluesun{
   background-image: url(../images/bluesun.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.meteo{
   background-image: url(../images/meteo.jpg);
   width: 150px;
   height: 40px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.kretanje_brodova{
   background-image: url(../images/kretanje_brodova.jpg);
   width: 150px;
   height: 40px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.Zlatni_rat_je_nas{
   background-image: url(../images/Zlatni_rat_je_nas.gif);
   width: 150px;
   height: 40px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.solidus{
   background-image: url(../images/solidus_banner.jpg);
   width: 150px;
   height: 85px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.rba{
   background-image: url(../images/rba.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.polupodmornica{
   background-image: url(../images/polupodmornica.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.vagabundo{
   background-image: url(../images/vagabundo.jpg);
   width: 150px;
   height: 300px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.yolo{
   background-image: url(../images/yolo.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.equinox{
   background-image: url(../images/equinox.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.textpapir{
   background-image: url(../images/textpapir.jpg);
   width: 150px;
   height: 96px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.plin{
   background-image: url(../images/plin.jpg);
   width: 150px;
   height: 127px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.video{
   background-image: url(../images/videoteka.jpg);
   width: 150px;
   height: 33px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.ina{
   background-image: url(../images/ina2.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.taxi_santo{
   background-image: url(../images/taxi_santo.jpg);
   width: 150px;
   height: 33px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.taxi{
   background-image: url(../images/taxi.jpg);
   width: 150px;
   height: 33px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.razno{
   background-image: url(../images/razno.jpg);
   width: 150px;
   height: 160px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.virtual{
   background-image: url(../images/virtual.jpg);
   width: 150px;
   height: 123px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.meteor{
   background-image: url(../images/meteor_banner150x150.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.tzbol{
   background-image: url(../images/tzbol.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.oglas{
   background-image: url(../images/oglasmh.jpg);
   width: 150px;
   height: 200px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.bolsko_lito{
   background-image: url(../images/bolsko_lito.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}

.opcinabol{
   background-image: url(../images/opcinabol.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.izbori2015{
   background-image: url(../images/izbori2015.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.pitanja_odgovori{
   background-image: url(../images/pitanja_odgovori.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.dolazak{
   background-image: url(../images/do_bola-01.jpg);
   width: 150px;
   height: 36px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.odlazak{
   background-image: url(../images/do_bola-02.jpg);
   width: 150px;
   height: 36px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.humor{
   background-image: url(../images/humor.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.izlozba{
   background-image: url(../images/izlozba.jpg);
   width: 150px;
   height: 21px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.dalmatino{
   background-image: url(../images/banner_dalmatino.jpg);
   width: 150px;
   height: 200px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.klip{
   background-image: url(../images/klip.jpg);
   width: 150px;
   height: 108px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.vucna{
   background-image: url(../images/vucna.jpg);
   width: 150px;
   height: 55px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.fecc_convention{
   background-image: url(../images/fecc_convention.jpg);
   width: 150px;
   height: 22px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.crocircuit{
   background-image: url(../images/crocircuit.jpg);
   width: 150px;
   height: 22px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}
.braconline{
   background-image: url(../images/braconline.jpg);
   width: 150px;
   height: 22px;
   margin-left: 5px;
   margin-top: 5px;
   text-indent: -9999px;
   display: block;
}

.grabov_rat{
   background-image: url(../images/banner_grabov_rat-01.jpg);
   width: 150px;
   height: 338px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.vodeni_park{
   background-image: url(../images/vodeni_park.jpg);
   width: 150px;
   height: 158px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.livecam{
   background-image: url(../images/livecam.jpg);
   width: 150px;
   height: 87px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.nove_vizure{
   background-image: url(../images/nove_vizure.jpg);
   width: 150px;
   height: 105px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.plan{
   background-image: url(../images/plan.jpg);
   width: 150px;
   height: 105px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.zebra_banner{
   background-image: url(../images/zebra_banner.jpg);
   width: 150px;
   height: 213px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.apartmani_banner{
   background-image: url(../images/banner_apartmentsbol-01.jpg);
   width: 150px;
   height: 150px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.godina{
   background-image: url(../images/95_godina.jpg);
   width: 150px;
   height: 198px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.praznici_2020{
   background-image: url(../images/praznici_2020.jpg);
   width: 150px;
   height: 720px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.praznici_2019{
   background-image: url(../images/praznici_2019.jpg);
   width: 150px;
   height: 355px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}

.vazniji_telefoni{
   background-image: url(../images/vazniji_telefoni.jpg);
   width: 150px;
   height: 250px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}
.regata{
   background-image: url(../images/regata.jpg);
   width: 150px;
   height: 186px;
   margin-left: 5px;
   margin-top: 10px;
   text-indent: -9999px;
   display: block;
}




.menu span {
line-height: 17px;
}

.menu li {
margin-bottom: 8px;
}


/* ========================================= F O O T E R ========================================= */
	
#footer{
	background: url(../images/footer.png) repeat-y;
	height: 37px;
}
	
.footer_info{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f5f5f5;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
}
	
a.zebra{
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f5f5f5;
	text-decoration: underline;
}
	
a.zebra:hover{
	color: #7aa9d7;
}