body, html { margin: 0; padding: 0; }

body {
  padding-top: 63px;
  font: 80%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  color: #222;
  background: url(../images/bg-bottom.gif);
}

img { border: none; }

a { color: #00c; }
a:hover { color: #f4805e; }

.hidden { display: none; }
.clear {
  display: block;
  clear: both;
  width: 1px; height: 1px;
  margin: 0; border: none; padding: 0;
}

h2 {

  font-size: 120%;
  margin: 0.3em 0 1em;
  border-bottom: 1px solid #555;

}

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

#navigation {
  position: absolute; top: 0; left: 0;
  width: 100%;
  background-image: url(../images/bg-top.gif);
}

        #navigation ul {
          width: 770px; height: 36px;
          margin: 0 auto; padding: 0;
          line-height: 36px;
          background-color: #fff;
        }

        #navigation li {
          display: block;
          float: left;
          margin: 0; padding: 0;
        }

        #navigation li a  {
          display: block;
          padding-left: 25px; padding-right: 1em;
          color: #222; text-decoration: none;
        }

        #navigation li a:hover {
          text-decoration: underline;
        }

        #navigation li#nav-home a {
          background: url(../images/nav-home.gif) no-repeat 4px 50%;
        }
        
        #navigation li#nav-sitemap a {
          background: url(../images/nav-sitemap.gif) no-repeat 4px 50%;
        }
/******************************************************************************/
        
#menu {
  position: absolute; top: 36px; left: 0;
  width: 100%;
  background-image: url(../images/bg-top-shadow.gif);
}

        #menu ul {
          width: 770px; height: 27px;
          margin: 0 auto; padding: 0;
          background: url(../images/menu-background.gif) repeat-x;
        }

        #menu li {
          display: block;
          float: left;
          /*width: 16%;*/ width: 14%; height: 100%;
          line-height: 23px;     
          margin: 0; border-right: 1px solid #fff; padding: 0;
        }

        #menu li#menu-last {
          width: auto;
          border-right: none;
        }

        #menu li a {
          display: block;
          padding-left: 25px; padding-right: 1em;
          color: #fff; text-decoration: none;
          background: url(../images/menu-arrow.gif) no-repeat 10px 50%;
        }

        #menu li a:hover {
          text-decoration: underline;
        }

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

#header {
  background-image: url(../images/bg-top.gif);
}

        #header div {
          width: 770px;
          margin: 0 auto;
          border-top: 1px solid #fff;
          border-bottom: 1px solid #fff;
          background: #fff url(../images/header-shadow.gif) repeat-x;
        }

        #header div div {
          position: relative;
          width: auto; height: 139px;
          border: none;
          background: url(../images/header-fotka.png) no-repeat right top;
          overflow: hidden;
        }

        #header #coma-logo {
          position: absolute; top: 25px; left: 25px;
          margin: 0; padding: 0;
        }

        #header h1 {
          margin: 10px 350px 0 125px; border: 0px solid red; padding: 0 0 0 20px;
          font-size: 140%;
          background: url(../images/odrazka.gif) no-repeat left 50%;
        }

        #header h1 a {
          display: block;
          padding-top: 10px; padding-bottom: 10px; border: 0px solid green;
          font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
          font-size: 16px;       
          color: #222;
          text-decoration: none;
        }

        #header p {
          margin: 0 350px 0.3em 125px; padding: 0 0 0 20px;
          font-size: 95%; color: #777;
        }

        #header p a {
          color: #2f4b4b;
          text-decoration: none;
        }

        #header p a:hover {
          text-decoration: underline;
        }

        #header p#annotation {
        }

        #header p#breadcrumbs {
          margin-top: 1em;
          font-size: inherit; color: inherit;
        }

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

