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

/*

font-family: 'Roboto Slab', serif;
font-family: 'Noto Serif', serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Quando', serif;
font-family: 'Carrois Gothic SC', sans-serif;
font-family: 'Alegreya SC', serif;
font-family: 'Average Sans', sans-serif;
font-family: 'Cantora One', sans-serif;
font-family: 'Sofadi One', cursive;
font-family: 'Quicksand', sans-serif;
font-family: 'Overlock SC', cursive;
font-family: 'Fredericka the Great', cursive;
font-family: 'Sonsie One', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Smythe', cursive;
font-family: 'Medula One', cursive;
font-family: 'Philosopher', sans-serif;
font-family: 'Frijole', cursive;
font-family: 'Finger Paint', cursive;
font-family: 'Oregano', cursive;

*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body{
	background-image:url(/template/bodyBg.jpg);
	background-position:top center;
	background-color:#eadccf;
	background-attachment:fixed;
	
	
	display: block;
	height:100%;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-size:13px;
	color:#616161;
	margin:0px;
    min-height: 100%;
    position: relative;
    width: 100%;
	
/*font-family: 'Roboto Slab', serif;
font-family: 'Noto Serif', serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Quando', serif;
font-family: 'Carrois Gothic SC', sans-serif;
font-family: 'Alegreya SC', serif;*/
font-family: 'Average Sans', sans-serif;
/*font-family: 'Cantora One', sans-serif;
font-family: 'Sofadi One', cursive;
font-family: 'Quicksand', sans-serif;
font-family: 'Overlock SC', cursive;
font-family: 'Fredericka the Great', cursive;
font-family: 'Sonsie One', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Smythe', cursive;
font-family: 'Medula One', cursive;
font-family: 'Philosopher', sans-serif;
font-family: 'Frijole', cursive;
font-family: 'Finger Paint', cursive;
font-family: 'Oregano', cursive;*/
	


	}


#bodyContainer{
	
	position:relative;

}
#mainFrame{

	margin: 0 auto;
	max-width: 972px;
	
}

h1{font-size:2em;color:#af562b;}
h2{font-size:1.6em;color:#4b555c;margin-bottom:10px}
h3{font-size:1.3em;coloir:#4b555c}
h4{font-size:1.1em;margin:10px 0px;color:#4b555c}
a:link, a:visited,a:hover,a:active{
		color:#b96136;
		text-decoration:underline
		
	}
	
	a:hover{
		
		text-decoration:none;
		color:#FFCC00
		}



/********************************************* HEADER **********************************/
#headerContainer{
	z-index:10;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 20px  rgba(0, 0, 0, 0.5);
	/*box-shadow: h-shadow v-shadow blur spread color inset;*/
	background-color:#FFFFFF;
	margin-top:-10px;
	background-image:url(/template/gornjaMustra.png);
	background-position:305px 10px;
	background-repeat:no-repeat;	
	
	behavior: url(/scripts/pie/PIE.htc);
	
		
}
#headerContent{
	position:relative;
	height:180px;
	text-align:left;
	
	}
#mainMenuContainer{

	position:absolute;
	bottom:0px;
	width:100%;
	z-index:12;
	

}
#mainMenuLinks{
text-align:center;
position:relative;

}
#mainMenuLinks ul{
background-image:url(/template/mainMenuBg.jpg);
background-position:bottom left;
background-color:#d5d4d2;
background-repeat:repeat-x;
height:39px;
list-style: none outside none;
margin:0px;
padding:0px;



}
#mainMenuLinks ul li{
display:inline-block;
margin:0px;
line-height:37px



}
#mainMenuLinks ul li:hover{

}

a.mainMenuLink:link,a.mainMenuLink:visited,a.mainMenuLink:hover,a.mainMenuLink:active{
font-size:1.2em;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding:0px 30px 0px 30px;
border-top:2px solid #d5d4d2;
display:block

}

a.mainMenuLink:hover{
border-top:2px solid #ffb400;
background-color:#FFCC00;
	background-image:url(/template/mainMenuBgHover.jpg);
	background-position:bottom center;
	background-color:#d5d4d2;
	background-repeat:repeat-x;

}


#mainMenuContainerDummy{


    box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);
	background-color:#fff;
	background-repeat:repeat-x;
	height:20px;
	position:absolute;
	bottom:0px;
	left:6px;
	width:960px;
	z-index:9;
	behavior: url(/scripts/pie/PIE.htc);

}
#headerUglovi{
	height:5px;
	position:absolute;
	bottom:-5px;
	width:100%;
	
}
#headerUgloviLijevi{
	background-image:url(/template/headerUgaoLijevi.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:6px;
	height:25px

}
#headerUgloviDesni{
	background-image:url(/template/headerUgaoDesni.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	width:6px;
	height:5px
}
#headerUgloviCentar{
	margin: 0 auto;
	max-width: 960px;
	height:5px;


}
#haederTitle_small{
color:#4b555c;
font-size:2.3em;
position:absolute;
left:31px;
top:30px;
}
#haederTitle_big{
color:#af562b;
font-size:3em;
position:absolute;
left:31px;
top:70px;
text-transform:uppercase
}
.test{


}

#headerSlogan{
	position:absolute;
	top:50px;
	right:31px;
	text-align:right;
	font-size:1em;
	color:#af562b;
	font-style:italic
	}
