/* Main */ 

body { margin: 0px; padding: 0px; background: #CFEAFF url('images/cloudsbg.jpg') top repeat-x fixed; font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;  color: #615B42; text-align: center; line-height: 18px;}
div, p, table, td, tr { font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px; }
p { margin: 0px; padding:0px; line-height: 22px }
img { margin: 0px; padding: 0px; border:0  }
form { margin:0; padding: 0; }

b { color: #1198D6 }

/* Links */ 

a { text-decoration: none; color: #535353;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
a:hover { text-decoration: underline; color: #535353;  color: #615B42;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

.midlinks { text-decoration: none;  color: #035F8A ;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; font-weight: normal; }
.midlinks:hover { text-decoration: underline; color: #535353;  color: #615B42;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; font-weight: normal;}

.otherl { text-decoration: underline;  color: #035F8A ;  font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
.otherl:hover { text-decoration: underline; color: #298b04; font-family: Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: normal;}


.hdlink { margin-top: 25px; Background: #dbeeff; color: #0b709f; font-size: 12px; padding: 5px 6px 5px 6px; border: 4px solid #dbeeff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
.hdlink:hover { Background: #3bb00e; color: white; font-size: 12px; padding: 5px 6px 5px 6px; border: 4px solid #3bb00e; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; text-decoration: none }

.datum { color: #8D8D8D }

.welcome { margin-top: 7px; font-size: 14px; color: #445A65; line-height: 23px }

/* Elements */ 

#container {  margin: 0px auto; width: 962px; Background: transparent url('images/content-bg.png') repeat-y; }
#header { height: 110px; text-align: left; clear: both  }
#logo { Background: url('images/logo.png') no-repeat center; width: 305px; height: 105px; display:block; margin-left: 20px; border: 0px solid red; float: left;   }
#logo span { display: none }
#headerright { float: right; height: 110px; width: 400px; }
#headerright div { padding-top: 48px }
#languages { text-align: left; width: 100%; margin: 0px auto; clear: both; padding-top: 6px;  border: 0px solid red; padding-left: 22px;  list-style: none;  }
#languages li { display: inline; }
#languages a { border: 3px solid white; margin-right: 3px }

#footer { Background: url('images/footer.png') no-repeat; width: 920px; height: 197px; margin: 0px auto; margin-top: 5px; }
#footer .newobj { width: 200px; border: 0px solid red; text-align: left; padding: 15px; float: left }
#footer .fnews { width: 230px; border: 0px solid red; text-align: left; padding: 15px; float: left }
#footer .icroatia { width: 170px; border: 0px solid red; text-align: left; padding: 15px; float: left }
#footer .fother { width: 200px; border: 0px solid red; text-align: left; padding: 15px; float: left }
.ftitle { margin:0; padding:0; color: #0F91CE; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.finobar { height: 68px; text-align: center; padding-top: 4px }

#langlinks a { margin-right: 12px; }
#socialicons { margin-top: 4px }
#socialicons a { margin-right: 5px }

.flinks { text-align: left; list-style: none; margin:15px 0px 0px 0px; padding:0;   }
.flinks li { list-style:none; margin:5px 0px 0px 0px; padding:0;  }
.flinks a { color: #595D5E  }
.flinks a:hover { color: #0F91CE  }

.contactleftform { width: 307px; float: left;  border: 0px solid red  }
.contactrightInfo { width: 590px; float: right; border: 0px solid green; line-height: 21px  }

.content { width: 920px; margin: 0px auto; text-align: left; margin-top: 13px }

.leftside { float: right; padding-left: 10px; text-align: left; width: 440px; border: 0px solid red } 
.regijebox { float: right; border: 0px solid green; width: 555px; margin-top: 17px }
.left { float: left }

/* Home page box */ 
.sboxtop { width: 456px; height: 62px; Background: url('images/sbox-top.gif') no-repeat }
.sboxtop h2 { margin:0; padding:18px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.sboxmid { width: 456px; Background: url('images/sbox-mid.gif') repeat-y;}
.sboxbot { width: 456px; height: 16px; Background: url('images/sbox-bot.gif') no-repeat }


.blog { margin-top: 16px }
.blog .blogimg { float: left; margin-right: 12px; border: 3px solid #D3E9F1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.blog .blognaslov { font-size: 18px }
.blog .datum { color: #797979 }

.searchft { float: left; width: 210px; border: 0px solid red; margin-right: 7px; }
.searchfr { float: left; width: 210px;  border: 0px solid red }

.destl { float: left; text-align: left; height: 59px; width: 330px; border: 0px solid red }
.destr { float: right; text-align: right; height: 59px; width: 180px; border: 0px solid red; padding-right: 15px; padding-top: 32px }

.izdvsmj { float: left; border: 0px solid red; width: 356px; margin-top: 12px }

/* Region side info */ 
.infoboxtop { width: 283px; height: 62px; Background: url('images/infobox-top.gif') no-repeat }
.infoboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.infoboxmid { width: 283px; Background: url('images/infobox-mid.gif') repeat-y;}
.infoboxbot { width: 283px; height: 16px; Background: url('images/infobox-bot.gif') no-repeat }

.rivieratitle { border: 1px solid #F3F3F3; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px; padding: 5px 8px 5px 12px; Background: #129CDD url('images/rivijeratitle.gif'); width: 595px }
.rivieratitle a h2 { text-decoration: none; color: #ffffff  }
.rivieratitle a:hover { text-decoration: none; }
.rivieratitle a:hover h2 { text-decoration: none; color: #CDF6BD  }

.regionlefts { float: left; width: 633px; margin-top: 12px }
.regionrights { float: right; width: 283px; margin-top: 13px }

/* Place and riviera */ 
.placeboxtop { width: 238px; height: 62px; Background: url('images/placebox-top.gif') no-repeat }
.placeboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.placeboxmid { width: 238px; Background: url('images/placebox-mid.gif') repeat-y;}
.placeboxbot { width: 238px; height: 16px; Background: url('images/placebox-bot.gif') no-repeat }

.searcboxfloat { width: 176px; border: 0px solid red; margin-right: 1px; float: left; }
.searcboxbig { width: 191px; border: 0px solid red; margin-right: 1px; float: left; }
.searchbuttonbox { width: 90px; border: 0px solid red; margin-right: 1px; float: left; }

.rinfo { padding: 0px 15px 2px 20px }
.rinfo .imgholder img { border: 3px solid #F6F5F3; }
.rinfo p { margin-top: 5px }
.rinfo .morephotos { Background: white; padding: 3px 3px 3px 6px; width: 130px; display: block;  margin-top: 172px }

.show_hide { Background: #F6F5F3; padding: 4px 3px 4px 5px;  width: 241px; display: block }
.placefix { width: 198px; }

.objectscont { float: left; border:0px solid blue; width: 678px; }
.placeinfocont { float: right; border: 0px solid red; width: 238px; margin-top: 25px;  }

/* Region box */ 
.rboxtop { width: 920px; height: 62px; Background: url('images/rbox-top.gif') no-repeat }
.rboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 19px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.rboxmid { width: 920px; Background: url('images/rbox-mid.gif') repeat-y;}
.rboxbot { width: 920px; height: 16px; Background: url('images/rbox-bot.gif') no-repeat }



/* Apartment details */ 

.poscont { width: 920px; border: 0px solid green; }		
.poscont #contactbox {float: left; height:400px; width: 307px; margin-left: 613px; border: 0px solid blue }

.aboxtop { width: 307px; height: 62px; Background: url('images/abox-top.gif') no-repeat }
.aboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.aboxmid { width: 307px; Background: url('images/abox-mid.gif') repeat-y;}
.aboxbot { width: 307px; height: 16px; Background: url('images/abox-bot.gif') no-repeat }

.adetailsowner { float: left; border: 0px solid green; line-height: 21px; font-size: 13px; margin-right: 10px; padding-left: 2px }
.agmapholder { float: left; width: 338px; border:0px solid green; line-height: 24px; }
.agmaplinkholder { width: 338px; Background: #f6f5f3; padding: 0px 3px 4px 10px }
.googlemap { width: 465px; height: 310px; border: 4px solid #f6f5f3 }

.hrboxtop { width: 202px; height: 62px; Background: url('images/hrbox-top.gif') no-repeat }
.hrboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.hrboxmid { width: 202px; Background: url('images/hrbox-mid.gif') repeat-y;}
.hrboxbot { width: 202px; height: 16px; Background: url('images/hrbox-bot.gif') no-repeat }

.hrright { width: 700px; float: right; }

.smboxtop { width: 600px; height: 62px; Background: url('images/smbox-top.gif') no-repeat }
.smboxtop h2 { margin:0; padding:16px 7px 7px 18px; color: #fff; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}
.smboxmid { width: 600px; Background: url('images/smbox-mid.gif') repeat-y;}
.smboxbot { width: 600px; height: 16px; Background: url('images/smbox-bot.gif') no-repeat }
.sminfo { padding: 0px 15px 3px 15px }

.smboxtopother {  width: 600px; height: 62px ; Background: url('images/smbox-topother.gif') no-repeat }
.smboxtopother h2 { margin:0; padding:16px 7px 7px 18px; color: #5C850B; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}

.ainfo { padding: 0px 15px 3px 15px }
.ainfo .mainimg { float: left; margin-right: 15px; border: 5px solid #F6F5F3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px }
.atitle { font-weight: normal; color: #969595; }
.adata { font-weight: bold; color: #5C8CA3; font-size: 13px}

.alefts { float: left; width: 880px; margin-top: 0px; border:0px solid red }

.smjstitle {margin:0px; Background: #dbeeff; color: #0b709f; width: 870px; padding: 2px 5px 1px 7px;
border: 3px solid #dbeeff; margin-right: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;
font: normal 17px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; margin-top: 8px }

#smjpics {  }
#smjpics a img { float; left; border: 3px solid #F6F5F3; margin-right: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
#smjpics a:hover img { float; left; border: 3px solid #DCEBF1; margin-right: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }

.yes { Background: url('images/x.gif') no-repeat right }
.no { Background: url('images/y.gif') no-repeat right }

#objectpics { margin-top: 0px; text-align: left }
#objectpics a img { float; right; border: 4px solid #F6F5F3; margin-right: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
#objectpics a:hover img { float; right; border: 4px solid #DCEBF1; margin-right: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }


.smjdetails {list-style-type:none; margin:0px; padding:0px}
.smjdetails li{float:left; list-style-type:none; width:161px; margin-right: 15px; margin-top: 10px;}

.objdist {list-style-type:none; margin:0px; padding:0px}
.objdist li{float:left; list-style-type:none; width:175px; margin-right: 23px; margin-top: 10px; border: 0px solid #cecece}
.objdist li b { float: right }

.CityList {list-style-type:none; margin:0px; padding:0px}
.CityList li{   float:left; list-style-type:none; width:200px; margin-right: 8px; margin-top: 8px;

}
.CityList li a {padding:5px 5px 5px 8px; Background: #FCFCFC; font-size: 14px; font-weight: normal; color: #414141; display: block; border: 1px solid #F3F3F3;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius:7px;}
.CityList li a:hover { Background: #FCFCFC; font-size: 14px; font-weight: normal; color: #2F880C; text-decoration: none;  border: 1px solid #F3F3F3;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius:7px;}
.CityList li span { font-size: 11px; font-weight: normal; color: #294A59}

#slidingDiv { margin-top: 10px }
#slidingDiv a img { border: 2px solid #DCEBF1; margin-right: 7px }
#slidingDiv a:hover img { border: 2px solid #3181A5; margin-right: 7px }



/* News */

.newsleft { float: left; border: 0px solid blue; width: 633px; margin-top: 12px; }
.newsright { float: right; border: 0px solid blue; width: 283px; margin-top: 13px }

/* Place box */


.pbox { Background: url('images/objekt.jpg') no-repeat; width: 224px; height: 301px; float: left; margin-right: 2px; margin-bottom: 8px }
.pbox img { padding: 13px }
.pbox p { padding: 0px 13px 13px 13px }
.pbox a { padding: 5px 13px 13px 13px; font-size: 16px; color: #035F8A }
.pbox span { font-size: 15px; font-weight: bold; color: #31980A }


.pbox:hover { Background: url('images/objekt2.jpg') no-repeat; width: 224px; height: 301px; float: left; margin-right: 2px; }
.pbox:hover a { text-decoration: underline; color: #0F8FCB }

/* Front page box */

.fpbox { Background: url('images/fpbox.png') no-repeat; width: 356px; height: 175px;  border: 0px solid blue  }
.fpbox img { margin-top: 10px; float: left; margin-right: 10px; border: 3px solid #F0F8FB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.fpbox p { padding-top: 5px  }
.fpbox a { padding-left: 2px; font-size: 16px; color: #035F8A }
.fpbox span { font-size: 15px; font-weight: bold; color: #31980A }

.fpbox .detbtn { Background: #3BB00E; color: white; font-size: 12px; padding: 3px; margin-top: 0px; border: 3px solid #3BB00E; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.fpbox:hover .detbtn { Background: #0F91CE; color: white; font-size: 12px; padding: 3px; margin: 0px; border: 3px solid #0F91CE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-decoration: none }

.fpbox:hover { Background: url('images/fpbox2.png') no-repeat; width: 356px; height: 175px;   }
.fpbox:hover a { text-decoration: underline; color: #0F8FCB }
.fpbox:hover img { margin-top: 10px; float: left; margin-right: 10px; border: 3px solid #D3E9F1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }


/* Top destinations box */

.destbox { Background: url('images/destbox.png') no-repeat; width: 545px; height: 83px; margin-top: 8px; border: 0px solid blue  }
.destbox img { margin: 7px 8px 0px 7px; float: left; border: 3px solid #F0F8FB; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.destbox p { padding-top: 5px; margin-left: 8px  }
.destbox a { font-size: 16px; color: #035F8A }
.destbox span { font-size: 15px; font-weight: bold; color: #31980A }

.destbox .detbtn { Background: #0F91CE; color: white; font-size: 12px; padding: 3px; margin: 0px; border: 3px solid #0F91CE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.destbox:hover .detbtn { Background: #3BB00E; color: white; font-size: 12px; padding: 3px; margin: 0px; border: 3px solid #3BB00E; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-decoration: none }

.destbox:hover { Background: url('images/destbox2.png') no-repeat; width: 545px; height: 83px;  }
.destbox:hover a { text-decoration: underline; color: #0F8FCB }
.destbox:hover img { margin: 7px 8px 0px 7px; float: left; border: 3px solid #D3E9F1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }

.destbox .lastap { font-size: 12px }


.star5 { width: 121px; height: 25px; Background: url('images/stars.png') no-repeat; margin: 0px 14px 2px 0px }
.star4 { width: 98px; height: 25px; Background: url('images/stars.png') no-repeat; margin: 0px 14px 2px 0px }
.star3 { width: 70px; height: 25px; Background: url('images/stars.png') no-repeat; margin: 0px 14px 2px 0px }
.star2 { width: 45px; height: 25px; Background: url('images/stars.png') no-repeat; margin: 0px 14px 2px 0px }
.star1 { width: 22px; height: 25px; Background: url('images/stars.png') no-repeat; margin: 0px 14px 2px 0px }

.labelf { font-size: 12px; text-transform:uppercase; color: #6E6E6E }
.inputf { width: 93%; margin-top: 2px; Background: #F9F9F9 }


.titlemid { margin:0; padding:0; color: #0f92ce; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;}

.button { cursor: pointer; Background: #0F91CE; color: white; font-size: 13px; padding: 3px 5px 3px 5px; margin: 0px; border: 3px solid #0F91CE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.button:hover { Background: #3BB00E; color: white; font-size: 13px; padding: 3px 5px 3px 5px; margin: 0px; border: 3px solid #3BB00E; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-decoration: none }




.submenu { margin: 0px auto; width: 920px; height: 45px; Background: url('images/menu-bg.png') no-repeat; }

/* Sub menu */ 

.submenu { padding-left: 2px; text-align: left; }

.submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.submenu li {
	display: inline; 
}
.submenu a {text-transform:uppercase; Background: url('images/sep.gif') no-repeat right; float: left; height: 45px; line-height: 43px; padding-right: 20px; padding-left: 20px; text-decoration:none; color: white;  font-weight: normal; font-size: 13px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.submenu a:hover {text-transform:uppercase; Background: url('images/sep.gif') no-repeat right; float: left; height: 45px; line-height: 43px;  padding-right: 20px; padding-left: 20px; color: #ffffff; text-decoration: underline; font-weight: normal; font-size: 13px; font-family:Geneva, Arial, Helvetica, sans-serif; }
* html .submenu a { height:1%; } /* Internet Explorer Sucks :-) */



#headercon { margin: 0px auto; width: 925px; border: 0px solid red; height: 202px; clear: both;}
#headerlink { width: 300px; height: 100px; display: block;}
#headerlink h1 { display: none }
#lang { margin-top: 15px }
#info { Background: url('images/info_bg.png') repeat-x; height: 230px; text-align: center }
#infosub { Background: url('images/info_bgsub.png') repeat-x; height: 105px; text-align: center }
#breadcrumbs { padding-top: 24px; width: 925px; text-align: left; margin: 0px auto }
#breadcrumbs h2 { color:#4d4d4d; font:23px garamond, georgia, 'times new roman', serif; margin:0; padding: 0; border-right: 1px solid #d0c1c0; display: inline; padding-right: 15px; margin-right: 15px}
#breadcrumbs a { text-decoration: underline }


#directbooking { float: right; width: 350px; height: 100px;}
#directbooking a { Background: url('images/bookingbtn.png') no-repeat top; width: 226px; height: 48px; display: block; float: right; line-height: 43px; font-size: 15px; color: white }
#directbooking a:hover { Background: url('images/bookingbtn.png') no-repeat bottom; width: 226px; height: 48px; display: block; float: right; text-decoration: none }


.lika {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/lika.gif') no-repeat; padding-top: 5px;  margin-right: 7px}
.lika a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.lika .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.lika:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/lika2.gif') no-repeat; padding-top: 5px;}
.lika:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.lika:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.istra {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/istra.gif') no-repeat; padding-top: 5px; margin-right: 7px }
.istra a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.istra .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.istra:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/istra2.gif') no-repeat; padding-top: 5px;}
.istra:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.istra:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.kvarner {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/kvarner.gif') no-repeat; padding-top: 5px; margin-right: 7px }
.kvarner a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.kvarner .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.kvarner:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/kvarner2.gif') no-repeat; padding-top: 5px;}
.kvarner:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.kvarner:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.sjevernadal {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/sjevernadal.gif') no-repeat; padding-top: 5px; margin-right: 7px }
.sjevernadal a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.sjevernadal .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.sjevernadal:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/sjevernadal2.gif') no-repeat; padding-top: 5px;}
.sjevernadal:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.sjevernadal:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.srednjadal {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/srednjadal.gif') no-repeat; padding-top: 5px; margin-right: 7px }
.srednjadal a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.srednjadal .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.srednjadal:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/srednjadal2.gif') no-repeat; padding-top: 5px;}
.srednjadal:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.srednjadal:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.juznadal {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/juznadal.gif') no-repeat; padding-top: 5px; margin-right: 7px }
.juznadal a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.juznadal .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.juznadal:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/juznadal2.gif') no-repeat; padding-top: 5px;}
.juznadal:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.juznadal:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.zagreb {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/zagreb.gif') no-repeat;  padding-top: 5px;  margin-right: 7px }
.zagreb a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.zagreb .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.zagreb:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/zagreb2.gif') no-repeat; padding-top: 5px;}
.zagreb:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.zagreb:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.slavonija {float: left; margin-top: 12px;  width: 270px; height: 136px; Background: url('images/slavonija.gif') no-repeat; padding-top: 5px;  margin-right: 7px }
.slavonija a { Background: white; margin: 5px 5px 5px 5px; padding: 3px 6px 3px 3px; font-size: 19px; color: #1198D6 }
.slavonija .infotxt { Background: white; width: 180px; padding: 4px; margin-left: 4px; margin-top: 80px }
.slavonija:hover {margin-top: 12px; width: 270px; height: 136px; Background: url('images/slavonija2.gif') no-repeat; padding-top: 5px;}
.slavonija:hover a { Background: #E7E7E7; margin-top:15px; font-size: 19px; color: #1198D6 }
.slavonija:hover .infotxt { Background: #E7E7E7; width: 180px; padding: 4px; margin-left: 4px }

.titlebox { Background: url('images/titlebg.gif') no-repeat bottom; height: 24px }

.linkright { float: right; font-size: 11px; Background: url('images/more.gif') no-repeat right; padding-right: 17px }
.linkright:hover { float: right; font-size: 11px; color: #c3482b }

.news { margin-top: 15px }
.newstitle { font-size: 15px; color: #4d4d4c; font:15px arial, sans-serif; font-weight: normal }
.newstitle:hover { font-size: 15px; color: #930000; font:15px arial, sans-serif; font-weight: normal}
.newsimg { float: left; border: 4px solid #e2e1d7; margin-right: 10px }

.quotebox { Background: url('images/quote.jpg') no-repeat top left; padding-left: 42px; padding-top: 3px; font-style:italic; color: #727272}
.quotename { margin-top: 5px; background:#f1e8e7;  -moz-border-radius: 7px; border-radius: 7px; float: right; padding: 2px 6px 2px 6px }

.boxspeclink { font:18px garamond, georgia, 'times new roman', serif; }
.boxspeclink:hover { font:18px garamond, georgia, 'times new roman', serif; }

#easyTooltip{
	border:0px solid #195fa4;
	background:#129CDD;
	color:#fff; padding:2px 4px 2px 4px;
	}

	.clickable {
   cursor: pointer;
}

#mydiv { background: white }
	

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:medium none;
	text-indent:-999px;
	background:url('images/ui.totop.png') no-repeat left top;
}

#toTopHover {
	background:url('images/ui.totop.png') no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0)
}

#toTop:active, #toTop:focus {
	outline:none;
}

.acontact { }
.acontact label { display: block; margin-bottom: 3px; font-size: 13px; font-weight: bold; color: #4E6B79 }
.acontact label em { color: red }
.acontact label span { font-weight: normal; font-size: 11px; float: right; padding-right: 19px; color: #909090 }
.acontact input, textarea { Background: #FAFAFA; border: 1px solid #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; padding: 4px 3px 4px 3px; margin-bottom: 5px; }

.acontact select { Background: #FAFAFA; border: 1px solid #E5E5E5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; padding: 4px 3px 4px 3px; margin-bottom: 5px; }
.acontact input:focus, textarea:focus, select:focus { Background: #ffffff; border: 1px solid #86ACBE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; padding: 4px 3px 4px 3px; margin-bottom: 5px; }

.error{ color:#d12f19; font-size:12px;}
.success{ color:#006600; font-size:12px; }
.loading { width: 559px; height: 200px; background: url('images/loader.gif') no-repeat 50%; display: none; }

.acontact .button { cursor: pointer; Background: #0F91CE; color: white; font-size: 12px; padding: 3px 5px 3px 5px; margin: 0px; border: 3px solid #0F91CE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.acontact .button:hover { Background: #3BB00E; color: white; font-size: 12px; padding: 3px 5px 3px 5px; margin: 0px; border: 3px solid #3BB00E; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-decoration: none }

/* Facebbok widget */

#likebox-frame{
 border:2px solid #F0F9F4;
 width:195px;
 z-index:10;
 height: 248px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

.fb_iframe_widget {
overflow: hidden !important;
}

/* Stranice */

.pages {
    padding-top: 3px;
    padding-bottom: 15px;
padding-left: 5px;
    clear: left;


}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 0px solid #fff;
    background: #fff;
    text-decoration: none;

}

.pages span.current {
    border: 1px solid #D12D35;
    font-weight: bold;
    background: #D12D35;
    color: #fff;
    margin-top: 5px;
    margin-left: 4px;
    text-decoration: none;

}

.pages a {
    border: 1px solid #E1E3E5;
    text-decoration: none;
    margin-left: 4px;
    margin-top: 5px;
}

.pages a:hover {
    border: 1px solid #D12D35;
    text-decoration: none;
    Background: #D12D35;
    color: white
}

.pages a.nextprev {
    font-weight: bold;
    margin-top: 5px;
    text-decoration: none;
}

.pages span.nextprev {
    color: #696969;
    margin-top: 5px;
    text-decoration: none;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #696969;
        text-decoration: none;
}                                                                                                                                                                                                                                                                                                                           


#search_box { margin-top: 23px;

	Background: #cfeaff;
	padding:6px;
	width:330px;
border: 5px solid #cfeaff; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}


#search_box .wrapper {
	background:#ffffff;
	border:1px solid #cfeaff;
	padding:0px 0 0px 2px;
	position:relative;
        width: 325px
}

#search_box input { border:none; color:#0978ac; width:255px; font: normal 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; }
#search_box button {
        Background: #0978ac; border: 4px solid #0978ac; margin-right: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	cursor:pointer;
	height:28px;
	position:absolute;
	right:-4px;
	top:0px;
	width:65px; color: white;
}

#search_box button:hover {
        Background: #3bb00e; border: 4px solid #3bb00e; margin-right: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	cursor:pointer;
	height:28px;
	position:absolute;
	right:-4px;
	top:0px;
	width:65px; color: white;
}