/*************************************************************************************
**************************************************************************************
**                                                                                  **
**  EL ARCHIVO SE DIVIDE EN LOS MISMOS BLOQUES PRINCIPALES QUE LA ESTRUCTURA HTML:  **
**  ==============================================================================  **
**  - común                                                                         **
**  - wrapper                                                                       **
**  - header_wrapper                                                                **
**  - nav_hor                                                                       **
**  - nav_ver                                                                       **
**  - section                                                                       **
**  - aside                                                                         **
**  - footer_wrapper                                                                **
**                                                                                  **
**  //////////////////////////////////////////////////////////////////////////////  **
**  //                    HEREDA DEL BASE (styles_996)                          //  **
**  //                          width <= 498px                                  //  **
**  //////////////////////////////////////////////////////////////////////////////  **
**                                                                                  **
**************************************************************************************
*************************************************************************************/

/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                      C O M Ú N                         //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

body {
    background-color: #fff;
}



/* ocultar en diferentes visualizaciones  */
.hidesmall,
.hidemedium,
.hidelong {
    display: hidden;
}





/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                   W R A P P E R                        //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

#wrapper {
    width: 100%;
    padding: 0;
    background-image: none;
    border-bottom: none;
}








/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //            H E A D E R _ W R A P P E R                 //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/
span.border_top {
    display: none;
    height: 0;
}

#header_wrapper {
    left: 0;
    width: 100%;
    height: 68px;
    background: transparent url("../images/overheader_bg2.gif") repeat-x scroll center bottom;
}

#header_logo {
    left: 5px;
    width: 100%;
    height: 46px;
    margin-top: 22px;
    /* Si lo ponemos de forma abreviada las versiones antiguas de android no lo soportan
        background: transparent url("../images/logo.png") no-repeat scroll left center / 236px 85px;*/
    background-color: transparent;
    background-image: url("../images/logo2.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 197px 38px;
    background-position: left center;
}

#header_languages {
    display: none;
    right: -3px;
    width: 100%;
    margin-top: -68px;
    padding-left: 0;
    background: transparent url("../images/languages_bg_482.gif") no-repeat scroll right 0%;
}

#header_languages p {
    position: absolute;
    float: none;
    left: inherit;
    padding-left: 0;
    right: 162px;
    font-size: 9px;
}

#header_languages ul {
    position: absolute;
    float: none;
    right: 21px;
    top: 6px;
}

#header_languages ul li a {
    font-size: 10px;
}

#header_area {
    width: 100%;
    height: 0;
    background-position: right center;
}









/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     N A V _ H O R                     //   **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

/*//////////////////////////
//   I C O N O   M E N U  //
//////////////////////////*/

#wrapper a.navigation-toggle {
    position: absolute;
    float: right;
    right: 0;
    top: 28px;
    width: 35px;
    height: 35px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #9e0054;
    overflow: hidden;
}

#wrapper a.navigation-toggle span.band:before {
    display: block;
    position: absolute;
    top: 7px;
    width: 17px;
    height: 3px;
    content: '';
    background-color: #fff;
    overflow: hidden;
}

#wrapper a.navigation-toggle span.band:after {
    display: block;
    position: absolute;
    top: 14px;
    width: 17px;
    height: 3px;
    content: '';
    background-color: #fff;
    overflow: hidden;
}

#wrapper a.navigation-toggle span.band {
    display: block;
    position: absolute;
    top: 10px;
    left: 12px;
    width: 17px;
    height: 3px;
    background-color: #fff;
}

#wrapper a.navigation-toggle span.bandexpand {
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 23px;
    height: 19px;
    background-color: transparent;
    background-image: url("../images/flechas_blancas.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.nav-open_menu_windows {
    display: none;

}

#nav_ver.menu_windows {
    top: 109px;
}

/*/////////////////////////////////
//   M E N U  A P A R T A D O S  //
/////////////////////////////////*/

#nav_hor.navigation {
    display: none;
    position: absolute;
    float: none;
    right: -16.9em;
    left: inherit;
    top: 0;
    width: 20em;
    height: 100%;
    padding: 0 10px 0 0;
    background: #9e0054;
    opacity: 0.3;
    overflow-y: auto;
    /*visibility: hidden;*/
}

#nav_hor.navigation ul {
    width: 100%;
    margin-left: 2px;
}

#nav_hor.navigation ul#main_nav {
    height: auto;
    padding-left: 0;
}

