@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-bottom: 20px;
  background: #DEDEDD url("images/body.gif") repeat-x;
}
#page {
	position: relative;
	width: 1024px;
	margin: 0 auto 0 auto;
  background: #FFF;
}
#doc {
  margin: 0px 0px 0 0px;
	text-align: left;
  padding: 18px 17px 0 17px;
  background: #DEDEDD url("images/doc.jpg") no-repeat top;
  _height: 1px;
}
#text {
  background: #fff url("images/tree.jpg") no-repeat right bottom;
 	text-align: left;
  margin: 0 0px 0 0px;
  padding: 0px 15px 4em 15px;
}
#left {
  width: 637px;
  float: left;
}
#right {
  width: 315px;
  float: right;
}
/*--------------------------------------------- header ---*/
#header {
  width: 100%;
	height: 175px;
  background : #FFF url("images/header.jpg") no-repeat center bottom;
	margin: 0px auto 0 auto;
	text-align: left;
}
#header img {
  margin: 87px 0 0 50px;
}
#foto {
  position: absolute;
  top: -87px;
  left: 568px;
}
/*#page.akce #foto {
  background: url("images/akce.jpg") no-repeat right;
}
#page.nabidka #foto {
  background: url("images/nabidka.jpg") no-repeat right;
}
#page.cenik #foto {
  background: url("images/cenik.jpg") no-repeat right;
}
#page.kontakt #foto {
  background: url("images/kontakt.jpg") no-repeat right;
}
#page.fotogalerie #foto {
  background: url("images/fotogalerie.jpg") no-repeat right;
}
#page.ploty #foto {
  background: url("images/ploty.jpg") no-repeat right;
}*/
/*------------------------------------------------ menu ---*/
#menu {
  background: #FFF url("images/menu.jpg") no-repeat center bottom;
  position: relative;
  height: 35px;
  margin-bottom: 1.5em;
}
#menu ul {
 list-style-type: none;
  padding: 0px 0 0 0px;
  margin: 0 0 0 0px;
}
#menu li {
  float: left;
  list-style-type: none;
  padding: 0px;
  background: none;
}
#menu li a {
  display: block;
  height: 35px;
  color: #000;
  position: relative;
  cursor: hand;
}
#menu li a span {
  position: absolute;
  display: block;
  height: 35px;
  color: #fff;
  left: 0px;
  top: 0px;
}
#menu li a.mnu1 span {
  background: url("images/mnu1.jpg") no-repeat bottom;
  width: 106px;
}
#menu li.active a.mnu1 span {
  background: url("images/mnu1-a.jpg") no-repeat bottom;
}
#menu li a.mnu1  {
  width: 106px;
}
#menu li a.mnu2 span {
  background: url("images/mnu2.jpg") no-repeat bottom;
  width: 129px;
}
#menu li.active a.mnu2 span {
  background: url("images/mnu2-a.jpg") no-repeat bottom;
}
#menu li a.mnu2 {
  width: 129px;
}
#menu li a.mnu3 span {
  background: url("images/mnu3.jpg") no-repeat bottom;
  width: 133px;
}
#menu li.active a.mnu3 span {
  background: url("images/mnu3-a.jpg") no-repeat bottom;
}
#menu li a.mnu3 {
  width: 133px;
}
#menu li a.mnu4 span {
  background: url("images/mnu4.jpg") no-repeat bottom;
  width: 150px;
}
#menu li.active a.mnu4 span {
  background: url("images/mnu4-a.jpg") no-repeat bottom;
}
#menu li a.mnu4 {
  width: 150px;
}
#menu li a.mnu5 span {
  background: url("images/mnu5.jpg") no-repeat bottom;
  width: 131px;
}
#menu li.active a.mnu5 span {
  background: url("images/mnu5-a.jpg") no-repeat bottom;
}
#menu li a.mnu5 {
  width: 131px;
}
#menu li a.mnu6 span {
  background: url("images/mnu6.jpg") no-repeat bottom;
  width: 182px;
}
#menu li.active a.mnu6 span {
  background: url("images/mnu6-a.jpg") no-repeat bottom;
}
#menu li a.mnu6 {
  width: 182px;
}
#menu li a.mnu7 span {
  background: url("images/mnu7.jpg") no-repeat bottom;
  width: 129px;
}
#menu li.active a.mnu7 span {
  background: url("images/mnu7-a.jpg") no-repeat bottom;
}
#menu li a.mnu7 {
  width: 129px;
}
#menu li a.mnu7:hover span,
#menu li a.mnu6:hover span,
#menu li a.mnu5:hover span,
#menu li a.mnu4:hover span,
#menu li a.mnu3:hover span,
#menu li a.mnu2:hover span,
#menu li a.mnu1:hover span {
  background-position: top;
}
/*----------------------------------------- ikony hp ---*/
div.icon {
  height: 110px;
}
div.icon a {
  display: block;
  width: 234px;
  height: 99px;
  float: left;
}
div.icon a span {
  display: none;
}
div.icon a.listy {
  background: url("images/listy.jpg") no-repeat  bottom;
}
div.icon a.plotovky {
  background: url("images/plotovky.jpg") no-repeat  bottom;
}
div.icon a.ostatni {
  background: url("images/ostatni.jpg") no-repeat  bottom;
}
div.icon a.ostatni {
  background: url("images/ostatni.jpg") no-repeat  bottom;
}
div.icon a.palubky {
  background: url("images/palubky.jpg") no-repeat bottom;
}
div.icon a.palubky:hover,
div.icon a.ostatni:hover,
div.icon a.plotovky:hover,
div.icon a.listy:hover
 {
  background-position: top;
}
/*----------------------------------------- box ---*/
.box {
  border:1px solid #ABAAA9;
  width: 309px;
  margin-bottom: 15px;
}
.box h3 {
  background: url("images/h.jpg") no-repeat left top;
  padding: 9px 10px 9px 10px;
  color: #fff;
  text-transform: uppercase;
  margin: 0px;
}
.box div {
  padding: 10px;
  background: url("images/box.jpg") no-repeat right bottom;
  min-height: 160px;
  _height: 190px;
}

