/* CSS Document */


* { 
	margin: 0px; 
	padding: 0px; 
	}

body { 
	background:url(../images/bg.png) repeat-x left top rgb(247, 243, 233);
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 62.5%; 
	line-height: 1.6; 
	font-size-adjust: none; 
	font-stretch: normal; 
	color: rgb(102, 102, 102); 
	}
#index{	
	margin:0px auto;
	padding:0px;
	width:100%;
	}
.xedni{
	background:url(../images/header_index_bg3.jpg) no-repeat center top;
	}
.page{
	background:url(../images/header_page_bg.png) no-repeat center top;
	}
#header{
	margin:0px auto;
	padding:0px;
	display:block;
	width:850px;
	}
.index{
	height:440px;
	}
.page{
	height:280px;
	}
	
/******** fonts *******/

a{
	color:#666;
	outline:none;
	}
a:hover{
	text-decoration:underline;
	color:rgb(153, 89, 26);
	}

#content p{
	font-size:1.1em;
	padding:10px 0px 10px 0px;
	}	
h1{
	font-size:4.0em;
	font-family:Georgia;
	font-weight:normal;
	color:rgb(153, 89, 26);
	}
h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.5em;
	}	
h3{	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.4em;
	}	
h1#catering_bugarin{
	marign:0px;
	padding:0px;
	display:block;
	width:240px;
	height:138px;
	text-indent:-9999px;
	background:url(../images/catering-bugarin.png) no-repeat center 10px;
	}
span.heading{	
	margin:0px;
	padding:10px 0px 20px 10px;
	display:block;
	font-size:1.5em;
	font-style:oblique;
	color:rgb(153, 89, 26);
	}
#content ul{
	marign:0px;
	padding:0px 0px 10px 0px;
	list-style-position:inside;
	font-size:1.1em;
	}

.teaser1{
	padding:50px 0px 0px 40px;
	display:block;
	font-size:1.6em;
	font-family:Georgia;
	color:rgb(153, 89, 26);
	font-style:oblique;
	}	
.teaser2{	
	padding:20px 0px 0px 70px;
	display:block;
	font-size:1.6em;
	font-family:Georgia;
	color:rgb(153, 89, 26);
	font-style:oblique;
	}
.teaser12{
	padding:110px 0px 0px 40px;
	display:block;
	font-size:1.6em;
	font-family:Georgia;
	color:rgb(153, 89, 26);
	font-style:oblique;
	}	
.teaser23{	
	padding:70px 0px 0px 70px;
	display:block;
	font-size:1.6em;
	font-family:Georgia;
	color:rgb(153, 89, 26);
	font-style:oblique;
	}

#content .divide{	
	padding:10px 0px 40px 0px;
	margin:0px 0px 10px 0px;
	background:url(../images/divider.jpg) no-repeat bottom center;
	display:block;
	}	
#content .divide img{
	float:left;
	padding:5px 5px 5px 0px;
	}	
	
	

#header #top_nav ul{
	marign:0px;
	padding:64px 0px 0px 172px;
	list-style-type:none;
	}
#header #top_nav ul li{
	marign:0px;
	padding:10px 7px 5px 0px;
	list-style-type:none;
	display:block;
	float:left;
	}
#header #top_nav ul li a{
	marign:0px;
	padding:0px;
	text-indent:-9999px;
	}

#header #top_nav #sala a{
	margin:0px;
	padding:0px;
	display:block;
	background:url(../images/sala.jpg) no-repeat left top;
	width:161px;
	height:80px;
	text-indent:-9999px;
	}
#header #top_nav #sala a:hover{	
	background:url(../images/sala.jpg) no-repeat left 1px;
	}

#header #top_nav #catering a{
	margin:0px;
	padding:0px;
	display:block;
	background:url(../images/catering_bugarin.jpg) no-repeat left top;
	width:161px;
	height:80px;
	text-indent:-9999px;
	}
#header #top_nav #catering a:hover{	
	background:url(../images/catering_bugarin.jpg) no-repeat left 1px;
	}
#header #top_nav #prenociste a{
	margin:0px;
	padding:0px;
	display:block;
	background:url(../images/prenociste-helena.jpg) no-repeat left top;
	width:161px;
	height:80px;
	text-indent:-9999px;
	}
#header #top_nav #prenociste a:hover{
	background:url(../images/prenociste-helena.jpg) no-repeat left 1px;
	}
#header #top_nav #prehrana a{
	margin:0px;
	padding:0px;
	display:block;
	background:url(../images/restoran_i_bistro_prehrana.jpg) no-repeat left top;
	width:161px;
	height:80px;
	text-indent:-9999px;
	}
