.modalBody { font-family: Verdana, sans-serif; margin: 0; }

.row > .column { padding: 0 8px; }

.row:after { content: ""; display: table; clear: both; }

.column { float: left; width: 25%; }

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; }

/* Modal Content */
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; }

/* The Close Button */
.close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }

    .close:hover,
    .close:focus { color: #999; text-decoration: none; cursor: pointer; }

.mySlides { display: none; }

.cursor { cursor: pointer; }

/* Next & previous buttons */
.prev,
.next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: #00a751 !important; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }

/* Position the "next button" to the right */
.next { right: 15px; border-radius: 3px 0 0 3px; }

    /* On hover, add a black background color with a Little bit see-through */
    .prev:hover,
    .next:hover { background-color: rgba(0, 0, 0, 0.8); }

/* Number text (1/3 etc) */
.numbertext { color: black; font-size: 12px; padding: 8px 12px; font-weight: bold; font-size: 18px; color: #009a42; }

img { margin-bottom: -4px; }

.caption-container { text-align: center; padding: 2px 16px; }

.mySlides img { max-width: 100%; }
.demo { opacity: 0.6; max-width: 100%; }

    .active,
    .demo:hover { opacity: 1; }

img.hover-shadow { transition: 0.3s; }

.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

p > label { color: #009a42; }
/*Resolución*/
@media(min-width:768px) {
    .pantallaWeb { width: 38%; padding: 7%; height: 84%; margin: 4% 2% 3% 29%; }
}


.contenedorPreview .col-xs-2, .contenedorPreview .col-xs-3 { padding: 5px; }
    .contenedorPreview .col-xs-2:first-child, .contenedorPreview .col-xs-3:first-child { padding-left: 0 !important; }
    .contenedorPreview .col-xs-2:last-child, .contenedorPreview .col-xs-3:first-child { padding-right: 0 !important; }