/* ////////////////////////////////// */

html { 
height: 101%; 
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #EEE; 
}
img{
border: 0px;
}
img a{
border: 0px;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 background-color: #DDDDDD;
}

a {
      background-color: #DDDDDD;
      color: #444444;
      font-weight: normal;
      text-decoration:underline
}

a:visited {
      background-color: #DDDDDD;
      color: #444444;
      font-weight: normal;
      text-decoration:underline
}

a:hover {
      background-color: #999999;
      color: #444444;
      font-weight: normal;
      /* text-decoration:underline overline */
}
/* OBRAZKY */
#hore {
	height: 7px;
	width: 800px;
	margin-top: -7px;
	background-image: url(o/hore.gif);
	background-repeat: no-repeat;
}

#dole {
	height: 7px;
	width: 800px;
	margin-top: 6px;
	background-image: url(o/dole.gif);
	background-repeat: no-repeat;
}
#hore1 {
	height: 7px;
	width: 800px;
	margin-top: -7px;
	background-image: url(o/hore.gif);
	background-repeat: no-repeat;
}

#dole1 {
	height: 7px;
	width: 800px;
	margin-top: 0px;
	background-image: url(o/dole.gif);
	background-repeat: no-repeat;
}

/* VRCHNE LOGO AJ TEXT NAD LOGOM */
#vrch-logo {
 color: #444;
 width: 800px;
 float: left;
 padding: 0px;
 border: 0px;
 font-size: 15px;
 height: 159px;
 text-align: center;
 margin: 10px 0px 12px 0px;
 background: #DDD;
}
/* ///////////////// */
/*    VRCHNE MENU    */
/* ///////////////// */
#menu {
	height: 25px;
	width: 798px;
	margin-top: 0px;
}
.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family : Arial;
	font-size: 16px;
}
.mnu a {
  color: #444444;
  font-weight: bold;
  text-decoration: none;
	float: left;
	display: block;
	height: 20px;
	line-height: 32px;
	width: 133px;
	margin-top: 0px;
	text-align: center;
}
.mnu a:hover {
  background-color: #666666;
  color: #DDDDDD;
  text-decoration: none;
	float: left;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 133px;
	margin-top: 0px;
	text-align: center;
}
.mnu2 a{
  background-color: #666666;
  color: #DDDDDD;
  text-decoration: none;
	float: left;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 133px;
	margin-top: 0px;
	text-align: center;
	font-weight: bold;
}
/* ///////////////// */
/* MENU NABOKU VLAVO */
/* ///////////////// */
#menu-vlavo { 
 color: #000;
 background: #DDD;
 margin: 7px 5px 12px 0px;
 padding: 0px;
 width: 200px;
 float: left;
 text-align:center;
}
/* MALY OBRAZOK */
#hore-menu {
	height: 7px;
	width: 200px;
	margin-top: -7px;
	background-image: url(o/hore1.gif);
	background-repeat: no-repeat;
}

#dole-menu {
	height: 7px;
	width: 200px;
	margin-bottom: -7px;
	background-image: url(o/dole1.gif);
	background-repeat: no-repeat;
}
/* vzdy sa tvari ako link ale je vysvieteny - submenu PONUKA a REFERENCIE */
.naviguj0 a{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 190px;
	margin-top: 1px;
	margin-left: 5px;
	text-align: left;
	font-weight: bold;
}
/* vzdy sa tvari ako link ale je vysvieteny - sub-submenu TVORBA WEBSTRANOK */
.naviguj00 a{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 170px;
	margin-top: 1px;
	margin-left: 25px;
	text-align: left;
	font-weight: bold;
}

