/* CSS Document */
html{padding:0px; margin:0px;}
body{
	background-color:#fff;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	background-image: url(stripe_0133b4e81b800d879a6c43e816e0e9a4.png);
}
/*MENI*/
#conBnAxion {list-style:none; margin:0px; padding:0px; padding-top:286px; padding-left:141px;}
#conBnAxion li,#conBnAxion li a {
	background: url(images/menu/gm.png) no-repeat; 
	background-position: bottom;
	width: 122px; height: 50px;
	cursor:pointer;
}
#conBnAxion li:hover {
	background-position: top;
}

#mega {
	list-style:none;
	font-weight:bold;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/menu/bg.png);
	background-repeat: repeat-x;
	width: 998px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
ul#mega li {
	margin-left:-1px;
	padding-right:2px;
	height:50px;
	float:left;
	text-align:center;
	position:relative;
	background-image: url(images/menu/sep.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#mega li:hover {
	border-bottom:0;
	z-index:1;
}
#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
	position:absolute;
	left:-999em;
	width:362px;
	font-weight:normal;
	text-align:left;
	background-color:#efefef;
	padding: 0;
	border:1px solid #666;
	top: 0px;
}
#mega li:hover div {
left:-80px;top:auto;
}
#mega li:hover #uDiv{
left:-16.4em;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div .h2,#mega div .h3 {
	font-size:12px;
	clear:both;
	float:left;
	width:159px;
	position:relative; /* makes above drop shadow */
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 10px;
	line-height:1.3em;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/menu/bgl.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-weight:bold;
}
#mega div .h2 { height: 40px; padding-top:10px;}
#mega div .h3{ height: 31px; padding-top:19px;}

ul #uDiv .h2,ul #uDiv .h3 {
	font-size:12px;
	clear:both;
	float:left;
	width:159px;
	position:relative; /* makes above drop shadow */
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 10px;
	line-height:1.3em;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/menu/bgl.png);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-weight:bold;
}
#mega #uDiv .h2 { height: 40px; padding-top:10px;}
#mega #uDiv .h3{ height: 31px; padding-top:19px;}

ul #uDiv {
	position:absolute;
	left:-999em;
	width:905px;
	font-weight:normal;
	text-align:left;
	background-color:#FFF;
	padding: 0;
	border:1px solid #666;
	right: -200px;
}

#uDiv .classUno{
	float:left;
	width:181px; 
	margin:0px;
	padding:0px;
}
div .classDuo{
	float:left;
	width:181px; 
	margin:0px;
	padding:0px;
}
#mega div p {
float:left;
width:106px;
padding-left:10px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
	background-image: url(images/menu/bgcell.png);
	background-repeat: repeat-x;
	color:#fff;
}
#mega #uDiv a:hover, #mega #uDiv a:focus, #mega #uDiv a:active {
text-decoration:none;
	background-image: url(images/menu/bgcell.png);
	background-repeat: repeat-x;
	color:#fff;
}

ul#mega a.nama {
	width: 108px;
	background-image: url(images/menu/1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 50px;
}
ul#mega a.nama:hover {
	background-position: top;
}
ul#mega a.pekarska {
	background: url(images/menu/2.png) no-repeat; 
	background-position: bottom;
	width: 181px; height: 50px;
}
ul#mega a.pekarska:hover {
	background-position: top;
}
ul#mega a.ugostiteljska {
	background: url(images/menu/3.png) no-repeat; 
	background-position: bottom;
	width: 229px; height: 50px;
}
ul#mega a.ugostiteljska:hover {
	background-position: top;
}
ul#mega a.reference {
	background: url(images/menu/6.png) no-repeat; 
	background-position: bottom;
	width: 133px; height: 50px;
}
ul#mega a.reference:hover {
	background-position: top;
}
ul#mega a.kontakt {
	background: url(images/menu/5.png) no-repeat;
	width: 122px; height: 50px;
	background-position: bottom;
}
ul#mega a.kontakt:hover {
	background-position: top;
}

