body {
        font-family: Arial;
        font-size: 11px;
        color: #333333;
        margin: 0px;
        padding: 0px;
        background-color: #ffffff;
}
img {
        border: none;
}
.centered {
        text-align: center;
        width: 100%;
}
#page {
        width: 1024px;
        margin: auto;
        padding: 0px;
        text-align: left;
}
#logo {
		margin: 30px 0px 2px 10px;
		width: 561px;
		height: 80px;
    background-image: url(../images/logo.jpg);
    float: left;
}
#logo span {
		display: none;
}
#languages {
        float: left;
        width: 430px;
        margin: 90px 0px 10px 0px;
        padding: 0px;
        text-align: right;
        color: #9B9B9B;
        font-weight: bold;
        font-size: 10px;
}
#languages a {
        color: #9B9B9B;
        background-color: transparent;
        text-decoration: none;
        font-size: 10px;
}
#languages a:hover {
    	color: #030303;
    	background-color: transparent;
    	text-decoration: none;
}
#content {
		  width: 1024px;
		
		  margin: 0px;
      clear: left;
}
#uvod {
      width: 1024px;
		  height: 363px;
      background-image: url(../images/uvod.jpg);
      color: #fff;
		  background-color: transparent;
}

#mainPage {
        width: 1024px;
		height: 363px;
		background-image: url(../images/pozadie_black.jpg);
		color: #fff;
		background-color: transparent;
}
#obsah {
		margin: 0px;
  		padding: 32px 18px 0px 18px;
}

#uvod_img {
  		float: left;
		padding: 0px 25px 0px 0px;
}
#kontakt_img {
  		float: left;
		padding: 0px 100px 0px 0px;
}
ul {
		list-style-position: inside;
}
h1 {
		font-size: 16px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		padding: 0px;
}
p {
        margin: 0px 0px 10px 0px;
		padding: 0px;
}
a {
		color: #fff;
		background-color: transparent;
		text-decoration: underline;
}
a:hover {
		text-decoration: none;
}


#galleryPage {
    width: 1024px;
		height: 363px;
		background-image: url(../images/pozadie_gallery.jpg);
		background-repeat: no-repeat;
		background-color: #000;
		color: #AFAFAF;
}
#photoGallery {
		margin: 0px;
  		padding: 42px 35px 0px 35px;
}
#galleryPage a {
		color: #AFAFAF;
		background-color: transparent;
		text-decoration: none;
}
#galleryPage a:hover {
		text-decoration: underline;
}
#imagebar {
		width: 575px;
		float: left;
}
#imagebar #leftimage {
		margin: 0px 15px 0px 0px;
		padding: 0px;
}
#imagebar #rightimage {
		margin: 0px 0px 0px 15px;
		padding: 0px;
}
#imagebar #back {
		float: left;
		width: 70px;
		text-align: left;
}
#imagebar #position {
		float: left;
		width: 130px;
		margin: 0px 70px 0px 0px;
		text-align: center;
}
#imagebar #position2 {
		float: left;
		width: 130px;
		margin: 0px 0px 0px 103px;
		text-align: center;
}
#imagebar #next {
		float: left;
		width: 70px;
		text-align: right;
}
#photobar {
		height: 206px;
}

#popisbar {
		float: left;
		margin: 0px 0px 0px 50px;
		width: 320px;
}
#gallery_popis {
		margin: 20px 0px 0px 0px;
		padding: 0px;
}
#gallery_popis p {
		margin: 20px 0px 20px 0px;
		padding: 0px;
}

#rozklikavac {
		clear: left;
		margin: 0px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
}
#rozklikavac .imagediv, #rozklikavac .imagedivlast, #rozklikavac .imagediv2, #rozklikavac .imagedivlast2 {
  		text-align: center;
  		float: left;
}
#rozklikavac .imagediv img {
		margin: 25px 17px 3px 17px;
}
#rozklikavac .imagedivlast img {
		margin: 25px 4px 3px 4px;
}
#rozklikavac .imagediv2 img {
		margin: 15px 17px 3px 17px;
}
#rozklikavac .imagedivlast2 img {
		margin: 15px 4px 3px 4px;
}
#rozklikavac a {
		text-decoration: none;
}
#rozklikavac a:hover {
		text-decoration: none;
}
#rozklikavac a span {
		color: #AFAFAF;
		background-color: transparent;
		text-decoration: none;
}
#rozklikavac a:hover span {
		text-decoration: underline;
}


#obsah #texticek {
		float: left;
}
#obsah #formular {
		float: left;
		margin: 30px 0px 0px 100px;
}
input, textarea {
		border: #fff 1px solid;
		font-family: Arial;
        font-size: 11px;
        color: #fff;
        background-color: #000;
        margin: 0px;
        padding: 2px;
}
#formular input {
		width: 180px;
}
#formular textarea {
		width: 180px;
		height: 85px;
}
#formular .odoslat_div {
		margin: 3px 0px 0px 0px;
		width: 180px;
		text-align: right;
}



/*
  Navigation
  -----------------------------------------------
*/

/* Hlavna navigacia */
#navigation_bar {
        width: 1024px;
        height: 109px;
        background-image: url(../images/menu_back.jpg);
        background-repeat: no-repeat;
}
#nav {
        text-align: left;
        margin: 0px 0px 0px 7px;
        padding: 0px;
        list-style: none;
}
#nav li {
        margin: 0px;
        padding: 0px;
        float: left;
}
#nav li a {
        background-image: url(../images/menu-sk.jpg);
        background-repeat: no-repeat;
        display: block;
        margin: 0px 5px 0px 4px;
        padding: 0px;
        width: 242px;
        height: 33px;
}
#nav li a span {
        position: absolute;
        text-indent: -3000px;
        margin: 0px;
        padding: 0px;
        width: 100px;
        height: 10px;
}

