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

body {
  background-color: #ffffff;
  color: #000000;
  background-image:url('../images/body.jpg');
  background-position: top center;
  background-repeat: repeat-y;
}

a {  outline: none;}

h1 a {display: block; height: 200px; }
h1 a span {display: none; visibility: hidden;}

h2 {color: #ffffff; font-size: 230%; }
h3 {color: #3b464c; font-size: 200%; }
h4 {color: #3a6b85; font-size: 170%; }

a {color: #000000; text-decoration: none; }

a:hover {color: #000000; text-decoration: underline; }

/* -- #Id -- */
#wrapper {
  width: 100%;
  margin: 0px auto;
  background-image:url('../images/header.jpg');
  background-position: top center;
  background-repeat: no-repeat;
}

#header {
  width: 950px;
  height: 200px;
  margin: 0px auto;
}

#content {
/* 
  width: 600px;
  margin: 0px auto;
*/
  text-align: justify;
}

#nav a {
  text-decoration: none;
  display: block;
  text-align: center;
  width: 134px;
  height: 200px;
  float: left;
  color: #ffffff;
  font-size: 170%;
}

#nav a span {
  display: block;
  width: 130px;
  height: 150px;
}

#nav a:hover, #nav a.active {
  height: 200px;
  background-color: #c9dc58;
  background-image:url('../images/nav.gif');
  background-position: bottom center;
  background-repeat: repeat-x;
}

#left .title  { color: #bed62f; }
#left a       { text-decoration: underline; }
#left a:hover { text-decoration: none; }
#left         { text-align: justify; }
p             { line-height: 200%; }

/* Zarovnavanie */
.justify      { display: block; text-align: center; }
.left         { display: block; text-align: left; }
.right        { display: block; text-align: right; }
.center       { display: block; text-align: center; }