body
 {
     font-family:  Trebuchet MS;
     word-spacing: normal;
     color: white;
     margin: auto;
     padding: 0;
     background-color:#191212;
     

 }

 h2
 {
    color: #ffe4b5;
    font-size: 22px;
 }
 
 a:link 
 
 {
     color: #ffcc99;
 }
 #obalheader
 {
     height: 543px;
     margin: -20px 0 0 0;
     text-align: justify; 
     background-image:url(img/pozadi_vh.jpg);
    
     
 }
 #header
 {
     position:relative;
     margin: auto;
     width:960px;
     height:135px; 
     background-image:url(img/pozadi_zh.jpg);
 }
 .logo
 {
     position: relative;
     float: left;
     padding:0 0 0 0;
     
     
 }
 .pruhhd
 {
     position: relative;
     float: right;
     padding: 100px 0 0 0;
 }
 #obalposuvnik
 {
     position: relative;  
     margin: auto;  
     width: 960px; 
     height: 410px;
 }
 .posuvnik
 { 
     background-color:#FFFFEF; 
     width: 960px;
     margin: auto;
     
 }
 .lp
 {
     position: relative;
     float: left;
     margin: -5px 0 0 0;
     padding: 0;
           
 }
 .pp
 {
     position: relative;
     float: right;
     margin: -5px 0 0 0;
     padding: 0;
           
 }
 .spodek
 {
     position: relative;
     float: left;
     margin: -5px 0 0 0;
     padding: 0;
           
 }
  .slide
 {
     position: relative;
     float: left;
     margin: -5px 0 0 0;
     padding: 0;
     height: 360px;
     width: 800px;
           
 }
 #obaltelo
 {
     margin: auto;
     background-image:url(img/pozadi_ph.jpg);
     
    
     
 }
 #telo
 {
     margin: auto;
     font-size: 14px;
     position: relative;  
     width:960px; 
     min-height:400px; 
     
 }
  #teloclenove
 {
     margin: auto;
     font-size: 14px;
     position: relative;  
     width:960px; 
     min-height:1300px; 
     
 }
   #telorepertoar
 {
     margin: auto;
     font-size: 14px;
     position: relative;  
     width:960px; 
     min-height:2600px; 
     
 }
   #telofotogalerie
 {
     margin: auto;
     font-size: 14px;
     position: relative;  
     width:960px; 
     min-height:1300px; 
     
 }
  #obalzahlavi
 {
     margin: auto;
     padding: 0;
     text-align: justify; 
     background-image:url(img/pozadi_za.jpg);   
    
 }

 #zahlavi
 {
     position:relative; 
     margin: auto;
     width:960px; 
     height:30px; 
     
 }
 
 /*spodni menu */
#test
{
margin: -18px 0 0 500px;
padding: 0;

}
#test li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#test a:link, #test a:visited
{
float: left;
font-size: 13px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #f1bdaf;
}
#test a:link.active, #test a:visited.active, #test a:hover
{
color: #fff;

}

/* nastavení image */

 #teloclenove img
 {
 float: left;
 margin: 15px 50px 0 40px;
 }
 
  .image
 {
 position: absolute;
 padding: 20px 30px 0 280px;
 }
/* nastavení písma */
 #telo p
 {
 text-align: center;
 margin: 0 150px 0 150px;
 padding: 0;
 color: white;
 }
 #teloclenove p
 {
 text-align: justify;
 margin: 0 50px 0 0;
 padding: 0px 0 0 0;
 color: white;
 }
  #telo table
 {
 margin: auto;
 padding: 0 50px 0 120px;

 }
 
  #telorepertoar table
 {
 margin: auto;
 padding: 0 50px 0 120px;

 }
  #telorepertoar td

 {
 
 width: 200px;

 }
   #teloclenove h4
 {
 text-align: center;
 margin: 0 100px 50px 100px;
 padding: 0;
 color:  #ffe4b5;
 }

  #telo h2
 {
 text-align: center;
 margin: 0 100px 50px 100px;
 padding: 0;
 color:  #ffe4b5;
 }

 #zahlavi p
 {
 text-align: left;
 margin: 0 0 0 10px;
 padding: 8px 0 0 0;
 color: #f1bdaf;
 }
  #zahlavipravo p
 {
 text-align: right;
 margin: 0 10px 0 0;
 padding: 8px 0 0 0;
 }
   
   
 /*menu*/
#menu
{
display:block;
}
#menu ul
{
margin:0;
padding:0;
list-style-type:none;
}
 
#menu li
{
display:block;
float:left;
border:0px;
position: absolute;
}
#menu li.uvod
{
margin: 35px 0 0 245px; 
height: 40px;
width: 80px;
background: url(img/menu/uvod.jpg)  no-repeat;
}
#menu li.clenove
{
margin: 35px 0 0 326px; 
height: 41px;
width: 105px;
background: url(img/menu/clenove.jpg)  no-repeat;
}
#menu li.repertoar
{
margin: 35px 0 0 432px; 
height: 41px;
width: 129px;
background: url(img/menu/repertoar.jpg)  no-repeat;
}
#menu li.fotogalerie
{
margin: 35px 0 0 562px; 
height: 41px;
width: 144px;
background: url(img/menu/fotogalerie.jpg)  no-repeat;
}
#menu li.video
{
margin: 35px 0 0 707px; 
height: 40px;
width: 84px;
background: url(img/menu/video.jpg)  no-repeat;
}

