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

*   CSS file by WebMasterJ

*   CSS file - http://www.pilka.com.hr  *

*****************************************************/
html, body{height:100%;} 

* {padding: 0; margin: 0;}

/* klase za clearanje */
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
*html .clearfix {
	height: 1%;
}

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

body 
	{
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px; 
	text-align: center; 
	background: #030000 url("../images/bkg.gif") repeat-y top left; 
	font: 62.5%/1.8 Arial, Helvetica, sans-serif;
	text-align: left;
	}
	
input {
	position: relative;
}

textarea {
	position: relative;
}

object {
	position: relative;
}

a {
	position: relative;
}

p {
	position: relative;
}

h1 {
	position: relative;
}	

#ostatak
	{
	background: url("../images/ostatak.gif") no-repeat top left;
	height: 100%;
	}
	
*html #ostatak
	{
	height: 100%;
	}
	
#site
	{
	width: 996px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	min-height: 100%;
	}
	
*html #site
	{
	height: 100%;
	}		
	
#head
	{
	width: 996px;
	background: url("../images/head.jpg") no-repeat top left;
	padding: 0px 0px 82px 0px;
	}
	
#leftPt
	{
	width: 805px;
	float: left;
	margin: 144px 0px 0px 0px;
	}		
	
#rightPt
	{
	width: 191px;
	float: left;
	background: url("../images/rt_bkg.gif") no-repeat top left;
	padding: 65px 0px 0px 0px;
	}	
	
#logo
	{
	display: inline-block;
	width: 129px;
	height: 31px;
	float: left;
	margin: 0px 0px 0px 86px;
	}	
	
#meni
	{
	margin: 30px 0px 24px 55px;
	width: 410px;
	height: 26px;
	float: left;
	display: inline-block;
	overflow: hidden;
	}
	
#meni a
	{
	font: bold 1.6em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 12px 0px 12px;
	}
	
#meni a:hover
	{
	color: #f5ebd6;
	}
	
#meni a.akt
	{
	color: #f5ebd6;
	}	
	
#meni span
	{
	display: block;
	width: 1px;
	height: 26px;
	background: url("../images/sep_men.gif") no-repeat top left;
	overflow: hidden;
	float: left;
	margin: 2px 0px 0px 0px;
	}
	
#meniE
	{
	margin: 30px 0px 24px 32px;
	width: 435px;
	height: 26px;
	float: left;
	display: inline-block;
	overflow: hidden;
	}
	
#meniE a
	{
	font: bold 1.6em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 12px 0px 12px;
	}
	
#meniE a:hover
	{
	color: #f5ebd6;
	}
	
#meniE a.akt
	{
	color: #f5ebd6;
	}	
	
#meniE span
	{
	display: block;
	width: 1px;
	height: 26px;
	background: url("../images/sep_men.gif") no-repeat top left;
	overflow: hidden;
	float: left;
	margin: 2px 0px 0px 0px;
	}	
	
#content
	{
	width: 653px;
	min-height: 530px;
	background: url("../images/content_bkg.jpg") no-repeat top left;
	padding: 12px 0px 0px 152px;
	}	
	
*html #content
	{
	height: 530px;
	}
	
#content h1
	{
	padding: 0px 0px 0px 14px;;
	background: url("../images/crta_naslov.gif") no-repeat left bottom;
	font: 4.0em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	margin: 0px 0px 35px 51px;
	}
	
.boxTop
	{
	width: 625px;
	height: 20px;
	background: url("../images/box_top.png") no-repeat top left;
	margin: 7px 0px 0px 0px;
	}	
	
*html .boxTop {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/box_top.png');
}
	
.boxMid
	{
	width: 539px;
	background: url("../images/box_mid.png") repeat-y top left;
	padding: 0px 36px 0px 50px;
	}	
	
*html .boxMid {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='include/images/box_mid.png');
}
	
.boxBot
	{
	width: 625px;
	height: 21px;
	background: url("../images/box_bot.png") no-repeat top left;
	}		
	
*html .boxBot {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/box_bot.png');
}	
	
.boxMid h2
	{
	margin: 0px;
	padding: 0px;
	font: 1.8em Arial, Helvetica, sans-serif;
	color: #dfcfac;
	margin: 0px 0px 10px 0px;
	}
	
.boxMid h3
	{
	margin: 0px;
	padding: 0px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #dfcfac;
	margin: 0px 0px -3px 0px;
	}
	
.boxMid .bitx
	{
	font: 1.8em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #c0b396;
	padding: 0px 17px 0px 12px;
	}
	
.sepRad
	{
	width: 520px;
	height: 3px;
	background: url("../images/tockice_sep.gif") repeat-x top left;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	}
	
	
.boxMid p
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #c0b396;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	}
	
.viseNw
	{
	font: 1.1em Arial, Helvetica, sans-serif;
	}	
	
.boxMid a
	{
	color: #c0b396;
	text-decoration: underline;
	}
	
.boxMid a:hover
	{
	text-decoration: none;
	}
	
