@charset "utf-8";
/* CSS Document */
body, html {
margin:0;
padding:0;
font-family:Verdana, Geneva, Arial;
background: #272d33;
color:#fff;
font-size: 11px;
line-height:15px;
text-align: left;
height: 100%;
}
#bg-foto {
min-height: 100%;
_height: 100%; /* IE */
position: relative;
height:auto;
}

#page {
width: 931px;
margin: 0 auto;
}

#levy_sloupek
{

top:250px;
width:282px;
left:auto;
position: absolute;
bottom: 55px;
height:auto;
z-index:1;
}
#content_hp {
width:714px;
top:4px;
position: relative;
height:auto;
margin-left:282px;
padding-bottom:80px;
}
#paticka_matrjoska
{
width:931px;
background:url(../grafika/paticka.png) no-repeat;
position: absolute;
bottom: 0px;

height: 69px;
}
#paticka-text {
text-align:center;

}
#paticka-text ul li, #paticka-text a {
text-align:center;
display:inline; 
list-style-type: none;
color:#a6a6a6;
margin:0;
padding:0;
text-decoration:none;
}

#top-oko {
background:url(../grafika/hp-top-oko.jpg) no-repeat;
height:213px;
width:931px;
}
.odkaz-neutral a {text-decoration:none; color:white;}
.odkaz-neutral a:hover {text-decoration:underline; color:white;}
#buton-modra, #buton-cervena, #buton-zelena{
width:157px;
height:34px;
float:right;
font-size:12px;
line-height:34px;
padding-left:15px;
}
#buton-modra {
background:url(../grafika/button-modra.png) no-repeat;
}
#buton-cervena {
background:url(../grafika/button-cervena.png) no-repeat;
}
#buton-zelena {
background:url(../grafika/button-zelena.png) no-repeat;
}

#cervena, #zelena, #modra {
width:246px;
height:92px;
padding:14px 18px 18px 18px;
margin-bottom:12px;
}
#cervena, #cervena a {
background:url(../grafika/cervena.png) no-repeat; text-decoration:none;
}
#zelena , #zelena a {
background:url(../grafika/zelena.png) no-repeat; text-decoration:none;
}
#modra, #modra a {
background:url(../grafika/modra.png) no-repeat; text-decoration:none;
}