body {
  margin: 0; padding: 0;
  color: #000000;
  background: #005494 url("/gui/bodybg.gif") repeat-x top left; 
  text-align: center; /* IE center */
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 10pt;
}
body div#page {
  width: 780px; 
  margin: 0 auto; padding: 0; 
  text-align: left; 
  border: 1px solid #d2d2d2; 
  border-top: none;
  background-color: white;
}

/* -- pagefooter -- */

#pageFoot {
  clear: both;
  margin: 0; padding: 10px 20px;
  border-top: 1px solid #666666;
  background-color: #598EB7;
  color: white;
  font-size: 80%;
}

#pageFoot p {margin: 0; padding: 0;}

/* -- header styles -- */

div.pageHead {
  position: relative;
  margin: 0px; padding: 1px 0 0 0;
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #000000;
}
div.pageHead h1 {position: absolute; width: 152px; height: 46px;}
div.pageHead h1 a {display: block; width: 152px; height: 46px;}
div.pageHead h1 span {display: none;}

div#headerNews h1 {top: 144px; left: 600px;}
div#headerSport h1 {top: 150px; left: 532px;}
div#headerCulture h1 {top: 150px; left: 532px;}
div#headerAdvert h1 {top: 150px; left: 532px;}
div#headerContact h1 {top: 150px; left: 532px;}
div#headerHumanity h1 {top: 150px; left: 532px;}
div#headerForPartners h1 {top: 144px; left: 600px;}

div#headerNews {background-image: url("/gui/header-forpartnersbg1.jpg");}
div#headerSport {background-image: url("/gui/header-sportbg1.jpg");}
div#headerCulture {background-image: url("/gui/header-culturebg1.jpg");}
div#headerAdvert {background-image: url("/gui/header-advertbg1.jpg");}
div#headerContact {background-image: url("/gui/header-contactbg1.jpg");}
div#headerHumanity {background-image: url("/gui/header-humanitabg1.jpg");}
div#headerForPartners {background-image: url("/gui/header-forpartnersbg1.jpg");}

/* -- menu styles -- */

#mainMenu {
  margin: 229px 0 0 0; padding: 0 1ex;
  border-style: none;
  border-top: 1px solid #0054FF;
  border-bottom: 1px solid #999999;
  background: #FFFFFF url("/gui/mainmenu-bg.jpg") no-repeat bottom left;
}

#mainMenu h2 {display: none;}

#mainMenu ul {margin: 0; padding: 0; height: 2em;}
#mainMenu li {
  float: left;
  list-style-type: none; 
  display: block;
  margin: 0; padding: 0 1ex;
  white-space: nowrap;
  line-height: 2em;
  font-size: 12px;
  font-weight: bold;
}

/* -- content -- */

#content {margin: 0; padding: 0;}
#content div.content-body {margin: 0; padding: 20px 20px 0 20px; /* padding: 2.7em 2em 1em 2em; */}

#content2Col {margin: 0; padding: 0; background: transparent url("/gui/bg200.gif") repeat-y top right;}
#content2Col div.left {clear: right; float: right; width: 180px; padding: 1.6em 0 0.7em 0; position: relative; right: 10px;}
#content2Col div.right {clear: left; float: left; width: 540px;  padding: 1.6em 0 0.7em 0; position: relative; left: 20px;}

div.head {
  margin: 0; padding: 1.6em 20px 0.7em 20px;
  border-bottom: 1px solid #666666;
  background-color: #598EB7;
  color: #ffffff;
  position: relative; /* IE hack */
}
div.head h2 {color: #ffffff; margin: 0; padding: 0;}
div.head p {margin: 0; padding: 0; font-size: 80%;}

/* -- roky -- */

#roky {width: 110px; float: left; margin: 0 0 1.3em 0;}

#roky h3 {display: none;}

#roky ul {
  margin-top: 0; margin-bottom: 0;
  padding-top: 0; padding-bottom: 0;
}
#roky li {
  list-style-type: disc;
  padding-bottom: 3px; padding-top: 0; 
  margin-bottom: 0; margin-top: 0;
  font-weight: bold; font-size: 8pt;
  line-height: 1.5em;
}

/* -- zoznam akcii -- */

#zoznamAkcii {float: right; /*margin-top: 20px; right: 20px; position: relative;*/}
#title #zoznamAkcii {width: 480px;}
#zoznamAkcii {width: 627px;}

div.akcia {margin-bottom: 1.3em;}
div.akcia h3 {
  color: #090E64;
  margin: 0; padding: 0 0 0.4em 0;
  font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
  font-size: 11pt; font-weight: bold;
}
div.akcia div.popis {margin: 0; padding: 0;}
div.akcia div.popis img{
  float: right;
  border: 1px solid #090E64;
  margin: 0 0 0 10px;
}
div.akcia p {margin: 0; padding: 0;}