#main_nav li {
    background: none;
}

#nav_hor.navigation li {
    width: 99%;
    padding: 0;
    margin: 2.5%;
    border-radius: 4px;
    font-size: 0.8rem;
    /*letter-spacing: 2px;
           font-family: "adelle-sans", "ff-meta-web-pro", "proxima-nova", sans-serif;*/
    background-color: #FFF;
    color: #9e0054;
}

#main_nav li a {
    padding: 10px 25px 8px;
    color: #9e0054 !important;
    background: url("../images/flecha_roja.png") no-repeat scroll 10px center;
}

#main_nav li:nth-child(2) a,
#main_nav li:nth-child(2) a:hover {
    /*background: url("../images/deploy.png") no-repeat scroll 10px center;*/
}

#main_nav li.selected a,
#main_nav li a:hover {
    color: #9e0054 !important;
    background: #F0DEE8 url("../images/flecha_morada.png") no-repeat scroll 10px center;
    background: url("../images/deploy.png") no-repeat scroll 10px center;
}

#main_nav li.selected a span.nw,
#main_nav li a:hover span.nw {
    display: none;
    position: absolute;
    float: left;
    left: 0px;
    top: 0;
    width: 0;
    height: 0;
    background: none;
}

#main_nav li.selected a span.ne,
#main_nav li a:hover span.ne {
    display: none;
    position: absolute;
    float: left;
    left: 0px;
    top: 0;
    width: 0;
    height: 0;
    background: none;
}

#nav_hor.navigation li ul.main_nav_submenu {
    width: 95%;
    margin-left: 5px;
    margin-top: 0;
}

#nav_hor.navigation li ul li {
    display: block;
    position: relative;
    width: 85%;
    padding: 2% 0 2% 22px;
    margin: 3px 0;
    border-radius: 4px;
    font-size: 8px;
    font-size: 0.8rem;
    /*letter-spacing: 3px;
                    font-family: "adelle-sans", "ff-meta-web-pro", "proxima-nova", sans-serif;*/
    color: #fff;
    background-color: #B4A4C8;
}

#nav_hor.navigation #main_nav ul.main_nav_submenu li {
    display: block;
    width: 95%;
    margin-left: 9px;
    padding: 0px;
    border-image: none;
    border-left: 0;
    border-bottom: 0;
    background: none;
}

.main_nav_submenu li a:hover,
.main_nav_submenu li.active a {
    color: #604A7B;
}

#main_nav ul.main_nav_submenu li a {
    width: 100%;
    padding-top: 7px;
    padding-left: 35px;
    font-weight: bold;
    color: #FFF !important;
    background: #9e0054 url("../images/flecha_blanca.png") no-repeat 20px;
}

#main_nav ul.main_nav_submenu li a:hover {
    color: #9E0054;
    background: #F0DEE8 url("../images/flecha_morada.png") no-repeat 20px;
}

#nav_hor.navigation ul#user_options {
    height: auto;
    margin-right: 0;
}

#nav_hor ul#user_options li {
    padding: 0 0 0 12px;
}









/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     N A V _ V E R                     //   **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

#submenu_left {
    text-align: center;
    width: 100% !important;
    min-height: 17px;
}

#nav_ver.menu_windows {
    left: 9px;
}

#nav_ver {
    display: inline-block;
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
}

#nav_ver ul {
    width: auto;
    margin: 20px 7px 12px 7px;
    border: 0;
    background: 0;
}

#nav_ver ul li {
    display: inline-block;
    border: none;
}

#nav_ver ul li a {
    display: inline-block;
    width: 100%;
    padding: 8px 26px 8px 26px;
    border: 1px solid #B7B7B7;
    background: #E5E5E5 url("../images/menu_int_bg.gif") repeat-x scroll center bottom;
}

#nav_ver.nav_ver_muchos_apartados ul li {
    width: 16.6%;
}







/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                     S E C T I O N                     //   **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

section.section_all {
    padding: 7px 10px;
}

section.section_all .form_box_content form#dest_search {
    padding: 1% 0 0 0;
}

#dest_search div.listado_ver_ocultar_col {
    margin: 10px 0px 0px 3px;
}

#dest_search>div.listado_ver_ocultar_col {
    display: block;
}

section.section_all .sub_content .formweb .listado_ver_ocultar_col label {
    display: inline-block;
}

.sub_content .formweb input[type="checkbox"]~label {
    width: 92%;
}

