* {
margin: 0px;
padding: 0px
}
h1 {
font-weight: bold;
color: #c31124;
text-align: center;
padding: 20px;
}    
a {
color:#c31124;
font-size:1em; 
font-weight:normal;
font-style:normal;
text-decoration:underline;
}
a:link
{
color:#ac0e22;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}
a:visited
{
color:#ac0e22;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}
a:hover
{
color:#ac0e22; 
font-style:normal;
text-decoration:none;
}
body {
background: url(img/pozadi2.jpg);
background-attachment:fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
font-family: Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: black;
}
#wrapper {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width:50%;
min-width: 650px;
margin-top: 30px;
margin-bottom: 30px;
background-color: #f3f3e7;
border: 2px solid #f3f3e7;
border-radius: 15px;
}
#header {
text-align: center;
border-radius: 15px;
border-bottom-width: 0px;
background: #cdeb8e; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #cdeb8e 44%, #a5c956 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #cdeb8e 44%,#a5c956 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #cdeb8e 44%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#motto{
font-size: 18px;
color: #c31124;
padding: 10px;
}
#menu {
width:100%;
background: transparent url(img/navbg.gif);
background-repeat:repeat-x;
margin: auto;
margin-top: 25px;
padding-top: 15px;
padding-bottom: 10px;
}
#menu a {
padding: 15px;
padding-bottom: 10px;
color: #d3d2cc;
font-weight:bold;
font-size: 1em;
text-decoration: none;
}
#menu a:hover {
color: #ffffff;
background:transparent;
background-image:url(img/navaktiv.gif);
background-repeat:repeat-x;
}
#content{
margin:auto;
padding: 35px;
text-align: left;
line-height: 1.5em;
word-spacing: 0.3em;
}
h2 {
display:block;
font-size:22px;
text-align:left;
font-weight:bold;
color:#c31124;
font-weight:normal;
padding-bottom:2px;
margin-top:5px;
margin-bottom:10px;
}
ul {
margin-left: 25px;    
text-align:left; 
}
li {
padding: 3px;  
text-align:left; 
}
#about {
float:right;
margin-left: 20px;
}
#about img {
float:right;
margin-left: 20px;
border-radius: 15px;
}
#contact {
float:left;
}
#mapa {
float:right;
}
#stats {
float:right;
}
.c {
clear:both;
}
#prace img {
border-radius: 10px;
padding-top: 5px;
}
#pmdd img {
border-radius: 10px;
}
#pozvanka {
border-width: 2px;
border-style: solid;
border-color: #c31124;
padding: 8px;
border-radius: 10px;
}


@media (max-width: 680px) {
    #wrapper {
        width: 100%;
        min-width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
    }
    body {
        background: none;
    }
    #header {
        border-radius: 0px;
    }
    #menu {
        margin-bottom: 15px;
    }
    #content{
        padding: 15px;
    }
    #contact {
        float: none;
    }  
    #mapa {
        float: none;
        margin-top: 15px;
    }  
}