/* -- kratke spravy -- */

#kratkeSpravy { 
  font-size: 80%;
  width: 245px; float: left; 
  margin-bottom: 1.3em;
/*  margin-top: 20px;
  position: relative;
  left: 20px;*/
}
#kratkeSpravy dl.aktualne,
#kratkeSpravy dl.neaktualne {margin: 0; padding: 0;}

#kratkeSpravy dl.aktualne dt,
#kratkeSpravy dl.neaktualne dt {
  display: block; float: none;
  margin: 0 0 5px 0; padding: 2px 0;
  font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
}
#kratkeSpravy dl.aktualne dd,
#kratkeSpravy dl.neaktualne dd {
  display: block; float: none;
  margin: 0; padding: 0 0 7px 0;
}
#kratkeSpravy dl.aktualne dd p,
#kratkeSpravy dl.neaktualne dd p {margin: 0; padding: 0 0 5px 0;}

#kratkeSpravy dl.aktualne dd p.img,
#kratkeSpravy dl.neaktualne dd p.img {text-align: center;}

#kratkeSpravy dl.aktualne dd img,
#kratkeSpravy dl.neaktualne dd img {display: inline; border-style: none; margin: 0;}

#kratkeSpravy dl.aktualne dd cite,
#kratkeSpravy dl.neaktualne dd cite {text-align: center; display: block; margin: 0; padding: 0 0 5px 0;}

#kratkeSpravy dl.aktualne dt {border-bottom: 2px solid #679EDC;}
#kratkeSpravy dl.neaktualne dt {border-bottom: 2px solid #AAAAAA; color: #AAAAAA;}
#kratkeSpravy dl.neaktualne dd p {color: #AAAAAA;}
#kratkeSpravy dl.neaktualne dd cite {color: #AAAAAA;}
#kratkeSpravy dl.neaktualne dd a {color: #888888;}

/* -- general text styles -- */

hr.cleaner {
   clear: both;
   visibility: hidden;
   height: 1px;
   margin: 0px;
   border-style: none;
}

div.cleaner {
  clear: both;
  font-size: 1pt;
  margin: 0; padding: 0;
  height: 1px;
  visibility: hidden;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: #090E64;
  font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0.3em 0 0.2em 0; padding: 0;
}
h1 {font-size: 14.5pt;}
h2 {font-size: 13.8pt;}
h3 {font-size: 13.1pt;}
h4 {font-size: 12.4pt;}
h5 {font-size: 11.7pt;}
h6 {font-size: 11pt;}