ul#mega a.nazad {
	background: url(images/menu/nazad.png) no-repeat;
	margin-left:115px; width: 85px; height: 50px;
	background-position: center right;
}
/*MENI END*/
#container{
	margin-left:auto;
	width: 1200px;
	margin-top: auto;
	margin-right: auto;
}
#topHeader{
	width:100%;
	height: 196px;
	background-color: #017977;
	clear: both;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menuBg{
	width:100%;
	clear: both;
	float:left;
	height:50px;
	background-image: url(images/menu/bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin:0px;
	padding:0px;
}
#meni{
	height: 49px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 970px;
	padding-top: 23px;
	background-color: #027A78;
	background-image: url(images/line_btn.gif);
	background-repeat: repeat-x;
	background-position: bottom;
  	
}
.btn{
	pading-right:10px;
	height:38px;
	float:left;
}
.btn_l{
	pading-right:10px;
	height:38px;
	float: left;
	background-image: url(images/btn_corner.gif);
	background-repeat: no-repeat;
	width: 13px;
	background-position: left center;
}
.btn_m{
	padding-left:15px;
	pading-right:10px;
	height:26px;
	float: left;
	background-image: url(images/btn_bg.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-top: 12px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.btn_m a{
	color: #333;
	text-decoration:none;
}
.btn_r{
	pading-right:10px;
	height:38px;
	width: 13px;
	background-image: url(images/btn_corner.gif);
	background-position: right;
	float: left;
}
.sep{
	width:3px;
	float: left;
	height: 38px;
}
#meni_line{
	height:5px;
	width:911px;
	background-color: #D3D3D3;
	margin-top: 3px;
	clear: both;
	float: left;
}
#holder{
	width:970px;
	clear:both;
	float:left;
	margin-top: 15px;
	margin-bottom: 25px;
	padding-bottom: 7px;
	padding-left: 115px;
	padding-right: 115px;
}
#holder_tip{
	width:1002px;
	clear:both;
	float:left;
	margin-top: 15px;
	margin-bottom: 25px;
	padding-bottom: 7px;
	padding-left: 100px;
	padding-right: 100px;
}
#holder_{
	width:975px;
	clear:both;
	float:left;
	height: 337px;
	background-image: url(images/bgSlider.png);
	background-repeat: repeat-x;
	margin-top: 5px;
	padding-top: 15px;
	padding-left: 25px;
	position:relative;
}
#footer{
	width:1186px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	padding-top: 25px;
	padding-bottom: 15px;
	background-image: url(images/bgt/bottomDot.png);
	background-repeat: repeat;
}
#banners{
	height:197px;
	float:left;
}
#banners_{
	height:180px;
	float:right;
	padding-left: 3px;
}
#banner_1{
	width:126px;
	height:180px;
	float:left;
	background-image: url(images/po_box_l.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#banner_m{
	width:350px;
	height:180px;
	float:left;
	background-image: url(images/box_m.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#banner_m_{
	width:345px;
	height:180px;
	float:left;
	background-image: url(images/box_m.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.banner_2{
	width:1px;
	height:180px;
	float:left;
	background-image: url(images/box_r.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#banner_1b{
	width:111px;
	height:180px;
	float:left;
	background-image: url(images/uo_box_l.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#banner_holder{
	width:970px;
	clear:both;
	height: 197px;
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}
#a_title{
	height:23px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #017977;
	font-weight: bold;
	margin-top: 55px;
	background-image: url(images/title_pekara.gif);
	background-repeat: no-repeat;
	width: 321px;
	margin-left: 25px;
}
#b_title{
	height:23px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #017977;
	font-weight: bold;
	margin-top: 55px;
	background-image: url(images/title_ugostiteljske.gif);
	background-repeat: no-repeat;
	width: 321px;
	margin-left: 25px;
}
.links_b{
	padding-left:31px;
	float: left;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: underline;
	color: #333;
}
.links_b a{
	text-transform: uppercase;
	text-decoration: underline;
	color: #333;
}
#logo{
	width:750px;
	background-repeat: no-repeat;
	background-image: url(images/logo.png);
	height: 51px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-left: 450px;
	background-position: 85px;
}
#logo_b{
	width:523px;
	background-repeat: no-repeat;
	float: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	padding-left: 20px;
	color: #D31820;
	background-image: url(images/TOPINFO.png);
	height: 28px;
	padding-right: 150px;
}
#logo_b a{
	color: #D31820;
}
#logo_b_end{
	width:136px;
	height:117px;
	float: left;
	background-repeat: no-repeat;
}
#top_Line{
	width:687px;
	background-color: #DDD;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #DDD;
	font-size: 16px;
	padding-left: 155px;
	height: 15px;
	margin-bottom: 10px;
	float: left;
}
#kg{
	width:100px;
	background-color: #2B2B2B;
	padding-left: 5px;
	font-size: 14px;
}
#top_Line_end{
	width:66px;
	height:19px;
	float: left;
	background-image: url(images/logo_bc_end.gif);
	background-position: center -2px;
	background-repeat: no-repeat;
   	
}
.row{
	width:970px;
	height: 357px;
	margin-top: 7px;
	clear: both;
	float: left;
	background-image: url(images/box_gradian.png);
	background-repeat: repeat-y;
}
.row_s{
	width:970px;
	height: 380px;
	margin-top: 7px;
	clear: both;
	float: left;
	background-repeat: repeat-y;
}
.row_stripe{
	width:970px;
	height: 357px;
	background-image: url(images/stripe_.png);
	background-repeat: repeat;
}
.row_stripe_s{
	width:970px;
	height: 357px;
}
h2.row_n{
	position: relative;
	top: 100px;
}
.row_img{
	width:304px;
	height: 359px;
	float: left;
	padding-left: 15px;
}
.row_img_s{
	width:304px;
	height: 359px;
	float: left;
	margin-left: 6px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #000;
}
.row_table{
	padding-right: 17px;
	width: 600px;
	margin-top: auto;
	margin-bottom: auto;
	float: right;
	padding-top: 105px;
}
.row_table_s{
	width: 600px;
	padding-top: 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
.row_table_{
	padding-right: 17px;
	width: 600px;
	margin-top: auto;
	margin-bottom: auto;
	float: right;
	padding-top: 35px;
}
.table_c{
	clear: both;
}
.table_cc{
	background-color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #CCC;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding: 3px;
}
.table_cb{
	background-color: #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #efefef;
	border-left-color: #efefef;
	color: #333;
	font-weight: normal;
}
.table_cb a:hover{
	color: #D31820;
	text-decoration: none;
}
.table_cb a{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color:#333;
	text-decoration:underline;
}

.txt_meni{
	float:left;
	padding-top: 15px;
	padding-left: 5px;
}
.imgs_meni{
	float:left;
}
.class_btns{
	border: 0px none #CCC;
	background-color: #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	color: #000;
}
.row_title{
	clear:both;
	float:left;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	height: 20px;
	padding-bottom: 5px;
	font-weight: bold;
}
#index_1{
	width:845px;
	height:384px;
	float:left;
	margin-top: 31px;
}
#index_2{
	width:384px;
	height:382px;
	float:left;
	background-repeat: no-repeat;
	margin-top: 31px;
	margin-left: 104px;
}
#kontakt_content{
	width:500px;
	margin-left: 90px;
}
.kon_box{
	width:400px;
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
}
.kon_title{
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}
.kon_field{
	width:250px;
	float: right;
}
img{border:none;}
.kon_tit{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 0px;
}
#ban_hide{
	float:left;
	width: 300px;
}
#ban_hide_r{
	float:left;
	width: 300px;
	display: none;
}
#ban_hide_o{
	float:left;
	width: 300px;
	display: none;
}
#ban_hide_f{
	float:left;
	width: 300px;
	display: none;
}
/* SLIDER */
#slider{
	width:949px;
	height:317px;
}
/* Easy Slider */


	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:949px;
		height:317px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:70px;
		height:70px;
		position:absolute;
		left:-60px;
		top:140px;
		}	
	#nextBtn{ 
		left:993px;
		}														
	#prevBtn a, #nextBtn a{
	display:block;
	width:70px;
	height:70px;
	background-image: url(images/bgt/back.png);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
	#nextBtn a{ 
		background-image: url(images/bgt/next.png) ; background-repeat: no-repeat;
		}												

