/*--------------------------------ESTILO GENERAL-------------------------------------*/

#app{
    margin-top:130px;
}

.seccion{
    min-height: 500px;
}

.seccion_imagen{
    display: inline-block;
    width: 8vw;
    text-align: center;
}

.seccion_imagen img{
    width: 80%;
}

a{
	cursor: pointer;
}

.boton_ayuda_panel{
    border-radius: 50% !important;
    width: 15px !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    font-size: 10px !important;
}

/*--------------------------------ESTILO GENERAL-------------------------------------*/



/*--------------------------MODIFICADORES DE DATATABLE-------------------------------*/

table{
  width: 100% !important;
    font-size: 12!important;
}

.dataTable > thead > tr > th[class*="sort"]:after{
    content: "" !important;
    width: 0 !important;
}

.dataTable > thead > tr > th[class*="sort"]:before{
    content: "" !important;
    width: 0 !important;
}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 8px !important;
}

.sinPadding{
    padding: 0 !important;
    overflow-x: auto !important;
}

.sinPadding td{
    overflow-x: auto !important;
}
   
.tabla_nivel_superior .dataTables_paginate {
    float: left !important;
}

.dataTables_processing {
    z-index: 1500;
}

/*--------------------------MODIFICADORES DE DATATABLE-------------------------------*/



/*-------------------------------ESTILO CARRUSEL-------------------------------------*/

.carrusel{
    width:100%;
    height: 60vh;
}

.carousel-inner {
  height: inherit;
}

.carousel-inner > .item {
  height: inherit;
}

.carousel-inner > .item > img {
  margin: 0 auto;
  width: auto;
  height: inherit;
}

/*-------------------------------ESTILO CARRUSEL-------------------------------------*/




/*--------------------------------ESTILO DROPDOWN------------------------------------*/

.dropdown-menu > li > a{
    color: #2A9DD8;
}

.dropdown-menu > li > a:hover{
    color: white!important;
    background-color: #66b3ff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: #66b3ff;
}

.sin_hover:hover{
    box-shadow:none!important;
    background-color: #ffffff!important;
}

/*--------------------------------ESTILO DROPDOWN------------------------------------*/


@media only screen and (max-width: 450px) {

    .carrusel{
        height: 20vh;
    }

    .seccion_imagen{
        width: 100%;
    }

    .seccion_imagen img{
        width:30%!important;
    }

    #p_iconos{
        margin-top: 50px!important;
    }

    #iconos{
        margin-top: 50px!important;
        margin-left: unset!important;
    }

    .galeria{
        width:100%!important;
        margin-left: unset!important;
        margin-top: 50px!important;
    }

    .galeria.row{
        margin-top: 5px!important;
    }

    #ubicacion div{
        padding: 2px!important;
    }

    #nav_pequenio{/* Barra Menú pequeña */
        height:50px!important;
    }

    #nav_grande{
        height:150px!important;
    }

    #nav_grande > .navbar-header{
        height:119px!important;
    }

    #nav_grande > .navbar-header ul{
        margin-left:unset!important;
    }

    #quienes_somos > .seccion{
        height:unset!important;
        min-height:unset!important;
        font-size: 80%!important;
    }

    #quienes_somos > .seccion h1{
        font-size: 200%!important;
    }

    #quienes_somos > .seccion > .componente_imagen{
        padding:0!important;
    }

    #quienes_somos_seccion_2{
        font-size: 80%!important;
    }

    #quienes_somos_seccion_2 h2{
        font-size:150%!important;
    }

}

@media only screen and (max-width: 450px) {
    
    .carrusel{
        height: 20vh;
    }

    .seccion_imagen{
        width: 100%;
    }

    .seccion_imagen img{
        width:30%!important;
    }

    #p_iconos{
        margin-top: 50px!important;
    }

    #iconos{
        margin-top: 50px!important;
        margin-left: unset!important;
    }

    .galeria{
        width:100%!important;
        margin-left: unset!important;
        margin-top: 50px!important;
    }

    .galeria.row{
        margin-top: 5px!important;
    }

    #ubicacion div{
        padding: 2px!important;
    }

    #nav_pequenio{/* Barra Menú pequeña */
        height:50px!important;
    }

    #nav_grande{
        height:150px!important;
    }

    #nav_grande > .navbar-header{
        height:119px!important;
    }

    #nav_grande > .navbar-header ul{
        margin-left:unset!important;
    }

    #quienes_somos > .seccion{
        height:unset!important;
        min-height:unset!important;
        font-size: 80%!important;
    }

    #quienes_somos > .seccion h1{
        font-size: 200%!important;
    }

    #quienes_somos > .seccion > .componente_imagen{
        padding:0!important;
    }

    #quienes_somos_seccion_2{
        font-size: 80%!important;
    }

    #quienes_somos_seccion_2 h2{
        font-size:150%!important;
    }

}

@media only screen and (max-width: 600px) {

    .carrusel{
        height: 20vh;
    }

    .seccion_imagen{
        width: 100%;
    }

    .seccion_imagen img{
        width:30%!important;
    }

    #p_iconos{
        margin-top: 50px!important;
    }

    #iconos{
        margin-top: 50px!important;
        margin-left: unset!important;
    }

    .galeria{
        width:100%!important;
        margin-left: unset!important;
        margin-top: 50px!important;
    }

    .galeria.row{
        margin-top: 5px!important;
    }

    #ubicacion div{
        padding: 2px!important;
    }

    #nav_pequenio{/* Barra Menú pequeña */
        height:50px!important;
    }

    #nav_grande{
        height:150px!important;
    }

    #nav_grande > .navbar-header{
        height:119px!important;
    }

    #nav_grande > .navbar-header ul{
        margin-left:unset!important;
    }

    #quienes_somos > .seccion{
        height:unset!important;
        min-height:unset!important;
        font-size: 80%!important;
    }

    #quienes_somos > .seccion h1{
        font-size: 200%!important;
    }

    #quienes_somos > .seccion > .componente_imagen{
        padding:0!important;
    }

    #quienes_somos_seccion_2{
        font-size: 80%!important;
    }

    #quienes_somos_seccion_2 h2{
        font-size:150%!important;
    }


}