.smtx
	{
	font: 0.9em Arial, Helvetica, sans-serif;
	}	
	
.okvir
	{
	display: block;
	width: 136px;
	height: 136px;
	background: url("../images/okvir_sl.gif") no-repeat top left;
	padding: 6px 0px 0px 6px;
	float: left;
	margin: 0px 12px 0px 0px;
	}
	
.okvirSlm
	{
	display: block;
	width: 136px;
	min-height: 136px;
	background: url("../images/okvir_sl.gif") no-repeat top left;
	padding: 6px 0px 0px 6px;
	float: left;
	margin: 0px 12px 0px 0px;
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #c0b396;
	text-decoration: none;
	}
	
*html .okvirSlm
	{
	height: 136px;
	}
	
.okvirSlm div
	{
	text-align: center;
	padding: 10px 6px 0px 0px;
	}
	
.sepGal
	{
	height: 10px;
	clear: both;
	}	
	
#footer
	{
	width: 575px;
	height: 62px;
	background: url("../images/footer.png") no-repeat top left;
	margin: -62px 0px 0px 152px;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #c0b396;
	padding: 0px 0px 0px 50px;
	}	
	
*html #footer {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/footer.png');
}		

#botMen
	{
	text-align: center;
	color: #904c43;
	padding: 0px 50px 24px 0px;
	}
	
#botMen a
	{
	font: bold 1.0em Arial, Helvetica, sans-serif;
	color: #904c43;
	text-decoration: none;
	}
	
#botMen a:hover
	{
	color: #c0b396;
	}
	
#botMen span
	{
	padding: 0px 7px 0px 7px;
	}

.pivo
	{
	width: 214px;
	height: 40px;
	display: block;
	background: url("../images/pivo.jpg") no-repeat top left;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #e1d6bc;
	text-decoration: none;
	padding: 169px 0px 0px 37px;
	}	
	
.foto
	{
	width: 215px;
	height: 157px;
	display: block;
	background: url("../images/foto_gal_h.jpg") no-repeat top left;
	}	
	
.fotoe
	{
	width: 215px;
	height: 157px;
	display: block;
	background: url("../images/foto_gal.jpg") no-repeat top left;
	}		
	
#topPgBkg
	{
	width: 625px;
	height: 55px;
	background: url("../images/top_pg.png") no-repeat top left;
	}
	
*html #topPgBkg {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/top_pg.png');
}			
	
#midPgBkg
	{
	width: 551px;
	background: url("../images/mid_pg.png") repeat-y top left;
	padding: 0px 30px 20px 44px;
	}
	
*html #midPgBkg {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='include/images/mid_pg.png');
}				
	
#midPgBkg h3
	{
	font: 1.8em Arial, Helvetica, sans-serif;
	color: #b8a988;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}
	
#midPgBkg h4
	{
	font: 1.8em Arial, Helvetica, sans-serif;
	color: #dfcfac;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}	
	
#midPgBkg p
	{
	font: 1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	margin: 0px;
	padding: 5px 0px 6px 0px;
	}	
	
#botPgBkg
	{
	width: 625px;
	height: 30px;
	background: url("../images/bot_pg.png") no-repeat top left;
	}
	
*html #botPgBkg {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/bot_pg.png');
}				

#jelovnikLnk
	{
	margin: 15px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/jelovnik.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #jelovnikLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/jelovnik.png');
}				

#gableciLnk
	{
	margin: 15px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/gableci.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #gableciLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/gableci.png');
}

#svecaniLnk
	{
	margin: 0px 0px 0px 0px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/svecani.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #svecaniLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/svecani.png');
}

#cateringLnk
	{
	margin: 0px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/catering.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #cateringLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/catering.png');
}

#hladnaLnk
	{
	margin: 10px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/hladna.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #hladnaLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/hladna.png');
}				

#toplaLnk
	{
	margin: 10px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/topla.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #toplaLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/topla.png');
}

#specijalLnk
	{
	margin: 0px 0px 0px 139px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/specijal.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #specijalLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/specijal.png');
}


#vjencanjaLnk
	{
	margin: 10px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/vjencanja.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #vjenacnjaLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/vjencanja.png');
}				

#deluxeLnk
	{
	margin: 10px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/deluxe.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #deluxeLnk {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/deluxe.png');
}


#jelovnikLnke
	{
	margin: 15px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/jelovnike.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #jelovnikLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/jelovnike.png');
}				

#gableciLnke
	{
	margin: 15px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/gablecie.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #gableciLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/gablecie.png');
}

#svecaniLnke
	{
	margin: 0px 0px 0px 0px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/svecanie.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #svecaniLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/svecanie.png');
}

#cateringLnke
	{
	margin: 0px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/cateringe.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #cateringLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/cateringe.png');
}

#hladnaLnke
	{
	margin: 10px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/hladnae.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #hladnaLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/hladnae.png');
}				

#toplaLnke
	{
	margin: 10px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/toplae.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #toplaLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/toplae.png');
}

#specijalLnke
	{
	margin: 0px 0px 0px 139px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/specijale.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #specijalLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/specijale.png');
}


#vjencanjaLnke
	{
	margin: 10px 0px 0px 0px;
	display: block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/vjencanjae.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #vjenacnjaLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/vjencanjae.png');
}				

#deluxeLnke
	{
	margin: 10px 0px 0px 20px;
	display: inline-block;
	width: 258px;
	height: 116px;
	float: left;
	background: url("../images/deluxee.png") no-repeat top left;
	text-indent:-9999px;
	cursor: pointer;
	}
	
*html #deluxeLnke {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/deluxee.png');
}

