/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0;	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.7em;	
	color : #000;
	background:#FFF;
	text-align: center; /* IE5.X workaround */
}
a { color: #C8241A; text-decoration: none; }
a:hover { color: #999 }
ul, ol, li, h1, h2, h3, h4, h5, p, form, fieldset, input, label, img, td, th {
    margin: 0; padding: 0;
}
img,  fieldset {  border: none }
h1 { font-size: 160%; }
h2 { font-size: 150%; padding-bottom: 10px; }
h3 { font-size: 120%;color: #DA291F; padding-bottom: 8px; font-family:  Verdana, sans-serif; }
h4 { font-size: 100%; padding-bottom: 2px; }
h5 { font-size: 110%;  }
p, ul { padding-bottom:15px;}
ul { list-style: none; }
/*---------------------------------------------------------------------- LAYOUT---*/
#all {	
	width: auto;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}
#bakaremenu {	
	width: auto; height: 32px;
	background: #FFF;
}
#header {	
	width: auto; height:auto;
	clear: both;
	background: none
}
#menu {	
	width: auto; height: auto;
	overflow: auto; padding:10px; margin: 15px 0 10px 0;
	clear: both;
	font-size: 100%;
	border:none;
	background: #999 none ;
}
#left {	
	width: auto; float: none;
	background: #FFF none;
	clear: both;
}
#right {	
	width:auto; float: none;
	background: #FFFnone;
}
#content {	
	min-height: 429px; _height:429px;
	padding:  20px 47px 0 30px;
}
#content.home { background: none}
#footer {	
	min-height: 118px; _height:118px;
	padding:  0px 47px 0 30px; color: #363636;
	background:none
}
/*--------------------------------------------------------------------------- BAKARE MENU -------*/
#bakaremenu p { padding: 0 }
#bakaremenu p.left { float: none; }
#bakaremenu .right {	text-align: right; }
#bakaremenu .right img { vertical-align: middle; margin-left: 15px; }
#bakaremenu p.right { border-left: 0px solid #B7AFAF; padding: 5px 10px 5px 0; margin-top: 4px; float:none}
#bakaremenu a { color: #4A3637; font-weight: bold; }

/*--------------------------------------------------------------------------- HEADER -------*/
#header .leftcol { width: auto; float: none; border-bottom: 1px solid #333; }
#header .rightcol { width: auto; float: none; text-align: left;}
#header .leftcol img { margin: 20px 0 0 0}
#header .rightcol img { margin: 7px 30px 0 0 }
/*--------------------------------------------------------------------------- MENU -------*/
#menu a { 
	color:#FFF; font-weight: bold; 
	display: inline; float: none; 
	padding: 5px 10px 5px 5px;
	border-left: 1px solid #FFF;
	background:none
}
/*--------------------------------------------------------------------------- LEFT -------*/
#left h3 { font-size: 100%; padding-bottom: 8px; color: #923D49; font-family:  Arial, Helvetica, sans-serif; }
#left .news {	
	padding: 15px 10px 0 28px;
	border-bottom: 1px solid #D5D5D5;
	background: url(../images/sipka-black.gif) no-repeat 10px 18px;
}
#left .news p { padding:0 }
#left .news p.textright { font-size:90%;margin-top:3px; background: url(../images/back-news.gif) no-repeat 145px 3px; }
#left .news p.textright a { color: #000; }
#left .news p.textright a:hover { color: #C8241A; }
#left .news p.textright strong { font-size: 110% }
#left .leftbottom {  height:25px; background: none; }
/*--------------------------------------------------------------------------- FOOTER -------*/
#footer p { padding: 58px 0 0 0; }
#footer span {	
	float: left; display: block; border-right: 1px solid #D5D5D5; 
	padding: 5px 25px 5px 0; margin-right: 15px;
}
#footer a { color: #000; }
#footer a:hover { color: #C8241A; }
/*--------------------------------------------------------------------------- CONTENT -------*/
#content h1 {
	width: 363px;
	height: 44px;
	overflow: hidden;
	position: relative;
	margin-bottom: 33px;
}
#content h1 span {
	display: block;
	width: 363px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 0;
}
#content h1#home span { background: url(../images/h1-klubova-karta.gif) no-repeat left top; }
#content h1#predstaveni span { background: url(../images/h1-predstaveni-bakarty.gif) no-repeat left top; }
/*--------------------------------------------------------------------------- HOME -------*/
.upoutavka { 
	width:465px;border-bottom: 1px solid #E9E9E9; 
	background: url(../images/sipka-black-stin.gif) no-repeat 140px 35px;
}
.upoutavka img { float: left; margin: 15px 25px 15px 13px; width: 114px; height: 129px;}
.upoutavka h3 {padding-top: 30px;}
.home h2 { padding: 15px 0 0 0; text-align: left; color: #7F7E7E }
/*--------------------------------------------------------------------------- FORMS -------*/
label {
    float : left;
    width : 60px;
	 text-align: right;
	  font-size: 90%;
    margin-right:5px; padding-top: 3px;	 
	 text-transform: uppercase;
}
input, select, textarea { 	
  font-size: 100%;
  height: 15px; 
  border: 1px solid #FFF;
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	vertical-align: middle;
	margin-bottom: 3px;
	background: #999; 
}
input.submit {
	 background: #999;
	 color: #FFF;
	 border: 0px solid #FFF;
	cursor: pointer;
	padding: 1px;
	text-align: center;
	width: auto;
}
textarea { width: 200px; height: 70px; }
/*---------------------------------------------------------------------------- TABLES --------*/
table { font-size:100%;	margin-bottom:15px; border-collapse: collapse; }
th { 
	color : #000;padding-top: 8px;
	text-align: left;  vertical-align:top;
	border-bottom:1px solid #000;
}
td { vertical-align:top; color : #000;font-size: 90%;}
/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left{ float: left }
.textright, td.textright, th.textright { text-align : right }
.textleft { text-align : left }
.textcenter { text-align : center;}
.middle { vertical-align : middle }
.normal { font-weight:normal }
.clear { clear: both;}
.highlight  { color: #DA291F;}