@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
  body 	{
 	  font-family: 'Verdana', 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
    font-size: 70%;
    text-align : center;
	  color: #464646;
    margin: 0px 0 10em 0;	
    background: #8A8E4C url("body.gif") repeat-x top;
  }

  #page {
	  position: relative;
    width: 903px;
	  margin: 0 auto 0 auto;
  }

  #doc {
	  text-align: left;
    background: #fff;
  }
  
  #doc.nHP {
    background: #E1E5C6 url("boxes.gif") repeat-x top;
  }  

  #text {
    padding: 2em 25px 2em 25px;
    _height: 1px;
    min-height: 1px;
  }
  
  .textL {
    width: 580px;
    float: left;
  }
  
  .textR {
    width: 215px;
    float: right;
    text-align: left;
  } 

  
  #navigace {
    margin: 0 0 1em 0;
    padding: 5px 10px 5px 0px;
    font-size: 0.9em;
  }

  #left {
    width: 265px;
    float: left;
    text-align: left;
    padding-top: 1px;
}

  #menu {
    position: absolute;
    top: 130px;
    left: 25px;
    width: 250px;
  }

/*--- header ---*/

  #header {
    position: relative;
    width: 100%;
	  height: 274px;	
    background : #004E1A url("header.jpg") no-repeat right bottom;
	  margin: 0px auto 0px auto;
	  text-align: left;
  }

  #logo h2 a {
    display: block;
    width: 260px;
    height: 50px;
    position: absolute;
    top: 33px;
    left: 25px;
  }

  #logo h2  {
    margin: 0;
    padding: 0;
  }

  #logo h2 a span {
    display: none;
  }

  #foto {
    position: absolute;
    width: 406px;
    height: 225px;
    left: 337px;
    top: 0;
  }
  
  #foto p {
    margin: 205px 0 0 7px;
    position: relative;
    font-size: 1.2em;
  }  
  
.bg1 {
  background: url("bg1.jpg") no-repeat top center;
}
.bg2 {
  background: url("bg2.jpg") no-repeat top center;
}
.bg3 {
  background: url("bg3.jpg") no-repeat top center;
}
.bg4 {
  background: url("bg4.jpg") no-repeat top center;
}
 

/*--- menu ---*/

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

  #menu li {
    list-style-type: none;
    padding: 0px;
    background: none;
    margin: 0;
    border-bottom: 1px solid #24713D;
  }
  
  #menu li.item1 a {
    background: url(i1.gif) no-repeat 15px -23px;
  }

  #menu li.item2 a {
    background: url(i2.gif) no-repeat 15px -23px;
  }

 
  #menu li.item3 a {
    background: url(i3.gif) no-repeat 15px -23px;
  }

  #menu li.item4 a {
    background: url(i4.gif) no-repeat 15px -23px;
  }          

  #menu li a:hover,  #menu li.active a {
    background-position:  15px 8px;
  }   

  #menu li.last {
    border: none;
  }

  #menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    _height: 1px;
    min-height: 1px;
     padding: 4px 0 4px 60px;
  }

/*--- menu ---*/
  
  #menu2 {
    background: #fff;
    text-align: left;
    height: 48px;
    padding: 0 25px 0 25px;
  }
  
  #menu2 ul {
    margin: 0;
  }  

  #menu2 ul li {
    float: left;
    width: 284px;
    background: none;
    padding: 0px;
    margin: 12px 0 0 0;
  } 
  
  #menu2 ul li a {
    font-size: 1.2em;
    display: block;
    margin-right: 20px;
    background: #EBEFD4 url("cL.gif") no-repeat left top;
  }
  .det #menu2 ul li a {
    background: #F7F8EC url("cL1.gif") no-repeat left top;  
  }
  .det #menu2 ul li a span {
    background: url("cR1.gif") no-repeat right top;  
  }
  
  #menu2 ul li a span {
    display: block;
    padding: 10px 0 9px 20px;
    background: url("cR.gif") no-repeat right top;
  }  

  #menu2 ul li.active a {
    background: #EBEFD4 url("cL.gif") no-repeat left top;
    text-decoration: none;
  }
  
  #menu2 ul li.active a span {
    background: url("cR.gif") no-repeat right top;
  }        

/*--- box-hp ---*/

  .boxes {
    background: #E1E5C6 url("boxes.gif") repeat-x top;
    padding: 25px;
    min-height: 1px;
    _height: 1px;
  }

  .box {
    width: 400px;
  }
  
  .box h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0 1em 0px;
    width: 245px;
    float: right;
  } 

  .box h2 span {
    font-weight: normal;
  } 

  .box h2 a {
    text-decoration: none;
  } 
  
  .box p {
    text-decoration: none;
    width: 245px;
    float: right;
    margin-bottom: 0px;
  }
  
  .box p a {
    display: block;
    margin-top: 10px;
  }
  
  .box p a {
    background: url("sipka.gif") no-repeat 40% 80%;
  }            

/*--- box-non-hp ---*/

  .box1 {
    width: 284px;

  }

  .box1 p {
    margin: 0 30px 15px 20px;

  }

  .box1 img {
    margin: 0 10px 0px 0px;
  }   

/*--- footer ---*/
  
  #footer {
    margin: 0 auto 0 auto;
    padding: 10px 0px 10px 0px;
    height: 20px;
    _height: 40px;
    color: #B0B0B0;
    text-align: left;
    background: #000 url(footer.gif) no-repeat bottom;
  }

  #footer p {
    padding: 0 25px 0 25px;
    margin: 0px;
  }

  #footer a {
    color: #B0B0B0;
  }

/*--- obecné tagy ---*/

  ul {
    list-style-position: inside;
    _list-style-position: outside;
    >list-style-position: outside;    
    list-style-type: none;
  }

  ol {
    list-style-position: inside;
  }

  ul li {
    background: url("ctv.gif") no-repeat left top;
    padding-left: 15px;
  }

  a {
    color: #004E1A;
    text-decoration: underline;
  }

  h1 {
    font-size: 2.1em;
    font-weight: normal;
    color: #004E1A;
    margin: 0em 0 0.7em 0;
  }
  
  h2 {
    font-size: 1.5em;
    font-weight: normal;
    color: #004E1A;
    margin: 1em 0 1em 0;
  }

  h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #004E1A;
    margin: 0.5em 0 1em 0;
  }

  h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    margin: 1em 0 1em 0;
  }

  table td, table th {
    border: 1px solid #E1E1E1;
    padding:  3px 10px 3px 10px;
  }
  
  th {
    background: #E3F4FD;
    font-weight: bold;
    text-align: left;
  }

/*--- tridy a barvy ---*/

  a.more {
    background: url("sipka.gif") no-repeat 100% 80%;
    padding-right: 15px;
    _height: 1px;
  }
  
  span.tel {
    display: block;
    background: url("tel.jpg") no-repeat left center;
    font-size: 2em;
    padding: 10px 0 10px 30px;
    margin: 5px 0 5px 0;
  }
  .nHP span.tel {
    background: url("tel1.gif") no-repeat left center;
  }  
  
  #footer a.print {
    position: absolute;
    top: 240px;
    right: 25px;
    color: #fff;
  }

  p.img img {
    border: 3px solid #FAF9F5;
    margin: 0 10px 10px 0px;
  }

  p.imgB img {
    border: 7px solid #FAF9F5;
    margin: 0 20px 20px 0px;
  }  
  
  ul.inline li {
    float: left;
  }  

  a.print {
    background: url("print.gif") no-repeat 0% 80%;
    padding-left: 22px;
  }  

}