/*
 * Styl FTMc
 * Autor: Jan Rezac - Filosof
 *
 */

@import url("initial.css");

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

a:visited {
  color: #7c1114;
}

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

/*========== [layout] ========================================================*/
body {
  text-align: left;
  font-family: Arial, sans-serif;
  color: #444;
  font-size: 0.75em;
  line-height: 1.5;
  background: #fff url(../images/top2.gif) 0 0 repeat-x;
  padding: 45px 0 0;
}

table {
  line-height: 1.5;
}

div#main {
  width: 834px;
  position: relative;
}

div#mwrap2 {
  padding: 0 0 230px 60px;
  background: url(../images/krajina_dlouha_foto2.jpg) 0 100% no-repeat;
}

div#mwrap1 {
  background: #f0f2f4 url(../images/bot.gif) 0 100% repeat-x;
  padding-bottom: 121px;
}

div#header {
  position: relative;
  margin-bottom: 20px;
}

div#logo {width: 76px;height: 77px;}
div#logo span {background: url(../images/ftmc.gif)}

div#home {
  float: left;
  width: 388px;
  padding-top: 40px;
}

div#refs {
  float: right;
  width: 380px;
}

div#text {
  width: 604px;
  float: right;
  padding-top: 25px;
}

div#text2 {
  padding-top: 25px;
}

div#sm {
  width: 181px;
  float: left;
  padding-top: 17px;
}

div#wrapper {
  min-height: 480px;
}

/*========== [menu] ==========================================================*/
div#menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 604px;
  padding-bottom: 50px;
  background: url(../images/div.gif) 0 100% no-repeat;
}

div#menu ul {
  width: 100%;
  float: left;
  margin: 0;
}

div#menu li {
  float: left;
  margin-right: 12px;
}

div#menu li.l {
  margin: 0;
}

div#menu a {
  padding-left: 30px;
  color: #a51419;
  text-decoration: none;
  background: url(../images/menu1.gif) 0 3px no-repeat;
}

div#menu a:hover {
  color: #000;
  text-decoration: underline;
}

div#menu a.active, div#menu a.active:link, div#menu a.active:visited, div#menu a.active:hover {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/menu2.gif) 0 3px no-repeat;
}

/*menu 2. urovne*/
div#sm ul a, div#sm ul a:link, div#sm ul a:visited {
  display: block;
  border-bottom: 1px solid #a51419;
  color: #a51419;
  text-decoration: none;
  font-size: 1.2em;
  padding: 14px 0 1px 0;
}

div#sm ul a:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

div#sm ul a.active, div#sm ul a.active:link, div#sm ul a.active:visited, div#sm ul a.active:hover {
  color: #777;
  border-bottom: 1px solid #777;
  font-weight: bold;
}

div#sm h4 {
  font-weight: normal;
  color: #777;
  font-size: 1.2em;
  padding-left: 14px;
  background: url(../images/open.gif) 0 9px no-repeat;
}

div#sm h4 span, a.close span {
  display: block;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #777;
}

div.sm2 ul {
  padding-left: 24px;
}

a.close, a.close:link, a.close:visited {
  display: block;
  padding-left: 14px;
  color: #777;
  text-decoration: none;
  font-size: 1.2em;
  background: url(../images/close.gif) 0 21px no-repeat;
}

a.close:hover {
  background-position: -1000px 21px;
  color: #000;
}

a.close span {
  padding: 14px 0 1px 0;
}

a.close:hover span {
  border-bottom: 1px solid #000;
}

/*menu 2. 2. urovne*/
div#sm div.sm2 ul ul {
  padding: 6px 0 0 0;
  margin: 0;
}

div#sm ul ul a, div#sm ul ul a:link, div#sm ul ul a:visited {
  display: block;
  border-bottom: 0 none;
  color: #777;
  text-decoration: none;
  font-size: 1em;
  padding: 4px 0 5px 0;
}

div#sm ul ul a:hover {
  color: #000;
  text-decoration: underline;
  border-bottom: 0 none;
}

div#sm ul ul a.active, div#sm ul ul a.active:link, div#sm ul ul a.active:visited, div#sm ul ul a.active:hover {
  color: #777;
  border-bottom: 0 none;
  text-decoration: none;
  font-weight: bold;
}

div.smteam ul ul {
  margin: 0;
  padding: 6px 0 0 0;
}

