/*
***********************
***********************
INTRO PAGE (INDEX.PHP)
***********************
***********************
*/

html#dark{ background: url("design/index_background.jpg") repeat-x #700701; }
body#index{ margin:0 auto; padding:0; width:800px; height:640px; text-align:center;
            background:url("design/index_logo_containter.jpg") no-repeat;}
body#index h1{ margin:0; padding:323px 13px 0 0; }
body#index h1 img{ border:none; }


/*
***********************
***********************
COMMON
***********************
***********************
*/
.clear_float{ clear:both; margin:0; padding:0; height:0; }  

body{ padding:10px 0 0 0; background-image:url("design/background1.jpg"); background-repeat:repeat; font-family:arial;}
body div{ margin:0 auto; padding:0;}

.warning{ font-size:14px; color:#F00; font-style: italic; font-weight:bold;}
.message{font-size:14px; color:#093; font-style: italic; font-weight:bold;}

.font_normal{ font-style:normal; }
/*
***********************
***********************
HEADER (MENU, NEWS)
***********************
***********************
*/
#header{ margin:0 auto; padding:0; width:800px; height:379px; background-image:url("design/header.jpg"); background-repeat:no-repeat; }
#header h1{ margin:0; padding:5px 0 0 0; text-align:center; }
#header h1 a img{ margin:0; padding:0; border:none; }

#header ul{list-style: none; list-style-position:outside; float:left; display:inline; padding:0; margin:100px 0 0 200px; 
			font-size:18px; font-family:georgia; font-style:italic; }
#header ul li{ margin:0 0 8px 0; padding:0; }
#header ul li a{ color:#1E1717; text-decoration: none; margin:0; padding:0; }
#header ul li a:hover, #header ul li a:active{ color:#000000; text-decoration: underline; margin:0; padding:0; }

#header #news{ margin:100px 175px 0 0;  float:right; display:inline; font-family:georgia; width:190px; }
#header #news h2{ font-size:16px; font-style:italic; font-weight: bold; margin:0; padding:0;}
#header #news p{ margin:10px 0 0 0; padding:0; font-size:11px; font-style:normal; font-family:Arial, Helvetica, sans-serif; }
#header #news #scroller_container{ width: 180px;  height: 160px; margin:5px 0 0 0; padding:0; overflow:hidden; position:relative;}
/*#header #news #scroller_container2{ position:relative; overflow:hidden; width: 120px;  height: 100px;  }*/


#header #news #scroller p{ padding:0; margin:0;}
/*
*********************
*********************
SADRŽAJ
*********************
*********************
*/

#contents{ margin:0 auto; padding:0; width:800px; background-image:url("design/contents_background.jpg");}
#contents_bottom{ margin:0 auto; padding:0; width:800px; height:15px; line-height:5px; font-size:5px;
                  background: url("design/contents_background_bottom.png") bottom no-repeat; }

#main{ width:548px; float:left; display:inline; margin:15px 0 13px 20px; padding:0;}
#main_top{margin:0; padding:0; width:548px; height:12px; background:url("design/main_top.png") no-repeat; line-height:5px; font-size:5px;}
#main_center{ margin:0; padding:0; width:548px; background:url("design/main_center.png") repeat-y; }
#main_center #text{ float:left; display:inline;  width:245px; margin:0 0 0 30px;}
#main_center #pictures{ float:right; display:inline; width:214px; margin:16px 30px 0 0; }
#main_center #pictures img{ border:5px solid #FFFFFF; margin:0 0 15px 0; padding:0;}

#main_center #all{ margin:0 30px 0 30px; padding:0;}
#main_center #all img{ margin:20px 0 10px 20px; float:right; }
#main_center #all .first{ margin:0; }


#main_center a{ color:#832828; text-decoration: none; }
#main_center a:hover, #main_center a:active{ color:#FF0000; text-decoration: underline; }

#main_center h1{ margin:0 30px 0 30px; padding:0; font-family:georgia; font-style:italic; font-size:20px; color:#832828; border-bottom:1px solid #832828; }
#main_center p { margin:15px 0 0 0; font-size:12px; font-family:arial; text-align: justify; }
#main_center img{ float:right; display:inline; border:5px solid #ffffff; margin:0px 0 20px 20px;}

#main_center blockquote{ font-size:12px; margin:20px 0 0 0; padding:0; text-align:justify;}
#main_center cite{ font-size:12px; font-weight:bold; margin:0; padding:0; }

#main_bottom{ margin:0; padding:0; width:548px; height:20px; background:url("design/main_bottom.png") no-repeat; }


/*
***********************************
***********************************
STUPAC SASTRANE - ANKETA I KONTAKT
***********************************
***********************************
*/
.box{ width:190px; float:right; display:inline; margin:15px 20px 3px 0; padding:0; }
.box_top{ margin:0; padding:0; width:190px; height:12px; background:url("design/box_top.png") no-repeat; font-size:5px; line-height:5px;}

