body {
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff url(../images/bg.jpg) top center no-repeat;
	color: #000;
	text-align: justify;
	font-size: small;
	margin: 0;
	padding: 0;
}
#main {
	width: 976px;
	margin: 0 auto;
	height: 30px;
}
hr {
	display: none;
}


h1, h2, h3, h4 {
	color: #606e85;
	font-weight: bold;
	padding: 2px 0 8px 25px;
	margin: 0;
}
h1 {
	font-size: 14px;
	margin-top: 25px;
}	
h2 {
	font-size: 12px;
	font-weight: normal;
}
p {
	padding: 2px 0 8px 25px;
	margin: 0;
	width: 500px;
}
a {
	color: #606e85;
}
a:visited {
	color: black;
}
a:hover {
	color: #c0a000;
}
strong {
	color: #606e85;
}
img {
	border: 0;
}
hr {
	display: none;
}





 #foto_1, #foto_2, #foto_3, {
 width:976px;
 height:376px;
}
#foto_1 {
	background-image: url(../images/photo1.jpg);
	height: 376px;
}


#foto_2 {
	background-image: url(../images/photo2.jpg);
	height: 376px;
}



#foto_3 {
	background-image: url(../images/photo3.jpg);
	height: 376px;
}


#foto_4 {
	background-image: url(../images/photo4.jpg);
	height: 376px;
}


#foto_5 {
	background-image: url(../images/photo5.jpg);
	height: 376px;
}



#textik {
	position:absolute;
	top:390px;
	width:580px;
	height:350px;
	z-index:2;
	margin-left: 370px;
	border-left: 1px solid black;
	padding-left: 5px;
	overflow: visible;
}

#logo {
	position:absolute;
	z-index:4;
	background-image: url(../images/logo.gif);
	width: 200px;
	height: 55px;
	margin-left: 15px;
	margin-top: 30px;
}
#slogan {
	position:static;
	width:297px;
	height:39px;
	z-index:5;
	margin-left: 30px;
	margin-top: 250px;
	background-image: url(../images/slogan2.gif);
}
.slogan {
	font-size: xx-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
}
#domcek {
	position:absolute;
	width:135px;
	height:203px;
	z-index:5;
	background-image: url(../images/domcek.gif);
	margin-top: 400px;
	margin-left: 110px;
	visibility: hidden;
}
/*......footer..........
#footer {
	height: 20px;
	line-height: 20px;
	background-color: #ccc;
	color: #626262;
	width: 100%;
	bottom: 5px;
	position: relative;
}

.*/

#footer {
	z-index:3;
	height: 20px;
	line-height: 20px;
	background-color: #ccc;
	color: #626262;
	padding:0;
	margin:0;
	top: 1024px;
	width: 100%;
	position:absolute;
}




#footer p {
	width: 976px;
	margin: 0 auto;
	padding: 0;
}
#footer a {
	font-weight: bold;
	color: #525252;
	text-decoration: none;
}
#footer a:hover {
	color: black;
}
#footer span.left {
	float: left;
}
#footer span.right {
	float: right;
}
#predmet {
	position:absolute;
	width:430px;
	height:25px;
	z-index:6;
	background-image: url(../images/predmet-cinnosti.jpg);
	margin-top: 300px;
	margin-left: 3px;
}
#vykres {
	position:absolute;
	width:280px;
	height:188px;
	z-index:7;
	background-image: url(../images/vykres.jpg);
	margin-left: 40px;
	margin-top: 420px;
}

#vykres2 {
	position:absolute;
	width:280px;
	height:188px;
	z-index:7;
	background-image: url(../images/vykres2.jpg);
	margin-left: 40px;
	margin-top: 420px;
}


#vykres3 {
	position:absolute;
	width:280px;
	height:188px;
	z-index:7;
	background-image: url(../images/vykres3.jpg);
	margin-left: 40px;
	margin-top: 420px;
}


#vykres4 {
	position:absolute;
	width:280px;
	height:188px;
	z-index:7;
	background-image: url(../images/vykres4.jpg);
	margin-left: 40px;
	margin-top: 420px;
}

#vykres5 {
	position:absolute;
	width:280px;
	height:188px;
	z-index:7;
	background-image: url(../images/vykres5.jpg);
	margin-left: 40px;
	margin-top: 420px;
}



