body {
  text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #250608;
}

#sajt {
	width: 770px;
	font: 10px Verdana, Arial,  Helvetica, sans-serif; 
  color: #a99b7e;
	margin: auto;	
}

#head {
	height: 44px;
	background: url("../images/head.jpg") no-repeat top left;
	text-align: left;
	padding-top: 199px;
}

#outSite {
	background: url("../images/bord.gif") no-repeat top left;
	background-color: #dbccab;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 7px;
}

#inSite {
	width: 722px;
	background: url("../images/pattern.gif") repeat top left;
	text-align: left;
	padding-left: 21px;
	padding-right: 21px;
}

#foot {
	height: 20px;
	background: url("../images/foot.jpg") no-repeat top left;
	overflow: hidden;
	margin-left: -3px;
	margin-right: -3px;
	position: relative;
}

#eng {
	display: block;
	background: url("../images/eng.gif") no-repeat top left;
	width: 66px;
	height: 24px;
	text-indent:-9999px;
	float: left;
	margin-left: 571px;
}

#eng:hover {
	background: url("../images/eng.gif") no-repeat bottom left;
}

#engAkt {
	display: block;
	background: url("../images/eng.gif") no-repeat bottom left;
	width: 66px;
	height: 24px;
	text-indent:-9999px;
	float: left;
	margin-left: 571px;
}

#hrv {
	display: block;
	background: url("../images/hrv.gif") no-repeat top left;
	width: 78px;
	height: 16px;
	text-indent:-9999px;
	float: left;
	margin-left: 22px;
}

#hrv:hover {
	background: url("../images/hrv.gif") no-repeat bottom left;
}

#hrvAkt {
	display: block;
	background: url("../images/hrv.gif") no-repeat bottom left;
	width: 78px;
	height: 16px;
	text-indent:-9999px;
	float: left;
	margin-left: 22px;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
}

#leftCol {
	width: 179px;
	float: left;
	background: url("../images/traka.png") no-repeat top right;
}

*html #leftCol {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../include/images/traka.png');
}

#rightCol {
	width: 543px;
	float: left;
}

#kon {
	background: url("../images/cont_top.gif") no-repeat top right;
	width: 495px;
	margin-left: 35px;
	padding-top: 21px;
}

#konHr {
	background: url("../images/cont_tophr.gif") no-repeat top right;
	width: 495px;
	margin-left: 35px;
	padding-top: 21px;
}

#obrazac {
	margin: 0px;
	padding: 0px;
}

.mess {
	background: url("../images/message.gif") no-repeat top right;
	width: 78px;
	height: 25px;
}

.messHr {
	background: url("../images/messageHr.gif") no-repeat top right;
	width: 78px;
	height: 25px;
}

#about {
	display: block;
	background: url("../images/about.gif") no-repeat top left;
	width: 135px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 12px;
}

#about:hover {
	background: url("../images/about.gif") no-repeat bottom left;
}

#aboutAkt {
	display: block;
	background: url("../images/about.gif") no-repeat bottom left;
	width: 135px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 12px;
}

#onama {
	display: block;
	background: url("../images/onama.gif") no-repeat top left;
	width: 108px;
	height: 17px;
	text-indent:-9999px;
	margin-bottom: 12px;
}

#onama:hover {
	background: url("../images/onama.gif") no-repeat bottom left;
}

#onamaAkt {
	display: block;
	background: url("../images/onama.gif") no-repeat bottom left;
	width: 108px;
	height: 17px;
	text-indent:-9999px;
	margin-bottom: 12px;
}

#gall {
	display: block;
	background: url("../images/gallery.gif") no-repeat top left;
	width: 107px;
	height: 33px;
	text-indent:-9999px;
	margin-bottom: 4px;
}

#gall:hover {
	background: url("../images/gallery.gif") no-repeat bottom left;
}

#gallAkt {
	display: block;
	background: url("../images/gallery.gif") no-repeat bottom left;
	width: 107px;
	height: 33px;
	text-indent:-9999px;
	margin-bottom: 4px;
}

