/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;	
}

/* Reset browsers default styling */
html, body, div, span, 	h1, h2, h3, h4, h5, h6,	a, acronym,	font, img,	ul, li,	fieldset, form, label, legend, button {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100.01%; vertical-align: baseline;		background: transparent; }
p {padding-top:0; margin-top:0; }	   
ul { list-style: none; }
blockquote, q { quotes: none; }
textarea { overflow:auto; }
/* Google maps buttons */
#map_canvas {
  height: 100%;
}
 
 @font-face {
	font-family: "Adobe Garamond";
	src: url("/Adobe-Garamond.otf")
}
			
 /* site styling */
body { 
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size:13px;
	background: #f7f2ed url(/images/back.jpg) top center no-repeat;	
}

textarea, select, input {	font-family: Verdana, Geneva, sans-serif;}
 
.t9 {font-size:9px}
.t10 {font-size:10px}
.t11 {font-size:11px}
.t12 {font-size:12px}
.t13 {font-size:13px}
.t14 {font-size:14px}
.t16 {font-size:16px}

.t18 {font-size:18px}
.t20 {font-size:20px}
.first_letter {font-size:80px}


.white {color:#FFF}
.black { color:#000000; }
.red { color:#ca0332; }
.purple { color:#6d1e68; }
.gray { color:#838282; }
.light_blue { color:#5e6265; }
.blue { color:#6aa0e5; }
.dark_gray { color:#363636; }
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}

.bold {font-weight:bold}
.underline {text-decoration:underline}
.no-underline {text-decoration:none}

h1 {font-size:28px; display:inline; font-weight:normal; color:#5d452e} 
h2 {font-size:26px; display:inline; font-weight:normal;}
h3 {font-size:24px; display:inline; font-weight:normal;}
h4 {font-size:16px; display:inline; font-weight:normal;}

.menu {font-size:20px; text-transform:uppercase;}
.menu_abonament {font-size:19px; text-transform:uppercase;}
.menu_reserve {font-size:26px; text-transform:uppercase;}

a {color:#42281a; text-decoration:none;}

img { border:0px; }
.img_b {border:1px solid #b19685}
.img_ico_b {border:1px solid #b19685}

.fildset { background-color:#ece2d3;  filter:alpha(opacity=90);  opacity: 0.90;	border: 1px solid #ddd2c1;	padding: 10px;	color:#42281a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

#contact_form .field {background-color:#eee7db; border:1px solid #ded0c4; height:23px; color:#b0a594; padding-left:5px; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px }
#contact_form .field_select {background-color:#eee7db; border:1px solid #ded0c4; height:23px; color:#42281a; padding-left:5px; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
#contact_form .btn { border:0; font-size:12px; text-transform:uppercase; width:120px; height:30px; padding:5px 10px; color:#FFF; cursor:pointer; background-color:#8f8074; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px }


#reservation_form form_date {text-align:center;}
#reservation_form .field_s {background-color:#FFF; font-size:12px; height:23px; color:#4f5761; padding-left:3px; }
#reservation_form .field {border:none; background-color:#21364b; height:25px; color:#d5d5d5; padding-left:5px; font-size:12px; }
#reservation_form .field_select {border:none; background-color:#21364b; height:25px; color:#FFF; padding-left:5px; font-size:12px;}

#reservation_form .btn { border:0; font-size:12px; text-transform:uppercase; width:120px; height:30px; padding:5px 10px; color:#FFF; cursor:pointer; background-color:#a40b0c; }


#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #4c87c1; border-left:none; padding:5px; min-width:150px; max-width:250px}

.on {display:block}
.off {display:none}

.ok_mess { padding:5px 10px; margin:5px; background-color:#eceff4; border:1px solid #abc1d9; color:#777777; font-weight:bold}
.bad_mess { padding:5px 10px; margin:5px; background-color:#f2d7de; border:1px solid #7d0f36; color:#7d0f36; font-weight:bold}

#my_table { background-color:#ddd3c9; margin-top:10px }
#my_table td { background-color:#f7f2ed; padding:3px 6px; text-align:center; vertical-align:top; text-align:left }
#my_table td p {padding:0; margin:0}

.clear{clear:both;}	

#wrapper { 
	position:relative; margin:0 auto; width:100%;
	background:url(/images/header_back.png) center top no-repeat;
}

#header {
	position:relative;
	clear:both;
	width:1000px;
	height:176px;
	margin:0 auto;
}

#main {
	position:relative;	
	clear:both;
	float:left;
	width:100%;
	padding:0;
	top:-51px;		
	margin:0 auto;
}

#main_content {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#main_content ul {list-style:inside; padding:10px; }
#main_content ul li {list-style:inside; line-height:15px}

#left_column{
	float:left;
	width:184px;
	padding: 60px 0 0 25px;	
}

#left_column_category{
	float:left;
	width:200px;
	padding: 0 0 0 25px;	
}

.sub_nav { width:170px;}
.sub_nav li { background:url(/images/left_menu_back.png) left bottom no-repeat; display:block; text-align:right; margin-bottom:10px;}
.sub_nav li a{color:#42281a; font-size:12px; padding:5px; padding-left:20px; display:block; }


#center_column{
	position:relative;
	float: left;
	width: 567px;
	padding:2px 5px 10px;
}

#center_column ul li div {display:inline}

.image_container{
	position:relative;
	padding:27px 32px;
}

#center_column .content { position:relative;	line-height:19px; padding:10px 32px; color:#86776a }

#right_column{
	float:right;
	width:195px;	
	padding:70px 10px 10px 5px;
}


#footer {
	position:relative;	
	clear:both;
	width:100%;
	padding:0;
	margin:0 auto;	
	height:50px;
}

#logo { position:absolute; top:0; left:354px; z-index:9}
#logo_friz { position:absolute; top:122px; left:390px; z-index:9; width:226px; height:36px; background:url(/images/bottom-friz-logo.png)  0 0 no-repeat}
#book_now {position:absolute; top:15px; left:640px; text-align:right; width:345px; z-index:9}

#langs { position:absolute; top:10px; left:9px; width:300px; text-align:left; }
.lang {font-size:11px; color:#42281a; text-transform:uppercase}

#center_column img {max-width:100%; height: auto}

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ position:absolute; top:94px; left:0;	height:26px; width:1000px;; font-family:Tahoma, Geneva, sans-serif}
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:99}
.sf-menu { font-size:11px; height:26px; color:#c5c1bc; text-transform:uppercase;}
.sf-menu ul li { width: 100%;	border: 0;	display:inline;	}
.sf-menu ul { position: absolute;	display: none;	padding: 0;	margin: 0;}
.sf-menu ul a { width: 170px;  min-height: 13px; line-height: 13px; background:#fbf5ec url(/images/top_menu_bullet.png) 7px 10px no-repeat; }
.sf-menu ul a:hover {background-color:#ece6dd; }
.sf-menu li ul li a { padding: 10px 10px 10px 24px; font-size:11px;}
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {	position: relative;	float: left;	display:inline; margin: 0; }
.sf-menu li a {	display:inline; float:left; color:#42281a; font-size:12px; padding:4px 8px; cursor: pointer; margin: 0;	text-transform: uppercase; }
.sf-menu li a:hover {	color:#42281a; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul {	left: 10px; top: 31px; z-index: 99; box-shadow: 3px 3px 10px #676055; }
.sf-menu li:hover li ul,.sf-menu li.sfHover li ul {	top: 26px; width: 250px; }
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;	padding: 0 10px; }
.sf-menu ul li a {  border-bottom: 1px solid #cfc7bc; /* border na butonite v podmenuto  */ }
.sf-menu ul li:last-child a {  border-bottom: none }

/* ------------------------------------  END TOP MENU --------------------------------------*/

.index_cat {position:relative; float:left; width:212px; height:250px; text-align:center; }
.index_cat a {color:#42281a; font-size:24px;}
.rounded { display:inline-block; border-radius:50%; width:182px; height:182px; -moz-border-radius:50%; -webkit-border-radius:50%; border:5px solid #fef9f0}
.index_cat img { width:182px; height:182px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

.footer_menu {
position:absolute; top:-35px; left:0; width:100%; padding:10px 0; text-align:center; color:#42281a; font-size:14px; text-transform:uppercase; background:url(/images/footer_back.png) top center no-repeat; }
.footer_menu a {color:#42281a}