#header #top_nav #prehrana a:hover{
	background:url(../images/restoran_i_bistro_prehrana.jpg) no-repeat left 1px;
	}

	
/********* down_navigation *********/
#down_nav{
	margin:0px;
	padding:0px;
	display:block;
	/*clear:both;*/
	float:left;
	width:850px;
	}
#header #down_nav ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	}
#header #down_nav ul li{
	margin:0px;
	padding:10px 35px 10px 30px;
	list-style-type:none;
	display:block;
	float:left;
	}
#header #down_nav ul li a{
	margin:0px;
	padding:0px;
	/*text-indent:-9999px;*/
	color:white;
	text-decoration:none;
	/*display:block;
	float:left;*/
	}
#header #down_nav ul li a:hover{
	color:rgb(118, 177, 206);
	}
	
#header #bread {	
	margin:0px;
	padding:15px 0px 0px 10px;
	display:block;
	clear:both;
	font-size:1.1em;
	/*color:rgb(153, 89, 26);*/
	}
#header #bread a{
	color:rgb(153, 89, 26);
	text-decoration:none;
	}	
#header #bread a:hover{
	text-decoration:underline;
	}
/******** misc *****/
#thre{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
	clear:both;
	height:241px;
	width:850px;
	background:url(../images/three.png) no-repeat left top;
	}
.prigoda{	
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:280px;
	}
.odabir{	
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:280px;
	}
.uzivajte{	
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:280px;
	}
.prigoda p{
	font-size:1.2em;
	padding:80px 10px 0px 70px;
	}
.odabir p{
	font-size:1.2em;
	padding:80px 10px 0px 80px;
	}
.uzivajte p{
	font-size:1.2em;
	padding:80px 10px 0px 80px;
	}

#header #logo{
	marign:0px;
	padding:0px 0px 0px 114px;
	float:left;
	}
#header #logo a{
	marign:0px;
	padding:0px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../images/prehrana_logo.png) no-repeat left top;
	width:216px;
	height:61px;
	}
/******** content ***********/

#content{	
	margin:0px auto;
	padding:0px;
	display:block;
	clear:both;
	width:850px;
	}
#content .ref_page{
	marign:0px;
	padding:0px 0px 0px 10px;
	float:left;
	width:560px;
	}
#content .gal_page{
	marign:0px;
	padding:0px 0px 0px 10px;
	float:left;
	width:760px;
	background:white;
	}
#content #onama_page{
	marign:0px;
	padding:0px 20px 0px 10px;
	float:left;
	width:540px;
	}
.col{
	margin:0px;
	padding:0px 20px 0px 0px;
	float:left;
	width:165px;
	}
.col .details{	
	margin:5px 0px 5px 0px;
	padding:2px 0px 2px 0px;
	display:block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:1.1em;
	}
.col .details a{
	font-weight:bold;
	color:rgb(153, 89, 26);
	text-decoration:none;
	}
.col .details a:hover{
	text-decoration:underline;
	}
.col ul{
	margin:20px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	list-style-type:none;
	display:block;
	}
.col ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-bottom:1px dashed #ccc;
	}
.index_content{	
	background:url(../images/index_page.jpg) no-repeat left top;
	height:550px;
	}
.restoran{	
	background:url(../images/restoran_bg.jpg) no-repeat left bottom white;
	height:780px;
	}
.catering{	
	background:url(../images/catering_bg.jpg) no-repeat left bottom white;
	height:890px;
	}
.catering2{	
	background:url(../images/catering_bg_2.jpg) no-repeat left bottom white;
	height:890px;
	}
.prenociste{	
	background:url(../images/prenociste_bg.jpg) no-repeat left bottom white;
	height:770px;
	}
.oprema{	
	background:url(../images/oprema_bg.jpg) no-repeat left top;
	height:679px;
	}
.reference{	
	background:url(../images/reference_bg.png) no-repeat left top white;
	height:1400px;
	}
.dostava{	
	background:url(../images/dostava_bg.jpg) no-repeat left top white;
	height:679px;
	}
.kontakt{	
	background:url(../images/oprema_bg.jpg) no-repeat left bottom white;
	height:780px;
	}
.onama{	
	background:url(../images/reference_bg.png) no-repeat left top white;
	height:1995px;
	}
#content .left_col{
	marign:0px;
	padding:290px 10px 10px 28px;
	float:left;
	width:242px;
	}
#content .main_col{
	marign:0px;
	padding:60px 20px 10px 20px;
	float:left;
	width:240px;
	}
