/* Martin Mates - 31.6.2007 - Aira s.r.o. */

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

body {
  background-image:url('img/pozadi.gif');
  background-repeat:repeat-x;
  background-color:#b4d1e0;
  
}

/* LAYOUT ----------------------------------------------------- */
#main {
  width:696px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}
/*
#hlavni_obrazek {
  width:696px;
  height:156px;
  background-image:url('img/hlavni.gif');
  background-repeat:no-repeat;
  position:absolute;
  _position: relative;
  top:142px;
  left:0px;
  z-index: 0;
  visibility: visible;
}*/
#hlavni_obrazek {
  width:696px;
  height:156px;
  top:142px;
  left: 0px;
  z-index: 0;
  margin-top: 142px;
}
#logo {
  width:266px;
  height:142px;
  background-image:url('img/logo.jpg');
  background-repeat:no-repeat;
  position:absolute;
  top:0px;
  left:0px;
}

#logo a {
  display:block;
  width:266px;
  height:142px;  
}

#content {
  position:absolute;
  top:298px;
  left:0px;
  background-color:#ffffff;
}


#logo_navigace {
  width:430px;
  height:142px;
  position:absolute;
  top:0px;
  left:266px;
}

#nadpis {
  width:430px;
  height:108px;
  background-image:url('img/logo_nadpis.gif');
  background-repeat:no-repeat;
}

#nadpis a {
  display:block;
  width:430px;
  height:108px;  
}

#menu {
  width:430px;
  height:34px;
  background-image:url('img/pozadi_menu.gif');
  background-repeat:repeat-x;
  background-color:#32afea;
  position: relative;
}

#menu ul {
  list-style-type:none;
}

#menu li {
  float:left;
}
#menu ul li {/*behavior: url(/css/hover.htc);*/ position: relative;}
#menu ul li ul {display: none; /*behavior: url(/css/hover.htc);*/
position: absolute;
left: 0;
z-index: 100;
list-style-type:none; top: 33px;
width: 150px;
}
#menu ul li:hover ul {display: block;
}
#menu ul li ul {display: none; position: absolute; list-style-type:none; top: 33px; 
z-index: 100;  left: 0px;
}
#menu ul li ul li a {width:142px;
  height:26px;
  _height:26px;
  display:block;
  
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  background-color:#f0bb00;
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  color:#ffffff;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:10pt;
	
	}

#menu ul li:hover ul li a:hover {
background-color:#32afea;
}  
#menu a{
  width:142px;
  height:26px;
  _height:26px;
  display:block;
  float:left;
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  color:#ffffff;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:10pt;
}

#menu li.marked a{
  background-color:#f0bb00;
  border-top:1px solid #f0bb00;
  color:#785e03;
}
#menu ul li.marked ul li a {width:142px;
  height:26px;
  _height:26px;
  display:block;
  
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  background-color:#f0bb00;
  padding-top:7px;
  text-align:center;
  text-decoration:none;
  color:#ffffff;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:10pt;
	
	}
#menu a.delsi {
  width:143px;
}

#menu a:hover {
  background-color:#f0bb00;
  border-top:1px solid #f0bb00;
  color:#785e03;
}



#info {
  width:467px;
  float:left;
}

#sloupek {
  width:229px;
  height:300px; /* PAK SMAZAT */ 
  float:left;
}

#paticka {
  width:696px;
  height:28px;
  clear:both;
  background-image:url('img/patka.gif');
  background-repeat:no-repeat;
  padding-bottom:30px;
  background-color:#b4d1e0;
}

#nohy {
  width:229px;
  height:28px;
  background-image:url('img/hlavni_nohy.gif');
  background-repeat:no-repeat;
}

#obsah {
  width:467px;
  float:left;
  min-height:550px; /* PAK SMAZAT */
  _height:550px;
}

#paticka_postavy {
  width:467px;
  height:61px;
  background-image:url('img/patka_postavy.gif');
  background-repeat:no-repeat;
  clear:both;
}

#sloupek div.person {
  width:166px;
  height:270px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  
  background-repeat:no-repeat;
}


#sloupek #person1 {
    background-image:url('img/david-matuska.jpg');
     padding-bottom:0px;
}

#sloupek #person1.person p{
    font-size: 12px;
    
}

#sloupek #person1.person a{
    color: #21a2e7;
    text-decoration: none;
    font-weight: bold;
}

#sloupek #person1.person a:hover{
    color: #21a2e7;
    text-decoration: underline;
    font-weight: bold;
}

#sloupek #person2 {
    background-image:url('img/person2.jpg');
}


/* KONEC LAYOUT ------------------------------------------------ */


/* TEXTY ----------------------------------------------------- */

h1 {
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:15pt;
  color:#424242;
  line-height:105%;
  margin:25px 10px 20px 30px;
}

hr {
  width:437;
  height:1px;
  margin-left:30px;
  margin-bottom:2px;
  color:#999999;
  background-color:#999999;
  border:0px;
}

#obsah ul, #obsah ol {
  margin:0px 10px 16px 60px;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:10pt;
  color:#434343;
}

#obsah ol li {
  margin-bottom:8px;
}

#obsah ul a{
  text-decoration:none;
  color:#21a2e7;
}

#obsah ul a:hover{
  text-decoration:underline;
  color:#d8a300;
}

h2 {
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:13pt;
  color:#424242;
  line-height:100%;
  margin:25px 10px 10px 30px;
}

h3 {
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:12pt;
  color:#424242;
  font-weight: bold;
  line-height:100%;
  margin:25px 10px 10px 30px;
}

div#index h2 {
  margin:60px 10px 0px 30px;
}
div#index p {
  font-size: 12px;
}


p {
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
  font-size:13px;
  color:#434343;
  margin:0px 10px 16px 30px;
}

p.datum {
  font-size:9pt;
  color:#8c8c8c;
  margin:0px 10px 5px 30px;
}

p.pat {
  font-size:9pt;
  color:#7c7c7c;
  text-align:right;
  line-height:95%;
  padding-top:2px;
  margin:0px 40px 0px 0px;
}

p.pat strong {
  font-weight:bold;
  color:#33b0ea;
}

#sloupek #person1 p, #sloupek #person2 p{
  font-size:10pt;
  width:135px;
  height:120px;
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;   
}

#sloupek #person1 p.informace, #sloupek #person2 p.informace  {
  width:150px;
  height:37px;
  
  margin-left:auto;
  margin-right:auto;
  margin-top:87px;
  _margin-top:44px;
  
  line-height:110%;
  font-size:9pt;
  text-align:right;
}

#sloupek #person1 p.informace strong, #sloupek #person2 p.informace strong {
  font-weight:bold;
  font-size:11pt;
}

#skoknanavi {
display:none;
}

/* KONEC TEXTY ----------------------------------------------------- */


/* OBRAZKY ----------------------------------------------------- */

#obsah img {
  float:left;
  padding:10px;
  border:1px solid #e9e9e9;
  margin:0px 14px 0px 0px;
}

/* KONEC OBRAZKY ----------------------------------------------------- */

/* tables */
table.table {width:100%;}
.table {border-collapse: collapse; margin-left: 30px;}
.table tbody tr td {border: 1px solid #000;}
table {border-collapse:collapse;margin:1em 0;}
th {background-color:#FDF7E7;}
td, th {border:1px solid #FFD884;padding:5px;vertical-align:middle;}
table.kontakt th {width:5em;}
table.kontakt td {width:9em;}