section.section_right {
    max-width: none;
    padding: 0px 10px 20px 10px;
    background: none;
}

/***********************************************************************
    **  ////////////////////////////////////////////////////////////////  **
    **  //               I N I C I O  R E V I S A R                   //  **
    **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
    **  ////////////////////////////////////////////////////////////////  **
    ***********************************************************************/

.form_box .sub_content {
    width: 100%;
}

.form_box_content form#dest_search {
    padding: 1% 0 0 2%;
}

#nav_ver.nav_ver_muchos_apartados+section .form_box_content .sub_content {
    margin: 40px auto 0px;
}

#nav_ver.nav_ver_muchos_apartados+section .form_box_content .new_dest_button {
    top: -80px !important;
}

.form_box_content .sub_content table {
    width: 100%;
}

.formtablas {
    display: inline-block;
    position: relative;
    float: left;
    left: 0;
    width: 100%;
}

.columnas5 {
    width: 21.0%;
    word-wrap: break-word;
}

.columnas1b {
    width: calc(100% - 84px);
    ;
}

.colicon3 {
    width: 76px;
}

.col4-2tab {
    width: 39% !important;
}

.columnaicon2tab {
    width: 21%;
}

/*Columna Iconos para 2 Iconos PARA TABLAS*/

.col5-1tab {
    width: 14% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.col5-2tab {
    width: 25% !important;
    margin: 0 1px 0 1px !important;
    padding: 6px 3px 6px 3px !important;
    border-bottom: 1px dotted #ccc;
}

.columnaicon3tab {
    width: 33%;
    margin: 0 1px 0 1px;
    padding: 6px 0 6px 0;
    min-height: 30px;
    line-height: 30px;
}

/*Columna Iconos para 3 Iconos PARA TABLAS*/

.colalingshrt {
    width: calc(100% - 130px);
    ;
}

.colorden {
    width: 40px;
}

.columnaicon3 {
    width: 76px;
}

.colnoalignshrt {
    width: calc(100% - 130px);
    ;
}

.columnaicon {
    width: 76px;
}

#divlistapersonal p:first-child label,
#divlistalugares p:first-child label,
/* efecto de mostrar una sola línea y mostrar todo al pasar sobre
			.colalingshrt, .colnoalignshrt {
                white-space:nowrap; 
                overflow:hidden;
                text-overflow:ellipsis;
                line-height: normal;
            }
			.colalingshrt:hover, .colnoalignshrt:hover{
                white-space:normal; 
                overflow:visible;
                padding-right: 5px;
            }*/
#divlistapersonal p:first-child label:hover,
#divlistalugares p:first-child label:hover,


#divlistapersonal p .editarpersonal,
#divlistalugares p .editarlugar {
    border-bottom: none;
    border-top: 1px dotted #CCC;
}

#divlistapersonal p:nth-child(2) .editarpersonal,
#divlistalugares p:nth-child(2) .editarlugar {
    border-top: none;
}

/*            #dest_search label.small{
                margin-right:0;
            }*/

#dest_search label.small {
    margin-right: 6px;
    margin-left: 0;
}

#dest_search>div.preguntas_tipo {
    width: 100%;
}

#dest_search>div.preguntas_nombre {
    width: 100%;
}

/*            #dest_search > div.preguntas_eliminar { width: 45%;}*/
#dest_search>div.preguntas_cercar {
    width: 30%;
    text-align: left;
    margin: 0 10px 10px 0;
}

.formweb input.formulario.pequeño {
    width: 19% !important;
    font-size: 11px;
}

/* Barra de progreso uploadfile */
/*.progress { float: right; right: 0; margin: 2px 0 0 0; width: 59.6%; }*/

#nuevodocumento {
    max-width: 380px;
    min-width: 300px;
}

#titulo_desc {
    max-width: 380px;
    min-width: 300px;
}

/***********************************************************************
    **  ////////////////////////////////////////////////////////////////  **
    **  //                    F I N   R E V I S A R                   //  **
    **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
    **  ////////////////////////////////////////////////////////////////  **
    ***********************************************************************/

section.section_left {
    left: 1px;
    width: 100%;
    max-width: none;
    padding: 7px 10px 7px 10px;
}

#fecha {
    display: none;
}

#bienvenida {
    float: left;
    left: 0;
    right: inherit;
}

