/********************************************************
 *  DEFAULT STYLES
 ********************************************************/

.default {
}

body {
  text-align: center;   /* fancy trick for MSIE browsers */
  background: #7a8a93;
  margin-top: 0pt;
}
body * {
  text-align: left;
}

div {
  margin: 0px;
  padding: 0px;
  border: none;
  background: transparent;
}

p {
  margin: 0px;
  padding: 0px;
  border: none;
}

img {
  margin: 0px;
  padding: 0px;
  border: none;
}

/********************************************************
 *  LAYOUT STYLES
 ********************************************************/

/* Base Layout styles */
#layout {
  width: 771px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  text-align: left;
}

#content-box { 
  width: 771px;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  background: white url("../images/gradient.gif") repeat-x left top;
}

#top-navigation {
  margin: 0px 20px 0px 15px;
  padding: 0px;
  font: normal 13px arial,helvetica,sans-serif;
  color: #666666;
  clear: both;
}

#top-navigation a:link, #top-navigation a:active, #top-navigation a:visited { 
  color: #666666;
  text-decoration: none;
}

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

#content {
  width: 550px;
  padding: 0px;
  margin: 20px 10px 10px 10px;
  float: left;
}

#content-box > #content { 
  margin: 20px;
}

#bottom-box { 
  clear: both;
  margin: 0px;
  padding: 0px;
  background: #ffffff url(../images/bottom-corner-left.gif) bottom left no-repeat;
  border-top: 1px solid #CBDEF1;
}

#bottom-box p
{
  margin: 0px;
  padding: 20px 20px;
  font: normal 11px arial,helvetica,sans-serif;
  font-size: 80%;
  color: #aaa;
  text-align: center;
  background: transparent url(../images/bottom-corner-right.gif) bottom right no-repeat;
  line-height: 1.3em;
}

#bottom-box a { 
  cursor: pointer;
  background: transparent;
  text-decoration: none;
}

#bottom-box a:link, #bottom-box a:active, #bottom-box a:visited {
  color: 0000aa;
}

#bottom-box a:hover {
  text-decoration: underline;  
}

/* Top Box styles */
#top-box {
  position: relative;
  width: 771px;
  height: 111px;
  background: transparent url("../images/title.jpg") no-repeat 0px 0px;
}

/* Buttons */
#top-box .buttons {
  position: absolute;
  bottom: 10px;
  height: 18px;
}

/* Buttons: Box */
#top-box ul.buttons {
  position: absolute;
  top: 91px; left: 0px;
  height: 20px;
  margin: 0px; 
  padding: 0px;
  list-style-type: none;
  white-space: nowrap;
  float: left;
}

/* Buttons: Items */
#top-box ul.buttons li {
  position: relative;
  height: 20px;
  margin: 0px;
  padding: 0px;
  float: left;
}

/* Buttons: Links */
#top-box ul.buttons li a {
  display: block;
  position: relative;
  height: 20px;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 0px 12px;  /* padding for MSIE */
  float: left;
}

html>body #top-box ul.buttons li a {
  padding: 2px 13px 0px 12px;  /*  padding for real browsers */
}

#top-box ul.buttons li a:link, #top-box .buttons li a:visited,
#top-box ul.buttons li a:active {
  font: bold 12px arial,helvetica,sans-serif; 
  text-decoration: none; color: #000000;
} 
#top-box ul.buttons li a:hover {
  text-decoration: none;
  color: #ffffff;
}

/* Buttons: Active Links */
#top-box ul.buttons li a.active:link, #top-box .buttons li a.active:visited,
#top-box ul.buttons li a.active:active, #top-box .buttons li a.active:hover { 
  font: bold 12px arial,helvetica,sans-serif; 
  text-decoration: none; color: #000000;
/* background-color: #e5e5e5; */
/* background-color: #9291a3; */
/* background-color: #b6b5cc; */
  background-color: #abaabf;
/*  background-color: #ababcc;  80% */
/*  background-color: #b6b6d8;  85% */
/*  background-color: #d7d6ff; */
}

/* End of Top Box styles */

/* Right box */
#right-box {
  position: relative;
  width: 180px;
  margin: 21px 0px 20px 0px;
  padding: 0px;
  background: transparent url("../images/border.gif") left repeat-y;
  border-bottom: solid 1px #d7d6ff;
  float: right;
}

#right-box h1 { 
  margin: 0px;
  padding: 5px 20px 5px 20px;
  font: bold 14px arial,helvetica,sans-serif;
  background-color: #d7d6ff;
}

#right-box h1.top { 
  background: #d7d6ff url("../images/corner.gif") no-repeat 0px 0px;
}

#right-box h2 { 
  margin: 0px;
  padding: .5em 20px .5em 15px;
  font: bold 13px arial,helvetica,sans-serif;
  color: #666;
}

#right-box p {
  margin-top: 0px;
  padding: .5em 20px .5em 19px; 
  font: normal 13px arial,helvetica,sans-serif;
}

#right-box div {
  text-align: center; 
  font: normal 13px arial,helvetica,sans-serif;
  margin: 0px;
  padding: 0px;
}

#right-box ul li { 
  font: normal 13px arial,helvetica,sans-serif;
}

#right-box ul.buttons, ul.buttons ul { 
  margin: 0px;
  padding: 0px 0px 5px 0px;
  list-style: none;
/*  white-space: nowrap; */
}

#right-box ul.buttons { 
  margin-bottom: 3px;
}

#right-box ul.buttons li { 
  width: 100%;
  margin: 0px; 
  padding: 0px;
  list-style: none;
}

