/* ----- HTML & BODY ----- */
body {
  text-align: center;
  font-family: Verdana, Arial, lucida, sans-serif;
  margin: 0; padding: 0;
  background: #7a7a7a;
}


/* ----- ROZVRHNUTIE STRÁNKY ----- */
#main {
  width: 760px;
  margin: 0 auto;
  background: #fff url("../img/layout/middle.jpg") top left repeat-y;
}

#logo {
	margin: 0; padding: 0;
	position: relative;
	width: 760px; height: 128px;
	overflow: hidden;
	background: #c0c0c0;
}
#logo span {
	display: block;
	position: absolute;
  left: 0; top: 0; z-index: 1;
	width: 760px; height: 128px;
	margin: 0; padding: 0;
	background: url("../img/layout/logo.jpg") top left no-repeat;
	cursor: pointer; _cursor: hand; /* definícia pre IE a pre _IE5 */
}

.up {
  background: #909090 url("../img/layout/up.jpg") top left no-repeat;
  clear: both; width: 760px; height: 25px;
  font-size: 0.7em;
  text-align: center;
}
.up a {
  position: relative; top: 6px;
  color: #b04c4c;
  border-right: 1px solid black;
  padding: 2px 10px;
}
.up a:hover {color: white; background: #8c8cc2;}
.up1 {border-left: 1px solid black;}
.up2 {
  
  font-size: 0.7em;
  text-align: center;
}
.up2 a {
  color: #b04c4c;
  padding: 2px 10px;
}
#active
{
background: #8c8cc2;
color: #fff;
}

#left {float: left; width: 155px; background: #b04c4c url("../img/layout/left.jpg") top left repeat-y;}
#left-in {padding: 0 1px 0 11px;}
#left a {color: black;}
#left a:hover {color: white;}

#right {float: right; width: 155px; background: #8c8cc2 url("../img/layout/right.jpg") top left repeat-y;}
#right-in {padding: 0 11px 0 1px; font-size: 0.7em; text-align: justify; margin-left:  10px; margin-top:  10px; }
#right a {color: black;text-decoration: none;}
#right a:hover {text-decoration: none;color:#B05051;}

#obsah {margin: 0 155px; line-height: 1.2;}
.obsah-in, .news {padding: 5px; font-size: 0.7em; text-align: justify;}

#bottom {
  background: #c0c0c0 url("../img/layout/bottom.jpg") top left no-repeat;
  font-size: 0.7em;
  width: 760px; height: 35px;
  text-align: center;
  clear: both;
}
#bottom-in {padding: 5px 0; text-align: center;}



/* ----- MENU ----- */
ul#main-menu {
  background: transparent;
  padding: 0; margin: 0;
  font-size: 0.8em;
}

ul#main-menu li {
  list-style-type: none;
  padding: 0; margin: 0;
  height: 18px;
}

ul#main-menu li a {
  color: #000;
  padding: 0 0 0 17px;
  background: url("../img/layout/menu.gif") bottom left no-repeat;
  display: block;
  height: 18px;
  text-decoration: none;
  text-align: left;
  /* font-weight: bold; */
}
ul#main-menu li a:hover {color: white; }



/* ----- Jednotlivé DIVy v ľavom a pravom stĺpci ----- */
#kratke-zpravy {
  background: url("../img/layout/kratke-zpravy.jpg") top left no-repeat;
  padding: 20px 0 0 0;
  margin-top: 20px;
  font-size: 0.7em;
  text-align: justify;
}
#kratke-zpravy p {
  margin: 0; padding: 0 2px 2px 2px;
  background: url("../img/layout/ciara-left.jpg") bottom left no-repeat;
}
#kratke-zpravy p span {color: #c0c0c0;}



/* ----- JEDNOTLIVÉ "HLAVNÉ" DIVY ----- */

.news div {
  border: 1px solid #8c8cc2;
  padding: 5px;
  margin: 4px 5px;
  overflow: hidden;
  height: 100%;
 
}
.news div span {
  border: 1px solid #b04c4c;
  padding: 2px 5px;
  margin-bottom: 5px;
  display: block;
  background:  url("../img/layout/news_icon.jpg") top left repeat-y;
   background: url("../img/news-titulok.jpg") top left repeat-y; 
}
.news div img {float: left; margin: 0 5px 0 0; border: 0px }
.news div p {margin: 5px 0 0 0; padding: 0;}




/* ----- NADPISY ----- */
h1 {
  display: inline;
  border: 0; margin: 0; padding: 0;
  height: 118px;
}



/* ----- ODKAZY ----- */
a {color: #b04c4c;}
a:hover {color: #787BAF;}
.archiv {text-decoration: none;color: #000000;}

.archiv_left {text-decoration: none;color: #000000;float:left;}
.archiv_right {text-decoration: none;color: #000000;float:right;}


/* ----- BLBOSTI ----- */
.cleaner {clear: both; font-size: 0.1em; line-height: 0.1em; padding:0; margin: 0;}

.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}
.j {text-align: justify;}

.name_club{
font-weight:bold;
}

.name_direct{
}

.name_phone{
}

.name_email{
}
.name_dis{
font-style:italic;
}

table{
magin:10px
}