* {
  margin: 0px;
  padding: 0px;
  }
  
  body 	{
    font-family: 'Verdana', 'Arial CE', 'Helvetica CE', Arial, sans-serif; 
	  font-size: 70%;
    text-align : center;
	  color: #fff;
    margin-bottom: 40px;	
    background : #fff url("body.gif") repeat-x top ;
  }

  #page {
  	position: relative;
	  width: 929px;
	  margin: 0 auto 0px auto;
    background: #fff;
  }
  
  #doc {
 	  text-align: left;
    margin: 0 5px 0 5px;
    background : #fff;
    padding: 0px 0px 0 0;
  }

  #text {
    background: #006B31 url("bg-text.gif") repeat-x top ;
    margin-top: 5px;
    _height: 1px;
  }
  
  #text1 {
    background: #006B31 url("bg-text.gif") repeat-x top ;
    margin-top: 5px;
    _height: 1px;
    padding: 0px 0px 0 0px;
  }
  
  #text2 {
    background: #006B31 url("bg-text.gif") repeat-x top ;
    margin-top: 5px;
    _height: 1px;
    padding: 20px 20px 20px 20px;
  }    

  #right {
    width: 633px;
    _width: 653px;
    float: right;
    padding: 20px 20px 20px 0px;
  }
  
  #left {
    width: 243px;
    float: left;
    background: #fff;
    padding: 0px 0 20px 0;
    color: #464646;
  } 
  
  #left-inn {
    padding: 0px 5px 0px 0px;
  }    
  
  .text-hp {
    float: left;
    width: 550px;
    _width: 590px;
    padding: 20px 20px 0 20px;
  }
  
  #navigace {
    font-size: 0.9em;
    margin-bottom: 1em;
    color: #C4D9CD;
  }

  #navigace a {
    color: #C4D9CD;
  }

  .kontakt {
    width: 300px;
    float: left;
  }
/*--- header ---*/

  #header {
    height: 212px;	
    background: #fff url("header.jpg") no-repeat center;
	  margin: 0px auto 0px auto;
	  text-align: left;
    position: relative;
  }

  #logo {
    position: absolute;
    top: 25px;
    left: 20px;  
  }

  #logo a {
    display: block;
    width: 200px;
    height: 170px; 
  }

  #logo a span {
    display: none;
  }

/*--- menu ---*/

  #menu {
    background: #282829 url("bg-menu.gif") repeat-x top;
    height: 39px;
    position: relative;
  }

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

  #menu li {
    float: left;
    list-style-type: none;
    padding: 0px;
    margin: 0 ;
    background: none;
  }

  #menu li a.item1 {
    width: 110px;
  }
  #menu li a.item2 {
    width: 110px;
  }
  #menu li a.item3 {
    width: 135px;
  }
  #menu li a.item4 {
    width: 115px;
  }
  #menu li a.item5 {
    width: 169px;
  }
  #menu li a.item6 {
    width: 150px;
  }
  #menu li a.item7 {
    width: 110px;
  }
  #menu li a.item8 {
    width: 120px;
  }    

  #menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 0px 0 0 0px;
    text-align: center;  
  }

  #menu li a span {
    display: block;
    cursor: hand;
    border-right: 1px solid #757575;
    margin-top: 10px;
  }
  
  #menu li a:hover {
    text-decoration: underline;
  }

  #menu li a.active  {
    text-decoration: underline;
  }

  #menu li a span.last {
    border-right: none;
  }

  #menu ul ul {
    position: absolute;
    background: #fff;
    padding: 15px 0 20px 0;
    visibility: hidden;
    width: 215px;
    margin: 12px;
    z-index: 99;
  }

  #menu ul ul li {
    background: none;
    margin-left: 15px;
    padding: 0;
    display: block;
    float: none;
    background: url("sipka3.gif") no-repeat left center;  
  }

  #menu ul ul li a {
    margin: 0;
    padding: 6px 0px 6px 20px;
    _height:1px;
    text-decoration: none;
    text-align: left;
    color: #000;
  }

