@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, 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 */
/****************/
*{ margin:0; padding:0; }
html, body{ height:100%; width:100%; }
body{ background:#3a0a06; text-align:center; font-family:Arial, Helvetica, sans-serif; min-height:432px; min-width:955px; }
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; width:auto; }
.fl_right{ float:right; display:inline; width:auto; }
.message_error{ color:#ee2f15; }
.message_ok{ color:#218c00; }
.hidden{ display:none; }
#warning{ position:absolute; width:100%; bottom:0px; height:20px; line-height:20px; font-size:11px; background:#1D0503; border-top:1px solid #100201; }


/**********/
/* Header */
/**********/
#header{ margin:0 auto; padding:0; width:954px; height:200px; }

/********/
/* Logo */
/********/
h1{ color:#fff; position:absolute; left:315px; top:140px; top:0; /*top:-40px;*/ text-transform:uppercase; font-size:30px; display:none; z-index:100; }
h1 a{ color:#fff; outline:none; text-decoration:none; }

/********/
/* Menu */
/********/
ul#menu{ width:auto; height:26px; font-size:14px; line-height:26px; text-transform:uppercase; 
		 position:absolute; /* top:180px; */ top:0px; left:178px; padding:5px 0 0 0; font-weight:bold; z-index:5; }
ul#menu li{ margin:0 15px; float:left; display:inline; width:auto; }
ul#menu li a{ color:#8C5C20; text-decoration:none; display:block; outline:none; }
ul#menu li a:hover, ul#menu li .selected{ color:#DED4CA; }


/***********/
/* Content */
/***********/
#outer{ height:100%; width:100%; display:table; vertical-align:middle; }
#container { text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 530px; color:#DED4CA; }
#inner { width: 954px; height:530px; text-align: center; margin-left:auto; margin-right:auto; overflow:visible; position:relative; /*border:1px solid #333;*/ }

#inner .loading_left{ width:8px; height:498px; position:absolute; left:40px; bottom:0; overflow:hidden; }
#inner .loading_right{ width:8px; height:498px; position:absolute; right:40px; bottom:0; overflow:hidden; }
#inner .loading_left img, #inner .loading_right img{ position:absolute; top:-498px; left:0; }

.box{ width:830px; height:498px; position:absolute; z-index:10; bottom:0; left:62px; overflow:hidden; }
.box .info{ width:415px; height:498px; background:#633B12; position:absolute; right:0; font-size:12px; text-align:left; }
.box .transparent{ width:415px; height:498px; background:#793B13; /*633B12;*/  position:absolute; right:0; font-size:12px; text-align:left; }
.box .info h2{ margin:30px 0 0 0; padding:0 0 0 0px; width:415px; color:#DED4CA; font-size:12px; height:24px; line-height:24px; 
			   text-transform:lowercase; background-color:#4A0000; /*55330f;*/ }
.box .info h2 a{ color:#DED4CA; text-decoration:none; cursor:default; }
.box .info h3, .box .info strong{ color:#DED4CA; font-size:12px; margin:40px 30px 0; }
.box .info strong{ margin:0; display:block; }
.box .info p{ margin:20px 0 0 30px; width:300px; text-align:left; line-height:17px; color:#DED4CA; position:absolute; left:0; }
.box .info p a{ color:#AD743F; text-decoration:none; }
.box .info p a:hover, .box .info p a:active{ color:#DED4CA; }

.box .info ul.submenu{ margin:30px 0 0 0; padding:0; width:415px; color:#DED4CA; font-size:12px; height:24px; text-transform:lowercase; background-color:#4A0000; /*55330f;*/ }
.box .info ul.submenu li{ margin:0 30px 0 0; float:left; display:inline; width:auto; }
.box .info ul.submenu li h2{ margin:0; padding:0; width:auto; color:#DED4CA; text-indent:30px; font-size:12px; height:24px; line-height:24px; text-transform:lowercase; display:inline; }
.box .info ul.submenu li h2 a{ cursor:pointer; }

.box .info ul.submenu li a{ color:#8C5C20; text-decoration:none; display:block; outline:none; font-weight:bold; line-height:24px; }
.box .info ul.submenu li a:hover, .box .info ul.submenu li a.selected{ color:#DED4CA;  }

#index{ background:url(../design/content_background_index.jpg); }
#ribarski_brevijar{ background:url(../design/content_background_ribarski_brevijar.jpg); }
#kuhinja{ background:url(../design/content_background_kuhinja.jpg); }
#jelovnik{ background:url(../design/content_background_jelovnik.jpg); }
#vina{ background:url(../design/content_background_vina.jpg); }
#zanimljivosti{ background:url(../design/content_background_zanimljivosti.jpg); }
#dogadanja{ background:url(../design/content_background_dogadanja.jpg); }
#kontakt{ background:url(../design/content_background_kontakt.jpg); }
#kako_do_nas{ background:url(../design/content_background_kako_do_nas.jpg); }

.subdiv0, .subdiv1{ width:830px; height:498px; position:absolute; z-index:3; top:0; left:0; }

#map{ margin:30px; }

.box .info p.gmaps{ width:440px; }

/***********************/
/* Stranica u izradi  */
/**********************/
/*
div{ padding:0;margin:0 auto 0 auto; width:955px; height:432px; position:relative; }
div p{ margin:0; padding:0; position:absolute; color:#fff; top:80px; right:33px; font-size:15px; text-align:center; letter-spacing:-1px; }
div p a{ color:#FFF; text-decoration:none; }
div p a:hover{ text-decoration:underline; }
img{ outline:none; }
*/

/**********/
/* Footer */
/**********/
#footer{}