/*
 * Zakladni Styl tmbsign
 * Autor: Jan Rezac - Filosof
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #df0021;
}

a:visited {
  color: #df0021;
}

a:hover, a:focus, a:active {
  color: #000;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #000;
  color: #444;
  font-size: 1em;
  line-height: 1.7;
  padding-bottom: 0;
}

table {
  line-height: 1.7;
}

div.content {
  font-size: 0.77em;
  width: 940px;
  margin: 0 auto;
  text-align: left;
}

/*========== [header] ========================================================*/
div#head {
  color: #fff;
  padding: 30px 0 37px;
  background: #df0021 url(../images/top.gif) 0 100% repeat-x;
}

#home div#head,
#home div#body {
  background: #df0021;
}

div#logo {
  width: 127px;
  height: 37px;
  float: left; 
}

div#menu {
  width: 480px;
  float: right;
}

div#menu li {
  float: right;
}

div#menu a,
div#menu a:link,
div#menu a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 20px 45px;
}

div#menu a:hover {
  color: #000;
}

div#head a.fmenu,
div#head a.fmenu:link,
div#head a.fmenu:visited {
  padding-right: 0;
}

div#menu a.active,
div#menu a.active:link,
div#menu a.active:visited,
div#menu a.active:hover {
  color: #000;
}

div.sm {
  background: #000;
}

div#sm {
  float: right;
  width: 600px;
}

div#sm li {
  float: right;
}

div#sm a,
div#sm a:link,
div#sm a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px 12px;
}

div#sm a:hover {
  text-decoration: underline;
}

div#sm a.active {
  font-weight: bold;
}

div.pn {
  width: 38px;
  float: left;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.0;
  padding-top: 2px;
}

div.pn a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 4px 4px;
}

div.pn a.prev {
  float: left;
  padding-left: 0;
}

a.next {
  float: right;
}

div.detail {
  width: 580px;
  float: right;
}

/*========== [content] ========================================================*/
div#body {
  background: #fff;
  padding-bottom: 20px;
}

div.home {
  padding-top: 20px;
}

div.slogan {
  width: 939px;
  height: 126px;
  margin-bottom: 60px;
}

div.slogan span {
  background: url(../images/slogan.gif) no-repeat;
}

div.slogan2 {
  width: 938px;
  height: 176px;
  margin-bottom: 25px;
}

div.slogan2 span {
  background: url(../images/hups.gif) no-repeat;
}

div.ref div {
  width: 172px;
  float: left;
  margin: 0 20px 0 0;
}

div.ref {
  margin-bottom: 20px;
}

div.ref div a {
  border: 1px solid #e3e3e3;
  display: block;
}

div.ref div a:hover {
  border: 1px solid #df0021;
}

h1,
h2 {
  color: #df0021;
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 25px;
}

div#body p,
div#body ul {
  margin-bottom: 1.4em;
}

div#body ul li {
  padding-left: 30px;
  background: url(../images/dot.gif) 12px 7px no-repeat;
}

div.kontakt {
  width: 600px;
  float: right;
  position: relative;
  background: url(../images/faces.gif) 0 10px no-repeat;
  font-size: 0.89em;
  padding-top: 10px;
}

div.pavel {
  padding-top: 278px;
  width: 200px;
  float: left;
}

div.bara {
  padding-top: 297px;
  width: 260px;
  float: right;
}

div.kontakt i {
  margin: 0 3px;
}

div.kontakt a,
div.kontakt a:link,
div.kontakt a:visited {
  color: #444;
  text-decoration: none;
}

div.kontakt a:hover {
  color: #df0021;
  text-decoration: underline;
}

div.text {
  width: 300px;
  float: left;
}

div.mImg a {
  display: block;
}

div.detail {
  margin-top: 15px;
}

div.popis {
  width: 325px;
  float: left;
  padding-top: 6px;
}

div.thumb {
  width: 218px;
  float: right;
}

div.detailWrap {
  padding: 4px 4px 1px 15px;
  font-size: 0.89em;
  color: #fff;
  position: relative;
}

div.thumb a {
  display: block;
  border: 1px solid #dddddd;
}

div.thumb div {
  float: left;
  margin: 0 4px 4px 0;
}

div.detail a,
div.detail a:link,
div.detail a:visited {
  color: #fff;
}

div.pdf a, div.pdf a:link, div.pdf a:visited {
  background: url(../images/pdf.gif) 0 1px no-repeat;
  padding-left: 19px;
}

div.pdf a:hover {
  background-position: -1000px 1px;
}

div.pn2 {
  position: absolute;
  top: -1px;
  left: -20px;
  line-height: 1.0;
  font-size: 1.2em;
}

div.pn2 a {
  font-weight: bold;
  padding: 2px 8px 6px;
  display: block;
  margin-bottom: 1px;
  text-decoration: none;
}

table.char {
  width: 100%;
}

table.char th {
  color: #777;
  font-size: 0.89em;
  text-transform: uppercase;
  padding-right: 10px;
  border-right: 1px solid #ddd;
  font-weight: normal;
}

table.char td {
  padding-left: 10px;
}

div.pn a:hover {
  color: #df0021;
}

div.klienti div,
div.klienti h3,
div.klienti ul,
div.klienti ul li {
  float: left;
  white-space: nowrap;
}

div#body div.klienti ul,
div#body div.klienti ul li {
  padding: 0;
  margin: 0 0 0 5px;
  background: transparent;
}

div#body div.klienti ul {
  margin: 0;
}

div.klienti div {
  padding: 2px 4px 2px 7px;
  margin-right: 5px;
}

div.klienti div h3 {
  color: #000;
  font-weight: normal;
}

div.klienti div h3:hover {
  cursor: pointer;
  color: #df0021;
}

div.klienti div.active {
  background: #df0021;
}

div.klienti div.active h3 {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

div.klienti div.active a,
div.klienti div.active a:link,
div.klienti div.active a:visited {
  text-decoration: none;
  background: #fff;
  color: #df0021;
  padding: 1px 3px 1px;
}

div.klienti div.active a:hover {
  background: #000;
  color: #fff;
}

div.klienti div ul,
div.klienti h3 span {
  display: none;
}


div.klienti div.active h3 span {
  display: inline;
}

div.klienti div.active h3:hover {
  color: #fff;
  text-decoration: none;
}

div.klienti {
  position: relative;
  left: -7px;
}

div.links a,
div.links a:link,
div.links a:visited {
  margin-right: 5px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}

div.links a:hover {
  color: #df0021;
}

div.num {
  padding: 70px 0 160px;
}

div.num div.right {
  width: 430px;
  height: 137px;
}

div.num div.right span {
  background: url(../images/num2.gif);
}

div.num div.right a:hover span {
  background-position: 0 -138px;
}

/*========== [footer] ========================================================*/
div#foot {
  background: #000 url(../images/bottom.gif) 0 0 repeat-x;
  padding-top: 39px;
  color: #fff;
}

#home div#foot {
  background: #000;
  padding-top: 0;
}

div#foot div.content div {
  font-size: 0.89em;
  padding: 8px 0 11px;
}

div#foot a,
div#foot a:link,
div#foot a:visited {
  color: #fff;
}

div#foot div.left a {
  text-decoration: none;
}

div#foot a:hover {
  text-decoration: none;
  background: #fff;
  color: #000;
}

div#foot i {
  margin: 0 5px;
}