@media screen and (max-width: 989px)  
{
   .carrousel_inner
   {
    
    float:left;
    width:355px;
    height:200px;
    overflow: hidden;
    } 
}

@media screen and (max-width: 1199px) and (min-width: 990px) 
{
   .carrousel_inner
   {
    
    float:left;
    width:555px;
    height:200px;
    overflow: hidden;
    } 
}

@media screen and (min-width: 1200px) 
{
   .carrousel_inner
   {
    float:left;
    width:755px;
    height:200px;
    overflow: hidden;
    } 
}

.carrousel{
    height: 200px;
    margin: 0 auto;
    width: 890px;
}
.carrousel_inner ul li{
    float:left;
    list-style: none;
    margin: 0;
    width:200px;
    height:200px;
}
.carrousel_inner ul{
    margin:0;
    padding:0;
    height:200px;
    width: 10000px;
    overflow:hidden;
}

.carrousel_left, .carrousel_right{
    height: 160px;
    width:30px;
    float:left;
}
.carrousel_left{
    background: url(../imagenes/marca/carrusel/nav_left.png) no-repeat  left top;
}
.carrousel_left:hover{
    background:url("../imagenes/marca/carrusel/nav_left.png") no-repeat scroll -50px top transparent
}
.carrousel_right{
    background: url(../imagenes/marca/carrusel/nav_right.png) no-repeat right top;
}
.carrousel_right:hover{
    background: url(../imagenes/marca/carrusel/nav_right.png) no-repeat -70px top;
}
.left_inactive,.left_inactive:hover{
    background: url(../imagenes/marca/carrusel/nav_left.png) no-repeat -100px top;
}
.right_inactive,.right_inactive:hover{
    background: url(../imagenes/marca/carrusel/nav_right.png) no-repeat -20px top;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
 
  .carrousel_inner
   {
    
    float:left;
    width:160px;
    height:200px;
    overflow: hidden;
    margin:auto;
    }
    .carrousel{
    height: 200px;
    margin: 0 auto;
    width: 220px;
    }
}