body {
  margin:0;
  padding:0;
  border:0;      /* This removes the border around the viewport in old versions of IE */
  width:100%;
  background: #fca;
/*  min-width:600px;  */  /* Minimum width of layout - remove line if not required */
          /* The min-width property does not work in old versions of Internet Explorer */
/*  font-size:90%;*/
}
a {
  color: #942;
  text-decoration:none;
  border-bottom: #666;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

a:visited {
  color:#666;
}
a:hover {
  color:#000;
  background:#aaa;
  text-decoration:none;
}


h1 {
  font-size: 130%;
  text-decoration:none;
  padding-left: 0.3em;
  border-left:0.4em solid #ccc;
}

h2 {
  font-size: 120%;
  padding-left: 0.3em;
  border-left:0.2em solid #ccc;
}

h3 {
  font-size: 110%;
  padding-left: 0.3em;
  border-left:2px solid #ccc;
}

h4 {
  font-size: 100%;
  padding-left: 0.2em;
  border-left:1px solid #ccc;
}


p {
  margin:.4em 0 .8em 0;
  padding:0;
}

img.attachment {
  padding: 10px;
  padding-bottom: 5px;
}

div.hidden {
  display: none;
  font-size: 0px;
}

li p {
  margin: 1px;
  padding: 0;
}


/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
/*  background: #f7ad7c;*/
/*  background: #fca;*/
  border-bottom:1px solid #bbb;
/*  background-image: url('/pics/pozadiehlavicky.jpg');*/
}
#header p,
#header h1,
#header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
}

#header h1 {
  font-size: 200%;
  border:0;
  text-align: center;
}
#header h2 {
  font-size: 160%;
  border:0;
  text-align:center;
}

#header img.headerlogo {
  float:left;
  padding-left: 10px;
}
#header img.headerbuilding {
  float:right;
  height: 128px;
  padding-right: 10px;
}

/* 'widths' sub menu */
#layoutdims {
  clear: both;
/*  background:#eee;*/
/*  border-top:1px solid #000; */
/*  border-bottom:1px solid green;*/
  padding:1px 15px !important;
  /*margin: 10px;*/
  text-align:right;
}

#layoutdims ul {
/*  clear:left;
  float:left;
  width:100%;*/
  list-style:none;
  margin:4px 0 4px 0;
  padding:0;
}

#layoutdims ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
}

#layoutdims  ul li a {
/*  display:block;
  float:left;*/
  margin:0 0 0 1px;
  padding:3px 10px;
  font-size:small;
  text-align:center;
  color:black;
  text-decoration:none;
/*  position:relative;*/
  left:15px;
  line-height:1.3em;
  border-style: none none none none;

}

/* column container */
.colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug */
  clear:both;
  float:left;
  width:100%;      /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;      /* width of page */
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
          only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}
/* 3 Column settings */
.threecol {
  background: #fca;    /* right column background colour */
/*  background-image: url('/pics/pozadiehlavicky.jpg');*/

}
.threecol .colmid {
  right:15%;      /* width of the right column */
  background:#eee;    /* center column background colour */
  -moz-border-radius-topright: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right-radius: 20px;
}

.threecol .colleft {
  right:70%;      /* width of the middle column */
  background: #fca;  /* left column background colour */
/*  background-image: url('/pics/pozadiehlavicky.jpg');*/
  -moz-border-radius-topright: 20px;
  border-top-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right-radius: 20px;
}

.threecol .col1 {
  width:66%;      /* width of center column content (column width minus padding on either side) */
  left:102%;      /* 100% plus left padding of center column */
}
.threecol .col2 {
  width:15%;      /* Width of left column content (column width minus padding on either side) */
  left:19%;      /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ 
}
.threecol .col3 {
  width:15%;      /* Width of right column content (column width minus padding on either side) */
  left:89%;      /* Please make note of the brackets here:
          (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


div.menuitemsep {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  margin-bottom: 0px;
/*  background:#fca;*/
  border-bottom: 1px solid #bbb;
/*  border-top: 1px dotted #999;*/
/*  border-left: 5px solid #999;*/
/*  white-space: nowrap;*/
}


div.menuitemsep a {
  color: black;
  text-decoration:none;
  border:0;
}

div.menuitemsep a:visited {
  color: #666;
  text-decoration:none;
  border:0;
}

div.menuitemsep a:hover {
  color: black;
  text-decoration:none;
  border:0;
}

div.menuitem {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  margin-bottom: 0px;
/*  background:#fca;*/
/*  border-bottom: 1px solid #c8c8c8;*/
/*  border-top: 1px dotted #999;*/
/*  border-left: 5px solid #999;*/
/*  white-space: nowrap;*/
}

div.menutitle {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  margin-bottom: 0px;
  text-align: center;
  font-style:italic;
}


div.menuitem a {
  color: black;
  text-decoration:none;
  border:0;
}

div.menuitem a:visited {
  color: #888;
  text-decoration:none;
  border:0;
}

div.menuitem a:hover {
  color: black;
  text-decoration:none;
  border:0;

}


/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #bbb;
  padding-top: 0.2em;
  padding-bottom: 0.1em;
  text-align: center;
  font-size: small;
  background-color: #fca;
  color: #555;
}
#footer p {
  padding:10px;
  margin:0;
}

#footer a, a.visited {
  color: #ccc;
  border: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none; 
}
#footer a:hover {
  background-color: #3989b2;
  color: black;
  text-decoration: none;
}