/*-- menu-left --*/

  #menu-left {
    padding: 10px 0px 10px 0px;
    background: #98A533 /*url("sub.gif") repeat-x top*/;
    margin-bottom: 5px;
  }

  #menu-left ul {
    margin-bottom: 0px;
  }
  
  #menu-left ul li {
    padding: 0 0 0 0px;
    margin-left: 15px;
    background: url("sipka2.gif") no-repeat left center;
  }

  #menu-left ul li a {
    color: #fff;
    font-weight: normal;
    padding: 6px 0 6px 20px;
    display: block;
    font-size: 1em;
    min-height: 1px;
    _height: 1px;

  }

  #menu-left ul li a:hover {

  }
  #menu-left ul li.active a {
    text-decoration: none;
  }

/*--- virtuální prohlídka ---*/

  #virt {
    width: 290px;
    height: 233px;
    float: right;
    background: url("virt.jpg") no-repeat center;
    text-align: center;
    margin: 20px 10px 10px 0;
  }

  #virt a {
    display: block;   
    color: #005D29;
    margin-top: 7px;
  }
  
  #flash-hp {
    margin: 32px 5px 0 0;
  }  

/*--- boxy ---*/
  .anotace {
    min-height: 105px;
    margin-bottom: 2em;
  }

  .anotace img {
    float: left;
    border: 5px solid #F8F2BB;
    margin: 0 15px 10px 0;
  }
  .boxes {
    background: #177C46 url("bg-boxes.gif") repeat-x top ;
    padding: 0 20px 0 20px;
  }
 
  .box {
    width: 425px;
    margin: 10px 0 0px 0;
    min-height: 160px;
    _height: 160px;   
  }
 
  .box h3, .box p {
    margin-left: 200px;
  }

  .box h3  {
    font-size: 1.5em;
  }  

  .boxes .alignL {
    background: url("box-bazen.jpg") no-repeat left center;
  }
  .boxes .alignR {
    background: url("box-bowl.jpg") no-repeat left center;
  }  

/*--- btm ---*/

  #btm {
    color: #363636;
    padding-top: 4px;
  }

  #btm a {
    color: #98A533;
  }  

  #btm h3 {
    background: #98A533;
    color: #fff;
    margin: 0;
    font-weight: normal;
    padding: 10px 20px 10px 20px;
    font-size: 1.1em;
  }
  
  .box1 {
    width: 274px;
    float: left;
    margin-right: 4px;    
  }

  .box2 {
    width: 402px;
    float: left;
  } 

  #btm .box3 {
    width: 235px;
    float: right;
    background: #515151;   
    color: #fff;
  }

  #btm .box3 h3 {
    background: #323232;
  } 

  #btm .box-inn {
    padding: 15px 20px 20px 20px;
  }

  #right .box-inn {
    padding: 0px 0px 0px 10px;
  }     

  #btm .box2 div.map {
    background: url("map.jpg") no-repeat left center;
    height: 170px;
    padding: 0 0 0 100px;
    border: 1px solid red;
  }          
  
  img.mapa {
    margin: 0 20px 20px 0;  
  }
  
  p.snih {
    background: url("snih.gif") no-repeat left center;
    padding: 0 0 0 30px;
    clear: both;
  }