.heading {border-bottom: 1px solid #666666;}

a:link {color: #090E64;}
a:visited {color: #090E64;}
a:hover {color: #B80000;}
a:active {color: #B80000;}
a img {border-style: none;}

address {display: block; margin: 0 0 1.3em 0; padding: 0 0 0 1em;}
p {margin: 0 0 1.3em 0; padding: 0;}

dl {display: block; margin: 1.3em 0 0 0; padding: 0;}
dt {display: block; margin: 0; padding: 0;}
dd {display: block; margin: 0 0 1.3em 2em; padding: 0;}

ul {margin: 0.3em 0 1em 1.5em; padding: 0;}
li {list-style-type: disc; margin: 0 0 0.3em 0; padding: 0;}
li.selected {font-weight: bold; color: #EE8913;}


em {font-style: italic;}
strong {font-weight: bold;}


div.centerImg {text-align: center; margin: 1em 0; display: block; width: 100%;}
div.centerImg img {margin: 0 auto; padding: 0; border: 1px solid #d2d2d2;}
div.centerImg div {font-size: 80%; margin-top: 10px; text-align: center; }

div.paging2 {text-align: center; font-size: 90%; margin-bottom: 1em;}
div.smallNote {font-size: 80%; padding-bottom: 0.5em;}

img.leftWithThickB {display: block; float: left; margin: 0 10px 5px 0; border: 5px solid #CFD0DE;}
img.rightWithThickB {display: block; float: right; margin: 0 0 5px 10px; border: 5px solid #CFD0DE;}

em.bullet {color: #008AFF;}

a img.thumbnail {border: 2px solid #090E64; margin: 10px;}
a:hover img.thumbnail {border: 2px solid #B80000;}

div.thumbs {margin-bottom: 1em;}
div.thumbs img {display: block; position: absolute;}
div.thumbs div.thumb100x100,
div.thumbs div.thumb100x100sel {
  width: 100px;
  height: 100px;
  float: left;
/*  overflow: hidden;*/
  margin: 3px 3px 2em 3px;
  font-size: 80%;
  border: 1px solid #92A57F;
  display: inline; /* IE double margin hack */
  position: relative;
}
div.thumbs div.thumb100x100 {background-color: #EBF0E6;}
div.thumbs div.thumb100x100sel {background-color: #E1EBF2; border-color:#1A5884; }
div.thumbs div.thumb100x100 span,
div.thumbs div.thumb100x100sel span {
  display: block;
  position: absolute;
  top: 100px; left: 0; width: 100px; line-height: 2em;
  overflow: hidden;
}

div.billboardList div {
	float: left;
	display: inline; /* IE hack*/
	margin: 10px;
}
div.billboardList div img {margin: 0; display: inline;}

dl.zoznamRadioSpotov {margin: 0; padding: 0;}
dl.zoznamRadioSpotov dt {color: #516232; font-weight: bold; padding: 0.7em 0 0.2em 0;}
dl.zoznamRadioSpotov dd {margin-left: 0; padding-left: 0;}
dl.zoznamRadioSpotov dd * {margin: 0; padding: 0;}
dl.zoznamRadioSpotov dd div {
  color: #516232; 
  font-size: 80%; 
  margin-bottom: 0.5em; 
  text-align: left;
}

/* -- zoznam partnerov -- */

div.zoznam-partnerov {margin: 0; padding: 0.5em 0 1.3em 0;}
div.zoznam-partnerov div.partner {float: left; padding: 0 10px 10px 0; color: #090E64; font-size: 8pt;}
div.zoznam-partnerov div.partner img {display: block;} 
div.zoznam-partnerov div.partner span {margin-top: 2px; padding: 1px 0px; display: block; background-color: #598EB7; color: white; white-space: nowrap; width: 160px; overflow: hidden; text-align: center;}

div.notes {font-size: 80%;}
div.notes h6 {width: 10em; border-bottom: 1px solid #CCCCCC;}

/* -- general table styles -- */

table {
  border-collapse: collapse;
  border: 1px solid #A4B97F;
  line-height: 1.2em;
  font-size: 10pt;
  margin: 0 0 1em 0;
}
table tr.par {background-color: #EAEDE4;}
table tr.nepar {background-color: #ffffff;}
table thead tr,
table tfoot tr {background-color: #E2ECD1;}

table td, 
table th { 
  padding: 0.15em 1ex; 
  border: 1px solid #A4B97F;
}

table th {
  color: #516232; 
  font-size: 90%;
  font-weight: bold; 
  text-align: center;
  vertical-align: middle;
}

th.left ,td.left {text-align: left;}
th.right, td.right {text-align: right;}
th.center, td.center {text-align: center;}

/* layoutgrid */

table.layoutgrid {
  border: none;
  border-collapse: collapse;
  empty-cells: hide;
}

table.layoutgrid td {
  border: 1px solid #A4B97F;
  padding: 10px 0;
  text-align: center;
  overflow: hidden;
}

/* table zoznam suborov */

table.zoznamsuborov {
  width: 100%;
  line-height: 1.1em;
}
table.zoznamsuborov td, 
table.zoznamsuborov th { 
  padding: 0.15em 1ex; 
/*  border-style: none;*/
  border-bottom: 1px solid #A4B97F;
}
table.zoznamsuborov td {font-size: 80%;}


/* -- mediaplan styles -- */
  
table.mediaplan2 {width: 100%;}

table.mediaplan2 .title {background-color: white; color: #A4B97F;}
table.mediaplan2 .title td {margin: 0; padding: 5px 10px 4px 1ex;}
table.mediaplan2 .title img {float: right; margin: 0;}
table.mediaplan2 .title h4 {color: #516232; padding: 10px 0 0 0; margin: 0;}
table.mediaplan2 .title .subtitle {font-size: 80%; display: block;}

table.mediaplan2 .months td {
  padding: 0.25em 1ex; 
  font-size: 90%;
  background-color: #828D6D; color: #ffffff; 
}
table.mediaplan2 .months a {color: #ffffff; text-decoration: underline;}
table.mediaplan2 .months a:hover {color: #ffffff; text-decoration: underline;}
table.mediaplan2 .months a.selected {text-decoration: none; font-weight: bold;}

table.mediaplan2 a {color: #000000; text-decoration: none;}
table.mediaplan2 a:hover {color: #000000; text-decoration: underline;}

/* ordinary text without margins and paddings */

div.text {margin-bottom: 1em;}
div.text * {margin:0; padding: 0;}

/* tiny horizontal menu */

ul.hMenu {
  display: block;
  float: right;
  margin: 0; padding: 0;
}
ul.hMenu li {
  list-style-type: none;
  display: inline;
  margin: 0; padding: 0;
}
ul.hMenu li a, 
ul.hMenu li a:hover{
  color: #516232; 
  font-size: 80%;
}

/* -- form styles -- */

form {margin: 0; padding: 0;}

div.formular {
 display: block;
 padding: 0.3em 1em; margin: 1em 0 1em 0; 
 border: 1px solid #A4B97F;
 background-color: #E2ECD1;
}