body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    font-family: 'K2D', sans-serif;
    color: #525151;
}

/* 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;
}*/


jumbotron1{
    background-color:red;
}
/*ENLACES PERSONALIZADOS*/
/*BOTONES PERSONALIZADOS PARA LAS BARRAS DE MENUS*/
a.bg-enlaces-personalizados:hover {
    color: #ffffff !important;
    font-weight: 500;
}


a.bg-enlaces-personalizados:visited, a.bg-enlaces-personalizados:active, a.bg-enlaces-personalizados:link {
    color: #eeeded;
    text-decoration: none !important;
}




a.bg-enlaces-personalizados2:hover {
    color: #ea1b8d !important;
    /*font-weight: 600;*/
}


a.bg-enlaces-personalizados2:visited, a.bg-enlaces-personalizados2:active, a.bg-enlaces-personalizados2:link {
    color: #514f4f;
    text-decoration: none !important;
    font-size: 17px;
}

/*FIN BOTONES PERSONALIZADOS PARA LAS BARRAS DE MENUS*/

/*MODIFICACIONES BOOSTRAP 4*/

a:link {
    text-decoration: none;
}


.mt-5 {
    margin-top: 100px !important;
}


/*LOGOTIPO DE OKIODATA*/
.logo {
    color: #ff6a00;
    font-size: 50px;
    padding-bottom: 10px;
    margin-right: 10px;
    font-weight: 600;
    font-family: Exo, Arial;
    font-weight:800;
}


@media only screen and (min-width: 992px) {
    .espaciadoBarra {
        /*margin-top:100px;*/
        visibility: visible;
    }
}

#cabeceraprecios {
    height: 60px;
    width: 100%;
    background-image: linear-gradient(to right, #3b3a3a, #b2acac);
}

#cabeceraContactar {
    height: 60px;
    width: 100%;
    background-image: linear-gradient(to right, green, #4dcf08);
}

#cabeceraCesta {
    height: 60px;
    width: 100%;
    background-image: linear-gradient(to right, #0575ff, #5ac9f3);
}


.vl {
    border-left: 6px solid green;
    height: 97%;
}

.vlr {
    border-right: 6px solid green;
    height: 97%;
}

/*GRID CESTA*/
.CestaPie {
    background-color: #cef2ff;
    font-weight: lighter;
}


.imgEdit {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}   

    .imgEdit:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        color: #4dcf08;
 
    }


.imgDelete {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

    .imgDelete:hover {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
        color: #ff0000;
    }

/*CHECKBOX*/
input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 0px;
    
    margin-left: 10px;
    margin-right: 10px;
    background-color: white;
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext {
    /* Checkbox text */
    font-size: 110%;
    display: inline;
}

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 18px solid transparent;
    margin-bottom: 0;
    outline: 0;
    border-radius: 10px;
}

    .image-checkbox input[type="checkbox"] {
        display: none;
    }

.image-checkbox-checked {
    border-color: #4783B0;
}

.image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 10px;
    top: 0;
    right: 0;
}

.image-checkbox-checked .fa {
    display: block !important;
}


#slider {
    /*height: 350px;
    overflow: hidden;
    width: 100%;*/
}

.carousel-item {
    /*height: 130%;*/
}

.carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.carousel-indicators {
    bottom: -65px;
    padding: 10px;
    background-color: #d5d5d5 !important;
    border-radius: 100%;
}

/*body {
    background-color: lightslategray;
}*/