#right-box ul.buttons li a { 
  display: block;
  margin: 0px;
  padding: .45em 20px .45em 19px;
  border-left: 1px solid #d7d6ff;
  font-size: 95%;
}


#right-box ul.buttons li a:link, #right-box ul.buttons li a:visited { 
  font: normal 12px arial,helvetica,sans-serif; 
  text-decoration: none; color: #000000;
} 

#right-box ul.buttons li a:active, #right-box ul.buttons li a:hover {
  border-left: 1px solid #d7d6ff;
  text-decoration: none; color: #000000;
  background-color: #f5f5f6;
}

#right-box ul.buttons li li a, 
#right-box ul.buttons li li a:link, #right-box ul.buttons li li a:visited,
#right-box ul.buttons li li a:active, #right-box ul.buttons li li a:hover { 
  padding:.45em 20px .45em 34px;
}

/* Buttons: Active Links */
#right-box ul.buttons li a.active:link, #right-box .buttons li a.active:visited,
#right-box ul.buttons li a.active:active, #right-box .buttons li a.active:hover { 
  font:  normal 12px arial,helvetica,sans-serif; 
  text-decoration: none; color: #000000;
  background: transparent url("../images/arrow.gif") left no-repeat;
}


/********************************************************
 *  DOCUMENT CONTENT STYLES
 ********************************************************/

#content { 
  font: normal 10pt Arial, Helvetica, sans-serif;
}

#content * {
  margin: 0px;
  padding: 0px;
}

#content p {
  text-align: justify;
  margin-bottom: 0.8em;
}

#content h1 { 
  font: normal 14pt Arial, Helvetica, sans-serif;
  text-align: left;
  margin-bottom: 1em;
}

#content h2 { 
  font: bold 12pt Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 1em;
}

#content .image-top-left {
  margin-right: 15px;
  margin-bottom: 15px;
  font: normal 9pt Arial, Helvetica, sans-serif;
  color: #666666;
  float: left;
}

#content .image-top-right {
  position: relative;
  float: right;
  font: normal 9pt Arial, Helvetica, sans-serif;
  color: 666666;
  margin-left: 15px;
  margin-bottom: 15px;
}

#content table { 
  padding: 0px;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

#content table tr { 
  vertical-align: top;
}

#content table td { 
  font: normal 10pt Arial, Helvetica, sans-serif;
  vertical-align: top;
}

#content table td.numbering { 
  width: 10px;
  font: normal 10pt Arial, Helvetica, sans-serif;
  vertical-align: top;
  text-align: right;
  padding-right: 0.8em;
}


#content table.news { 
  cell-spacing: 10px;
  padding: 0px;
  margin: 0px;
}

#content table.news tr { 
  vertical-align: top;
}

#content table.news td { 
  font: normal 10pt Arial, Helvetica, sans-serif;
  vertical-align: top;
}

#content table.news tr { 
  vertical-align: top;
}

#content table.news td { 
  font: normal 10pt Arial, Helvetica, sans-serif;
  vertical-align: top;
}

#content table.news td.date { 
  font: bold 10pt Arial, Helvetica, sans-serif;
}

#content .Slovakia_obslog table {
  cell-spacing: 0px;
  cell-padding: 0px
  padding: 0px;
  margin: 0px;
  border-right: solid 1px #d7d6ff;
  border-top: solid 1px #d7d6ff;
}

#content .Slovakia_obslog table tr { 
  vertical-align: top;
}

#content .Slovakia_obslog table tr.centralcolumn td { 
  font: bold 8pt Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding: 3px;  
  border-left: solid 1px #f5f5f6;
  background-color: #d7d6ff;
}

#content .Slovakia_obslog table td { 
  font: normal 8pt Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding: 3px;
  border-left: solid 1px #d7d6ff;
  border-bottom: solid 1px #d7d6ff;
}

#content table.participants { 
  cell-spacing: 0px;
  cell-padding: 0px
  padding: 0px;
  margin: 0px;
  border-right: solid 1px #d7d6ff;
  border-top: solid 1px #d7d6ff;
}

#content table.participants tr { 
  vertical-align: top;
}

#content table.participants th { 
  font: bold 8pt Arial, Helvetica, sans-serif;
  text-indent: 1.3em;
  vertical-align: top;
  padding: 3px;
  border-left: solid 1px #f5f5f6;
  background-color: #d7d6ff;
}

#content table.participants th.first { 
 border-left: none;
}

#content table.participants td { 
  font: normal 9pt Arial, Helvetica, sans-serif;
  padding: 5px;
  vertical-align: top;
  border-left: solid 1px #d7d6ff;
  border-bottom: solid 1px #d7d6ff;

}

#content ul { 
  padding: 0px 20px 20px 20px;
}

#content ul li { 
  margin-bottom: 0.35em;
/* line-height: 1.5em; */
}

#content ol { 
  padding: 0px 20px 20px 20px;
}

#content ol li { 
  margin-bottom: 0.35em;
/* line-height: 1.5em; */
}

#content a { 
  cursor: pointer;
  background: transparent;
  text-decoration: none;
}

#content a:link, #content a:active {
  color: #0000ee;
}

#content a:visited {
  color: #551a8b;
}

#content a:hover {
  text-decoration: underline;
}

/********************************************************
 *  IMAGE GALLERY STYLES
 ********************************************************/

.thumbnail {

  background: #ffffff;
  float: left;
  margin: .5em;
  padding: 2px;
  text-align: center;
  font-size: 0.8em;
  width: 110px;
  height: 100px;
}