/*-----------------------------------------------Layout DIVS------------------------------------------------*/

body {
margin: 0; padding: 0; background: #000000; color: white;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 13px;
}

img { margin: 4px 4px 4px 4px; border: none;}

#wrapper, #bg1, #bg2 {
	min-height: 792px;
}

html>body #wrapper, html>body #bg1, html>body #bg2 {
	height: auto;
}

#wrapper {  /* keeps everything together */
  background: url(designimages/side_background_repeat_x.jpg) repeat-x left top #000000  /* Important image, do not remove */ 
}

#bg1 {
	background: url(designimages/background_repeat_y.jpg) repeat-y center top;
}

#bg2 {
	background: url(designimages/background.jpg) no-repeat center top;
}

#header {         
	width: 900px;
	height: 252px;
	margin: 0px auto;
}


#hdr-leftside {  /* header_main + menubar + header_leftside */
margin: 0 auto;
float: left;
width: 583px;
height: 252px;
}

#hdr-leftside-top {
float: left;
width: 583px;
height: 171px;
background: url(designimages/header_nomain.jpg) 0 0 no-repeat #731c31  /* Image Kartarena Ypsilonka */
}

/* Flags */
#flags ul {
	position: relative;
	list-style: none;
  padding: 70px 0px 0px 10px;
  margin: 0px;
}

#flags ul li {
  line-height: 60%;
}

#hdr-leftside-menubar {
float: left;
width: 583px;
height: 38px;
background: #731c31 
}

#hdr-leftside-bottom {
float: left;
width: 583px;
height: 43px;
background: url(designimages/header_leftside.jpg) 0 0 no-repeat #731c31  /* Image Kartarena Ypsilonka */
}

#hdr-rightside {
float: left;
width: 317px;
height: 252px;
background: url(designimages/header_rightside.jpg) 0 0 no-repeat #731c31  /* Image Kart */
}

#page {   /* main */
width: 880px; /* vlastní šířka stránky pro obsah*/
min-height:540px;
/* height:540px; */
margin: 0px auto;
overflow: hidden;
}

#left-column {
float: left;
width: 430px;
}

#right-column {
float: right;
width: 430px;
}

#left-column img, #right-column img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
p, ul, ol {
	margin-top: 0;
	line-height: 150%;
	text-align: justify;
}

h2 {
	font-size: 18px;
         text-align:center;
}

h3 {
}

h1 {
	font-size: 20px;
	padding: 4px 35px 4px 15px;
	background: #b77184;
	text-decoration: none;
	font-weight: bold;
	color: #26191f;
         letter-spacing: 2px;
         font-variant: small-caps;
	text-align:center;
}

a {
	text-decoration: underline;
	color: white;
}

p.duraz {
	font-size: 14px;
	padding: 4px 25px 4px 25px;
	text-decoration: none;
	font-weight: bold;
	color: #ffdef2;
         letter-spacing: 3px;
         border-left: solid 7px #b77184;
	text-align: left;
}

p.duraz a {
	text-decoration: underline;
	color: #ffdef2;
}

p.poznamka {
	font-size: 12px;
         font-style: italic;
	padding: 4px 0px 0px 20px;
	text-decoration: none;
	color: #ffdef2;
         letter-spacing: 1px;
	text-align: left;
}


/* * html #page{height:540px} */
/* html>body #page{height:auto} */
/* http://www.search-this.com/2007/02/05/css-min-height-explained/ */
/* html>body #page{height:auto} */

#rgtcol {
float: right;
width: 1094px;
padding-bottom: 20px;
background: transparent;
min-height:630px;
height:630px;
}  /* right column */
body[class] #rgtcol {
height:auto;
} /* IE min-height - Radek */


#bottombar {
width: 900px;
height: 57px;
margin: 0px auto;
color: white;
background: url(designimages/bottombar_4.gif) 0 0 no-repeat
}

/* BottomBar-Link */

#bottombar-link {
}

#bottombar-link ul {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 42px;   /* normálně to jde napsat jen do padding, ale IE6 to nezvládne */
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#bottombar-link li {
	display: inline;
}

