.menu {
position: relative;
width: 960px;
background: none;
margin: -15px auto 0 auto;
height: 65px;
/*
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
*/
clear: both;
}

.menu ul {
margin: 0;
padding: 0;
line-height: 100%;
}

.menu li {

float: left;
list-style: none;
font-size: 105%;
ffont-family: Arial,"Trebuchet MS",sans-serif;
text-align: center;
margin-right: 5px;
border-bottom: 1px dotted #333;
border: 1px dotted #333;
height: 35px;
wwidth: 120px;
font-weight: bolder;
padding: 0 14px;


background: -moz-linear-gradient(left,  rgba(0,0,0,0.1) 0%, rgba(255,155,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(255,220,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,160,0,0.1) 0%,rgba(255,220,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.1) 0%,rgba(255,220,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10000000', endColorstr='#00ffc800',GradientType=1 ); /* IE6-9 */

}

.menu li a {
display: block;
text-decoration: none;
color: #333;
display: table-cell;
vertical-align: middle;
text-align: center;
height: 35px;
wwidth: 120px;
}

.menu li.active {
box-shadow: 0px 0px 5px #888888;
background: -moz-linear-gradient(left,  rgba(255,200,0,0.8) 0%, rgba(255,200,0,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,200,0,0.8)), color-stop(100%,rgba(255,200,0,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,200,0,0.8) 0%,rgba(255,200,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,200,0,0.8) 0%,rgba(255,200,0,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,200,0,0.8) 0%,rgba(255,200,0,0.3) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,200,3,0.8) 0%,rgba(255,200,0,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffc800', endColorstr='#55ffc800',GradientType=1 ); /* IE6-9 */
}

.menu li.active a {
color: #000000;
}

.menu li:hover {
background: #DDDDDD;
box-shadow: 0px 0px 5px #888888;
}



.menu li.lewy {
/*
-- border-radius: 0 0 0 10px;
-moz-border-radius: 0 0 0 10px
-webkit-border-radius: 0 0 0 10px;
*/
wwidth: 94px;
}

.menu li.prawy {
/*
-moz-border-radius: 0 0 10px 0;
-webkit-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
*/
margin-right: 0;
wwidth: 94px;
}

.menu li.. {
display: none;
}


/*--------- 959-700 */
@media all and (min-width:700px) and (max-width:959px) {

.menu {
width: 700px;
height: 70px;
background: transparent;
margin: -10px 0 0 0;
}

.menu ul {
margin-right: -15px;
padding: 0;
}

.menu li {
width: 267px;
margin-bottom: 5px;
height: 40px;
}

.menu li a {
line-height: 40px;
}

} /*959-700 */


/*--------- ponizej 700 */
@media all and (max-width:699px) {

.menu {
width: 100%;
height: 60px;
background: transparent;
margin: -10px 0 0 0;
}

.menu ul {
margin-right: -3%;
padding: 0;
}

.menu li, .menu li.lewy, .menu li.prawy {
width: 40%;
margin-bottom: 5px;
height: 40px;
margin-right: 1%;
}

.menu li a {
line-height: 40px;
}

}/*-700 */



/*--------- ponizej 550 */
@media all and (max-width:550px) {
	
} /*-550 */


/* ----------- ponizej 350 */
@media all and (max-width:350px) {

} /*-350 */


/* ----------- ponizej 310 */
@media all and (max-width:310px) {	

.menu ul {
margin-right: 0px;
}
		
.menu li, .menu li.lewy, .menu li.prawy {
width: 100%;
margin-bottom: 5px;
height: 40px;
margin-right: 0px;
}	

} /*-310*/