.stopka {
clear: both;
width: 930px;
heightt: 30px;
line-height: 30px;
padding: 0 10px 0 20px;
margin: 20px auto 0px auto;
background: #7A65A6;
/*
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
*/
}

.stopka {
    background: url("../img/trawa4.png") no-repeat scroll 0 0 transparent;
    clear: both;
    height: 50px;
    line-height: 30px;
    margin: 20px auto 0;
    width: 100%;
}

.stopka {
background-position: center !important;
}

.stopka {
padding: 0;
}

.stopka .padding {
padding: 10px 10px 0 20px;
}


.stopka .dane {
    color: #DDDDDD;
    display: inline;
    margin-right: 20px;
}

.stopka a {
color: #FFFFFF;
}

.stopka a:hover {
color: #DDDDDD;
}

.stopka .padding {
display: table;
margin: 0 auto;
}



/*--------- 959-700 */
@media all and (min-width:700px) and (max-width:959px) {



} /*--- 959-700 */


/*--------- ponizej 700 */
@media all and (max-width:699px) {

.stopka {
width: 100%;
padding: 0;
background: #666666;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 24%, rgba(0,0,0,0.65) 47%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(24%,rgba(0,0,0,0.33)), color-stop(47%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 24%,rgba(0,0,0,0.65) 47%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 24%,rgba(0,0,0,0.65) 47%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 24%,rgba(0,0,0,0.65) 47%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 24%,rgba(0,0,0,0.65) 47%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.stopka .padding {
padding: 10px 25px;
}


.stopka a {
color: #BBB;
}

.stopka a:hover {
color: #FFF;
}

.stopka .dane {
color: #BBB;
}

	

}/*--- ponizej 700 */



/*--------- 550 */
@media all and (max-width:550px) {
	
.stopka {
    line-height: 15px;
}

.stopka .padding {
padding: 15px 25px;
}

.stopka .dane {
    /*font-size: 10px;*/
    margin: 0 5px 0 0;
    display: inline-block;
}

} /* ---- 550 */


/* ----------- 350 */
@media all and (max-width:350px) {



} /* ---- 350 */
