/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09/10/2016, 17:54:55
    Author     : granhani   background: radial-gradient(circle, #000, yellow, #fff);
*/


.carMain .carousel-indicators{
    position: absolute;
    bottom: 0px;
    left: auto;
    right: 0px;
    z-index: 15;
    width: 45%;
    padding: 0px 5px;
    margin: 0;
    margin-bottom: 3px;
    text-align: right;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
}
.carMain .carousel-indicators li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 4px;
    text-indent: 0px;
    cursor: pointer;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    background: radial-gradient(circle, #3a3a3a, #383940, #000000);
    box-shadow: 0px 0px 2px 1px rgba(255,255,255,0.6);
    border: none;
}
.carMain .carousel-indicators li.active,
.carMain .carousel-indicators li:hover{
    background: radial-gradient(circle, #3498db, #0061a2, #000000);
}

.carMain .carousel-caption {
    right: 0px;
    left: 0px;
    padding: 9px 10px 1px 15px;
    bottom: 0px;
    line-height: 28px;
    background: rgba(0,0,0,0.5);
    text-align: left;
    min-height: 48px;
}
.carMain .carousel-caption p{
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    display: inline-block;
    font-size: 14px;
    color: #eee;
}
.carMain .carousel-caption p > span{
    font-size: 16px;
    color: #fff;
    padding-right: 10px;
}
.carMain .carousel-control{bottom: 48px;}

.sombraCar{line-height: 0;}

@media(max-width: 768px){
    .carMain .carousel-indicators{display: none;}
    .carMain .carousel-caption p{
        max-width: 100%;
    }
}