#bottombar-link a {
	float: left;
	width: 158px;    
	text-align: center;
	text-decoration: none;
	letter-spacing: 0px;
	font-size: 13px;
	color: white;
}

#bottombar-link a:hover {
	text-decoration: underline;
	font-weight: normal;
}
/*-------------- .úvodní strana -------------------------*/
div.frontpage {
  background: url(mainpageimages/okruh.jpg) no-repeat center top;
}
.frontpage p, .frontpage h2, .frontpage h1{
  text-align:center;
  margin: 40px 90px 0px 90px;
  padding: 0px 0px 0px 0px;
}
.frontpage p {
  font-size: 120%;
}

/*-------------------------------------------------------*/

/*------------- FACEBOOK --------------------------------*/
.facebook ul {
	list-style: none;
	margin: 30px 0 30px 40px;
}

.facebook li {
  display: inline;
  vertical-align: top;
  padding: 0 0 0 10px; 
  border:none; overflow:hidden; width:450px; height:80px;
}

.jojo {
  border:none; overflow:hidden; width:450px; height:80px;
}

.facebook img {
  margin: 0 0 0 0; 
}
/*-------------------------------------------------------*/

/*-------------- .tablecenik1 --------------*/
.tablecenik1 table {
	border-collapse: collapse;
	width: 430px;
	}
.tablecenik1 .prvniSloupec {width: 320px;}
.tablecenik1 .druhySloupec {width: 110px;}         
.tablecenik1 tr {
         height: 2em;
	}
.tablecenik1 tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}
.tablecenik1 td {
	border-bottom: 1px solid #b77184;
	padding: 0 0.5em;
	}
/*------------------------------------------*/
/*-------------- .tablecenik2 --------------*/
.tablecenik2 table {
	border-collapse: collapse;
	width: 430px;
	}
.tablecenik2 .prvniSloupec {width: 220px;}
.tablecenik2 .druhySloupec {width: 110px;}         
.tablecenik2 .tretiSloupec {width: 110px;}
.tablecenik2 tr {
         height: 2em;
	}
.tablecenik2 td {
	border-bottom: 1px solid #b77184;
	padding: 0 0.5em;
	}
/*------------------------------------------*/
/*-------------- .tablecenik3 --------------*/
.tablecenik3 table {
	border-collapse: collapse;
	width: 430px;
	}
.tablecenik3 .prvniSloupec {width: 120px;}
.tablecenik3 .druhySloupec {width: 110px;}         
.tablecenik3 .tretiSloupec {width: 110px;}
.tablecenik3 .ctvrtySloupec {width: 110px;}
.tablecenik3 tr {
         height: 2em;
	}
.tablecenik3 td {
	border-bottom: 1px solid #b77184;
	padding: 0 0.5em;
	}
/*------------------------------------------*/
/*-------------- .tablekalendar --------------*/
.tablekalendar table {
	border-collapse: collapse;
	width: 870px;
	}
.tablekalendar .prvniSloupec {width: 150px; padding: 0px 0px 0px 40px;}
.tablekalendar .druhySloupec {width: 50px;}         
.tablekalendar .tretiSloupec {width: 110px;}
.tablekalendar .ctvrtySloupec {width: 670px;}
.tablekalendar tr {
         height: 2em;
	}
.tablekalendar td {
	border-bottom: 1px solid #b77184;
	
	}
.tablekalendar tr.orange {
	color: #ffa800;
	}
.tablekalendar tr.blue {
	color: #3b5af9;
	}
.tablekalendar tr.green {
	color: #0bb517;
	}
.tablekalendar tr.green td:first-child {
  background: url(designimages/nosign.png) no-repeat left center;
  background-position: 65px;	
  }
.tablekalendar tr.red {
	color: #ff0000;
  }
/*.tablekalendar tr.red td.ikona {*/
.tablekalendar tr.red td:first-child {
  background: url(designimages/flag.gif) no-repeat left center;
  background-position: 65px;	
  }
.tablekalendar th {
	color: #ffdef2;
         letter-spacing: 3px;
         border-left: solid 7px #e9aec2;
         padding-left:15px;
         text-align:left;
	}
.tablekalendar .mezera {
	height: 30px;
	}

/*------------------------------------------*/