/* CSS Document */
body {
  min-width: 1145px;
  color: #000; background-color: #fff; font-family: Arial; font-size: 13px; background-image: url("images/body_bg2.jpg"); 
  margin: 0; padding: 0; position: relative;
}

a {
  text-decoration:none;
}
a:visited {
  color: #fff;
}

#logo {
  position: absolute; top: 10px; left: 30px; background-image: url("images/logo.png"); width: 120px; height: 60px; z-index: 1;
}

#head {
  color: #fff; background-color: #2C2A2E; height: 80px; width: auto; position: relative;
  margin: 0; padding: 0;
}
#head a { 
  color: #fff; 
} 
#head a:hover { 
  color: #00BDF4; 
}

#head #menu {
  position: absolute; bottom: 10px; left: 230px;
}

#head #menu h5 {
  display: inline; font-weight: 100; color: #CCC;
}

#head #kontakt {
  position: absolute; bottom: 10px; right: 20px; text-align: right;
}
#head #kontakt b {
  color: #00BDF4;
}

#yellow {
  color: #fff; background-color: #00BDF4; /*796 minus 205 a 15*/width: 620px; min-height: 800px; background-image: url("images/yellow_bg.jpg");
  margin: 0; padding: 10px 15px 30px 205px;
}
#yellow p {
	margin-left: 15px; margin-right: 15px; word-wrap: break-word;
}
#yellow a { 
  color: #fff; font-weight: bold; 
}
#yellow a:hover { 
  color: #2C2A2E; 
}
#yellow #sezona { 
  font-size: 12px; 
}
#yellow #sezona td { 
  padding: 1px 15px 1px 0px; 
}
#yellow table td { 
  padding: 1px 45px 1px 0px; 
}
#yellow .imp { 
  color: #2C2A2E; font-weight: bold; 
}
#yellow #f_meno {
  width: 250px;
}
#yellow #f_sprava {
  width: 250px;
}
#yellow #f_kontrola {
  width: 75px;
}

#yellow_bottom {
  background-color: #00BDF4; width: 840px; height: 8px; background-image: url("images/yellow_bg_bottom.jpg");
  margin: 0 0 50px 0; padding: 0;
}

#info {
  position: absolute; left: 840px; top: 70px; color: #000; padding: 15px; font-family: Comic Sans MS;
  min-width: 270px; max-width: 500px; margin: 0;
}
#info a { color: #00BDF4; }
#info a:hover { color: #00BDF4; }
#info a:visited { color: #00BDF4; }
#info .news {
	border: solid 2px /*#EC2A57*/#2C2A2E; padding: 2px 4px; background: url("images/label_new.png") no-repeat right top;
}
#info p {
	padding: 0px 5px;
}

#info #sprava input {
  width: 270px;
}
#info #sprava textarea {
  width: 270px; height: 6em;
}
#info #sprava #but1 {
  width: 50px; height: 26px; margin-top: 3px;
}
#links {
	margin: 15px 0; clear: both;
}
#links .frame {
	width: 70px; height: 80px; padding: 13px 3px 3px 3px; background: url("images/frame.png") no-repeat; float: left; 
	margin-right: 10px; margin-bottom: 10px; display: inline-table; 
}
#links img {
	height: 64px; width: 64px;
}

#info #weather {
	margin: 0; position: relative; overflow: hidden;
}
#info #weather .today {
	width: 240px; margin-right: 10px; margin-bottom: 10px; position: relative;
}
#info #weather .day {
	float: left; width: 120px; margin-right: 10px; margin-bottom: 10px;
}
#info #weather .day img{
	margin: 3px;
}
#info #weather form {
	clear: both;
}
#info #weather form #but3 {
  width: 50px; height: 26px; margin-top: 3px;
}

#foto {
  position: absolute; left: 0; top: 80px; width: 180px; margin: 0; padding: 0; z-index: 1;
}

.err { color: red; }

#map_canvas { 
  width: 500px; height: 300px; margin-left: 60px; border-color: #2C2A2E; border-width: 2px; border-style: solid; color: #000;
  
}