body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*
=== Trovan en el Mundo ===
*/
.trovan-dealers {
    padding-left: 5px;
    list-style-type: none
}
.trovan-dealers > li > ul {
    padding: 10px 0 10px 16px;
    list-style-type: none
}
.trovan-dealers > li > ul > li > ul {
    padding: 10px 0 10px 16px;
    list-style-type: none
}

.trovan-dealers li > a {
    cursor: pointer; 
    font-weight: bold
}
.trovan-dealers > li > a {
    font-size: 1.1em;
}

.trovan-dealers li {
    margin-bottom: 10px;
}
.trovan-dealers li:last-child {
    margin-bottom: 0
}

.trovan-dealers span {
    display: block
}
.trovan-dealers span.name {
    font-weight: bold
}

.trovan-dealers ul {
    display: none
}
.trovan-dealers ul.visible {
    display: inherit;
    border-top: 1px dotted #ccc
}
.trovan-dealers ul.visible > li > ul.visible {
    border-top: none;
    background-color: #eee
}

/*
=== Videos ===
*/
.video-list {
    width: 100%
}
.video-list > div {
    display: inline-block; 
    padding: 10px;
    vertical-align: top; text-align: center;
    width: 100%; max-width: 300px
}
.video-list a {
    display: block
}
.video-list a > img {
    margin-bottom: 10px
}
.video-list a > i.fa {
    display: none;
    float: right; position: relative; font-size: 3em; 
    color: white; left: -45%; margin-top: -50%;
}
.video-list a:hover > i.fa {
    display: inherit
}

@media(max-width: 425px)
{
    .video-list > div {
        width: 95%; max-width: inherit;
        margin: 10px 0;
    }
    .video-list a > i.fa {
        display: inherit
    }
}