#headerSlogan .smaller{font-size:1.5em;}
#headerSlogan .bigger{font-size:1.8em;}
/****************************************** CONTENT ************************************/
#contentContainer{
	margin: 0 auto;
	max-width: 960px;
	

	text-align:left;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 20px  rgba(0, 0, 0, 0.5);
	/*box-shadow: h-shadow v-shadow blur spread color inset;*/
	background-color:#FFFFFF;
	margin-top:-5px;
	z-index:5;
	behavior: url(/scripts/pie/PIE.htc);
	
	
}
#bannerRotator{
	position:relative;
	height:360px;
	width:100%;
	background-color:#FFFFFF;
	z-index:8;
	background-image:url(/template/bannerBottomShadow.png);
	background-position:bottom center;
	background-repeat:no-repeat;

}

#mainContent{


width:100%;
background-color:#FFFFFF

}
#mainContentHolder{
	padding:20px 25px 25px 25px;
	position:relative;
	height:auto
	
	}


#boxContainer{
	
	padding:15px 25px 35px 25px;
	position:relative;
	min-height:329px
	
	}
#Content{
	
	
	font-size:1.2em

	}
#Content p{
	text-align:justify;
	margin:15px 0px
	}
#Content .content_image_tl{
	
		margin:0px 10px 10px 0px;
		box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);
		behavior: url(/scripts/pie/PIE.htc);
	}
#boxContainer_desno{
	
	padding-top:10px

	}
	
#stupac_lijevo, #stupac_desno{
	
		vertical-align:top
	}	
#stupac_lijevo{
	padding-right:25px
	
	}
#stupac_desno{
		width:290px
	
	}
	
.boxItem{
	width:290px;
	min-height:340px;
	box-shadow: 0 0 10px  rgba(0, 0, 0, 0.5);
	float:left;
	behavior: url(/scripts/pie/PIE.htc);
	}
.boxItem.first{
	margin-left:0px}
.boxItem.other{
	margin-left:20px}
	
.boxItemPhoto{
	width:210px;border-bottom:1px solid #fff
	}
	

.boxItemPhoto img{ /*width:100%*/}

	
#boxContainer_desno  .boxItem{
	width:290px;
	}

	
#boxContainer_desno  .boxItemPhoto{
	width:290px;
	}

#boxContainer_desno  .boxItemContent{width:290px;}
	
.boxItemContentPadding{padding:10px 15px}

.boxItemContentPadding h3{
	color:#b96136;
	font-size:1.5em

}
.boxItemContentPadding h3 a{
	text-decoration:none;
	font-size:inherit;
	color:inherit

}
.boxItemContentPadding p{
	color:#4b555c;
	font-size:1.1em;
	text-align:justify

}
/************************** galerija ********************************/
#bannerRotatorGalerija{
	position:relative;
	height:329px;
	width:100%;
	background-color:#FFFFFF;
	z-index:8;
	background-image:url(/template/bannerBottomShadow.png);
	background-position:bottom center;
	background-repeat:no-repeat;

}
.galleryTable td{width:180px;height:142px;}






/**************** kontakt */

.forma_input{width:270px}
.forma{width:270px;height:200px}

#tableInput td{padding:5px;vertical-align:top}


/********************************************** FOOTER ************************************/

#footerContainer{
	
	
	
	width:972px;
	text-align:left;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0 20px  rgba(0, 0, 0, 0.5);
	/*box-shadow: h-shadow v-shadow blur spread color inset;*/
	background-color:#b96136;
	margin-top:0px;
	z-index:4;
	
	background-image:url(/template/mainMenuBg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	behavior: url(/scripts/pie/PIE.htc);
	
}
#footerContent{
	
	
	width:100%;
	text-align:left;
	background-image:url(/template/gornjaMustra.png);
	background-position:350px bottom;
	background-repeat:no-repeat;
	z-index:4;
	}





#footerCopy{

	margin-top:15px;
	text-align:right;
	color:#fff;
	font-size:0.9em;
	width:100%;
	vertical-align:middle;
	z-index:4;

}
#footerCopy span{padding-right:31px;line-height:39px}




#footerContainerDummy{


    box-shadow: 0 0 5px  rgba(0, 0, 0, 0.5);
	
	background-repeat:repeat-x;
	height:20px;
	position:absolute;
	top:0px;
	left:6px;
	width:960px;
	z-index:4;
	behavior: url(/scripts/pie/PIE.htc);

}

#footerContainerUglova{position:relative;height:0px}

#footerUglovi{
	height:5px;
	position:absolute;
	top:-5px;
	width:100%;
	
}
#footerUgloviLijevi{
	background-image:url(/template/footerUgaoLijevi.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	width:6px;
	height:5px

}
#footerUgloviDesni{
	background-image:url(/template/footerUgaoDesni.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:right;
	width:6px;
	height:5px
}
#footerUgloviCentar{
	margin: 0 auto;
	max-width: 960px;
	height:5px;
	


}

#footerMainContent{
	padding:25px 25px 25px 25px;
	width:910px;
	margin-left:6px;
	}
	
.footerBoxItem{
	width:220px;
	float:left;
	color:#fff;
	font-size:1.2em
	}
.footerBoxItem h4{font-size:1.1em;margin:0px 0px 7px 0px;color:#fff;}
.footerBoxItem.first{
	margin-left:0px}
.footerBoxItem.other{
	margin-left:20px}
	
	.footerBoxItem.last{
	margin-left:20px;width:190px}
	
	a.footerMenuLinks{
		
		display:block;
		color:#fff;
		font-size:1.1em;
		padding:1px 10px;
		background: none repeat scroll 0 0 rgba(210, 210, 210, 0.2);
		
		margin-bottom:4px;
		text-decoration:underline;
		}
	a.footerMenuLinks:hover{
		
		text-decoration:none;
		background:none
		
		}