/* CSS Document */

body, html {
  height:100%;
  border:0;
  padding:0;
  margin:0;
  text-align:center;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;

}

* {
  padding:0;
  margin:0;
}

#banner {
margin: 15px 0;
}

#content {
  width:800px;
  height:600px;
  background: url('http://www.fann.cz/img/bg.jpg') center center no-repeat;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

#content  h1, #content h1 a span {
display: block;
width: 200px;
height: 135px;
}


#content h1 {
overflow: hidden;
position: absolute;
top: 0;
left: 300px;
}

#content h1 a span {
position: absolute;
top: 0;
left: 0;
background: url('http://www.fann.cz/img/logo.jpg') center center no-repeat;
cursor: hand; cursor: pointer;
}

#A, #B {
display: block;
float: left;
width: 400px;
height: 465px;
position: absolute;
top: 135px;
overflow: hidden;
}

#A {
left: 0;
}

#A span, #B span {
position: absolute;
top: 365px;
font-size: 10px;
color: #706761;
}

#A span {
left: 180px;
}

#B span {
left: 40px;
}


#B {
left: 400px;
}

button {
font-size: 10px;
color: #706761;
border: none;
height: 30px;
background: transparent url('http://www.fann.cz/img/radio0.gif') left 50% no-repeat;
}

button#parfumerie {
width: 220px;
padding-left: 12px;
}

button#shop {
width: 200px;
padding-left: 12px;
}

a {
color: #706761;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

a:hover {
color: #4b4641;
}

h2 {
font-size: 29px;
font-weight: normal;
}

#A h2 {
padding: 270px 0 0 150px;
}

#B h2 {
padding: 270px 150px 0 0;
}

.clear {
clear: both;
}