#gale {
	display: block;
	background: url("../images/gale.gif") no-repeat top left;
	width: 114px;
	height: 33px;
	text-indent:-9999px;
	margin-bottom: 4px;
}

#gale:hover {
	background: url("../images/gale.gif") no-repeat bottom left;
}

#galeAkt {
	display: block;
	background: url("../images/gale.gif") no-repeat bottom left;
	width: 114px;
	height: 33px;
	text-indent:-9999px;
	margin-bottom: 4px;
}

#boats {
	display: block;
	background: url("../images/boats.gif") no-repeat top left;
	width: 51px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 5px;
	margin-left: 35px;
}

#boats:hover {
	background: url("../images/boats.gif") no-repeat bottom left;
}

#boatsAkt {
	display: block;
	background: url("../images/boats.gif") no-repeat bottom left;
	width: 51px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 5px;
	margin-left: 35px;
}

#brodovi {
	display: block;
	background: url("../images/brodovi.gif") no-repeat top left;
	width: 71px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 5px;
	margin-left: 35px;
}

#brodovi:hover {
	background: url("../images/brodovi.gif") no-repeat bottom left;
}

#brodoviAkt {
	display: block;
	background: url("../images/brodovi.gif") no-repeat bottom left;
	width: 71px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 5px;
	margin-left: 35px;
}

#towns {
	display: block;
	background: url("../images/towns.gif") no-repeat top left;
	width: 57px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#towns:hover {
	background: url("../images/towns.gif") no-repeat bottom left;
}

#townsAkt {
	display: block;
	background: url("../images/towns.gif") no-repeat bottom left;
	width: 57px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#gradovi {
	display: block;
	background: url("../images/gradovi.gif") no-repeat top left;
	width: 68px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#gradovi:hover {
	background: url("../images/gradovi.gif") no-repeat bottom left;
}

#gradoviAkt {
	display: block;
	background: url("../images/gradovi.gif") no-repeat bottom left;
	width: 68px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#misc {
	display: block;
	background: url("../images/misc.gif") no-repeat top left;
	width: 57px;
	height: 14px;
	text-indent:-9999px;
	margin-bottom: 9px;
	margin-left: 35px;
}

#misc:hover {
	background: url("../images/misc.gif") no-repeat bottom left;
}

#miscAkt {
	display: block;
	background: url("../images/misc.gif") no-repeat bottom left;
	width: 57px;
	height: 14px;
	text-indent:-9999px;
	margin-bottom: 9px;
	margin-left: 35px;
}

#raz {
	display: block;
	background: url("../images/raz.gif") no-repeat top left;
	width: 69px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 9px;
	margin-left: 35px;
}

#raz:hover {
	background: url("../images/raz.gif") no-repeat bottom left;
}

#razAkt {
	display: block;
	background: url("../images/raz.gif") no-repeat bottom left;
	width: 69px;
	height: 19px;
	text-indent:-9999px;
	margin-bottom: 9px;
	margin-left: 35px;
}

#contact {
	display: block;
	background: url("../images/contact.gif") no-repeat top left;
	width: 107px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 25px;
}

#contact:hover {
	background: url("../images/contact.gif") no-repeat bottom left;
}

#contactAkt {
	display: block;
	background: url("../images/contact.gif") no-repeat bottom left;
	width: 107px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 25px;
}

#kontakt {
	display: block;
	background: url("../images/kontakt.gif") no-repeat top left;
	width: 107px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 25px;
}

#kontakt:hover {
	background: url("../images/kontakt.gif") no-repeat bottom left;
}

#kontaktAkt {
	display: block;
	background: url("../images/kontakt.gif") no-repeat bottom left;
	width: 107px;
	height: 23px;
	text-indent:-9999px;
	margin-bottom: 25px;
}

#picTd {
	background: url("../images/pic_td.gif") no-repeat top left;
	width: 148px;
	height: 131px;
	margin-bottom: 4px;
	padding-left: 3px;
	padding-top: 28px;
}

#picTdh {
	background: url("../images/pic_tdh.gif") no-repeat top left;
	width: 148px;
	height: 131px;
	margin-bottom: 4px;
	padding-left: 3px;
	padding-top: 28px;
}

