*{
  margin:0;
  padding:0;
  border:none;
}

html,body{
  font:16px sans-serif;
  width:100%;
  color:#6d6d6d;
}

body{
    text-align:center;
    background:url("../img/bg.png") repeat;
}

a, a:link, a:visited{
    color:#6d6d6d;
    text-decoration:none;
}

a:hover, a:focus{
     color:#d40055;
}

ul.icons li#icon-rss a{
    background-image:url("../img/icon-rss.png");
}

div#vizitka{
    text-align:left;
    clear:left;
    width:349px;
    height:194px;
    margin:-97px 0 0 -174px;
    background:url("../img/card.png") no-repeat 0 0;
    padding:22px 22px 22px 145px;
    position:absolute;
    top:50%; 
    left:50%;
}

div#vizitka p.jmeno{
    margin-bottom:1em;
    color:#000;
}

div#vizitka p.jmeno small{
    color:#6d6d6d;
    font-size:1em;
}

div#vizitka p.kontakt{
    font-size:0.75em;
    margin:0.1em 0 0.3em 0;
}

div#vizitka p.kontakt strong{
    width:5em;
    display:block;
    text-align:right;
    float:left;
    margin-right:6px;
}

div#vizitka ul.icons{
    list-style:none;
    display:block;
    float:left;
    height:62px;
}

div#vizitka ul.icons li{
    float:left;
    display:block;
    width:16px;
    height:62px;
    margin:0 1px 0 1px;
}

li#facebook{
    margin-left:0;
}

li#github{
    margin-right:0;
}

div#vizitka ul.icons li a, div#vizitka ul.icons li a:link, div#vizitka ul.icons li a:visited{
    display:block;
    width:16px;
    height:16px;
    text-indent:-9999px;
    margin-top:46px;
    background-image:url("../img/icons.png");
}

li#facebook a{
    background-position:0px -46px;
}

li#lastfm a{
    background-position:-19px -46px;
}

li#flickr a{
    background-position:-39px -46px;
}

li#github a{
    background-position:-58px -46px;
}

div#vizitka ul.icons li a:hover, div#vizitka ul.icons li a:focus{
    height:62px;
    margin-top:0;
}

li#facebook a:hover, li#facebook a:focus{
    background-position:0px 0px;
}

li#lastfm a:hover, li#lastfm a:focus{
    background-position:-19px 0px;
}

li#flickr a:hover, li#flickr a:focus{
    background-position:-39px 0px;
}

li#github a:hover, li#github a:focus{
    background-position:-58px 0px;
}

div#vizitka ul.icons li#fotky{
    width:100px;
}

div#vizitka ul.icons li#fotky a{
    text-indent:0;
    font-size:0.7em;
    width:100%;
    background:#f2f2f2;
}

div#vizitka ul.icons li#fotky a:hover, div#vizitka ul.icons li#fotky a:focus{
    height:16px;
    margin-top:46px;
}