.sepJelo
	{
	width: 535px;
	background: url("../images/sep_jelo.gif") repeat-x bottom left;
	padding: 6px 0px 8px 0px;
	}
	
.leftJelo
	{
	float: left;
	width: 365px;
	font: 1.3em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	}	
	
.leftJelo span
	{
	padding: 0px 10px 0px 10px;
	}
	
.allJelo
	{
	font: 1.3em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	}	
	
.leftJelo span
	{
	padding: 0px 10px 0px 10px;
	}	
	
.rightJelo
	{
	float: left;
	width: 170px;
	font: bold 1.3em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	text-align: right;
	}	
	
#subMen
	{
	width: 604px;
	text-align: right;
	padding: 0px 0px 12px 0px;
	}	
	
#subMen a
	{
	font: bold 1.6em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	text-decoration: none;
	float: right;
	display: block;
	}
	
#subMen a:hover
	{
	color: #f5ebd6;
	}	
	
#subMen a.akt
	{
	color: #f5ebd6;
	}		
	
#subMen span
	{
	display: block;
	width: 1px;
	height: 26px;
	background: url("../images/sep_sub.gif") no-repeat top;
	padding: 0px 10px 0px 10px;
	float: right;
	margin: 1px 0px 0px 0px;
	}
	
.sepJeloPod
	{
	height: 20px;
	overflow: hidden;
	}	
	
.leftKtTx
	{
	font: bold 1.3em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	float: left;
	width: 450px;
	}	
	
.rightKtTx
	{
	font: bold 1.4em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #b8a988;
	float: left;
	width: 101px;
	}
	
.rightKtTx a
	{
	color: #b8a988;
	text-decoration: none;
	}
	
.rightKtTx a:hover
	{
	text-decoration: underline;
	}
	
#obrazac
	{
	margin: 0;
	padding: 0;
	}	
	
.leftInp
	{
	width: 258px;
	height: 37px;
	float: left;
	background: url("../images/kont_inp.png") no-repeat top left;
	padding: 5px 0px 0px 0px;
	}
	
*html .leftInp {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/kont_inp.png');
}		
	
.leftInp input
	{
	width: 236px;
	border: 0;
	background: none transparent;
	padding: 0px 0px 0px 22px;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	}
	
.rightInp
	{
	width: 258px;
	height: 37px;
	float: left;
	background: url("../images/kont_inp.png") no-repeat top left;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}	
	
*html .rightInp {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/kont_inp.png');
}			
	
.rightInp input
	{
	width: 236px;
	border: 0;
	background: none transparent;
	padding: 0px 0px 0px 22px;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	}	
	
.poruka
	{
	width: 238px;
	height: 108px;
	float: left;
	background: url("../images/kont_are.png") no-repeat top left;
	margin: 0px 0px 0px 138px;
	display: inline-block;
	padding: 10px 0px 0px 20px;
	}
	
*html .poruka {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='include/images/kont_are.png');
}				
	
.poruka textarea
	{
	width: 227px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background: none transparent;
	border: 0;
	font: 1.2em/1.2em Arial, Helvetica, sans-serif;
	color: #b8a988;
	scrollbar-base-color: #482022; 
	scrollbar-arrow-color: #000000;
	scrollbar-DarkShadow-Color: #160a0b; 
	scrollbar-3dlight-color: #482022;
	scrollbar-highlight-color: #59282b;
	}
	
.salji
	{
	font: bold 1.4em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #b8a988;
	text-decoration: none;
	display: block;
	float: left;
	width: 70px;
	height: 20px;
	margin: 43px 0px 0px 21px;
	}	
	
#podMeni
	{
	width: 194px;
	height: 104px;
	background: url("../images/sub_bkg.png") no-repeat top left;
	margin: 42px 0px 0px 0px;
	position: absolute;
	top: 160px;
	left: 496px;
	z-index: 999999;
	padding: 18px 0px 0px 19px;
	display: none;
	}	
	
*html #podMeni {
	background: none;
	background: url("../images/sub_bkg.gif") no-repeat top left;
}	
	
#podMeni a
	{
	display: block;
	font: bold 1.6em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	}
	
#podMeni a:hover
	{
	color: #f5ebd6;
	}
	
.eng
	{
	font: bold 1.6em/1em "Times CE", "Times", "Times New Roman", sans-serif;
	color: #dfcfac;
	text-decoration: none;
	display: block;
	float: left;
	margin: 30px 0px 0px 26px;
	width: 62px;
	}