body { margin: 0px; padding: 0px; text-align: center; }
body { height: 101%; }
body, td, div, span { font-family: Arial, Verdana; font-size: 11px; color: #04003D; }
td { vertical-align: top; text-align: left; }
form { margin: 0px; padding: 0px; }
table { border-collapse: collapse; }


/*  */
DIV#wrap { width: 970px; margin: 0 auto; text-align: center; }

/* desno gore - logo TZ Punat */
DIV#logo { position: relative; margin: 0px; padding: 0px; float: left; }
DIV#logo #imgLogo { position: absolute; behavior:url("pngbehavior.htc");}

/* lijevi izbornik */
DIV#menu { float: left; width: 125px; padding-top: 225px; overflow: hidden; }
DIV#menu a { display: block; padding-left: 15px; padding-right: 15px; color: #FFFFFF; text-decoration: none; font-weight: bold; }
DIV#menu a.sel { display: block; padding-left: 15px; padding-right: 15px; color: #FCF207; text-decoration: none; font-weight: bold; background: url(Design/bullets/arrow.gif) no-repeat 95% 50%; }
DIV#menu .hr { width: 90px; height: 1px; margin-top: 5px; margin-bottom: 5px; padding: 0px; }

DIV#leftCnt { clear: both; text-align: left; }

/* div u kojem  je slika odabranog izbornika */
.selMenu { display: block; height: 58px; border-left: solid 20px #669BDF; }

/* izbornik na vrhu stranice */
DIV#topMenu { text-align: left; display: block; }

DIV#topMenu ul { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style-type: none; background-image: url(Design/bgTop.gif); background-repeat: repeat-y; background-position: left top; }
DIV#topMenu ul li { display: block; float: left; width: 135px; margin: 0; padding: 0; color: #04003D; font-size: 11px; clear: none; }
DIV#topMenu ul li#last { clear: both; }
DIV#topMenu ul li A { display: block; text-align: center; color: #04003D; border-bottom: solid 2px #FFFFFF; background-color: #fff; text-decoration: none; display: block; width: 135px; font-weight: bold; line-height: 22px; }
DIV#topMenu ul li A:hover { background-color: #0C0747; color: #FFFFFF; border-bottom: solid 2px #0C0747; }

DIV#topMenu ul li.sel { display: block; float: left; width: 135px; margin: 0; padding: 0; text-align: center; background-color: #04003D; font-size: 11px; clear: none; }
DIV#topMenu ul li.sel A { display: block; text-align: center; background-color: #04003D; color: #FFFFFF; }
DIV#topMenu ul li.sel A:hover { background-color: #04003D; }

DIV#topMenu ul li ul { background-color: Transparent; background: none; position: absolute; width: 132px; left: -999em; margin: 0px; padding: 0px; border: 0px; border-top: solid 7px #0C0747; }
DIV#topMenu ul li ul li { display: block; width: 129px; padding: 0px; margin: 0px; border: 0px; }
DIV#topMenu ul li ul li a { display: block; height: auto; background-color: #FFFFFF; font-weight: normal; float: none; padding: 0px; width: 129px; text-align: left; padding-left: 5px; }
* html DIV#topMenu ul li ul li a { width: 135px; }
DIV#topMenu ul li ul li a:hover { background-color: #0C0747; color: #FFFFFF; }
DIV#topMenu ul li:hover ul, DIV#topMenu ul li.sfhover ul { left: auto; }

DIV#bluebar { clear: both; height: 7px; font-size: 1px; line-height: 1px; background-color: #04003d; }

/* div u kojem je smjeten sav sadraj */
DIV#content { display: block; float: right; width: 845px; text-align: left; }

/* odabir jezika */
DIV#language { margin: 0px; padding: 0px; border: 0px; position: absolute; z-index: 100; margin-left: 595px; margin-top: -20px; overflow: visible; color: #FFFFFF; }

/* web cam */
DIV#links { margin: 0px; padding: 0px; border: 0px; width: 150px; height: 80px; position: absolute; z-index: 100; margin-left: 695px; margin-top: -59px; overflow: visible; }

DIV#footerUsr { display: block; padding-top: 20px; }
* html DIV#footerUsr { padding-top: 0px; }

/* desni stupac sa sadrajem */
.right { float: right; width: 140px; margin-top: 80px; }

/* sredinji dio stranice sa sadrajem */
.main { float: left; width: 695px; }

/* jezici - zastave*/
.lang { border: solid 1px #CCCCCC; }
.langSel { border: solid 1px #04003D; }

/*  */
.clear { clear: both; visibility: hidden; }

/* footer i copy */
.footer { display: block; margin: 0px; padding: 0px; margin-right: 20px; margin-left: 40px; border: solid 1px #04003D; padding: 2px; margin-top: 0px; text-align: center; border-left: 0px; border-right: 0px; }
.footer a { text-decoration: none; color: #04003D; }
.footer a:hover { text-decoration: underline; }
.copy { display: block; margin-right: 20px; margin-bottom: 40px; margin-left: 20px; text-align: center; font-size: 9px; padding-top: 3px; }

/*  */
.contentTxt
{
	display: block;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-left: 20px;
	margin-top: 20px;
	color: rgb(90,100,110);
}

/*  */
.mainLeft
{
  width: 160px;
  float: left;
}
.mainLeft a
{
  text-decoration: none;
  color: rgb(90,100,110);
}

/*  */
.mainRight { width: 505px; float: right; }

/*  */
.mainHead
{
  display: block;
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 10px;
  background-color: #280073;
  color: #FFF;
  font-size: 13px;
}


/* stilovi predloaka */
.bgTP { background: url(Design/bg.gif) repeat-y 50% 0; background-color: #E8E1CF; }

/* Poetna */
.bgHO { background: url(Design/bg_opuntu.gif) repeat-y 50% 0; background-color: #C4CDFF; }
.bgHO .selMenu { background-color: #C4CDFF; }
.bgHO DIV#topMenu ul li A { border-bottom: solid 2px #C4CDFF; }

/* O Puntu */
.bgOP { background: url(Design/bg_opuntu.gif) repeat-y 50% 0; background-color: #C4CDFF; }
.bgOP .selMenu { background-image: url(Design/h_opuntu.gif); background-color: #C4CDFF; background-repeat: no-repeat; background-position: left top; }
.bgOP DIV#topMenu ul li A { border-bottom: solid 2px #C4CDFF; }

/* Gastronomija */
.bgGS { background: url(Design/bg_gastro.gif) repeat-y 50% 0; background-color: #E8E0D0; }
.bgGS .selMenu { background-image: url(Design/h_gastro.gif); background-color: #E8E0D0; background-repeat: no-repeat; background-position: 200px top; }
.bgGS DIV#topMenu ul li A { border-bottom: solid 2px #E8E0D0; }

/* O nama*/
.bgON { background: url(Design/bg_onama.gif) repeat-y 50% 0; background-color: #BAD3C2; }
.bgON .selMenu { background-color: #BAD3C2; }
.bgON DIV#topMenu ul li A { border-bottom: solid 2px #BAD3C2; }

/* Nautika */
.bgNA { background: url(Design/bg_nautika.gif) repeat-y 50% 0; background-color: #82D8FF; }
.bgNA .selMenu { background-image: url(Design/h_nautika.gif); background-color: #82D8FF; background-repeat: no-repeat; background-position: 200px top; }
.bgNA DIV#topMenu ul li A { border-bottom: solid 2px #82D8FF; }

/* Novosti */
.bgNO { background: url(Design/bg_novosti.gif) repeat-y 50% 0; background-color: #DBD9E0; }
.bgNO .selMenu { background-image: url(Design/h_novosti.gif); background-color: #DBD9E0; background-repeat: no-repeat; background-position: 450px top; }
.bgNO DIV#topMenu ul li A { border-bottom: solid 2px #DBD9E0; }

/* Ponuda */
.bgPO { background: url(Design/bg_gastro.gif) repeat-y 50% 0; background-color: #E8E0D0; }
.bgPO .selMenu { background-image: url(Design/h_gastro.gif); background-color: #E8E0D0; background-repeat: no-repeat; background-position: 200px top; }
.bgPO DIV#topMenu ul li A { border-bottom: solid 2px #E8E0D0; }

/* Gdje smo */
.bgWH { background: url(Design/bg_kakodonas.gif) repeat-y 50% 0; background-color: #7AD1E0; }
.bgWH .selMenu { background-image: url(Design/h_kakodonas.gif); background-color: #7AD1E0; background-repeat: no-repeat; background-position: 270px top; }
.bgWH DIV#topMenu ul li A { border-bottom: solid 2px #7AD1E0; }

/* stilovi za tekst */
.rightMargin
{
  margin-right: 20px;
  color: rgb(90,100,110);
}
.leftMargin { margin-left: 20px; }
.rlMargin
{
  margin-right: 20px;
  margin-left: 20px;
  color: rgb(90,100,110);
}
.rHead { color: #A60100; font-size: 12px; font-weight: bold; margin-bottom: 15px; }


a.pageMenu { display: block; line-height: 18px; margin: 0px; margin-left: 20px; padding: 0px; padding-left: 15px; background-image: url(Design/smenu.gif); background-position: left 5px; background-repeat: no-repeat; }
a.pageMenuSel { display: block; line-height: 18px; margin: 0px; margin-left: 20px; padding: 0px; padding-left: 15px; background-image: url(Design/smenus.gif); background-position: left 5px; background-repeat: no-repeat; }

a.pageSubMenu { display: block; line-height: 18px; margin: 0px; margin-left: 40px; padding: 0px; padding-left: 15px; background-image: url(Design/ssmenu.gif); background-position: left 5px; background-repeat: no-repeat; }
a.pageSubMenuSel { display: block; line-height: 18px; margin: 0px; margin-left: 40px; padding: 0px; padding-left: 15px; background-image: url(Design/ssmenus.gif); background-position: left 5px; background-repeat: no-repeat; }



/* Privatni smjetaj */

.accLeft { display: block; float: left; width: 295px; padding-left: 25px; border-top: dashed 1px #000000; border-right: dashed 1px #000000; margin-top: 10px; }
* html .accLeft { width: 320px; }
.accRight { display: block; float: right; width: 160px; border-top: dashed 1px #000000; margin-top: 10px; }
* html .accRight { width: 150px; }
.accDiv { display: block;  padding-top: 5px; padding-bottom: 5px; }
a.accLink { text-decoration: none; color: #04003D; font-weight: bold; }
a.accLink:hover { text-decoration: underline; }

.accInfo { line-height: 16px; }
.accInfo .n { color: #C20000; }
a.pol { display: block; background-image: url(Design/bullets/arr_l1.gif); background-position: left 50%; background-repeat: no-repeat; padding-left: 15px; color: #004F9F; text-decoration: none; font-weight: bold; }
a.det { display: block; background-image: url(Design/bullets/arr_l2.gif); background-position: left 50%; background-repeat: no-repeat; padding-left: 15px; color: #12151E; text-decoration: none; font-weight: bold; }

.accsForm { display: block; width: 139px; margin-left: 10px; float: right; padding: 2px; text-align: left; }
* html .accsForm { width: 143px; }
.accsForm input { display: inline; margin: 0px; padding: 0px; height: 13px; width: 13px; }


/***
 * STILOVI "CONTENT" ELEMENATA
 ***/
.content-main-headline
{
  display: block;
  padding-left: 15px;
	border-top-style: dotted;
	border-top-width: 1px;	/* poetna - 0px */
	border-top-color: #280073;
  border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #280073; /* poetna - #0066ff */
  background-image: url(design/bullets/main-headline.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
  color: #280073;
  font-size: 14px;
  font-weight: bold;
}
.left-column
{
	float:left 		!important;
	width: 312px 	!important;
	margin: 0px 	!important;
	padding: 0px 	!important;
}
.right-column
{
	float: right 	!important;
	width: 312px	!important;
	margin: 0px 	!important;
	padding: 0px 	!important;
}
.content-frame
{
	display: block;
	width: auto;
	margin-top: 10px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
  color: rgb(90,100,110);
}
.content-frame-headline
{
	width: auto;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
}
.content-frame p
{
	margin:7px;
	padding:0px;
}
a.more
{
	display: block;
	width: auto;
	margin: 7px;
	padding-left: 15px;
  background-image: url(design/bullets/more.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
	color: rgb(90,100,110);
	font-size: 11px;
  font-weight: bold;
	text-decoration: none
}
div.hr-black-dotted
{
	width:100%;
	height:1px;
	line-height: 1px;
	border: none;
	background-color: none;
	background-image: url(design/hrs/black-dotted.gif);
	background-repeat: repeat-x;
}
/***
 * STILOVI "CONTENT" ELEMENATA KOJI SE NALAZE U DESNOM STUPCU
 ***/
.right-content-entry-frame
{
	margin-bottom: 3px;
	border-style: dotted;
	border-color: #280073;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.right-content-entry-headline
{
	margin: 0.7em 0em;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #03003C;
	background-image: url(design/bullets/right-content-entry-headline.gif);
  background-repeat: no-repeat;
  background-position: left 50%;
}
.lineGray
{
	display:block;
	height:1px;
	border-top-width: 1px;
	border-top-style:solid;
	border-top-color:#3E3E3E;
}

/***
 * STILOVI TAGOVA KOJI SE NALAZE U CENTRALNOM, CONTENT, DIJELU STRANICE
 ***/

div.mainRight h3
{
	font-size: 110%;
	font-weight: bold;
}
div.mainRight h2
{
  line-height: 1.5em;
	font-size: 130%;
	font-weight: bold;
}
div.mainRight span
{
  color: rgb(90,100,110);
}
div.mainRight div
{
  color: rgb(90,100,110);
}
/* linkovi obicni*/
a.lnkO
{
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: rgb(90,100,110);
}
a.lnkO:hover
{
  text-decoration:underline;
}

a.lnkP
{
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px; color:#669BDF;
}
a.lnkP:hover
{
  text-decoration:underline;
}
/***
 * STILOVI TAGOVA KOJI PRDSTAVALJAJU PRETRAGU OBJEKTA
 ***/
 
#objectSearch { background-color: #e1f6ff; color: #1c1f20; margin-top: -20px; padding: 14px 14px 6px 18px;  }
	#objectSearch SELECT { width: 127px; margin-bottom: 10px; }	
 
 /* */
/***
 * STILOVI TAGOVA KOJI PRDSTAVALJAJU OBJEKTE U LISTI
 ***/
 #objectList { border-top: 1px dotted #000; margin: 10px 0px 20px; width: 480px; }
.objectItem { padding: 13px 0px 11px 0px; overflow: hidden; border-bottom: 1px dotted #000; clear: both; display: block; }
DIV.odd { background-color: #f3f8fa; }
	.objectItem IMG { width: 184px; height: 105px; display: block; float: right; margin: 0px 0px 0px 25px; }
	.objectItem H3 { font-size: 13px!important; color: #5a646e; margin:0px 0px 0px 6px; }
	.objectItem P { margin: 4px 0px 0px 6px; }
	.objectItem .galleryToggle { display: block; float: left; margin: 8px 0px 0px 6px; width: 104px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #fff; background-color: #0c0747; text-align:center; text-decoration: none; }
		objectItem A.galleryToggle:hover { text-decoration: underline!important; }
	.objectItem .gallery { display: none; clear: both; width: 480px; height: 360px; position: relative; margin: 11px 0px 0px 0px; padding: 3px 0px 0px; background: url(/Images/Modules/loading.gif) no-repeat 50% 50%; border-top: 1px dotted #000; }
		.objectItem .gallery IMG { width: 480px; height: 360px; position: absolute; top: 3px; left: 0px; margin: 0px; z-index: 5; }
			.objectItem .gallery IMG.active { z-index: 10; }
/* */



.lineTPlava { 	display:block;
	height:1px;
	border-top-width: 1px;
	border-top-style:solid;
  border-top-color:#04003D;
}
.rightMargin td
{
  padding: 2px 0px;
  color:rgb(90,100,110);
}


.tblCjene {  border-collapse:collapse ; }
.tblCjene td { border: solid 1px #CCCCCC; padding-left:3px; }

.cntHeadRed { display: block;  border-bottom: solid 1px #C9011E; color: #C9011E; font-size: 12px; font-weight: bold; }

/***
 * mainHead stilovi
 ***/
.mainHead_1 { display: block; background-color: #280073; line-height: 22px; padding-left: 10px; color: #FFF; font-size: 13px; margin-bottom: 20px; }
.mainHead_2 { display: block; background-color: #C00300; line-height: 22px; padding-left: 10px; color: #FFF; font-size: 13px; margin-bottom: 20px; }
.mainHead_3 { display: block; background-color: #00807B; line-height: 22px; padding-left: 10px; color: #FFF; font-size: 13px; margin-bottom: 20px; }
.mainHead_4 { display: block; background-color: #280073; line-height: 22px; padding-left: 10px; color: #FFF; font-size: 13px; margin-bottom: 20px; }
.mainHead_5 { display: block; background-color: #280073; line-height: 22px; padding-left: 10px; color: #FFF; font-size: 13px; margin-bottom: 20px; }

.mCnt_1 a.pageMenu { background-image: url(Design/smenu.gif); }
.mCnt_1 a.pageMenuSel { background-image: url(Design/smenus.gif); }

.mCnt_2 a.pageMenu { background-image: url(Design/smenu.gif); }
.mCnt_2 a.pageMenuSel { background-image: url(Design/smenus.gif); }

.mCnt_3 a.pageMenu { background-image: url(Design/smenu.gif); }
.mCnt_3 a.pageMenuSel { background-image: url(Design/smenus.gif); }

.mCnt_4 a.pageMenu { background-image: url(Design/smenu.gif); }
.mCnt_4 a.pageMenuSel { background-image: url(Design/smenus.gif); }

.mCnt_5 a.pageMenu { background-image: url(Design/smenu.gif); }
.mCnt_5 a.pageMenuSel { background-image: url(Design/smenus.gif); }

DIV#topMenu A.selMen { background-color: #0C0747 !important; color: #FFFFFF; border-bottom: solid 2px #0C0747 !important; }

/***
 * stil tablice događanja
 ***/
table.dogadaji
{
}

table.dogadaji td.dat-dogadaja
{ margin-top:5px;
  padding-top: 8px; padding-bottom: 1px;
  font-weight: bold;
}

table.dogadaji td.mjesto
{
  width: 140px;
}

table.dogadaji td.vrijeme
{
  width: 60px;
}
.nhBl { border: solid 1px #03003C;  width: 310px; margin-bottom: 15px; }
.nhBl .head { background-color: #03003C; color: #FFFFFF; padding: 3px; font-size: 12px; font-weight: bold;}
.nhBl .bod { color: #5A646E; padding: 7px; }


.nhOr { border: solid 1px #FFAF00;  width: 310px; margin-bottom: 15px; }
.nhOr .head { background-color: #FFAF00; color: #FFFFFF; padding: 3px;font-size: 12px;font-weight: bold; }
.nhOr .bod { color: #5A646E; padding: 7px; }

.lnk { text-align: right;   }
.lnk a { color: #04003D; text-decoration: none; }


.newsPad {padding-left: 20px; padding-right: 20px; }

.newsPaging {margin-bottom: 10px; }
.newsPaging a { text-decoration: none; color: #8A0874; }

.newsBlock {  margin-bottom: 0px; margin-top: 0px; }
.newsBlock .h { color: #8A0874; }
.newsBlock .t { color: #242B31; }
.newsBlock a.ops { font-weight: bold; text-decoration: none; color: #454F58; }

a.back { text-decoration: none; color: #454F58; }

.nImg { margin-right: 10px; margin-bottom: 5px; }

.btnSub {	width: auto !important; height: auto !important; }