#content {
  clear: both;
  border-top: 4px solid #fff;
  background-image: url(../images/bg-middle.gif);
}

        #content #cnt-pad {
          position: relative; top: -4px;
          width: 770px;
          margin: 0 auto;
          border-top: 4px solid #2f4b4b;
          background-color: #fff;
        }

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

#footer {
  position: relative; top: -4px;
  clear: both;
  background: url(../images/bg-bottom-shadow.gif) repeat-x;
}

        #footer div {
          position: relative;
          width: 770px;
          margin: 0 auto;
        }

        #footer #foot-slogan {
          position: absolute; top: 0; left: 15px;
          margin: 0; padding: 0;
          line-height: 30px;
          color: #fff;
        }

        #footer #foot-menu {
          margin: 0; padding: 0 15px;
          line-height: 30px;
          text-align: right;
          color: #fff;
          background-color: #2f4b4b;
        }

        #footer #foot-menu a {
          color: #fff; text-decoration: none;
        }

        #footer #foot-menu a:hover {
          text-decoration: underline;
        }

        #footer #foot-copy {
          margin: 0; padding: 0 15px;
          line-height: 27px;
          background-color: #fff;
        }

#banner {
  text-align: center;
}

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

#home-segments,
#home-news,
#home-tech-news {
  font-size: 85%;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  color: #555;
}

#home-segments {
  margin: 0 204px;
  border: solid #2f4b4b; border-width: 0 2px;
}

#home-news,
#home-tech-news {
  position: absolute;
  width: 203px;
}

#home-news {
  left: 0; top: 0;
}

#home-tech-news {
  right: 0; top: 0;
}

#home-news h2,
#home-tech-news h2,
#home-segments h2 {
  margin: 0; border: 1px solid #fff; padding: 0.4em 1em;
  font-size: 100%;
  background: url(../images/home-heading-shadow.gif) repeat-y;
}

#home-news div,
#home-tech-news div {
   height: 130px;
   border: solid #fff; border-width: 0 1px 4px;
   padding: 0 1em;
   background: url(../images/news-shadow.gif) repeat-y;
   overflow: hidden;
}

#home-news h3,
#home-tech-news h3 {
  margin: 0.5em 0; padding: 0;
  font-size: 100%;
}

#home-news p,
#home-tech-news p {
  margin: 0 0 0.5em; padding: 0;
}

#home-segments a,
#home-news a,
#home-tech-news a {
  color: #333;
  text-decoration: underline;
}

#home-segments a:hover,
#home-news a:hover,
#home-tech-news a:hover {
  text-decoration: none;
}

#home-segments table {
  width: 100%;
  margin: 0; padding: 0;
  border-collapse: separate;
  border-spacing: 0;
}

#home-segments tr {
  height: 120px;
}

#home-segments td {
  width: 50%; height: 130px;
  border-bottom: 4px solid #999;
  vertical-align: top;
  font-weight: bold;
  color: #777;
}

#home-segments td a {
  display: inline-block;
  width: 150px; height: 100px;
  margin-left: 25px;
  line-height: 22px;
}

#home-segments td#seg-uni   { background: url(../images/seg-univerzity.png) no-repeat; }
#home-segments td#seg-fin   { background: url(../images/seg-financnictvi.png) no-repeat; }
#home-segments td#seg-zdrav { background: url(../images/seg-zdravotnictvi.png) no-repeat; }
#home-segments td#seg-prum  { background: url(../images/seg-prumysl.png) no-repeat; }
#home-segments td#seg-stat  { background: url(../images/seg-statni-sprava.png) no-repeat; }
#home-segments td#seg-util  { background: url(../images/seg-utility.png) no-repeat; }
#home-segments td#seg-male-fy { background: url(../images/seg-male-firmy.png) no-repeat; }
#home-segments td#seg-ostatni { background: url(../images/seg-ostatni.png) no-repeat; }

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

#article {
  min-height: 40em;
  /* hack */ height: auto !important;
  /* hack */ height: 40em;
  margin-left: 12em;
  padding: 1.5em;
}