/* // Easy Slider */


.l {
	width: 7px;
	height:390px;
	float:left;
	background-image: url(images/bgt/leftSide.png);
	background-repeat: no-repeat;
}
.cornerBox {
	height:375px;
	padding-top:15px;
	padding-left:93px;
	padding-right:93px;
	width:1000px;
	background-image: url(images/bgt/bottomDot.png);
	background-repeat: repeat;
	float: left;
}
.r {
	width: 7px;
	height:390px;
	float:left;
	background-image: url(images/bgt/rightSide.png);
	background-repeat: no-repeat;
}
.lt {
	width: 7px;
	height:100px;
	float:left;
	background-image: url(images/bgt/topRight.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.cornerBoxt {
	height:50px;
    padding-top:50px;
	padding-left:93px;
	padding-right:93px;
	width:1000px;
	background-image: url(images/bgt/bottomDot.png);
	background-repeat: repeat;
	float: left;
}
.rt {
	width: 7px;
	height:100px;
	float:left;
	background-image: url(images/bgt/topLeft.png);
	background-repeat: no-repeat;
}
#topBgz{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:55px;
	clear:both;
	padding-top: 20px;
	
}
.ltf {
	width: 7px;
	height:55px;
	float:left;
	background-image: url(images/bgt/topRight.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.rtf {
	width: 7px;
	height:50px;
	float:left;
	background-image: url(images/bgt/topLeft.png);
	background-repeat: no-repeat;
}
#topBgzf{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	height:35px;
	clear:both;
	padding-top: 20px;
	
}
.bgImgTop1{width:949px; height:304px; background-image:url(images/slider/1.png); background-repeat:no-repeat;}
.bgImgTop2{width:949px; height:304px; background-image:url(images/slider/2.png); background-repeat:no-repeat;}
.bgImgTop2a{width:949px; height:304px; background-image:url(images/slider/do3.png); background-repeat:no-repeat;}
.bgImgTop3{width:949px; height:304px; background-image:url(images/slider/3.png); background-repeat:no-repeat;}
.bgImgTop4{width:949px; height:304px; background-image:url(images/slider/4.png); background-repeat:no-repeat;}
.bgImgTop5{width:949px; height:304px; background-image:url(images/slider/5.png); background-repeat:no-repeat;}
.bgImgTop6{width:949px; height:304px; background-image:url(images/slider/6.png); background-repeat:no-repeat;}
.bgImgTop7{width:949px; height:304px; background-image:url(images/slider/7.png); background-repeat:no-repeat;}
.bgImgTop8{width:949px; height:304px; background-image:url(images/slider/8.png); background-repeat:no-repeat;}
.bgImgTopF{
	width:949px;
	height:304px;
	background-image:url(images/slider/friteze.png);
	background-repeat:no-repeat;
}
.bgImgTopS{width:949px; height:304px; background-image:url(images/slider/sporeti.png); background-repeat:no-repeat;}
.bgImgTopRo1{width:949px; height:304px; background-image:url(images/slider/rostilji_s1.png); background-repeat:no-repeat;}
.bgImgTopRo2{width:949px; height:304px; background-image:url(images/slider/rostilji_s2.png); background-repeat:no-repeat;}
.bgImgTopRe{width:949px; height:304px; background-image:url(images/slider/resoi.png); background-repeat:no-repeat;}
.boxbanner{width:316px; height:304px; float:left;}
#kontakt_bgimg{
	width:304px;
	height:359px;
	background-image: url(images/menu/mapbg.png);
	background-repeat: no-repeat;
}
#formId{
	width:402px;
	clear:both;
	float:left;
}