/*--- rezervace ---*/
  
  .rez {
    background: #F1F1F1;
    padding: 17px;
    color: #363636;
    margin-bottom: 0em;
    _height: 1px;
    min-height: 1px;  
  }
  
  #left .rez {
    background: #F1F1F1;
    padding: 20px 15px 20px 15px;
    color: #363636;
    margin-bottom: 2em;
    _height: 1px;
    min-height: 1px;  
  }
  
  .rez label {
    color: #363636;  
  	display: block;
  	float: left;
  	width: 80px;
  	clear: inherit;
  }
  
   #left .rez label {
    width: 48px;  
  } 
  
  #left .rez label span {
    display: none;  
  }  
  
  .rez input.txt {
    width: 120px;  
    float: left;
    margin: 0 0px 0 0;
    height: 19px;
    _height: 21px;  
    border: 1px solid #C8C8C8;
  }

  #left .rez input.txt {
    width: 123px;  
  }  

  img.cal  {
    margin: 0 0 -4px 8px;
    _margin: 0 0 -2px 8px;  
  }
  
  .rez img.cal  {
    float: left;  
  } 
 
  p.lB  {
    height: 20px;  
  }    
      
  .rez p.tel {
    margin-top: 10px;
  } 

  .rez p.btn {
    margin: 0px;
    _height: 1px;
    min-height: 1px;  
    clear: both;
  }

  .rez a {
    color: #fff;
  }
  
  .rez ul {
    margin: 0px;
  } 

  .rez ul li {
    background: url("ctv1.gif") no-repeat left center;  
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #7C7C7C;
  } 

  .rez ul li a {
    display: block;
    text-decoration: none;
  } 
  
  .rez ul li a:hover {
    text-decoration: underline;
  }  

  .rez ul li.active a {
    text-decoration: underline;
  }  

  .rez ul li.last {
    border: none;
  }             

/*--- left ---*/

  #left h3 {
    background: #177441;
    font-weight: normal;
    color: #fff;
    padding: 10px 15px 10px 15px;
    margin: 0px;
    font-size: 1.1em;
  }
  
  #left a {
    color: #98A533;
  }
  #left .box-inn {
    margin-bottom: 3em;
  }  


/*--- btm ---*/

  .boxV {
    width: 310px;
    margin-bottom: 2em;
  }
  
  .boxV h3 {
    padding-left: 10px;
  }  
  
  .boxV div {
    padding: 0 0 0 145px;
    min-height: 109px;
    _height: 109px;
  }  

  .letni div {
    background: url("letni.jpg") no-repeat left top;
  } 

  .zimni div {
    background: url("zimni.jpg") no-repeat left top;
  } 

  .v-hotelu div {
    background: url("v-hotelu.jpg") no-repeat left top;
  } 

  .tipy div {
    background: url("tipy.jpg") no-repeat left top;
  } 

  .menu div {
    background: url("menu.jpg") no-repeat left top;
  } 

  .list div {
    background: url("list.jpg") no-repeat left top;
  }            

  .silvestr div {
    background: url("silvestr.jpg") no-repeat left top;
  }  

  .chata div {
    background: url("chata.jpg") no-repeat left top;
  } 
  
  .ozdravne div {
    background: url("ozdravne.jpg") no-repeat left top;
  } 
  
  .skupinove div {
    background: url("skupinove.jpg") no-repeat left top;
  }                  

  .boxV img {
    border: 5px solid #F8F2BB;
  }
  
  .lmn h3 {
    padding-left: 0;
  }
  
  .lmn div {
    padding: 0 0 0 125px;
    >padding: 0 0 0 15px;   
    min-height: 109px;
  } 
/*--- boxiky ---*/
.boxik {
    width: 300px;
    margin-bottom: 2em;
}
/*--- footer ---*/


  #footer {
    position: relative;
	  margin: 5px 0px 0px 0px;
    background: #565656 ;
    height: 41px;
  }

  #footer p {
    padding: 12px 0px 0px 20px;
    color: #CDCDCD;
    text-align: left;
    font-size: 0.9em;
  }

  #footer p a {
    color: #CDCDCD;
  }

  a.tdn {
    text-decoration: none;
  }
  
  .footer-btm a {
    color: #E19C00;  
  }
  
  .footer-btm {
    color: #565656;  
    font-size: 0.9em;
    margin-top: 5px;
  }  

