
/*-*--*-*-*-*-*-**--*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*--**-*estilos generales-*-*--*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*-*-*-*-*-*-*-**/

body{
    font-family: 'Playfair Display', serif;
    font-size:1.5em;
    letter-spacing: 0.01em;
    color: #333;
}
/*----------------------------------------------------*/
/*--------------COLORES CORPORATIVOS------------------*/
/*-------------------------------------------------------*/

.color-menu-personalizado {color:#c966cd;}
.color-perfil {color:#87cdde;}
.color-menus-saludables {color:#92bb00}
.color-trivial {color:#b3b3b3;}

.bg-color-menu-personalizado{background-color:#c966cd; }
.bg-color-perfil{background-color:#87cdde; }
.bg-color-menus-saludables{background-color:#92bb00 }
.bg-color-trivial{background-color: #b3b3b3}


h1{
    font-size:2.5em!important;
}

.whitecolor{
    color:white;
}
.w100pc{
    width: 100%;
}
.img-responsive-custom{
    max-width: 100%;
    height: auto;
}
.line-height-80{
    line-height: 80px;
}
.line-height-60{
    line-height: 60px;
}
.mt80{
    margin-top: 80px;
}
.pt80{
    padding-top: 80px;
}
.mt20{
    margin-top:20px;
}
.ptpb50{
    padding-bottom: 50px;
    padding-top: 50px;
}
.ptb120{
    padding-bottom: 120px;
    padding-top: 120px;
}
.ptb200{
    padding-bottom: 200px;
    padding-top: 200px;
}

.pt-container-ppal{
    padding-top:80px;
}
.mt-50{
    margin-top:-50px;
}
.mt60{
    margin-top:60px;
}
.mt40{
    margin-top:40px;
}
.mb60{
    margin-bottom:60px;
}

.mauto{
    margin:auto!important;
}
a{
    outline: 0!important;
    color: #ffffff!important;
    cursor:pointer!important;
}
a:hover{
    text-decoration: none!important;
    color: #4f2c1d!important;
    cursor:pointer!important;
    outline: 0!important;
}
a:active{
    text-decoration: none!important;
    outline: 0!important;
}
a:focus {
    text-decoration: none !important;

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-MAIN MENU HORIZONTAL NAVBAR*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.navbar-header{
    height: 80px;

}
.mt-menu-horizontal{
    margin-top:60px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-DASHBOARD, HOME*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*----------------------------------------*/
/*----------CUADRÍCULA CUADRADOS MISMA ALTURA  HOME--------------*/

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

/* If the browser window is smaller than 600px, make the columns stack on top of each other */
@media only screen and (max-width: 600px) {
    .col {
        display: block;
        width: 100%;
    }
}