ul#article-list {
  position: absolute; left: 0; top: 1.5em;
  width: 12em;
  margin: 0; padding: 0;
}

ul#article-list li {
  display: block;
  margin: 0; padding: 0.3em 0 0.3em 1.5em;
}

ul#article-list a {
  color: #222;
  text-decoration: underline;
}

ul#article-list a:hover {
  color: #f4805e;
  text-decoration: none;
}

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

ul#sitemap {
  margin: 0 0 0 125px; padding: 1.5em;
}

div.flash {
	color: black;
	background: #FFFFDD;
	border: 1px solid #FFD700;
	padding: 1em;
	margin: 1em 0;
}

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

#contact-cz {
  float: left;
  width: 65%;
  margin: 0 2% 0 0; padding: 0;
}

#contact-sk {
  float: left;
  width: 32%;
  margin: 0; padding: 0;
}

#contact-cz h3,
#contact-sk h3 {
  position: relative;
  height: 19px;
  margin: 0; border-bottom: 3px solid #ddd; padding: 0;
  line-height: 19px; font-size: 13px;
}

#contact-cz h3 {
  background: url(../images/vlajecka-cz.gif) no-repeat right top;
}

#contact-sk h3 {
  background: url(../images/vlajecka-sk.gif) no-repeat right top;
}

#contact-cz h3 span,
#contact-sk h3 span {
  display: block;
  position: absolute; left: 0; top: 0;
  width: 70%; height: 100%;
}

#contact-cz h3 span {
  background: #fff url(../images/napis-cz.gif) no-repeat left top;
}

#contact-sk h3 span {
  background: #fff url(../images/napis-sk.gif) no-repeat left top;
}

#contact-cz table {
  float: left;
  width: 50%;
}

#contact-sk table {
  width: 100%;
}

#contact-cz table caption,
#contact-sk table caption {
  margin: 1em 0;
  color: #2f4b4b;
  background-color: #f5f5f5;
}

#contact-cz address,
#contact-sk address {
  margin: 0 0 1em; padding: 0;
  font-style: normal;
}

h3#contact-servis {
  clear: both;
  margin: 0; padding: 1.5em 0 0;
}

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

form .required {
  font-weight: bold;
}

form fieldset {
  padding: .5em;
  margin: .3em 0;
  border: 1px solid rgb(207,219,219);
}

form th {
  width: 8em;
  text-align: right;
  font-weight: normal;
}

table#regs {
  width: 100%;
  border-collapse: collapse;
}

table#regs th, table#regs td {
  border: 1px solid rgb(207,219,219);
}

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

table#agenda {
	background-color: #ffffff;
	border-spacing: 0px;
	border-collapse: collapse;
}
table#agenda th {
	border: 1px solid #8cacbb;
	background-color: #ffffff;
	padding: 3px 1em;
}
table#agenda td {
	border: 1px solid #8cacbb;
	padding: 3px 1em;
	text-align: center;
}
table#agenda tr.spol {
	background-color: rgb(255,220,185);
}
table#agenda tr.spol2 {
	background-color: #dee7ec;
}
table.partner {
	width: 480px;
	margin: 0 0;
	text-align: center;
	border: 1px solid #eee;
}
table.partner caption {
	padding: 3.5em 1em 0.5em;
}
#formular {
	width: 480px;
}
#formular .required, #formular legend {
	font-weight: bold;
}
#formular fieldset {
	padding: .5em;
	margin: 3em 0;
	border: 1px solid #8cacbb;
}
#formulat label {
	font-weight: normal;
}
#formular th {
	width: 8em;
	text-align: right;
	vertical-align: baseline;
}
table.foto {
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 90%;
}
table.foto td {
	text-align: center;
}

table.border {
        border-collapse: collapse;
}

table.border th,
table.border td {
	border: 1px solid #8cacbb;
	padding: 3px 1em;
}