/***********************************************************************
    **  ////////////////////////////////////////////////////////////////  **
    **  //               I N I C I O  R E V I S A R                   //  **
    **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
    **  ////////////////////////////////////////////////////////////////  **
    ***********************************************************************/
main.form_box {
    margin-bottom: 0;
}

h3.acces3 {
    background: transparent url("../images/ico_colegiado.gif") no-repeat scroll 12px center;
}

h3.acces3 div {
    display: block;
    margin-left: 0;
}

#dest_search div.listado_ver_ocultar_buscador {
    margin: -10px 0 0 5px;
}

/***********************************************************************
    **  ////////////////////////////////////////////////////////////////  **
    **  //                    F I N   R E V I S A R                   //  **
    **  //    ¡¡ C O P I A D O  D E  L O S  O R I G I N A L E S !!    //  **
    **  ////////////////////////////////////////////////////////////////  **
    ***********************************************************************/

/*columnas label, campo */
.col2a {
    width: 37% !important;
}

.col2a_der {
    width: 60% !important;
}

.col2b {
    width: 60% !important;
}

.col3c {
    width: 60% !important;
}

#loadingfancy,
.loadingfancy {
    max-width: 610px;
    min-width: 340px;
    width: 95%;
}

.oculta621 {
    display: none;

}





/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //           A S I D E _ A D D I T I O N A L              //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

#aside_additional {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0px 10px 0px 10px;
    background: none;
    left: 1px;
}

#aside_additional #news_content {
    width: 100%;
    margin: 0;
}

#news li a figure figcaption {
    width: 94%;
}









/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //             F O O T E R _ W R A P P E R                //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

#footer_wrapper {
    padding: 15px 4px 0 4px;
    background: none;
    border: 0;
    border-top: 5px solid #b3b3b3;
    -moz-border-image: -moz-linear-gradient(left, #b3b3b3 0%, #e0e0e0 90%, #FFF 100%) 1;
    -webkit-border-image: -webkit-linear-gradient(left, #b3b3b3 0%, #e0e0e0 90%, #FFF 100%) 1;
    -o-border-image: -moz-linear-gradient(left, #b3b3b3 0%, #e0e0e0 90%, #FFF 100%) 1;
    -ms-border-image: -moz-linear-gradient(left, #b3b3b3 0%, #e0e0e0 90%, #FFF 100%) 1;
    border-image: linear-gradient(to right, #b3b3b3 0%, #e0e0e0 90%, #FFF 100%) 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#FFF', GradientType=1);
}

#vcard {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    border-right: none;
    text-align: center;
}

#socialNets {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0%;
    border-right: none;
    text-align: center;
}

/*        #socialNets p {
            padding: 0 0 0 33%;
        }
        #socialNets ul {
            padding: 0 0 0 33%;
        }*/

#logospie {
    width: 96%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 2%;
    border-left: none;
    text-align: center;
}

/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                   OCULTAR GRID                        //  **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

/* ocultar en diferentes visualizaciones  */

.hidemedium,
.hidelarge {
    /*display:inline-block;	*/
}

.hidesmall {
    display: none !important;
}

#nav_ver.hidesmallsoft {
    display: none;
}

.menu-expandible #nav_ver {
    margin-top: 1rem !important;
}

#calendar .list-group-item {
    width: 100%;
    height: 40px;
    padding: 5%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedorLista {
    min-width: 90%;
    max-width: 90%;
    overflow: hidden;
}

.text-pcolor {
    color: #9e0054;
    font-weight: bold;
    font-size: 1rem;
}

#calendar a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#calendar .card-body {
    border: 1px solid rgba(0, 0, 0, 0.250);
    padding: 0.5em 0px;
    min-width: 150px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#loading {
    padding: 1.5vw;
    position: absolute;
    margin: auto;
    top: 50vh;
    left: 50vw;
}

#contenedor-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.500);
    z-index: 100;
}

#calendar .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.250);
    padding: 0.3em;
}

#calendar .bg-gris {
    background-color: rgba(0, 0, 0, 0.150);
}

#modalFichaActividad .form-group {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

#modalFichaActividad .form-group div>p {
    margin: 0px;
}

#modalFichaActividad .form-group label {
    margin: 0px 1px;
}

#calendar #menu {
    display: flex;
    flex-direction: column-reverse;
    justify-items: center;
    align-items: center;
}

#calendar #card {
    display: flex;
}

#calendar h2{
    text-align: center;
}