/* CSS Document */
html{
height:100%;
}

body{
margin: 0px;
background-color:#f9f9f9;
font-family:segoe ui;
height:100%;
font-size:14px;
padding: 0px;
}

#main{
position:relative;
width:100%;
min-height:100%;
}
/*************************** hlavička ********************************/

#header{
background-image: url('img/header.png');
background-repeat: repeat-x;
height: 210px;
width:100%;
}

.header{
width:940px;
margin: 0 auto;
height: 204px;
}

.logo{
position:relative;
top:60px;
float:left;
}

/******************* menu *****************************************/

menu{
position:relative;
top:80px;
list-style-type:none;
width:360px;
float:right;
}

li{
float:left;
width:120px;
}

.color{
color:#890000;
}

menu a:link, menu a:visited{
height:20px;
text-decoration:none;
color:#0082a3;
font-size:26px;
font-family:Tahoma;
}

menu a:hover{
height:20px;
text-decoration:none;
color:#ffffff;
font-size:26px;
font-family:Tahoma;
}

/********************* obsah **************************************/

#content{
width:100%;
padding-bottom: 220px;
}

.content{
width:940px;
margin: 0 auto;
padding-top:100px;
}

h1{
background-image:url('img/h1.png');
background-repeat: no-repeat;
background-position: center left;
text-indent:15px;
padding-bottom:4px;
font-size:24px;
}

h2{
font-size:16px;
}

.main_picture{
position:relative;
left:350px;
}

.contact_picture{
position:relative;
top:-300px;
left:450px;
margin-bottom:-350px;
}
/************************ paticka **************************************/
#bottom{
position:absolute;
left:0px;
bottom: 0px; 
height: 199px;
background-image: url('img/bottom.png');
background-repeat: repeat-x;
width:100%;
}

.bottom{
width:940px;
margin: 0 auto;
}

.contact{
position:relative;
top:50px;
color:#ffffff;
font-size:14px;
margin:0px;
}

.author:link, .author:visited{
color:#ffffff;
text-decoration:none;
}

.author:hover{
color:#ffffff;
text-decoration:underline;
}