.box_center{ margin:0; padding:5px 20px 11px 20px; width:150px; background:url("design/box_center.png") repeat-y; color:#ffffff;}
.box_center h3{ margin:0 0 10px 0; padding:0; font-size:14px; border-bottom:1px solid #ffffff;}
.box_center p{ margin:10px 0 0 0; padding:0; font-size:11px; font-weight: normal;}
.box_center a{ color:#ffffff; font-style: italic; text-decoration: none; font-size:12px;}
.box_center a:hover, .box_center a:active{ text-decoration: underline;  }
.box_center form{ font-size:12px; line-height:12px; margin:5px 0 0 0; padding:0; }

.box_center input{ margin:0 0 0 10px; padding:0; }
.box_center input.margin_zero{ margin:0; padding:0; }
.box_center label{ margin:0; padding:0; line-height:20px; }
.box_center a.indent{ padding-left:20px; font-weight:bold; font-style:normal; }

.box_bottom{ margin:0; padding:0; width:190px; height:20px; background:url("design/box_bottom.png") no-repeat; font-size:5px; line-height:5px; }


/*
*****************
*****************
PODNOŽJE
*****************
*****************
*/                  
#footer{ margin:0 auto 20px auto; padding:0; width:758px; height:20px; font-size:12px; line-height:16px; text-align:right;
         /* background:url("design/footer.png") right top no-repeat; */ }
#footer a{ padding-right:24px; /*color:#cc6666;*/ color:#d76f65; text-decoration:none; font-weight:bold; }
#footer a:hover, #footer a:active{ color:#FF8080; }

/*
**************
**************
POVIJEST
**************
**************
*/

#main_center #all p.awards_logo{ margin:15px 0 0 0; padding:0; text-align:center;}
#main_center #all p.awards_logo img{ margin:5px 5px 0 0; float:none; height:70px;}

/*
***************
***************
GALERIJA
***************
***************
*/

#main_center #gallery{ margin:0 30px 0 30px; padding:0; }
#main_center #gallery h1{ margin:0 7px 10px 7px; border-bottom:1px solid #832828;}
#main_center #gallery a .container img{ float:left; display:inline; margin:0; padding:0;  border:none; cursor:pointer; }
#main_center #gallery a .container{ margin:7px; padding:0; width:94px; height:94px; overflow:hidden; 
									float:left; display:inline; border:7px solid #ffffff; } 

/*
***************
***************
JELOVNIK
***************
***************
*/
#main_center .jelovnik1{ margin:0 0 10px 0; padding:20px; }
#main_center .jelovnik2{ margin:0 0 10px 0; padding:20px; background-color:#e5d6b6; }
#main_center h2{ margin:30px 0 20px 20px; padding:0; font-size:18px; color:#000000;}
#main_center h3{ margin:0; padding:0; font-size:14px; color:#000000; border-bottom:1px solid #000000; }
#main_center #jelovnik{ margin:0 10px 0 10px; padding:0 0 5px 0;}
#main_center #jelovnik .jelovnik1 em, #main_center #jelovnik .jelovnik2 em{ text-align:right; font-size:12px; font-style: normal; }
#main_center #jelovnik .jelovnik1 img, #main_center #jelovnik .jelovnik2 img{ float:right; display:inline; margin:15px 0 10px 15px; border:5px solid #ffffff;}


/*
****************
****************
KONTAKT
****************
****************
*/
#kontakt_general_info{ font-size:14px; font-weight:bold; margin:0; padding:0; }
#kontakt_rezervacija{ font-size:14px; font-weight:bold;  }
#kontakt_proslave{ font-size:14px; font-weight:bold; }

a#kontakt_general_info:hover{ text-decoration:none; }
p#kontakt{ font-size:12px; margin:30px 0 20px 10px;/*background-color:#e5d6b6; margin:0 -20px 0 -20px; padding:20px;*/}
h4{ margin:0; padding:10px;  background-color:#e5d6b6; }

table{margin:0 0 0 0px; padding:0; width:470px;}
td{margin:0; vertical-align:top; line-height:20px; padding:0 0 0 20px; }



#all h2#odabir{ margin:0 0 10px 8px; padding:0; font-size:15px;}
#all form{ margin:0; font-size:12px; padding:0 10px 0 10px; background-color:#e5d6b6; border-top:1px solid #832828; }
#all form input{ width:290px;}
#all form input.mali{ width:142px; margin:0; padding:0; }
#all form input.mali1{ width:100px; margin:0; padding:0; }
#all form textarea{ font-family:arial; font-size:12px; width:290px;}

#general_info, #rezervacija, #proslave{width:100%;}


/*
********************
********************
POLL
********************
********************
*/
.poll_graph{ width:120px; height:10px; background-color:#FFF; float:left; clear:both; font-size:1px; margin:0; padding:0;}

.poll_precentage{ font-size:10px; line-height:0px; margin:-2px 0 0 0; padding:0; text-align:right; clear:both;}

.poll_text{ margin:10px 0 0 0; padding:0; float:left; font-size:10px; width:150px; clear:both;}

.poll_votes{ text-align:center; font-size:12px; font-weight:bold; margin:20px 0 0 0; padding:0;}

.poll_question{ font-size:11px; text-align:left; margin:0 0 10px 0; padding:0;}