/* mac hide\*/
html, body {height:100%}
/* end hide */

div,p  {margin-top:0;}/*clear top margin for mozilla*/

body { padding:0; 	margin:0; 	text-align:center;  color: #000000;
	min-width:920px;/* for mozilla*/
	background: url(../images/background-uj.gif) repeat;  	}
	
/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}


#outer{ 	min-height:100%;
	width:920px;
	border-left:6px solid #000; border-right:6px solid #000; 
	color: #000000; text-align:left;
	margin:auto; position:relative; }

* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#centrecontent { 	width:669px;	float:left; }
#centrecontentin { 	width:669px;	float:left; }

* html #header{height:138px}

#menu {
	background: url(../images/menu-line.gif) repeat-x; 
	border-bottom:3px solid #000;	position:relative;
	border-top:0;	
	padding: 7px 0 0 12px;
	text-align:left;
	height:19px;
}
#left {
	width:200px; float:left;
	padding: 10px 0px 10px 10px;	
	margin: 10px 0px 10px 10px;		
}

#tablecell {
	width:250px; float:left;
	padding: 0px 5px 10px 20px;	
	margin: 0px 5px 10px 20px;		
}

* html #left {/*only ie gets this style*/
	width:160px; float:left;
	padding: 10px 5px 10px 10px;	
	margin: 10px 5px 10px 5px;
}

#header {
	min-height:138px; 	height:138px;	
	background: url(../images/logo-uj.gif) no-repeat; 
	border-bottom:1px solid #000; position:relative; color: #DFC288;
}


#header2 {
	min-height:138px; 	height:138px;
	background: url(../images/head.gif) no-repeat; 
	border-bottom:1px solid #000; position:relative; color: #DFC288;
}

#head1 { 
	width:560px;  margin:0; 
	padding: 20px 0px 5px 220px;	 
	height:90px; border:0px solid #fff;}


#head2 { 
	width:560px;  margin:0; 
	padding: 20px 10px 5px 220px;	 
	height:90px; border:0px solid #fff;}

#head3  { 
	width:80px; 
	padding: 1px 0 0 820px;	 
	height:10px; border:0	px solid #fff;
 	}

#right {
	position:relative;/*ie needs this to show float */
	width:251px; float:right; /*	color:#fff;*/
	background-color: #002316;		 }

#line {
	min-height:23px; 	height:23px;	background: url(../images/line-art.gif) repeat-x; 
	border-top:3px solid #062722; 	
	width:920px; 	left:0; 	bottom:80px; position: absolute;	 }

#footer { width:920px; clear:both;
	height:80px; border-top:1px solid #000;
	border-bottom:1px solid #000; background-color: #062722; color: #000000; left:0; 	bottom:0; 	position: relative;
	background: url(../images/footer-uj.gif) repeat; }

* html #footer {/*only ie gets this style*/
	\height:82px;/* for ie5 */
	he\ight:80px;/* for ie6 */
	margin-bottom:-1px;	
}

#clearfooter {width:668px;height:95px;clear:both; /*border:1px solid red;*/} /* to clear footer */


input, textarea, button, select  {
	margin: 0 0 0 0;
	padding: 0px;
	border: 1px solid #7B7367;
	letter-spacing : 0.02em;
	font: 13px Arial, Helvetica, sans-serif;
	background:#F7EDDA;	
	}

/* frontpage slideshow */
.slideshow-container {position: relative; float: right; margin: 0 28px 20px 0; padding:0; width: 396px; height: 276px; overflow: hidden;}
* html .slideshow-container {display: inline;}
#slideshow {position: relative; width: 396px; height: 276px; overflow: hidden; display: block; padding:0; margin: 3px 0 3px 0; text-align: left;}
#slideshow img { display:none; position:absolute; top:0; left:0; height:276px; width:396px; opacity: -0.01;}

/* frontpage right-pane */
.flash-bg {position: relative; width: 238px; height: 343px; padding: 11px 0 0 13px; background: url(../images/cukraszda-bg.jpg) 0 0 no-repeat;}
.brunch-award {position: relative; display: block; width: 251px; height: 60px; background: url(../images/brunch2009.jpg) 0 0 no-repeat; border: none; color: #fbf3e1!important; font-size: 11px!important; text-align: center; padding: 140px 0 0 0!important; text-decoration: none!important; margin: 0 0 20px 0; font-family: "Times New Roman", Times, serif;}


/* guestbook pager */
.sliderwrapper2 {position: relative;width: 586px; height: 567px; padding: 0; margin: 0 0 0 60px; overflow: hidden;}
.sliderwrapper2 .contentdiv {visibility: hidden; position: absolute; left: 0; top: 0; width: 586px; height: 567px; padding: 0; margin: 0; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.pagination2 {width: 586px; text-align: center; margin: 10px auto 0 auto;}
.pagination2 a {text-decoration: none!important; color: #000; font-size: 13px!important; font-weight: 900!important;}
.pagination2 a:hover, .pagination2 a.selected {color: #660000!important; text-decoration: underline!important;}
.prev, .next, .toc {padding: 5px!important;}


.order-menu {position: relative; margin: 0 0 0 60px; width: 580px; height: auto;}
.order-menu h2 {padding: 6px 0 0 0!important;}
.order-menu h2 span {font-size: 12px;}
.order-left {position: relative; float: left; margin: 0; padding: 0 0 6px 0; width: 410px; height: auto;}
.order-right {position: relative; float: right; width: 74px; margin: 0 0 0 6px; padding: 0 0 6px 0!important; height: auto; font-weight: 900; text-align: right!important;}
.order-menu  p {padding: 0 0 6px 0!important;}

.virtualthumb-container {position: relative; width: 564px; height: 287px; padding: 6px 0 0 5px; margin: 0 0 0 58px; background: url(../images/virtual-container-bg.png) transparent 0 0 no-repeat;}
.virtualthumb-container img {border: none!important; margin: 0 0 4px 0; display: block;}
.virtualthumb-container img:hover {opacity: 0.85; filter: alpha(opacity = 85);}
.virtualthumb-container a {font-weight: 900;}

.clear {clear: both; padding: 0; margin: 0; height: 0; font-size: 0;}