@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, html, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
html, body{ height:100%; }
body{ background:url(../design/body_background.jpg) top repeat-x #935628; font-family:Verdana, Geneva, sans-serif; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; }
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }
.message_error{ color:#ee2f15; }
.message_ok{ color:#218c00; }
.hidden, #load{ display:none; }

/*******************/
/* Vertical center */
/*******************/

#floater{ float:left; height:50%; margin-bottom:-293px; width:1px;}
#header{ width:876px; height:86px; text-align:center; background:url(../design/header_background.png) center no-repeat; }
#content{clear:both; width:876px; height:586px; margin:0 auto; position:relative; }


/********/
/* Logo */
/********/
#header h1{ float:left; display:inline; width:295px; height:80px; margin:0 0 0 28px; }
#header h1 a{ outline:none; display:block; width:295px; height:85px;  background:url(../design/header_logo.png) center no-repeat; cursor:pointer; }
#header h1 a span{ display:none; } 

/* Meni */
#header ul{ width:543px; height:80px; float:left; display:inline; font-size:13px; font-weight:bold; line-height:26px; }
#header ul li{ float:left; display:inline;  }
#header ul li a{ color:#cabd89; text-decoration:none; display:block; padding:20px 22px 0 22px; line-height:46px; outline:none; }
#header ul li a:hover, #header ul li a:active, #header ul li a.selected{ color:#c79b1b; }

/***********/
/* Content */
/***********/
.overlay{ width:808px; height:449px; position:absolute; z-index:100; left:34px;  bottom:44px; bottom:24px; margin:0; padding:0;
		  background:url(../design/body_main_background_rubovi.png) no-repeat; }

.overlay_top{ width:808px; height:5px; position:absolute; z-index:100; left:34px;  top:26px;
		  background:url(../design/body_main_background_rub_gore.png) no-repeat; }

.overlay_bottom{ width:808px; height:5px; position:absolute; z-index:100; left:34px;  bottom:24px;
		  background:url(../design/body_main_background_rub_dolje.png) no-repeat; }


#main{ margin:-20px 0 0 0; padding:27px 0 0 0; width:876px; height:473px; background:url(../design/body_main_background.png) bottom no-repeat; position:relative; }
#main .article{ margin:0 0 0 34px; width:807px; height:449px; background-color:#39F; position:absolute; z-index:30; top:27px; overflow:hidden; }
#main .box{ width:807px; height:449px; /*background:#935628;*/ position:absolute; color:#FFF; margin:0; overflow:visible; }
#main .box.onamabox{ width:440px; }
#main .box_background{ width:330px; height:449px; background:#935628; position:relative; color:#FFF; }
#main .box_background.onamabox{ width:440px; }
#main #galerija .box_background, #main #lokacija_map .box_background{ width:876px; }
#main .box h2{ position:absolute; z-index:200; margin:30px 0 0 35px; font-size:22px; }
#main .box h3{ position:absolute; z-index:200; margin:70px 0 0 35px; font-size:16px;  }
#main .box p{ position:absolute; z-index:200; margin:70px 0 0 35px; font-size:11px; width:260px; line-height:17px; }
#main .box.onamabox p{ width:380px; }
#main .box strong{ font-size:14px; }



#main #jelovnik p{ margin-top:95px; }

#main #index{ background:url(../design/body_main_index_background.jpg); }
#main #onama{ background:url(../design/body_main_onama_background.jpg); }
#main #jelovnik{ background:url(../design/body_main_jelovnik_background.jpg); }
#main #galerija{ background:url(../design/body_main_galerija_background.jpg); }
#main #kontakt{ background:url(../design/body_main_kontakt_background.jpg); }
#main #dogadanja{ background:url(../design/body_main_dogadanja_background.jpg); } 
#main #lokacija_map{ background:url(../design/body_main_dogadanja_background.jpg); }

#main #skoljke_back{ width:807px; height:449px; z-index:10; position:absolute; top:0; left:0; background:url(../design/body_main_jelovnik_rakovi_background.jpg) }
#main #meso_back{ width:807px; height:449px; z-index:10; position:absolute; top:0; left:0; background:url(../design/body_main_jelovnik_meso_background.jpg) }
#main #pizze_back{ width:807px; height:449px; z-index:10; position:absolute; top:0; left:0; background:url(../design/body_main_jelovnik_pizze_background.jpg) }
#main #vino_back{ width:807px; height:449px; z-index:10; position:absolute; top:0; left:0; background:url(../design/body_main_jelovnik_vino_background.jpg) }

#main #galerija p{ position:absolute; width:770px; }
#main #galerija a{ margin:0 22px 20px 0; float:left; display:block; position:relative; width:160px; height:120px; overflow:hidden; border:2px solid #ccc;  }
#main #galerija a:hover{ border:2px solid #fff; }
#main #galerija a img, #main #galerija a:hover img{ border:none; margin:0 auto;  }



/**************/
/* Paginacija */
/**************/

#main .pagination{ position:absolute; bottom:40px; left:69px; width:260px; height:auto; z-index:120; }
#main .pagination a{ margin:0 10px 10px 0; float:left; display:block; width:18px; height:17px; line-height:17px; color:#333; font-size:11px; text-align:center; text-decoration:none;
					 background:url(../design/body_main_box_pagination.png); }
#main .pagination a:visited{ color:#999; }
#main .pagination a:hover, #main .pagination a.selected{ color:#000; background:url(../design/body_main_box_pagination_hover.png); }
#main .pagination.gal{ width:750px; }

/* Jelovnik paginacija */
#main .pagination .riba_a{ width:35px; background:url(../design/body_main_box_pagination_riba.png); }
#main .pagination .riba_a:hover, #main .pagination a.riba_a.selected{ background:url(../design/body_main_box_pagination_riba_hover.png); }

#main .pagination .skoljke_a{ width:100px; background:url(../design/body_main_box_pagination_skoljke.png); }
#main .pagination .skoljke_a:hover, #main .pagination a.skoljke_a.selected{ background:url(../design/body_main_box_pagination_skoljke_hover.png); }

#main .pagination .meso_a{ width:85px; background:url(../design/body_main_box_pagination_meso.png); }
#main .pagination .meso_a:hover, #main .pagination .meso_a.selected{ background:url(../design/body_main_box_pagination_meso_hover.png); }

#main .pagination .pizze_a{ width:40px; background:url(../design/body_main_box_pagination_pizze.png); }
#main .pagination .pizze_a:hover, #main .pagination .pizze_a.selected{ background:url(../design/body_main_box_pagination_pizze_hover.png); }

#main .pagination .vina_a{ width:40px; background:url(../design/body_main_box_pagination_pizze.png); }
#main .pagination .vina_a:hover, #main .pagination .vina_a.selected{ background:url(../design/body_main_box_pagination_pizze_hover.png); }


/********************/
/* Kontakt stranica */
/********************/
#main #kontakt form{ margin:0; padding:0; position:absolute; top:150px; left:35px; z-index:20; font-size:11px; }
#main #kontakt form label{ margin:0; padding:0; display:inline; }
#main #kontakt form input{ margin:3px 0 0 0; padding:5px 5px 0 5px; width:258px; height:22px; background:url(../design/body_main_kontakt_input.png) no-repeat; } 
#main #kontakt form #label_poruka{ margin:0; padding:0; width:268px; height:120px; background:url(../design/body_main_kontakt_textarea.png) no-repeat bottom; display:block; border:none; outline:none; }
#main #kontakt form textarea{ margin:15px 0 0 5px; padding:0px; width:258px; height:83px; overflow:auto; background:none; }
#main #kontakt form .submit{ margin:0; padding:0; width:63px; height:26px; position:absolute; left:205px; background:url(../design/body_main_kontakt_submit.png) no-repeat; }
#main #kontakt form .submit:hover{ background:url(../design/body_main_kontakt_submit_hover.png) no-repeat; }

#main #kontakt .box p a{ color:#e2b11f; }
#main #kontakt .box p a:hover{ color:#ffbf00; }

#main #lokacija{ width:120px; position:absolute; bottom:28px; left:40px; z-index:20; color:#fff; font-size:11px; } 
#main #lokacija a{ color:#e2b11f; }
#main #lokacija a:hover{ color:#ffbf00; }

#main #kontakt .message_ok{ position:absolute; bottom:33px; left:335px; z-index:20; font-size:12px; width:460px; }
#main #kontakt .message_error{ position:absolute; bottom:33px; left:335px; z-index:20; font-size:12px; width:460px; color:#FF0909; }

#main #map{ position:absolute; top:70px; left:35px; width:740px; height:350px; border:1px solid #000; z-index:20; background:url(../design/loading.gif) center no-repeat #fff; }
#main #map strong{ color:#5B351A; }

#lokacija_map small{ position:absolute; top:37px; left:240px; width:400px; z-index:20; }
#lokacija_map small a{ color:#ccc; }
#lokacija_map small a:hover{ color:#fff; }

/**********/
/* Footer */
/**********/
#footer{ color:#29220f; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer a{ color:#29220f; text-decoration:none; }
#footer a:hover{ color:#fff; }
#footer #copyright{ margin:-5px 0 0 60px; float:left; display:inline; }
#footer #designby{ margin:-5px 60px 0 0; float:right; display:inline; }