@charset "utf-8";
/* CSS Document */

 .nombre-car { position: absolute; top: 60%; color: #000; text-shadow: 1px 1px 1px #fff;}
      .viewport ul{width: 300%; position: absolute; padding: 0px;}
      div.viewport{ overflow: hidden; width: 1010px; height: 230px; position: relative; margin-left: 50px; margin-right: 50px;}
      .viewport li{ list-style: none; position: relative;float: left;margin-left: 0px;}
      #lite-carousel {overflow: hidden; position: relative;}
      #prev {position: absolute;cursor: pointer;   top: 122px;font-weight: bold;background-image: url(../images/carousel/flechitaizq.png); width: 50px; height: 50px;}
      #next {position: absolute; cursor: pointer; left: 1080px; top: 122px;font-weight: bold; background-image: url(../images/carousel/flechita.png); width: 50px; height: 50px;}
      .details ul{text-align: left;}
		.img-car,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1199px) {
			div.viewport{  width: 90%; }
			
			
			#next{ 
			background-image: url(../images/carousel/flechitaresp.png);
				width: 15px; height: 15px;left: 98%;
			}
			
			#prev{ 
			background-image: url(../images/carousel/flechitaizqresp.png);	width: 15px; height: 15px;		}
			
		}

@media screen and (max-width: 980px) {
			div.viewport{  width: 85%; }
			
			
			#next{ 
			background-image: url(../images/carousel/flechitaresp.png);
				width: 15px; height: 15px;left: 700px;
			}
			
			#prev{ 
			background-image: url(../images/carousel/flechitaizqresp.png);	width: 15px; height: 15px;		}
			
		}
		@media screen and (max-width: 780px) {
			div.viewport{  width: 85%; }
			
			
			#next{ 
			background-image: url(../images/carousel/flechitaresp.png);
				width: 15px; height: 15px;left: 95%;
			}
			
			#prev{ 
			background-image: url(../images/carousel/flechitaizqresp.png);	width: 15px; height: 15px;		}
			
		}

@media screen and (max-width: 480px) {
			
	div.viewport{  width: 68%; height: 117px; }
			
			.img-car{
				
				 width: 100px;
				height: 117px;
			}
			
			#next{ 
			background-image: url(../images/carousel/flechitaresp.png);
				width: 15px; height: 15px;left: 95% ; top: 10px;
			}
			
			#prev{ 
			background-image: url(../images/carousel/flechitaizqresp.png);	width: 15px; height: 15px;top: 10px;		}
			
		}