#content .right_col{
	marign:0px;
	padding:70px 20px 10px 20px;
	float:left;
	width:240px;
	}
	
/***** single_page *******/

#content .left_col_page{
	marign:0px;
	padding:10px 10px 10px 20px;
	float:left;
	width:240px;
	}
#content .main_col_page{
	marign:0px;
	padding:10px 20px 10px 20px;
	float:left;
	width:260px;
	}
#content .right_col_page{
	marign:0px;
	padding:10px 0px 10px 10px;
	float:left;
	width:260px;
	}
#content .right_col_index{
	marign:0px;
	padding:10px 0px 10px 20px;
	float:left;
	width:260px;
	}
/********* footer ********/
#footer{	
	margin:0px auto;
	padding:10px 0px 50px 0px;
	width:850px;
	font-size:1.1em;
	}
.foot_links{
	display:block;
	float:right;
	display:block;
	width:280px;
	padding:10px 0px 0px 0px;
	}
.foot_links a{
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	}
	

/******** slider ********/


div.cf_wrapper
	{
	position: relative;
	}
	
	div.cf_element
	{
	width: 220px;
	height: 250px;
	}
	
	div.cf_element div.content
	{
	padding: 0px;
	}
	
	
/************ slideshow ***************/


#slideshow{
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 8px;
	display:block;
	float:left;
	width:245px;
	background:url(../images/galerija_bg.png) no-repeat center top;
	}
#slide{  
	position: relative; /* important */  
	overflow:hidden; /* important */  
	width:234px; /* important */  
	height:270px; /* important */  
	margin:0px;  
	padding:0px 0px 0px 0px;
	display:block;
	float:left;
	left:0px;
  /*background: #fff;  */
 }  
#slide_content a img{
	outline:none;
	text-decoration:none;
	border:none;
	} 
#slide_content {  
	position: absolute;  
	margin:0; 
	padding:0px; 
}   
#slide_content li {  
	list-style: none;  
	margin: 0;  
	padding: 0;  
 }  
#slide_content {  
	width:16480px;  
     }  
#slide ul li {  
	display: block;  
	float: left;  
	margin:0;  
	padding:0;  
	border:none;  
	/*background-color: #fff;  */
     }  
#slide ul li img {  
	display: block; 
 }  
#slide_frame {  
	position: relative;  
	margin: 165px 0px 0px 0px;  
 }  
#slide_frame ul li {  
	margin:0px;
	padding:1px;  
 }  
#slide_frame ul li img{  
	border: 1px solid #ccc ;
	padding:0px;  
	/*background:rgb(21, 21, 21);*/
	}  
#slide_frame img a{
/*	border:1px solid #369;*/
	}
/*#slide_frame ul li img:hover {
	border: 1px solid #369;
	}*/ 
#slide_frame a:hover img{
	background:none repeat;
	/*border:1px solid #648926;*/
	}
#slide_frame a:hover{ 
	background:none repeat none; 
	}	 
/********** ponuda **********/

#content .right_col_index #ponuda{
	display:block;
	height:190px;
	padding:110px 15px 0px 20px;
	}
#content .right_col_index #ponuda ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
	}
#content .right_col_index #ponuda ul li{
	margin:0px;
	padding:1px 0px 1px 0px;
	list-style-type:none;
	border-bottom:1px dashed rgb(183, 138, 92);
	font-size:1.2em;
	color:white;
	}
.date{
	padding:0px;
	font-size:1.3em;
	color:white;
	font-weight:bold;
	text-align:center;
	}


/******** kontakt *******/
#form {
	font-size:1.2em;
	padding:20px 0px 0px 20px;
	}
#form input{
	padding:3px;
	width:200px;
	border:1px solid rgb(206, 226, 225);
	}
#form textarea{
	padding:3px;
	width:200px;
	border:1px solid rgb(206, 226, 225);
	}
#form #submit{
	margin:20px 0px 0px 0px;
	padding:0px;
	display:block;
	width:50px;
	height:25px;
	/*float:right;*/
	}	
	
/********** galerija ***********/

#content .galerija{
	background:white;
	float:left;
	margin:0px;
	width:830px;
	padding:0px 10px 20px 10px;
	
	}
.galerija .gal_nav{
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	font-size:1.2em;
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	}
.galerija img{
	margin:2px;
	padding:4px;
	background:#F7F3E9;
	border:none;
	}
.galerija2 img{
	margin:2px;
	padding:4px;
	background:#F7F3E9;
	border:none;
	}