/*----------------------------------------- footer ---*/
/*#footer {
  margin: 0px 13px 0 13px;
  padding: 10px 15px 10px 15px;
  background: #000 url("images/footer.gif") no-repeat bottom center;
  _height: 1px;
  >min-height: 1px;
}
#footer span {
  display: block;
  padding: 2px 0px 0 0px;
	font-size: 0.9em;
	color: #FFF;
}
#footer a {
  color: #FFF;
}
a.tdn {
  text-decoration: none;
}*/
#footer {
  padding:8px 15px 8px 15px;
  width: 994px;
  height: 20px;
}
#footer a {
  color:#464646;
}
#footer a:hover {
  text-decoration:none;
}
/*------------------------------------------------- formulare ---*/
fieldset {
	padding: 10px;
	margin-bottom: 0.5em;
  border: 1px solid #EBEBEB;
}
label  {
	float: left;
  margin-right: 5px;
  color: #590614;
  width: 130px;
}
legend{
  padding: 10px 5px 10px 5px;
  color: #888;
}
/*----------------------------------------------------- obecné tagy ---*/
ul {
  list-style-position: inside;
  _list-style-position: outside;
  >list-style-position: outside;
  list-style-type: none;
  margin: 0px 0 1em 0px;
  line-height: 1.5em;
}
ul li {
  background: url("images/lin.gif") no-repeat left top;
  padding-left: 13px;
}
a {
  color: #8F0001;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
h1 {
  font-size: 1.6em;
  font-weight: normal;
  color: #8F0001;
  margin: 0em 0 0.5em 0;
}
h2 {
  font-size: 1.3em;
  padding: 0.5em 0 0.5em 0;
  font-weight: bold;
  color: #000;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  margin: 0 0 0.5em 0;
}
h4 {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  margin: 0 0 0.5em 0;
}
p {
  margin: 0 0 1em 0;
  line-height: 1.5em;
}
hr {
  display: none;
}
table {
  font-size: 100%;
  border-collapse: collapse;
  margin: 0 0 1em 0;
}
table td, table th {
  border: 1px solid #EBEBEB;
  padding: 4px 5px 4px 5px;
}
a img{
  border: none;
}
/*---------------------------------------------- tridy a barvy ---*/
.alignL {
  float:left;
}
.alignR {
  float: right;
}
.alignC {
  text-align: center;
}
.clear {
  clear: both;
  font-size: 1px;
  height: 1px;
  background: transparent;
}
.textL {
  text-align: left;
}
.textR {
  text-align: right;
}
.textC {
  text-align: center;
}

.gal {
    width: 100px;
    height: 110px;
    float: left;
    text-align: center;
    margin-left: 24px;
    margin-bottom: 24px;
}
.fotoGal {
  margin-left:25px;
}
.fotoGal img {
  border: 2px solid #d8d7d7;
  margin-right:8px;
  margin-bottom:8px;
}

}