* { padding: 0; margin: 0; }
a img{
border:0;
padding:0;
margin:0;
}
body {
 font-family: Arial, Helvetica, sans-serif;

 font-size: 13px;
 background: white;
 background-image: url(img2/backrepeat.jpg);
 background-position: center center;
 
 
}
#wrapper2 { 
 margin: 0 auto;
 width: 978px;
}
#header {
 width: 978px;
 color: #333;
 padding: 0px;
 height: 141px;
 margin: 0px 0px 0px 0px;
 background-image: url(img2/head1.jpg);
}
#navigation {
 width: 978px;
 height: 334px;
 color: #333;
 padding:0px;
 margin: 5px 0px 5px 0px;
 background-image: url(img2/beourfriend.jpg);
}
#navigation2 {
 width: 978px;
 height: 41px;
 padding:0px;
 margin: 5px 0px 5px 0px;
 background-image1: url(img2/menu1.jpg);
}
#content2 { 
 width: 978px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 226px;
 
}

#dnes {
width: 224px;



}
#pred {
width: 224px;
}

#promo {
width: 224px;

}

#promo, #pred, #dnes  {
float: right;
padding:0;
margin-left: 10px;
height: 226px;
padding-top:47px;
}
#promo, #dnes, #pred img {
paddinng:0;
maring:0;
}


#footer { 
 width: 978px;
 color: #333;
 
 background1: #FFC;

}


#beourgif {
position: relative;
left: 800px;
top:-95px;}
#ball1 {
position: relative;
left: -219px;
top:45px;}
#ball2 {
position: relative;
left: 690px;
top:345px;}
























	ul#menu {
	
		height:41px;
		
		list-style:none;
		margin:0;
		padding:0;
		positio1n: fixed;
		left:0;
		}
	

	ul#menu li {		float:left;
		
		z-index:10;}

		ul#menu li a.zanas {
		width:289px;
	}



	ul#menu li a.kalendar {
		width:100px;
		background-position:-289px 0px;}

	ul#menu li a.gallery {
		width:100px;
		background-position:-389px 0px;}
	
	ul#menu li a.menu2{
		width:100px;
		background-position:-489px 0px;	}
		ul#menu li a.rabota{
		width:100px;
		background-position:-589px 0px;	}
		ul#menu li a.kontakti{
		width:289px;
		background-position:-689px 0px;	}
	


	
	ul#menu li a span {
		background:url(img2/menu2.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:41px;
		width:100%;

	}
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.zanas span {
		background-position:0px -41px;
	}

	ul#menu li a.kalendar span {
		background-position:-289px -41px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.gallery span {
		background-position:-389px -41px;
	}
		ul#menu li a.menu2 span {
		background-position:-489px -41px;
	}
	ul#menu li a.rabota span {
		background-position:-589px -41px;
	}
		ul#menu li a.kontakti span {
		background-position:-689px -41px;
	}
			ul#menu li a {
		background:url(img2/menu2.jpg) no-repeat scroll top left;
		display:block;
		height:41px;
		position:relative;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#outcontent{ position: relative; /*** Let's be nice to IE ***/
  width: 100%; /*** Content Width ***/
  display: table; /*** For non-IE browsers ***/
  height: 100%;
margin:0;
padding:0;
top: -395px;

}
.content {
color: #ffffff;
background: white;
width: 698px;
border: 1px solid black;
border-top: 1px solid gray;
margin:0;
padding:0;
height: 359px;}
.content, #footer {
font: 1.2em/1.5em Arial, Verdana, Arial, sans-serif;
}
#ffjimbeam {

position: relative;
top:-60px;
left:-40px;
z-index:200;
}


#loading {z-index:100;
color: white;
clear:both; 
background:url(wait.gif) center top no-repeat; 
text-align:center;
padding:83px 0px 0px 0px; 
font-size:12px;
display:none;
font-family:Verdana, Arial, Helvetica, sans-serif; }  








#zagla h2 {
text-align:center;
font-size: 26px;
background: url(img2/conre.gif) repeat-x;
margin:0;
padding:0;
color: black;
height: 38px;
padding-top:5px;
margin-top:-5px;
}
.zagla h2 {
text-align:center;
font-size: 1.2em;
background: url(img2/conre.gif) repeat-x black;
margin:0;
padding:0;
color: black;
height: 38px;
}
#zanas {
margin:20px;
margin-right:0;
margin-top:-150px;
text-align: left;
height: 320px;
width: 678px;
overflow: auto;
}
#zanas img {
padding-left: 15px;}
#zanas p{
padding:0;
margin:0;
padding-left: 50px;}


.zatvor1 {
float: right;
padding: 0;
padd1ing-bottom:1px;
background: url(img2/conre.gif);
margin-top:-5px;}

#zatvor {
position: relative;
top: -355px;
left: 665px;
z-index: 1000120;
}
#gallery {

padding:0;
margin:0;
margin-top:0px;

}


