html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#wrapper {
    min-height: 100%;
    position: relative;
}

#content {
    padding-bottom: 150px;
    /* Height of the footer element */
}

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}


/* ---- */


/* CSS Hover para Imagenes */

.hover-img {
    transition: .5s ease;
}

.hover-img:hover {
    opacity: 0.6;
}

/* ---- */


.bg-red{
    background-color: #dc3545;
}
.bg-blue{
    background-color: #4285F4
}

.bg-gray{

    background-color: #6c757d;
}

.bg-green{

    background-color: #28a745;
}

.bg-sliver {
    background: #d4e4ef; /* Old browsers */

}

.bg-yellow {
    background: #ffc107; 

}

.light-yellow {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+53,f8b500+100 */
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 53%, #f8b500 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 53%,#f8b500 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 53%,#f8b500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
}



.light-wht {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b679e+0,2b88d9+50,207cca+51,7db9e8+100;Blue+Gloss+%232 */
background: #3b679e; /* Old browsers */
background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
.light-wht:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: #2c539e; /* Old browsers */
background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */

}

.bg-silver.light-silver {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */

}

.light-silver:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f85bb+0,4f85bb+100;Blue+3D+%239 */
background: #4f85bb; /* Old browsers */
background: -moz-linear-gradient(top,  #4f85bb 0%, #4f85bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4f85bb 0%,#4f85bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4f85bb 0%,#4f85bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */

}

.bg-green.light-green{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dbc3e+0,2dbc3e+51,28a745+53,28a745+53,28a745+100 */
background: #2dbc3e; /* Old browsers */
background: -moz-linear-gradient(top,  #2dbc3e 0%, #2dbc3e 51%, #28a745 53%, #28a745 53%, #28a745 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2dbc3e 0%,#2dbc3e 51%,#28a745 53%,#28a745 53%,#28a745 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2dbc3e 0%,#2dbc3e 51%,#28a745 53%,#28a745 53%,#28a745 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbc3e', endColorstr='#28a745',GradientType=0 ); /* IE6-9 */

}
.bg-blue.light-blue{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}


.bg-red.light-red{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}

.bg-gray.light-gray{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4b4b4+0,737373+100 */
background: #b4b4b4; /* Old browsers */
background: -moz-linear-gradient(top,  #b4b4b4 0%, #737373 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4b4b4 0%,#737373 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4b4b4 0%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#737373',GradientType=0 ); /* IE6-9 */

}


a.bg-red:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

a.bg-blue:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a67c8+0,2a67c8+100 */
background: #2a67c8; /* Old browsers */
background: -moz-linear-gradient(top,  #2a67c8 0%, #2a67c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2a67c8 0%,#2a67c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2a67c8 0%,#2a67c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a67c8', endColorstr='#2a67c8',GradientType=0 ); /* IE6-9 */
}

a.bg-gray:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a9a9a9+0,5e5e5e+100 */
background: #a9a9a9; /* Old browsers */
background: -moz-linear-gradient(top,  #a9a9a9 0%, #5e5e5e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a9a9a9 0%,#5e5e5e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a9a9a9 0%,#5e5e5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-9 */

}