/* Content / Obsah */
#content {
width: 100%;
padding-top: 30px;
}
/* Styly prvků obsahu*/
hr {
  border: 1px solid black;
  margin: 10px 0 10px 0;
}
table p:first-letter {
  float: left; font-size: 2.9em; font-weight: bold; line-height: 1em;
}
h2 {
  margin-left: 60px;
  font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
  font-weight: bold; font-size: 30pt; font-variant: small-caps; color: white; text-align: left;
}
/* table */
table {
  color: white;
  background-color: #303030;
  width: 100%;
}
table td {
  padding: 10px;
  text-align: left;
  background-color: #3e3e3e;
  line-height: 18pt;

}

table th {
  background-color: transparent;
  font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
  font-weight: bold; font-size: 16pt; text-align: left;
  padding: 3px 3px 3px 20px;
}
table#kapela th {white-space: nowrap; margin-right: 5px;} 

#content a
{
 font-weight: bolder; font-size: 13pt; color: #ee4a0d; text-decoration: none;
}
#content a:hover
{
 color: white; text-decoration: underline;
}

td a {
  display: block;
  font-weight: bolder; font-size: 13pt; color: #ee4a0d; text-decoration: none;
}
table td a:hover {
  color: white; text-decoration: underline;
}  
/* Introduction / Úvod */
#content #introduction {
  width: 750px;
  margin: 0 auto;
}
#content #introduction #list {
  width: 690px;
  float: left; overflow: hidden;
  font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
  font-style: italic; font-size: 19px; color: black;
}
#content #introduction .rounded_corners {
  height: 5px; margin: 0 5px 0 5px;
  position: relative; display: block;
  background-color: #ffb400;
}
  /* Rohy */
  #content #introduction .rounded_corners .tl_corner {
    display: block; position: absolute; 
    left: -5px; width: 5px; height: 5px; 
    background: url(../images/corners_yellow.gif) no-repeat 0 0
  }
  #content #introduction .rounded_corners .tr_corner {
    display: block; position: absolute; 
    right: -5px; width: 5px; height: 5px; 
    background: url(../images/corners_yellow.gif) no-repeat -5px 0
  }
  #content #introduction .rounded_corners .bl_corner {
    display: block; position: absolute;
    left: -5px; width: 5px; height: 5px; 
    background: url(../images/corners_yellow.gif) no-repeat 0 -5px
  }
  #content #introduction .rounded_corners .br_corner {
    display: block; position: absolute; 
    right: -5px; width: 5px; height: 5px; 
    background: url(../images/corners_yellow.gif) no-repeat -5px -5px
  }
#content #introduction ul {
  padding: 20px 30px 20px 45px;
  list-style-position: outside; list-style-type: circle;
  text-align: justify;
  background-color: #ffb400;
}
#content #introduction #image {
  float: left; display: block; position: relative; overflow:hidden;
  width: 60px; height: 111px; margin-top: 40px;
  writing-mode: tb-rl;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-weight: bold; font-style: italic; color: white;     
  font-size: 10pt; line-height: 40px;
}
#content #introduction .image {
  display: block; position: absolute; 
  width: 60px; height: 111px;    
  top: 0; left: 0; z-index: 1;
  background: url(../images/entry.png) 0 0 no-repeat;
}
/* .text */
#content #postavy {
  width: 100%; margin: 0 auto;
  background: url(../images/postavy.gif) no-repeat center 100px ;
}
#content #postavy2 {
  width: 100%; margin: 0 auto; min-height: 630px;
  background: url(../images/postavy2.gif) no-repeat center 100px;
}

#content .text {
  width: 750px; margin: 0 auto;
  padding-bottom:50px;
  color: white;
  text-align:left;
}
#content .text .background {
  background-color: #303030;      
  padding: 35px 45px 35px 45px;
}
#content .text .rounded_corners {
  height: 10px; margin: 0 10px 0 10px;
  display: block; position: relative;
  background-color: #303030;
}
  /* Rohy */
  #content .text .rounded_corners .tl_corner {
    display: block; position: absolute; 
    left: -10px; width: 10px; height: 10px; 
    background: url(../images/corners_grey.gif) no-repeat 0 0
  }
  #content .text .rounded_corners .tr_corner {
    display: block; position: absolute; 
    right: -10px; width: 10px; height: 10px; 
    background: url(../images/corners_grey.gif) no-repeat -10px 0
  }
  #content .text .rounded_corners .bl_corner {
    display: block; position: absolute; 
    left: -10px; width: 10px; height: 10px; 
    background: url(../images/corners_grey.gif) no-repeat 0 -10px
  }
  #content .text .rounded_corners .br_corner {
    display: block; position: absolute; 
    right: -10px; width: 10px; height: 10px; 
    background: url(../images/corners_grey.gif) no-repeat -10px -10px
  }
/* Galerie*/
.container {
  width: 210px;height: 190px; margin: 5px;
  float: left;  display: inline;
}
.container .title {
  color: white; font-weight: bold; line-height: 28px; text-align: center;
  width: 210px; height: 28px; margin-bottom: 2px;
  background-color: #2b2b2b;
}
.container a {
  width: 210px; height: 160px;
  display: table; float: left; position: relative;
  background-color: #3e3e3e;
  text-align:center;
}
.container a:hover {
  background-color: #2b2b2b;
}
.container a .valign {
  display: table-cell;
  vertical-align: middle;
  margin: 0 auto;
}
.container img {
  /*background-color: red;*/
  vertical-align: middle;
}
.container a:hover img {
  border: 4px solid #ee4a0d;
}
.fotterlinks A
{
text-align:left;
}
.fotterlinks img
{
  padding-right:3px;
}