/* naviguj1 - hlavna kategoria (PROFIL, CENNIK, KONTAKT ...) */
.naviguj1{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 190px;
	margin-top: 1px;
	margin-left: 5px;
	text-align: left;
	font-weight: bold;
}
.naviguj1 a{
  background-color: #DDD;
  color: #666;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 190px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}
.naviguj1 a:hover{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 190px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}

/* naviguj2 - podkategoria (TVORBA WEBSTRANOK, TVORBA PROGRAMOV, SPRAVA POCITACOV ...) */
.naviguj2{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 170px;
	margin-top: 1px;
	margin-left: 25px;
	text-align: left;
	font-weight: bold;
}
.naviguj2 a{
  background-color: #DDD;
  color: #666;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 170px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}
.naviguj2 a:hover{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 170px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}

/* naviguj3 - pod-pod-kategoria (JEDNODUCHE WEBSTRANKY, TVORBA PROGRAMOV, SPRAVA POCITACOV ...) */
.naviguj3{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 145px;
	margin-top: 1px;
	margin-left: 50px;
	text-align: left;
	font-weight: bold;
}
.naviguj3 a{
  background-color: #DDD;
  color: #666;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 145px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}
.naviguj3 a:hover{
  background-color: #666;
  color: #DDD;
  text-decoration: none;
	display: block;
	height: 30px;
	line-height: 32px;
	width: 145px;
	margin-top: 1px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
}
.riadky2{height:60px !important; background-color: #DDDDDD;}
.riadky2 a:hover{height:60px !important; background-color: #666; color:#DDDDDD;}
.riadky2b{height:60px !important; background-color: #666; color:#DDDDDD;}
/* ///////////////// */
/*       OBSAH       */
/* ///////////////// */
#obsah { 
 float: right;
 color: #000;
 border: 0px;
 background: #DDD;
 margin: 7px 0px 5px 0px;
 padding: 0px;
 width: 585px;
 display: inline;
}
/* MALY OBRAZOK */
#hore-obsah {
	height: 7px;
	width: 785px;
	margin-top: -7px;
	background-image: url(o/hore2.gif);
	background-repeat: no-repeat;
}

#dole-obsah {
	height: 7px;
	width: 785px;
	margin-bottom: -7px;
	background-image: url(o/dole2.gif);
	background-repeat: no-repeat;
}

.text_nadpis {
  color: #444444;
  font-weight: bold;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
}
.text_normal {
 color: #000000;
 font-size: 15px;
 text-align: justify;
 padding: 0px;
 margin: 0px 10px 0px 10px;
}
.text_velky {
 color: #000000;
 font-size: 16px;
 text-align: center;
 font-weight: bold;
}
/* MALY OBRAZOK */
#hore-obsah2 {
	height: 7px;
	width: 785px;
	margin: -12px -7px 0px -5px;
	background-image: url(o/hore2.gif);
	background-repeat: no-repeat;
}

#dole-obsah2 {
	height: 7px;
	width: 785px;
	margin: 12px -7px -12px -5px;
	background-image: url(o/dole2.gif);
	background-repeat: no-repeat;
}
/* ////////////////////////////////// */
#spodok { 
 width: 800px;
 height: 16px;
 float: right;
 clear: both;
 border: 0px;
 background: #DDD;
 color: #DDD;
 margin: 15px 0px 10px 0px;
 padding: 0px;
}
/* OBRAZKY */
#hore-spodok {
	height: 7px;
	width: 800px;
	margin-top: -7px;
	background-image: url(o/hore.gif);
	background-repeat: no-repeat;
}

#dole-spodok {
	height: 7px;
	width: 800px;
	margin-bottom: -7px;
	background-image: url(o/dole.gif);
	background-repeat: no-repeat;
}

.aktual {
	float: left;
	text-align: left;
	margin-left: 10px;
	width: 200px;
	color: #000;
	font-size: 12px;
}

.copy {
	float: left;
	text-align: center;
	margin-left: 117px;
	width: 150px;
	color: #000;
	font-size: 12px;
}

.valid {
	float: right;
	text-align: right;
	margin-right: 10px;
	width: 200px;
	color: #000;
	font-size: 12px;
}
.link{text-align:center; }
.link a{font-weight:bold;}
/* ////////////////////////////////// */

/* ////////////////////////////////// */







/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */

/* ////////////////////////////////// */