#menu li.kontakt
{
margin: 35px 0 0 792px; 
height: 40px;
width: 109px;
background: url(img/menu/kontakt.jpg)  no-repeat;
}


#menu a
{
display:block;
}
#menu a#iuvod
{
background:transparent url(img/menu/uvod_c.jpg)-115px -86px no-repeat;
height: 40px;
width: 80px;
}
#menu a#iclenove
{
background:transparent url(img/menu/clenove_c.jpg)-115px -86px no-repeat;
height: 41px;
width: 105px;
}
#menu a#irepertoar
{
background:transparent url(img/menu/repertoar_c.jpg)-115px -86px no-repeat;
height: 41px;
width: 129px;
}
#menu a#ifotogalerie
{
background:transparent url(img/menu/fotogalerie_c.jpg)-115px -86px no-repeat;
height: 41px;
width: 144px;
}
#menu a#ivideo
{
background:transparent url(img/menu/video_c.jpg)-115px -86px no-repeat;
height: 40px;
width: 84px;
}
#menu a#ikontakt
{
background:transparent url(img/menu/kontakt_c.jpg)-115px -86px no-repeat;
height: 40px;
width: 109px;
}


#menu a#iuvod:hover
{
background-position:top right; z-index:50; color:#ff2;
}
#menu a#iclenove:hover
{
background-position:top right; z-index:50; color:#ff2;
}
#menu a#irepertoar:hover
{
background-position:top right; z-index:50; color:#ff2;
}
#menu a#ifotogalerie:hover
{
background-position:top right; z-index:50; color:#ff2;
}
#menu a#ivideo:hover
{
background-position:top right; z-index:50; color:#ff2;
}
#menu a#ikontakt:hover
{
background-position:top right; z-index:50; color:#ff2;
}


/* formular */
#kontejner

{
     margin: auto;
     position: relative;  
     width:960px; 
     min-height:750px; 
     
     
 }
 #hlkontakt

{
     margin: auto;
     text-align: center;

     
 }
#kontejnerzpet

{
     margin: auto;
     position: relative;  
     width:960px; 
     min-height:390px; 

     
 }

ul.mainForm
{
    list-style-type: none;
    font-family: Trebuchet MS;
    font-size:16px;   
    padding: 0 120px 10px 100px;
}

li.mainForm
{
    padding-bottom: 10px;
    
}


#mainFormError
{
    position: relative;
    border: 1px;
    border-style: solid;
    margin: 0 auto;
    text-align: left;
    width: 70%;
}



input.mainFormError
{
    background-color: #FADADD;
}


textarea.mainFormError
{
    background-color: #FADADD;
}


select.mainFormError
{
    background-color: #FADADD;
}


#formHeader
{
    position: relative;
    width: 100%;
    background-color: #666699;
    margin:0 0 0 0;
    padding-bottom: 10px;
}

p.formHeader
{
    text-align: right;
    margin:0 0 0 0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size:25px;
    position:relative;
    left:-5px;
    top:4px;
    letter-spacing: 2px;
}



#formInfo
{
    position: relative;
    width: 100%;
    background-color: #ffffff;
    margin:0 0 0 0;
}

h2.formInfo
{
    text-align: left;
    margin:0 0 0 0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight:normal;
    font-size:20px;
    position:relative;
    left:20px;
    top:0px;
    letter-spacing: 1px;
    line-height:150%;
    color: #ffffff;
}


p.formInfo
{
    text-align: left;
    margin:0 0 0 0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight:normal;
    color: #000000;
    font-size:12px;
    position:relative;
    left:20px;
    top:0px;
    color: #ffffff;
}

#formFields
{
    position: relative;
    width: 100%;
    background-color: #ffffff;
    margin:0 0 0 0;

}

label.formFieldQuestion
{
    line-height:125%;
    padding:0 4px 1px 0;
    border:none;    
    display:block;
    font-size:95%;
    font-weight:bold;
}

label.formFieldOption
{
    font-size:90%;
    display:block;
    line-height:1.0em;
    margin:-19px 0 0 25px;
    padding:4px 0 5px 0;
    width:90%;
}



input.formFieldStyle
{
    display:block;
    line-height:1.4em;
    margin:8px 0 0 3px;
    width:13px;
    height:13px;
}

#buttom
{
    float: right;

}
/* tooltip */
a.info {
    font-family: Tahoma, Arial, Sans-Serif;
    text-decoration:none; 
    position: relative;
}

a.info span {
    position: relative;
    display:none;
}

a.info:hover {
    position: relative;
    cursor:default;
}

a.info:hover .infobox {
    font-weight: normal; 
    display:block; 
    position:absolute; 
    top:20px;;
    left:25px;
    width:205px; 
    height:70px; 
    border: 1px solid #ccc; 
    background:#f4f4f4 url(question.gif) no-repeat bottom right; 
    color:#000; 
    text-align:left; 
    font-size:0.7em; 
    padding-left:10px; 
    padding-top:10px;
}
/*reklama*/
#footer
{
    margin: -49px auto;
    position: absolute;
    padding: 0 10px 20px 10px;
}
 a:link #footer
{
    color: #ffcc99;
}