@charset "utf-8";
/**** DEF FONT ****/

/*** DEFAULT ***/
* { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none;	color:#2d2d2d; font-size:12px; }
html, body{	 background:transparent url(grafika/body/bgone.png) repeat;	margin:0px;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font-weight:inherit; font-style:inherit;}
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; }
input{	margin: 0px;	padding: 0px;	border: 0px;}

h1 {font-size:24px; color:#4f220f; } h1:hover {color:#371608;}
h2 {font-size:20px; color:#4f220f; } h1:hover {color:#371608;}
h3 {font-size:16px; color:#4f220f; } h3:hover {color:#371608;}
h4 {font-size:14px; color:#4f220f; } h4:hover {color:#371608;}
h5 {font-size:12px; color:#4f220f; } h5:hover {color:#371608;}
h6 {font-size:11px; color:#4f220f; } h6:hover {color:#371608;}

.naslovi { color:#000000; text-transform:capitalize; font-weight:bold; font-style:italic; }
.clear{ clear:both; float:none;}
.clearParser{ clear:both; float:none; height:80px;}
a:link,a:visited {	color:#4f220f; text-decoration:none;}
a:hover,a:active {	color:#371608; text-decoration:none;}
img{ border: 0;}

/**** WRAP ****/
#Wrap { background:transparent url(grafika/body/bgtwo.png) repeat; }
#WrapLine { background:transparent url(grafika/body/linijabotom.png) repeat-x bottom left; }
#WrapInline { width:955px; min-height:300px; margin:0 auto; float:none; clear:both; }
#WrapBanner { height:527px; background:transparent url(grafika/body/bgbanner.png) repeat-x top left; }
#WrapBannerInline { width:955px; height:507px; margin:0 auto; }
#WrapBannerInlineMain { width:955px; height:507px; position:relative; }

/*#WrapBannerInlineMask { width:955px; height:507px; position:absolute; background:transparent url(grafika/body/bannertop.png) no-repeat top left;  z-index:3; }*/
#WrapFooter { width:955px; min-height:399px; margin:0 auto; float:none; clear:both;  }
#WrapFooterInline { width:955px; position:relative; }
#WrapFooterLogo { width:120px; height:120px; background:transparent url(grafika/body/logobottom.png) no-repeat top left; position:absolute; margin:0; top:-60px; left:417px; }
#WrapFooterLogo a { width:120px; height:120px; display:block; text-indent:-9999px; }
#WrapFooterInline .kontakt { width:453px; height:227px; padding:38px 0 0 0; background:transparent url(grafika/body/footerkontakt.png) no-repeat top left; position:absolute; margin:0; top:12px; left:0px; }
#WrapFooterInline .facebook { width:358px; height:108px; padding:25px 0 0 0; background:transparent url(grafika/body/footerfacebook.png) no-repeat top left; position:absolute; margin:0; top:250px; left:45px; }
#WrapFooterInline .mapa { width:424px; height:234px; text-indent:260px; padding:10px 0 0 0; background:transparent url(grafika/body/footermap.png) no-repeat top left; position:absolute; margin:0; top:25px; right:20px; }
#WrapFooterInline .foto { width:413px; height:182px; padding:20px 0 0 0; background:transparent url(grafika/body/footerfoto.png) no-repeat top left; position:absolute; margin:0; top:220px; right:0px; }
#WrapFooterInline span { color:#000; font-size:16px; line-height:50px; font-weight:bold; font-style:italic; }
#WrapFooterInline li { color:#4f220f; height:25px; font-size:16px; font-style:italic; clear:both; }
#WrapFooterInline a { color:#4f220f; font-size:16px; font-style:italic; text-decoration:underline; }
#WrapFooterInline a:hover { color:#000;}
#logoEx3em { width:84px; height:62px; display:block; background:transparent url(grafika/body/ex3emlogo.png) no-repeat top left; position:absolute; margin:0; top:350px; left:435px; text-indent:-9999px; }
#logoEx3em a { width:84px; height:62px; display:block; }

#WrapMain { width:925px; padding:15px 10px 15px 10px; float:none; clear:both;}
#WrapMain h1 { margin:0 0 15px 0; }
#WrapMain address { line-height:25px; padding:0 0 0 15px; margin:0 0 15px 0; }
#WrapMain .karta { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; overflow:hidden; width:930px; height:550px; border:solid 1px #b3988a;  }
#WrapMainLeft { width:566px; min-height:200px; float:left; padding:4px; text-align:justify; }
#WrapMainRight { width:346px; min-height:200px; float:left; padding:2px;}
#WrapMainRightArr { width:220px; height:50px; padding:24px 0 0 90px; left:40px; background:transparent url(grafika/body/arrnews.png) no-repeat right top; }

#TjedniMeni { width:347px; float:none; clear:both; }
#TjedniMeni ul { width:347px; }
#TjedniMeni ul .MeniNaslov { width:337px; height:23px; padding:10px 0 0 10px; margin:5px 0 5px 0; background-color:#fef8e8; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#TjedniMeni ul .MeniNaslov:hover { background-color:#fff; }
#TjedniMeni ul a { color:#4f220f; font-size:12px; text-transform:uppercase; }
#TjedniMeni ul li { padding:3px; height:38px; background:transparent url(grafika/body/jelali.png) repeat-x  left bottom; float:none; clear:both; margin:0 auto; }
#TjedniMeni .leftA{ width:270px; margin:0 10px 0 0; padding:0 0 0 10px; height:38px; float:left; }
#TjedniMeni .leftB{ width:47px; height:38px; float:left; font-size:16px; line-height:38px;  }

#WrapNewsBotom { width:955px; min-height:360px; background:transparent url(grafika/body/bgnews.png) no-repeat center top; float:none; clear:both; }
#WrapNewsBotomInline { width:875px; padding:80px 40px 0 40px; position:relative;}
#WrapNewsBotomInline .newswrap{ width:260px; text-align:justify; float:left; margin:0 15px 0 15px; }
#WrapNewsBotomArr { width:136px; height:39px; position:absolute; padding:24px 0 0 0; top:20px; left:40px; background:transparent url(grafika/body/arrnews.png) no-repeat right top; }

#WrapMainMeni { width:925px; padding:15px 10px 15px 10px; float:none; clear:both;}
#WrapMainMeni h1 { padding:0 0 15px 0; }
#WrapMainMeni h3 { padding:15px 0 0 0; }
#WrapMainMeni ul { margin:8px; }
#WrapMainMeni ul li { padding:0 0 0 15px; min-height:25px; }

#WrapMainVina { width:925px; padding:15px 10px 15px 10px; float:none; clear:both;}
#WrapMainVina h3 { padding:15px 0 0 0; }
#WrapMainVina ul { margin:8px; }
#WrapMainVina ul li { padding:0 0 0 15px; min-height:25px; border-bottom:#ba9e6b solid 1px; }
#WrapMainVina .rowA{ padding:2px; float:left; width:480px; }
#WrapMainVina .rowB{ padding:2px; float:left; width:100px; }
#WrapMainVina .rowC{ padding:2px; float:left; width:180px; }
#WrapMainVina .rowD{ padding:2px; float:left; width:100px; text-align:right; }

.HalfFloat { width:450px; float:left;}

#WrapKontakt { padding:10px; float:none; clear:both; border-top:#ba9e6b solid 1px; border-bottom:#ba9e6b solid 1px; }
#WrapKontakt .halfFloat { width:445px; margin:3px; float:left;  }
#WrapKontakt .noFloat { margin:3px; float:none; clear:both;  }

#WrapMiniGalerija { width:939px; height:140px; margin:5px; padding:3px; float:none; clear:both; }
#WrapMiniGalerija div { width:176px; height:126px; margin:0 0 0 8px; float:left; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:#ba9e6b solid 1px; }

/**** MENI TOP ****/
#NavTop { height:70px; position:absolute; right:0px; top:0px; margin:0 8px 0 0; z-index:3; }
#NavTop li { height:70px; padding:15px 3px 0 3px; margin:0 4px 0 4px; float:left; color:#4f220f;  }
#NavTop li a { font-size:14px; padding:22px 6px 0 6px; margin:0 2px 0 2px; height:80px; text-transform:uppercase; color:#4f220f; display:block; }
#NavTop li a:hover { color:#FFF; background-color:#4f220f; }
#NavTop #act a { color:#FFF; background-color:#4f220f; }

/**** FORMS ****/
input[type=text]{	background:#f6f0e0; width:400px; border:#b3988a 1px solid; height:27px; line-height:normal; color:#2d2d2d; margin:4px 4px 4px 0px; padding:0px 4px 4px 4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
input[type=text]:hover{	background:#faf7ef;	border:#4f220f 1px solid;}
textarea { background:#f6f0e0; width:400px; height:137px; color:#2d2d2d; margin:4px 4px 4px 0px;	padding:4px 4px 4px 4px; border:#b3988a 1px solid; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
textarea:hover { background:#faf7ef; border-style:none; border:#4f220f 1px solid;}
input[type=submit] { background:#f6f0e0; height:40px; padding:0 10px 0 2px; color:#2d2d2d; border:solid 1px #b3988a; text-align:left; text-indent:4px; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
input[type=submit]:hover { background-color:#4f220f; color:#fff; border:solid 1px #4f220f;  }

/*** BANNER SLIDER ***/
#container {	width:955px;	padding:0;	margin:0 auto;	position:absolute; z-index:2; clear:both;}
#containerSlider {	width:955px; height:507px; }
#ribbon {	position:absolute; top:-3px; left:-15px;	z-index:4;}
#slides {	position:absolute; margin:0; z-index:5; }
#slidesInner { width:955px; height:507px; top:0px; left:0px; position:absolute; background:transparent url(grafika/body/bannertop.png) no-repeat top left;  z-index:6; }
#slidesInner .menijiIzdvojeno{ width:250px; height:153px; top:350px; left:50px; position:absolute; }
#slidesInner p { width:250px; height:90px; color:#4f220f; font-size:12px; padding:5px 0 0 0;  }
#slidesInner h3 { color:#4f220f; font-size:16px; }
#slidesInner a { width:250px; height:31px; border-bottom:#FFF solid 1px; border-top:#FFF solid 1px; display:block; color:#FFF; font-size:16px; text-transform:uppercase; line-height:27px; text-indent:44px; text-shadow: #000 0px 0px 5px;  }
#slidesInner a:hover { width:250px; height:31px; border-bottom:#4f220f solid 1px; border-top:#4f220f solid 1px; display:block; color:#4f220f; font-size:16px; text-transform:uppercase; line-height:27px; text-indent:44px;  }

.slides_container {	width:955px;	overflow:hidden;	position:absolute;	display:none; z-index:6;}
.slides_container div.slide {	width:955px; height:507px; display:block;}
#slides .next,#slides .prev {	position:absolute; top:30px; left:220px; width:20px; height:27px;	display:block; z-index:7;}
#slides .next {	left:250px; }
.pagination {	margin:20px auto;	width:100px; clear:both;}
.pagination li {	float:left;	margin:0 1px;	list-style:none;}
.pagination li a {	display:block;	width:12px;	height:0;	padding-top:12px;	background-image:url(grafika/slide/pagination.png);	background-position:0 0;	float:left;	overflow:hidden;}
.pagination li.current a {	background-position:0 -12px;}
.caption {	z-index:499;	position:absolute;	bottom:-35px;	left:0;	height:30px;	padding:5px 20px 0 20px;	width:920px; text-shadow:none; text-align:right; }
.caption p {	color:#FFF; font-size:18px; text-shadow: #000 0px 0px 5px; }