.slider {
         
width:1054px;
height:340px;
position:relative;
margin:0 auto;
}

.sliderContent {
float:left;
width:1054px;
height:340px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(/images/arrows.png);
width:41px;
height:41px;
position:absolute;
margin-top:0;
}

.prev {
top:42px;
background-position:0 -41px;

left:-54px;
}

.prev:hover {
background-position:0 0;

}

.next {
top:93px;

left:-54px;
background-position:-41px -41px;
}

.next:hover {

background-position:-41px 0;

}

.sliderContent .item {
position:absolute;
width:1050px;
height:340px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:20px;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(/images/gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}



@media screen  and (max-width:1050px) {
#slider{margin-top:55px; height:auto;}
.slider {height:auto;}
.slider, .sliderContent {width:100%; }
.sliderContent{ height:340px;}

.sliderContent .item  {width:100%; height:auto;}
.sliderContent img {width:100%; height:auto;}

.sliderArrows, .sliderBullets {display:none;}
}



@media screen  and (max-width:900px) {
.sliderContent{ height:280px;}
}

@media screen  and (max-width:700px) {
.sliderContent{ height:240px;}
}

@media screen  and (max-width:600px) {
.sliderContent{ height:160px;}
}
@media screen  and (max-width:400px) {
.sliderContent{ height:130px;}
}


@media screen  and (max-width:320px) {
.sliderContent{ height:100px;}
}