/*--- jazyky ---*/

  #lang {
    position: absolute;
    top: 7px;
    right: 20px;
  }

  #lang ul li {
    float: left;
    background: none;
    border-right: 1px solid #fff;
    line-height: 1em;
    padding-right: 10px;
  } 
  
  #lang ul li.last {
    border-right: none;
  }   

  #lang ul li a {
    color: #fff;
    font-size: 0.9em;
    text-decoration: none;
  } 
  
  #lang ul li a:hover {
    text-decoration: underline;
  }      

/*--- Motiv ---*/

  #mot {
    position: absolute;
    top: 28px;
    right: -20px;
  }

  #mot ul li {
    background: none;
    margin-bottom: 5px;
  } 
  
  #mot ul li a {
    display: block;
    width: 24px;
    height: 25px;
    background: red;
  } 
  
  #mot ul li a span {
    display: none;
  }   
  
  #mot ul li a.leto {
    background: url("leto.gif") no-repeat;
  } 
  
  #mot ul li a.zima {
    background: url("zima.gif") no-repeat;
  } 
  
/*--- obecné tagy ---*/

  ul {
    list-style-position: inside;
    _list-style-position: outside;
    >list-style-position: outside;    
    list-style-type: none;
    margin: 0px 0 1.5em 0px;
    line-height: 1.5em;
  }

  ol {
    list-style-position: inside;
    _list-style-position: outside;
    >list-style-position: outside;    
    margin: 0px 0 1em 0px;
    line-height: 1.5em;
    _padding-left: 25px;
  }

  ol li {
    padding-left: 0px;
  }

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

  a {
    color: #FFF468;
    text-decoration: underline;
  }

  a:hover {
    text-decoration: none;
  }

  table td, table th {
  	border: 1px solid #549571;
    padding: 5px;
  }

  table th {
    background: #004E23;
    color: #fff;
    text-align: left;
  }
  
  table tr.sc td {
    background: #017233;
  }  

  h1 {
    font-size: 1.7em;
    font-weight: normal;
    color: #FFF468;
    margin: 0em 0 1em 0;
  }

  h2 {
    font-size: 1.5em;
    padding: 0.5em 0 1em 0;
    font-weight: bold;
    color: #DCEFDA;
  }

  h2 a {
    color: #DCEFDA;
  }
  
  h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #A2D39C;
    margin: 0.5em 0 1em 0;
  }

  h4 {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    margin: 0 0 1em 0;
  }
  
  a.more {
    background: url("sipka.gif") no-repeat 100% 70%;
    padding-right: 12px;
    _height: 1px;
  }

  a.out {
    background: url("out.gif") no-repeat 100% 70%;
    padding-right: 17px;
    _height: 1px;
  }

  .fL {
    width: 49%;
    float: left;
  }
  
  .fR {
    width: 49%;
    float: right;
  }  
  
  .accent {
    padding: 15px;
    background: #FFF799;
    color: #000;
    border: 1px solid #E7E08C;
  }

  .pic {
    border: 1px solid #02853E;  
  }
  
  h2.pesi {
    background: url("pesi.gif") no-repeat left center;
    padding-left: 40px;
  }
  
  h2.cyklo {
    background: url("cyklo.gif") no-repeat left center;
    padding-left: 40px;
  } 
  
  h2.auto {
    background: url("auto.gif") no-repeat left center;
    padding-left: 40px;
  }
  
  h2.kone {
    background: url("kun.gif") no-repeat left center;
    padding-left: 40px;
  } 
  .error {
  border-color:#FBC2C4;
  background:#FBE3E4;
  color:#D12F19;
  border:1px solid;
  margin:15px;
  padding:5px;  
}

  #scene {
    width:170px;
    float: right;

  }
  
  #scene ul li {
    background: none;
    padding: 0;
    clear: both;
  } 
  
  #scene ul li img {
    border: 3px solid #000;
    margin: 0 10px 15px 0;
  }