#imeSl {
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	width: 151px;
	text-align: center;
	display: block;
}

#leftTxt {
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	margin-left: 17px;
	width: 367px;
	padding-top: 10px;
	float: left;
}

#textIt {
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	text-align: center;
	margin-top: 15px;
}

#rightPic {
	width: 159px;
	float: left;
	background: url("../images/about_pic.gif") no-repeat top left;
	height: 387px;
}

#rightPich {
	width: 159px;
	float: left;
	background: url("../images/omeni_pic.gif") no-repeat top left;
	height: 387px;
}

.mes {
	width: 484px;
	height: 170px;
	background-color: #ffffff;
	border: 0;
	margin-top: 3px;
	padding-left: 11px;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
	margin-bottom: 9px;
}

#email {
	background: url("../images/mail.gif") no-repeat left;
	width: 208px;
	float: left;
	padding-left: 75px;
}

#email input {
	width: 208px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic1 {
	background: url("../images/pic1.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
}

#pic1 input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic1Hr {
	background: url("../images/pic1Hr.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
}

#pic1Hr input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#tel {
	background: url("../images/tel.gif") no-repeat left;
	width: 208px;
	float: left;
	padding-left: 75px;
	margin-top: 8px;
}

#tel input {
	width: 208px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic2 {
	background: url("../images/pic2.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
	margin-top: 8px;
}

#pic2 input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic2Hr {
	background: url("../images/pic2Hr.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
	margin-top: 8px;
}

#pic2Hr input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#mob {
	background: url("../images/mob.gif") no-repeat left;
	width: 208px;
	float: left;
	padding-left: 75px;
	margin-top: 8px;
}

#mob input {
	width: 208px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic3 {
	background: url("../images/pic3.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
	margin-top: 8px;
}

#pic3 input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#pic3Hr {
	background: url("../images/pic3Hr.gif") no-repeat left;
	width: 50px;
	float: left;
	padding-left: 129px;
	margin-left: 16px;
	margin-top: 8px;
}

#pic3Hr input {
	width: 50px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font: 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #c0b18f;
}

#send {
	display: block;
	background: url("../images/send.gif") no-repeat bottom left;
	width: 61px;
	height: 23px;
	text-indent:-9999px;
	margin-left: 209px;
	margin-top: 10px;
}

#sendHr {
	display: block;
	background: url("../images/sendHr.gif") no-repeat bottom left;
	width: 61px;
	height: 33px;
	text-indent:-9999px;
	margin-left: 209px;
	margin-top: 10px;
}

#konText {
	width: 484px;
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	margin-top: 11px;
}

.leftKo {
	width: 324px;
	float: left;
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	margin-top: 8px;
}

.leftKo a {
	font: bold 11px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
}

.leftKo a:hover {
	text-decoration: none;
}

.rightKo {
	width: 160px;
	float: left;
	margin-top: 8px;
}

#bot {
	background: url("../images/bot.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

#tow {
	background: url("../images/tow.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

#mis {
	background: url("../images/mis.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

#both {
	background: url("../images/both.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

#towh {
	background: url("../images/towh.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

#mish {
	background: url("../images/mish.gif") no-repeat top right;
	width: 506px;
	margin-left: 24px;
	padding-top: 31px;
}

.okvir {
	background: url("../images/okvir.gif") no-repeat top right;
	width: 118px;
	height: 12px;
	padding-top: 91px;
}

.kodSl {
	width: 22px;
	text-align: center;
	font: 8px Verdana, Arial,  Helvetica, sans-serif; 
  color: #796436;
	margin-left: 93px;
}

.clearGl {
	clear: both;
	height: 14px;
	overflow: hidden;
}

.pag {
	text-align: center;
}

.pag a {
	font: bold 10px Verdana, Arial,  Helvetica, sans-serif; 
  color: #ffffff;
	text-decoration: none;
}

.pag a:hover {
	color: #692024;
}

.pag span {
	font: bold 10px Verdana, Arial,  Helvetica, sans-serif; 
  color: #692024;
	text-decoration: none;
}

#slikeSve {
	min-height: 354px;
}

*html #slikeSve {
	height: 354px;
}