#nav #menu1 a {
        background-position: -12px 0px;
}
#nav #menu2 a {
        background-position: -263px 0px;
}
#nav #menu3 a {
        background-position: -513px 0px;
}
#nav #menu4 a {
        background-position: -765px 0px;
}

#nav #menu1 a:hover {
        background-position: -12px -34px;
}
#nav #menu2 a:hover {
        background-position: -263px -34px;
}
#nav #menu3 a:hover {
        background-position: -513px -34px;
}
#nav #menu4 a:hover {
        background-position: -765px -34px;
}


/* SUBNAVIGACIA REALIZACIE */
#nav #menu2sub {
        background-image: url(../images/submenu1_back.jpg);
        background-repeat: no-repeat;
        display: block;
        margin: 0px 4px 0px 5px;
        padding: 0px;
        width: 243px;
        height: 107px;
}

#subnav1 {
        text-align: left;
        margin: 0px;
        padding: 0px;
        list-style: none;
}
#subnav1 li {
        margin: 0px;
        padding: 0px;
}
#subnav1 li a {
        background-image: url(../images/submenu1-sk.jpg);
        background-repeat: no-repeat;
        display: block;
        margin: 0px;
        padding: 0px;
        width: 243px;
        height: 16px;
}
#subnav1 li a span {
        position: absolute;
        text-indent: -3000px;
        margin: 0px;
        padding: 0px;
        width: 100px;
        height: 10px;
}

#subnav1 #sub11 a {
        background-position: 0px -7px;
        margin: 7px 0px 0px 0px;
}
#subnav1 #sub12 a {
        background-position: 0px -23px;
}
#subnav1 #sub13 a {
        background-position: 0px -39px;
}
#subnav1 #sub14 a {
        background-position: 0px -55px;
}
#subnav1 #sub15 a {
        background-position: 0px -71px;
}
#subnav1 #sub16 a {
        background-position: 0px -87px;
}

#subnav1 #sub11 a:hover {
        background-position: -243px -7px;
        margin: 7px 0px 0px 0px;
}
#subnav1 #sub12 a:hover {
        background-position: -243px -23px;
}
#subnav1 #sub13 a:hover {
        background-position: -243px -39px;
}
#subnav1 #sub14 a:hover {
        background-position: -243px -55px;
}
#subnav1 #sub15 a:hover {
        background-position: -243px -71px;
}
#subnav1 #sub16 a:hover {
        background-position: -243px -87px;
}

#subnav1 #sub11.selected a {
        background-position: -243px -7px;
        margin: 7px 0px 0px 0px;
}
#subnav1 #sub12.selected a {
        background-position: -243px -23px;
}
#subnav1 #sub13.selected a {
        background-position: -243px -39px;
}
#subnav1 #sub14.selected a {
        background-position: -243px -55px;
}
#subnav1 #sub15.selected a {
        background-position: -243px -71px;
}
#subnav1 #sub16.selected a {
        background-position: -243px -87px;
}


/* SUBNAVIGACIA INE AKTIVITY */
#nav #menu3sub {
        background-image: url(../images/submenu2_back.jpg);
        background-repeat: no-repeat;
        display: block;
        margin: 0px 4px 0px 4px;
        padding: 0px;
        width: 244px;
        height: 54px;
}

#subnav2 {
        text-align: left;
        margin: 0px;
        padding: 0px;
        list-style: none;
}
#subnav2 li {
        margin: 0px;
        padding: 0px;
}
#subnav2 li a {
        background-image: url(../images/submenu2-sk.jpg);
        background-repeat: no-repeat;
        display: block;
        margin: 0px;
        padding: 0px;
        width: 244px;
        height: 18px;
}
#subnav2 li a span {
        position: absolute;
        text-indent: -3000px;
        margin: 0px;
        padding: 0px;
        width: 100px;
        height: 10px;
}

#subnav2 #sub21 a {
        background-position: 0px -7px;
        margin: 7px 0px 0px 0px;
}
#subnav2 #sub22 a {
        background-position: 0px -25px;
}

#subnav2 #sub21 a:hover {
        background-position: -244px -6px;
        margin: 7px 0px 0px 0px;
}
#subnav2 #sub22 a:hover {
        background-position: -244px -24px;
}

#subnav2 #sub21.selected a {
        background-position: -244px -6px;
        margin: 7px 0px 0px 0px;
}
#subnav2 #sub22.selected a {
        background-position: -244px -24px;
}




/*
  Footer
  -----------------------------------------------
*/
#footer {
		margin: 5px 0px 5px 0px;
}
#footer, #footer a {
 		color: #C7C7C7;
 		background-color: transparent;
 		font-size: 9px;
}
#leftfooter {
        float: left;
        width: 260px;
        text-align: left;
        margin: 0px;
        padding: 0px 0px 0px 12px;
        display: block;
}
#centerfooter {
        float: left;
        width: 480px;
        text-align: center;
        margin: 0px;
        display: block;
}
#rightfooter {
        float: left;
        width: 260px;
        text-align: right;
        margin: 0px;
        padding: 0px 12px 0px 0px;
        display: block;
}
#footer ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
}
#footer li {
		float: left;
}
#footer li span {
		margin: 0px 21px;
}
#footer a {
 		text-decoration: none;
}
#footer a:hover {
 		text-decoration: underline;
}



.hidden {
		display: none;
}
.unhidden {
        display: block;
}