*/
@charset "utf-8";

/* reset */
*{
margin:0;
padding:0;
outline:0;
}

.clear { 
clear: both; 
}

body { 
}

.background { 
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: -5000;
}

.curl { 
width: 230px;
height: 133px;
position: absolute;
left: 0px;
top: 0px;
background: url(i/curl.png) no-repeat;
}

.main {
position:absolute;
width:987px; 
height:408px;
margin:-204px 0px 0px -494px;
top: 50%; 
left: 50%;
background: url(i/main.png) no-repeat;
}

.popis {
position: absolute;
left: 50px;
bottom: 70px;

color: #777777;
font-family: "Verdana";
font-size: 12px;
}

.popis ul {
margin: 0px;
padding: 0px;
list-style-type:none;
}

.popis li {
margin: 5px;
line-height: 20px;
}

.kontakt {
position: absolute;
left: 500px;
bottom: 70px;

text-align: left;
color: #777777;
font-family: "Verdana";
font-size: 12px;
}

.kontakt ul {
margin: 0px;
padding: 0px;
list-style-type:none;
}

.kontakt li {
margin: 5px;
line-height: 20px;
}

.kontakt a {
color: #777777;
text-decoration: none;
}

.kontakt a:hover {
color: #777777;
text-decoration: underline;
}

.mapa {
width: 109px;
height: 53px;
position: absolute;
bottom: 20px;
right: 0px;
background: url(i/mapa.png) no-repeat;
}

.mapa:hover {
width: 109px;
height: 53px;
position: absolute;
bottom: 20px;
right: -20px;
background: url(i/mapa.png) no-repeat;
}

.usilovne {
color: #f2f2f2;
font-family: "Verdana";
font-size: 12px;
position: absolute;
right: 20px;
bottom: 10px;
}