#napitki {
margin-top:-150px;
height: 320px;
width: 698px;
overflow: auto;
text-align:center;

}
#napitki p {
font-size: 14px;
}
#napitki h3 {
background: url(img2/conre.gif) repeat-x black;
text-align: center;
color: black;
font-size: 18px;}

#logo {
float: left;}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Helvetica, "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
    font-size: 14px;

	
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
width: 100%;

background: red;
height: 29px;

}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";

}
.ui-tabs-nav li {
text-align: center;
    float: left;
    margin: 0 0 0 0px;
    min-width: 97px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
	margin:0;
    background: url(tab.png) no-repeat;
	color: #fff;

}
.ui-tabs-nav a {
    margin: 0px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 0;
    color: #27537a;
	background: #000;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */

	
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 0px;
    z-index: 2;
	padding:0;
    margin: 0;
}
.ui-tabs-nav a span {
    width: 99px; /* IE 6 treats width as min-width */
    min-width: 99px;
    height: 23px; /* IE 6 treats height as min-height */
    min-height: 23px;
    padding: 0;
	padding-top: 4px;

}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
	
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-panel  {
    padding: 0;
	margin:0;
	height: 331px;
	margin-top: 0px;

}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.ui-tabs-panel ul {
text-align:right;
margin-left: 350px;
font-size: 1.2em;
padding-right: 20px;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

h3 {font-size: 1.3em;
color: black;
background: white;
margin:0;
padding:0;}

h6 {font-size: 1em;
color: black;
background: white;
margin:0;
padding:0;}

h4 {font-size: 12px;
margin:0;
padding:0;
margin-top: -15px;
}
h5 {font-size: 8px;
margin:0;
padding:0;
color: white;
padding-bottom:3px;}

.mycal {
width: 100%;}

#myul {
        
            width: 698px;
            background: url("image/backrotate.jpg") black repeat-x ;
            padding: 0px;
            margin: 0;
			overflow: hidden;        }
                #myul li {
                    float: left;
                    list-style: none;
					width: 22px;
					height: 35px;
                }
				#myul li:hover{
				background: black;
				color: white;}
                    #myul li a {
                        text-decoration: none;
                        color: white;
                        outline: none;
                        text-align: center;
                        padding: 0;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        display: block;
                        position: relative;

                        margin: 0px;
                    }

.ui-tabs-nav .ui-tabs-selected a {
	background: url(image/bekmenu.jpg) repeat-x black;
	background-position: 0px 10px;
font-weight: 900;
	margin-top: -10px;
	padding-top: 0px;
	padding-bottom: 8px;
	border: red solid 2px;
	border-bottom:none;}
	
	
	p{margin:0; padding:0;}
p a{
text-decoration:none;
color: white;}

#menu-left a{
text-decoration: none;
color: white;
width: 270px;
text-align: center}

#menu-left1 {background: url(image/backrotate.jpg) repeat-x black;
text-align: center;}
#center {
margin:0;
padding:0;
margin-top: 0px;}
#calul {
height: 23px;
background: url(image/backrotate.jpg) repeat-x black;
margin:0;
padding:0;
}
#calul li{
display: inline;
padding: 50px;
padding-top: 10px;
padding-bottom: 0;
margin:0px;
list-style: none;
color: white;}
li.sega {
background: url(image/bekmenu.jpg) repeat-x red;
padding: 0px 50px 0px 50px;
border: red solid 2px;
font-size: 1.3em;
margin:0;



}

#center ul {
text-align: right;
margin-left: 350px;
font-size: 1em;
padding-right: 20px;
}
.ceren a{
background: red;
width: 26px;


}
.ceren h4 {
font-size: 1.1em;}
#center a{color: red;}
ceren {border: none;}
.special {
background: white;}
.special h4,.special h5 {
color: black;}

#center ul p, .ui-tabs-panel ul p {
font-size: 14px;
margin:0;
line-height: 100%;
padding-bottom:5px;
}

.zoomme img, #center img{border:0;}
h2 {font-size: 1.6em;
font-weight: bold;
color: black;
background: red;
margin:0;
padding:0;
}
#wrapper {  display: table-cell; 
  position: relative; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .content {
  color: black;
  display: none;}
  #prom {
overflow: hidden;
margin:0;
padding:0;
padding-top:0px;
margin-top:-150px;}
#prom img{
float: left;
padding: 0px;
padding-top:0;
margin:0;
background: #b73737;
overflow:hidden;}



#dnes1 {
text-align: center;
margin:0px;
margin-top:-167px;}
#dnes1 img {
float: left;
padding: 5px;
background: #B93F33;
margin:0;
margin-top:5px;}

.zagla h2{
margin-top:-7px;
padding-top:7px;
margin-bottom:5px;
background-color:white;}

.zagla h4{
font-size: 18px}


#center img {
float: left;
padding: 5px;
padding-top:0;
background: black;
margin-top:0px;
height: 297px;}
#haaa {
width: auto;
font-weight:900;
background: red;
font-size: 24px;
margin-top:-23px;
text-align: center;
color: white;}

#zagla h2, .content {
font-family: Verdana, Arial, Helvetica, sans-serif}