/* CSS Document */

body,html
{
font-family: Arial;
margin:0; padding:0;
background-color: #F4EDE4;
background-image: url(imgs/background.jpg);
background-repeat: repeat-x;

}

div#main
{
background-image: url(imgs/main_background.jpg);
background-repeat: repeat-y;
left:50%;  position: relative; margin: 0px 0px 0px -405px;
width:810px; max-width:810px; height:100%; min-height:100%
}

div#dovolena
{
position:absolute; top:2px; left: 500px; font-variant: small-caps; color:white; letter-spacing: 6px; font-weight: bold;
}

div#banner
{
background-image: url(imgs/main_banner.jpg);
background-repeat: no-repeat;
width:810px; max-width:810px;
height:182px; 
}

div#rs
{
position:absolute; top:145px; left:50px; letter-spacing:4px; font-family: verdana; font-size: 20px; font-variant: small-caps; color:#535D75;
}

div#text
{
position:absolute;
background-image: url(imgs/main_background.jpg);
background-repeat: repeat-y;
width:820px;
padding:0px;
margin-top:0px;  
}

div#menu
{
position:absolute; 
top:40px;
left:30px; 
font-variant: small-caps;
font-size:16px;
width:100px; 
}

div.item { max-width:106px; width:106px; text-align: left; padding: 5px 0px; max-height:45px; height:45px; }

a.menu { background-repeat: no-repeat; display: block; text-decoration:none; width:106px; color: black; height:45px; padding: 3px 0 0 40px; }
a.menu:hover { padding: 3px 0 0 40px; font-weight: bolder; background-repeat: no-repeat; display: block;text-decoration:none;  min-width:90px; color: #545E78; }


a.welcome {background-image: url(imgs/welcome.gif);}
a.welcome:hover {background-image: url(imgs/welcome_over.gif);}

a.house {background-image: url(imgs/house.gif);}
a.house:hover {background-image: url(imgs/house_over.gif);}

a.tree {background-image: url(imgs/tree.gif);}
a.tree:hover {background-image: url(imgs/tree_over.gif);}

a.train {background-image: url(imgs/train.gif);}
a.train:hover {background-image: url(imgs/train_over.gif);}

a.fish {background-image: url(imgs/fish.gif);}
a.fish:hover {background-image: url(imgs/fish_over.gif);}

a.sign {background-image: url(imgs/sign.gif);}
a.sign:hover {background-image: url(imgs/sign_over.gif);}

a.flower {background-image: url(imgs/flower.gif);}
a.flower:hover {background-image: url(imgs/flower_over.gif);}

a.park {background-image: url(imgs/park.gif);}
a.park:hover {background-image: url(imgs/park_over.gif);}

div#content
{
position:relative; 
top:0px; 
margin:0px 0 0 190px; 
width:550px; 
height:100%;
padding-top:40px;

}

div#footer
{
padding: 30px 0 15px 0px; 
text-align: center;
font-size:10px; 
}

/* Text */
h1 {font-size:14px; letter-spacing:4px;  }
h1#red {font-size:14px; letter-spacing:2px; color: red }
p{font-size:12px; letter-spacing:1px; text-align:justify; line-height: 20px; margin:5px 0px }
table, tr, td {font-size:12px; }

/* image shadow */

img.logoint {position: absolute; left:600px; top:130px; z-index:100 }

div.images
{
padding: 0px 0px 0px 60px; 
}

.img-shadow {
  float:left;
  background: url(imgs/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 15px !important;
  margin: 10px 10px 0 10px;
  }

.left
{
 float:left;
}

.right
{
float:right;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

div.spacer
{
height:350px;
min-height:350px;  
}

h3 {font-size: 14px;}