/* ================================================================ */
/*          glowne definicje strony                                 */
/* ================================================================ */

* {margin: 0; padding: 0;}

body {
background: #333333;
background-repeat: repeat-x;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}

html,body {
	height:100%;
}

a:visited { text-decoration: none; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
a:link    { text-decoration: none; color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
a:hover   { text-decoration: none; color: #666666; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

.info a:visited { text-decoration: none; color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
.info a:link    { text-decoration: none; color: #000; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
.info a:hover   { text-decoration: none; color: #666; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

img {
border: 0px;
}

/* ================================================================ */
/*                             main                                 */
/* ================================================================ */

#site {
    width:100%;
    min-width:400px;
max-width:800px;
margin-left:auto;
margin-right:auto;
}

#head {
    width:100%;
    border-bottom:1px #fff solid;
margin-bottom:5px;
margin-top:20px;
padding-bottom:5px;
color:#fff;
float:left;
}

#content {
    background:#fff;
    width: 100%;
    float:left;
}

.info {
    background:#fff;
    width:360px;
    height:180px;
padding:10px;
    margin:10px;
    float:left;
}

.text {
    background:#fff;
max-width:100%;
padding:10px;
    float:left;   
}


.box {
    width:380px;
    height:200px;
    border:1px #c0c0c0 solid;
    margin:9px;
    float:left;
}

.button {
    display:block;
    background-color: rgba(0, 0, 0, 0.2);
    filter:alpha(opacity=20);
    width:380px;
    height:200px;
    float:left;
}

.button:hover {
display: block;
background:none;
    width:380px;
    height:200px;
    float:left;
}

#ddc {
    background: #fff url(img/ddc.jpg);
    background-repeat: no-repeat;
    background-position:center;
    width:380px;
    height:200px;
    
}

#zapodaj{
    background: #fff url(img/zapodaj.jpg);
    background-repeat: no-repeat;
    background-position:center;
    width:380px;
    height:200px;
    
}

#file2 {
    background: #fff url(img/file2.jpg);
    background-repeat: no-repeat;
    background-position:center;
    width:380px;
    height:200px;
    
}

#tail {
width:100%;

height:20px;
border-top:1px #fff solid;
margin-top:5px;
padding-top:5px;
float:left;
}

#linki {
color:#ffffff;
height:25px;
float:right;
}

#copyright {
color:#ffffff;
height:25px;
float:left;
}



ul {
margin-left:20px;
}

ul, ul li {
	display: block;
	list-style: none;
	text-align:center;
}

ul li {
	
	height:20px;
        padding-left:10px;
        padding-right:10px;
	float: left;
}



/* ================================================================ */
/*                             classy                               */
/* ================================================================ */

input {
font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

select {
font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

textarea {
width:500px;
height:100px;
font-size: 13px;
color: #777777;
border: 1px #bbbbbb solid;
background-color: #F6f6f6;
}

.formtext {
width:150px;
float:left;
}