body {
background: white;
font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
text-align: justify;
}

h1 {
	font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
}

h2 {
	font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
}

h3 {
	font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
}

.WithoutMargins {
	padding: 0px 0px 0px 0px;       /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;         /* top, right, bottom, left */
}
#AllContent {
}

#Main {
    Background: white;
    Width: 800px;
    Height: 600px;
}

#MainTop {

    Width: 426px;
    Height: 213px;
	 position: relative;
	 float: none;
}

.Left {

	 position: relative;
	 left: 0px;
	 top: 0px;
	 float: left;
    Width: 213px;
    Height: 213px;
}
.Right {

	 position: relative;
	 float: right;
	 left: 0px;
	 Top: 0px;
    Width: 213px;
    Height: 213px;
}
#MainMiddle {
    background: url(../images/trivium-stred.jpg) left no-repeat;
    background-color: white;
    Width: 426px;
    Height: 35px;
}
#MainBottom {

    Width: 426px;
    Height: 213px;
}

/*--------------------------------------------*/
.LeftList {

}

#TopLeftListGroup #Menu a {
	cursor: pointer;
}
#TopLeftListGroup #Menu a:hover {
	cursor: pointer;

}

#TopLeftListGroup #Menu ul {
	text-align: left;
	padding: 0px 0px 0px 0px;       /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;         /* top, right, bottom, left */
	list-style-type: none;
}
#TopLeftListGroup #Menu .active {
	background: url(../images/salsa-by-stevie-active.jpg);
	color: Black;
}
#TopLeftListGroup #Menu ul li {
/*	margin-bottom: 1px;*/
	float: left;

}


#TopLeftListGroup #Menu ul li a {
	background: url(../images/salsa-by-stevie-inactive.jpg);
	background-color: white;
	color: Black;
    margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
	padding: 0px 0px 0px 0px;			/* top, right, bottom, left */
	height: 213px;
    width: 213px;
    display: block;
	text-decoration: none;

}
#TopLeftListGroup #Menu ul li a .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: #939393;
}
#TopLeftListGroup #Menu ul li a .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 50px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: #939393;
}
#TopLeftListGroup #Menu ul li a:hover {
	background: url(../images/salsa-by-stevie-active.jpg);
	background-color: #dcdcdc;
}
#TopLeftListGroup #Menu ul li a:hover .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: black;
}
#TopLeftListGroup #Menu ul li a:hover .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 50px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: black;
}
/*--------------------------------------------*/

#TopRightListGroup #Menu a {
	cursor: pointer;
}
#TopRightListGroup #Menu a:hover {
	cursor: pointer;

}

#TopRightListGroup #Menu ul {
	text-align: left;
	padding: 0px 0px 0px 0px;       /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;         /* top, right, bottom, left */
	list-style-type: none;
}
#TopRightListGroup #Menu .active {
	background: url(../images/vzdelavanie-active.jpg);
	color: Black;
}
#TopRightListGroup #Menu ul li {
/*	margin-bottom: 1px;*/
	float: left;

}


#TopRightListGroup #Menu ul li a {
	background: url(../images/vzdelavanie-inactive.jpg);
	background-color: white;
	color: Black;
    margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
	padding: 0px 0px 0px 0px;			/* top, right, bottom, left */
	height: 213px;
    width: 213px;
    display: block;
	text-decoration: none;

}
#TopRightListGroup #Menu ul li a .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: #939393;
}
#TopRightListGroup #Menu ul li a .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 50px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: #939393;
}
#TopRightListGroup #Menu ul li a:hover {
	background: url(../images/vzdelavanie-active.jpg);
	background-color: #dcdcdc;
}
#TopRightListGroup #Menu ul li a:hover .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: black;
}
#TopRightListGroup #Menu ul li a:hover .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 50px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: black;
}


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

#BottomLeftListGroup #Menu a {
	cursor: pointer;
}
#BottomLeftListGroup #Menu a:hover {
	cursor: pointer;

}

#BottomLeftListGroup #Menu ul {
	text-align: left;
	padding: 0px 0px 0px 0px;       /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;         /* top, right, bottom, left */
	list-style-type: none;
}
#BottomLeftListGroup #Menu .active {
	background: url(../images/trivium-webdesign-active.jpg);
	color: Black;
}
#BottomLeftListGroup #Menu ul li {
/*	margin-bottom: 1px;*/
	float: left;

}


#BottomLeftListGroup #Menu ul li a {
	background: url(../images/trivium-webdesign-inactive.jpg);
	background-color: white;
	color: Black;
    margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
	padding: 0px 0px 0px 0px;			/* top, right, bottom, left */
	height: 213px;
    width: 213px;
    display: block;
	text-decoration: none;

}
#BottomLeftListGroup #Menu ul li a .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 90px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: #939393;
}
#BottomLeftListGroup #Menu ul li a .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: #939393;
}
#BottomLeftListGroup #Menu ul li a:hover {
	background: url(../images/trivium-webdesign-active.jpg);
	background-color: #dcdcdc;
}
#BottomLeftListGroup #Menu ul li a:hover .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 90px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: black;
}
#BottomLeftListGroup #Menu ul li a:hover .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: black;
}

/*--------------------------------------------*/
#BottomRightListGroup #Menu a {
	cursor: pointer;
}
#BottomRightListGroup #Menu a:hover {
	cursor: pointer;

}

#BottomRightListGroup #Menu ul {
	text-align: left;
	padding: 0px 0px 0px 0px;       /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;         /* top, right, bottom, left */
	list-style-type: none;
}
#BottomRightListGroup #Menu .active {
	background: url(../images/tanecne-vystupenia-active.jpg);
	color: Black;
}
#BottomRightListGroup #Menu ul li {
/*	margin-bottom: 1px;*/
	float: left;

}


#BottomRightListGroup #Menu ul li a {
	background: url(../images/tanecne-vystupenia-inactive.jpg);
	background-color: white;
	color: Black;
    margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
	padding: 0px 0px 0px 0px;			/* top, right, bottom, left */
	height: 213px;
    width: 213px;
    display: block;
	text-decoration: none;

}
#BottomRightListGroup #Menu ul li a .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 90px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: #939393;
}
#BottomRightListGroup #Menu ul li a .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: #939393;
}
#BottomRightListGroup #Menu ul li a:hover {
	background: url(../images/tanecne-vystupenia-active.jpg);
	background-color: #dcdcdc;
}
#BottomRightListGroup #Menu ul li a:hover .MenuTextBig {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 90px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 30px;
    text-align: center;
    color: black;
}
#BottomRightListGroup #Menu ul li a:hover .MenuTextSmall {
	margin: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    padding: 0px 0px 0px 0px; 			/* top, right, bottom, left */
    font-size: 20px;
    text-align: center;
    color: black;
}