/*========== [home] ==========================================================*/
div.txt {
  width: 200px;
  float: right;
  border-bottom: 1px solid #dddede;
  margin-bottom: 1.2em;
}

div.img {
  float: left;
  width: 144px;
}

p, ol, ul, dl, table, div.hr {
  margin-bottom: 1.2em;
}

h1, h2 {
  color: #a51419;
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 13px;
}

div#home h1 {
  color: #777;
  font-style: italic;
  text-indent: -100em;
  overflow: hidden;
  width: 314px;
  height: 54px;
  background: url(../images/slogan.gif) 0 0 no-repeat;
}

div#refs h2 {
  margin-left: 179px;
}

h3 {
  font-size: 1em;
  margin-bottom: 0.6em;
}

div.hr hr {
  display: none;
}

div.hr {
  width: 388px;
  height: 25px;
  margin-top: -8px;
  background: url(../images/div2.gif) 0 0 no-repeat;
}

div.news h4 {
  font-weight: normal;
}

div.news h4 a {
  padding-left: 16px;
  font-size: 1.2em;
  text-decoration: none;
  background: url(../images/dot.gif) 0 3px no-repeat;
}

div.news p {
  border-bottom: 1px solid #dddede;
  margin: 0 0 1.2em 16px;
  padding-bottom: 1.2em;
}

div#lnews p, div#lref div.txt {
  padding: 0;
  border: 0 none;
}

h3.news {
  margin-left: 16px;
}

div#refs h3 {
  margin: 0;
  font-size: 1.2em;
  font-weight: normal;
}

div#refs h3 a {
  text-decoration: none;
}

div.news h4 a:hover, div#refs h3 a:hover {
  text-decoration: underline;
}

div.movie {
  position: absolute;
  top: 20px;
  left: -60px;
}

/*========== [text] ==========================================================*/
div.txts {
  float: left;
  width: 264px;
}

div.imgs {
  float: right;
  width: 302px;
}

div.imgs2 {
  float: right;
  width: 314px;
}

div.txts em, ul.results em {
  font-style: normal;
  color: #a51419;
}

div#text ul li {
  padding-left: 16px;
  background: url(../images/dot3.gif) 0 7px no-repeat;
}

div#text ol li {
  padding-left: 0;
  margin-left: 28px;
  list-style-type: decimal;
}

div#text ul li.em {
  background: url(../images/dot4.gif) 0 7px no-repeat;
  color: #a51419;  
}

div#text ul.results li {
  background: transparent;
  padding: 0;
}

ul.results span {
  font-size: 1.6em;
  font-weight: bold;
}

table.klienti {
  width: 100%;
}

table.klienti td {
  padding: 0 0 60px;
}

.cj2 {
  font-size: 1em;
  color: #444;
  background: #f9f9f9;
  border: 1px solid #fff;
  padding: 4px 8px 5px;
  display: block;
}

div.refs {
  margin-bottom: 4px;
}

div.refs div {
  width: 98px;
  height: 98px;
  float: left;
  margin-right: 3px;
  background: #fff url(../images/ref.gif) 0 0 no-repeat;
  display: block;
}

div.team div div {
  position: relative;
  top: 4px;
  left: 4px;
  width: 85px;
  height: 85px;
  margin: 0;
  float: none;
  background: transparent;
}

div.imgs3 {
  float: right;
  width: 302px;
  height: 300px;
  background: url(../images/ref3.gif) 0 0 no-repeat;
}

div.refs div.refl {
  margin: 0;
}

div.refs img, div.imgs3 img {
  margin: 4px 0 0 4px;
  display: block;
}

div.refs a, div.mainRef a {
  display: block;
}

div.refs2 div {
  margin-right: 10px;
}

div.refs2 {
  margin-bottom: 10px;
}

div.mainRef {
  width: 314px;
  height: 204px;
  background: url(../images/ref2.gif) 0 0 no-repeat;
  margin-bottom: 6px;
}

div.mainRef img {
  position: relative;
  top: 4px;
  left: 4px;
  display: block;
}

p.link {
  padding-top: 10px;
}

p.link a, p.link a:link, p.link a:visited {
  font-weight: bold;
  color: #a51419;
  padding-left: 14px;
  background: url(../images/dot5.gif) 0 4px no-repeat;
}

p.link a:hover {
  color: #000;
  background: url(../images/dot5.gif) -1000px 4px no-repeat;
}