body.sin {
  background: url("../obrazy/podklad_sin.jpg");
  text-align: center; 
  margin: 0px;
  }
  body.slope {
  background: url("../obrazy/podklad_slope.jpg");
  text-align: center; 
  margin: 0px;
  }
.podklad {
  width: 770px;  height: auto;
  position: relative;
  text-align: left;
  border-bottom: #bdc 1px solid;  border-left: #021 1px solid;  border-right: #bdc 1px solid;  border-top: #021 1px solid;
  }
  #mraky_sin {  background: url("../obr_slope/mraky-zelene-4x.jpg");
  }
  #mraky_slope {  background: url("../obr_slope/mraky-color-4x.jpg");  
  }
.hlavicka {
  width: 770px;  height: 54px;
  position: relative;
  filter: alpha(opacity=80, finishopacity=80, style=1);
  }
  #pruh_sin { background: url("../obr_slope/pruh_zeleny.gif");
  }
  #pruh_slope { background: url("../obr_slope/pruh_modry.gif");
  }
	img.slopelogo {  float: left;
  margin-top: 0px;  margin-left: 0px;  margin-right: 32px;
	}
.pruh {
  height: 34px;
	margin-left: 158px;
  border: #fff 0px solid; 
  padding-top: 4px;
  }
	img.linka1 {
	margin-top: -11px;  margin-left: -36px;
	}	
	img.lamely {
	margin-top: -11px;  margin-left: 6px; 
  }	
	img.lamela {
	margin-top: -23px;  margin-left: 0px; 
  }	
.sloupecl {
	width: 164px; height: 426px; 
	position: relative; top: -16px;
  float: left; padding-bottom: 0px;
	}
	img.horni {
  margin-top: 3px;  margin-left: 20px;	
  border: #fff 1px solid; 
  }
	img.stredni {
 	margin-top: 3px;  margin-left: 20px;	
  border: #fff 1px solid;  
  }
	img.dolni {
 	margin-top: 3px;  margin-left: 20px;	
  border: #fff 1px solid;  
 	}
.plocha {
  width: 566px;
	height: 440px;
  position: relative;
  margin-left: 164px;
	
  padding-right: 8px; padding-top: 8px; padding-bottom: 0px;
  }
  #bg_sin {
  background: url("../obr_slope/zeleny1x1.gif");
  background-repeat: repeat-y;
  background-position: 6px  0px;
  }
  #bg_slope {
  background: url("../obr_slope/modry1x1.jpg");
  background-repeat: repeat-y;
  background-position: 6px  0px;
  }
  div.vlevo {
 	border: 0px inset blue;
  width: 331px;	height: auto;
  float: left;
  margin: 0px 0px 0px 2px;
  position: relative;
  }
  div.vlevo2 {
  border: 0px inset blue;
  width: 403px;	height: auto;
  float: left;
  margin: 0px 0px 0px 2px;
  position: relative;
  }
  div.vlevo3 {
  border: 0px inset blue;
  width: 530px;	
  height: auto;
  float: left;
  margin: 0px 0px 0px 2px;
  position: relative;
  }
  div.vpravo {
	width: 200px;	
  height: 95px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding-top: 3px; padding-left: 0px;
  border: 0px inset blue;
  }
  div.vpravo2 {
	width: 126px;	
  height: auto;
  float: left;
  margin: 0px 0px 0px 0px;
  padding-top: 3px; padding-left: 0px;
  border: 0px inset blue;
  }
  img.obrvpravo {
  border-bottom: #aaa 1px solid; border-left: #fff 1px solid; border-right: #aaa 1px solid; border-top: #fff 1px solid;
  top: 5px;
  float: right;
  }
  img.obrvlevo {
  border-bottom: #aaa 1px solid; border-left: #fff 1px solid; border-right: #aaa 1px solid; border-top: #fff 1px solid;
  float: left; top: 0px;
  left: 2px;
  }
  img.linka3 {
  margin: 3px 0px 3px 0px;
  position: relative;
  left: 37px;
  }

.sloupecp {
	width: 38px;  height: 426px;
  position: relative; 
  float: left;
  }  
.paticka {
	width: 770px;  height: 54px;
  
  position: relative;
  border-top:  white 1px solid;  
 	filter: alpha(opacity=50, finishopacity=50, style=1);
  }
  #color_sin {  background-color:#336666;
  }
  #color_slope {  background-color:#003399;
  }
  div.home {  top: 0px; right: 2px; position: relative; float: right; margin-bottom: -3px;
  }
  div.ost { top: 0px; position: relative; float: left;
  }
.none {
  display: none; 
  }
.popis {
 	width: 770px;  height: 18px;
  position: relative; float: left;
  font: 7pt Verdana, Arial, Helvetica, sans-serif;
  margin-top: -20px;
 	}
  #po_vnit {
  position: relative; 
  color: #fff; 
  }
ul {
  list-style-position: inside;
  margin-left: 0px; 
  padding-left: 0px; padding-bottom: 10px;
 	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;
  list-style-image: url("../obr_slope/lamela-orange.jpg");
 	}
ul.sin {
  color: #366;
  }
ul.slope {
  color: #039;
  }
p {
  font: 10pt Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
 	margin-left: 37px;
  color: black;
 	line-height:130%;
 	}
p.poznamka {
  font: 8pt;
  }
p.obsah {
  font: 7pt Verdana, Arial, Helvetica, sans-serif;
  color: orange; 	
  margin-top: 0px; margin-bottom: 0px; margin-left: 48px;
  padding-bottom: 3px;
  }
p.nabidka {
  font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
  padding-top: 13px; 
  color: #fff; 	
  }
p.prava {
 	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
  margin-top: 24px;
  margin-left: 0;
  color: #ddd;
  }
h1, h3 {
 	font: bold 13pt Verdana, Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-left: 37;
 	color: #555;
  }

a { text-decoration: underline;color: #dfa;font Verdana, Arial, Helvetica, sans-serif;
  }
a:hover { text-decoration: none;
  }

  #hlavicka_sin a {  color: #dfa;
  }
  #hlavicka_sin a:hover {  color: #fff;
  }

  #hlavicka_slope a {  color: #def;
  }
  #hlavicka_slope a:hover {  color: #fff;
  }

  #slope a { color: #000;
  }
  #slope a:hover { color: #77a;
  }
  #sin a { color: #000;
  }
  #sin a:hover { color: #7a9;
  }

  #prednosti a {  color: orange;
  }
  #prednosti a:hover {
  color: silver;
  }

  #rozmery a {
  color: orange;
  text-decoration: underline;
  font-size: 8pt;
  }
  #rozmery a:hover {
  text-decoration: underline;
  color: silver;
  
  }
  #popis a {
  color: #ddd;
  }
  #popis a:hover {
  color: #fff;
  }