a:visited {
 text-decoration: none;
 color: #FFFFFF;
 }

a:link {
 text-decoration: none;
 color: #FFFFFF;
 }
 
a:active {
 text-decoration: none;
 color: #FFFFFF;
 }

a:hover {
 text-decoration: underline;
 color: #FFFFFF;
 }
 
body {
 margin: 1px;
 background-image: url('../images/tmave.png');
 background-repeat: repeat;
 }

#outer {
 width: 900px;
 margin: auto;
 text-shadow: #000000 2px 2px 2px;
 font-family: Arial;
}

#hdr {
 height: 377px;
 background-image: url('../images/pozadie.png');
 }

#hdrmenu {
 position: relative;
 top: 50px;
 }

TABLE.centered4{ 
 margin-left: auto;
 margin-right: auto;
 vertical-align:text-top;
	border-spacing: 1px;
	border: 0px #AAAAAA solid;
 text-align: center;
}
 
TABLE.centered6	{ 
 margin-left: auto;
 margin-right: auto;
 vertical-align:text-top;
	border-spacing: 6px;
	border: 0px #AAAAAA solid;
 text-align: center;
}
 
#bodyblock {
 position:relative;
 background-image:url('../images/svetle.png');
 background-repeat:repeat;
 }

#cont {
 position:relative;
 top: -155px; /* -155px */
 text-indent: 0pt;
 font-size: 18px; 
 font-family: "Arial";
 color: #FFFFFF;
 }

.aktualne {
 float: none;
 display: inline;
 margin-left: auto;
 margin-right: auto;
 padding: 3px;
 border: 1px solid #000000;
 background-color: #2a2a2a; 
}

a:hover img{
 padding: 3px;
 border: 1px solid #2a2a2a;
 background-color: #000000; 
}

#ftr {
 color: #FFFFFF;
 position:relative;
 top: -150px;
 padding-top: 8px;
 height: 1px;
 background-repeat:repeat;
 }


/* ****** TABULKA SLUZIEB ***** */

TD.r {
 text-align: right;
}

TD.l {
 text-align: left;
}

TD.rtop{
/* border-width: 1px; border-style: outset; */
 vertical-align: top;
 text-align: right;
 } 

TD.lbottom{
 vertical-align: bottom;
 text-align: left;
 } 

TD.ltop{
 vertical-align: top;
 text-align: left;
 } 

span.white {
 font-size: 19px; 
 font-family: "Arial";
 font-weight: bold;
 color: #FFFFFF;
 }

span.grey {
 font-size: 18px; 
 font-family: "Arial";
 font-weight: bold;
 color: #AAAAAA;
 }
 
span.greyunbold {
 font-size: 18px; 
 font-family: "Arial";
 color: #AAAAAA;
 }

.greyunbold a:link {
 text-decoration: none;
 color: #AAAAAA;
 }

.greyunbold a:active {
 text-decoration: none;
 color: #AAAAAA;
 }
 
.greyunbold a:visited {
 text-decoration: none;
 color: #AAAAAA;
 }

.greyunbold a:hover {
 color: #AAAAAA;
 text-decoration: underline;
 }
 
span.red {
 font-size: 19px; 
 font-family: "Arial";
 font-weight: bold;
 color: #FF0000;
 }
 
.red a:link {
 text-decoration: none;
 color: #FF0000;
 }

.red a:active {
 text-decoration: none;
 color: #FF0000;
 }
 
.red a:visited {
 text-decoration: none;
 color: #FF0000;
 }

.red a:hover {
 color: #FF0000;
 text-decoration: underline;
 }

span.green{
 font-size: 19px; 
 font-family: "Arial";
 font-weight: bold;
 color: #00ED00;
 }

.green a:visited {
 text-decoration: none;
 color: #00ED00;
 }

.green a:link {
 text-decoration: none;
 color: #00ED00;
 }

.green a:active {
 text-decoration: none;
 color: #00ED00;
 }
 
.green a:hover {
 text-decoration: underline;
 color: #00ED00;
 }
 
span.yellow{
 font-size: 19px; 
 font-family: "Arial";
 font-weight: bold;
 color: #FFDE1A;
 }

.yellow a:visited {
 text-decoration: none;
 color: #FFDE1A;
 }

.yellow a:link {
 text-decoration: none;
 color: #FFDE1A;
 }

.yellow a:active {
 text-decoration: none;
 color: #FFDE1A;
 }

.yellow a:hover {
 text-decoration: underline;
 color: #FFDE1A;
 }
 
span.blue{
 font-size: 19px; 
 font-family: "Arial";
 font-weight: bold;
 color: #4488FF;
 }

.blue a:visited {
 text-decoration: none;
 color: #4488FF;
 }

.blue a:link {
 text-decoration: none;
 color: #4488FF;
 }

.blue a:active {
 text-decoration: none;
 color: #4488FF;
 }

.blue a:hover {
 text-decoration: underline;
 color: #4488FF;
 }
 
/* ****** MENU BUTTONS ***** */
/* ******** LOGO BOTTOM ********** */
#logobottom
{
  display: block;
  height: 55px;
  background: url("../images/logo.png") no-repeat 0 0;
}

#logobottom:hover
{ 
  background-position: 0 -55px;
}

#logobottom span
{
  display: none;
}

/* ******** BLACK ********** */
#menubuttonblack
{
  display: block;
  width: 180px;
  height: 134px;
  background: url("../images/buttons/black.png") no-repeat 0 0;

}

#menubuttonblack:hover
{ 
  background-position: 0 -134px;
}

#menubuttonblack span
{
  display: none;
}


/* ******** RED ********** */
#menubuttonred
{
  display: block;
  width: 168px;
  height: 85px;
  background: url("../images/buttons/red.png") no-repeat 0 0;
}

#menubuttonred:hover
{ 
  background-position: 0 -85px;
}

#menubuttonred span
{
  display: none;
}

/* ******** GREEN ********** */
#menubuttongreen
{
  display: block;
  width: 168px;
  height: 85px;
  background: url("../images/buttons/green.png") no-repeat 0 0;

}

#menubuttongreen:hover
{ 
  background-position: 0 -85px;
}

#menubuttongreen span
{
  display: none;
}

/* ******** YELLOW ********** */
#menubuttonyellow
{
  display: block;
  width: 168px;
  height: 85px;
  background: url("../images/buttons/yellow.png") no-repeat 0 0;

}

#menubuttonyellow:hover
{ 
  background-position: 0 -85px;
}

#menubuttonyellow span
{
  display: none;
}

/* ******** BLUE ********** */
#menubuttonblue
{
  display: block;
  width: 168px;
  height: 85px;
  background: url("../images/buttons/blue.png") no-repeat 0 0;

}

#menubuttonblue:hover
{ 
  background-position: 0 -85px;
}

#menubuttonblue span
{
  display: none;
}