/*.............. zaciatok menu.............*/
#menu {
	width: 435px;
	height: 30px;
	padding: 0;
	margin: 0;
	position: absolute;
	margin-left: 370px;
	top: 349px;
	
}
#menu span {
	display: none;
}
ul#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu1, .menu2, .menu3, .menu4, .menu5 {
	width: 87px;
	height: 30px;
	float: left;
	background-position: 0 0;
}
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a {
	width: 87px;
	height: 30px;
	float: left;
	background-position: 0 0;
}
.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover {
	background-position: 0 30px;
	float: left;
}
li.menu1, li.menu2, li.menu3, li.menu4, li.menu5 {
	background-position: 0 30px;
	float: left;
}


/*ked je buton aktivny */
.menu1, .menu1 a {
	background-image: url(../images/menu-01.gif);
}
.menu2, .menu2 a {
	background-image: url(../images/menu-02.gif);
}
.menu3, .menu3 a {
	background-image: url(../images/menu-03.gif);
}
.menu4, .menu4 a {
	background-image: url(../images/menu-04.gif);
}

.menu5, .menu5 a {
	background-image: url(../images/menu-05.gif);
}


/*.......................... koniec menu....................*/

#maska {
	height: 200px;
	position: inherit;
	bottom: 5px;
	width: 500px;
	background-color: #FFFFFF;
	z-index: inherit;
}

/*.......................... prepínaèky jazykov....................*/


#slovak {
	position:absolute;
	z-index:5;
	width: 40px;
	height: 34px;
	margin-left: 900px;
	margin-top: 10px;
	background-image: url(../images/flag_slovakia.gif);
	width: 50px;
}

#english {
	position:absolute;
	z-index:5;
	width: 40px;
	height: 33px;
	margin-left: 900px;
	margin-top: 10px;
	background-image: url(../images/flag-english.gif);
	width: 50px;
}



/*.......................... anglické menu ....................*/


/*.............. zaciatok menu.............*/
#menu_eng {
	width: 435px;
	height: 30px;
	padding: 0;
	margin: 0;
	position: absolute;
	margin-left: 370px;
	top: 349px;
	
}
#menu_eng span {
	display: none;
}
ul#menu_eng li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu_eng1, .menu_eng2, .menu_eng3, .menu_eng4, .menu_eng5 {
	width: 87px;
	height: 30px;
	float: left;
	background-position: 0 0;
}
.menu_eng1 a, .menu_eng2 a, .menu_eng3 a, .menu_eng4 a, .menu_eng5 a {
	width: 87px;
	height: 30px;
	float: left;
	background-position: 0 0;
}
.menu_eng1 a:hover, .menu_eng2 a:hover, .menu_eng3 a:hover, .menu_eng4 a:hover, .menu_eng5 a:hover {
	background-position: 0 30px;
	float: left;
}
li.menu_eng1, li.menu_eng2, li.menu_eng3, li.menu_eng4, li.menu_eng5 {
	background-position: 0 30px;
	float: left;
}


/*ked je buton aktivny */
.menu_eng1, .menu_eng1 a {
	background-image: url(../images/menu-01eng.gif);
}
.menu_eng2, .menu_eng2 a {
	background-image: url(../images/menu-02eng.gif);
}
.menu_eng3, .menu_eng3 a {
	background-image: url(../images/menu-03eng.gif);
}
.menu_eng4, .menu_eng4 a {
	background-image: url(../images/menu-04eng.gif);
}

.menu_eng5, .menu_eng5 a {
	background-image: url(../images/menu-05eng.gif);
}


/*.......................... koniec menu....................*/

/*.......................... ENGLISH ....................*/


#predmet_eng {
	position:absolute;
	width:250px;
	height:25px;
	z-index:6;
	background-image: url(../images/predmet-cinnosti_eng.jpg);
	margin-top: 300px;
	margin-left: 3px;
}


#slogan_eng {
	position:static;
	width:370px;
	height:32px;
	z-index:5;
	margin-left: 0px;
	margin-top: 250px;
	background-image: url(../images/slogan2_eng.gif);
}
.slogan_eng {
	font-size: xx-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
}


/* ............. POP UP CSS ................ */

.popup
{
   position:absolute; left:0; top:0; width:132;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color:yellow;
   padding:5px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
}