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









/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //                   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 {
        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: #a91225;
    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;
}

/*/////////////////////////////////
//   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: 17em;
    height: 100%;
    padding: 0 10px 0 0;
    background: #A91225;
    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: #A91225;
        }
            #main_nav li a {
                padding: 10px 25px 8px;
                color: #A91225;
                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;
                background: #F0DEE8 url("../images/flecha_morada.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; //los elementos van uno debajo de otro
                    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;
                        background: #A91225 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                     //   **
**  ////////////////////////////////////////////////////////////  **
*******************************************************************/

#nav_ver {
    display: none;
    width: 0;
    margin: 0;
    padding: 0;
}
#nav_ver.actividad {
    display: block;
    position: absolute;
    top: 110px;
    /*left: 4.1%;*/
	left: 13px;
    width: calc(100% - 25px);
    height: 43px;
    background: transparent url("../images/menu_bg.gif") repeat-x scroll 0%;
    z-index: 2;
}
#nav_ver.actividad ul {
    float: left;
    width: 100%;
    height: 43px;
    margin: 0;
    background: transparent;
}
    #nav_ver.actividad ul li {
        display: inline-block;
        width: 25%;
        height: auto;
        list-style: outside none none;
        float: left;
        background: transparent url("../images/menu_border.gif") no-repeat scroll 0px 8px;
        overflow:hidden;
    }
        #nav_ver.actividad  ul li a {
            display: inline-block;
            float: left;
            width: 100%;
            padding: 18px 2px 11px;
            font-size: 9px;
            color: #FFF;
            text-decoration: none;
            text-align: center;
            white-space:nowrap; 
            overflow:hidden;
            text-overflow:ellipsis;
        }
        #nav_ver.actividad ul li a:hover {
            text-decoration: none;
            background: #b05386;
            border-radius: 5px 5px 0 0;
            color: #FFF;
            white-space:normal;
            overflow: visible;
        }
        #nav_ver.actividad ul li.selected a {
            background: #C62673;
            border-radius: 5px 5px 0 0;
            color: #FFF;
            cursor: default;
        }

        #nav_ver.actividad ul li.last_element {
            border: none; 
        }

        #nav_ver.actividad img.banner {
            border: 1px solid #d0d0d0;
            margin-bottom: 17px;
        }
        
#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 {
    left: 1px;
    width: 100%;
    padding: 7px 10px 7px 10px;
}

    /***********************************************************************
    **  ////////////////////////////////////////////////////////////////  **
    **  //               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: 18.9%;
                word-wrap: break-word;
            }
            .columnas1b { width: 70%;}
            .colicon3 { width: 28%;}
            
            .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: 64%;}
            .colorden { width: 4%;}
            .columnaicon3 { width: 28%; min-height: 61px;}
            .columnaicon {
                width: 14%;
            }
            .colnoalignshrt  { width: 64%;} 
            .columnaicon {
                width: 7.7%;
            }
            #divlistapersonal p:first-child label,
            #divlistalugares p:first-child label,
            .colalingshrt, .colnoalignshrt {
                white-space:nowrap; 
                overflow:hidden;
                text-overflow:ellipsis;
                line-height: normal;
            }
            #divlistapersonal p:first-child label:hover,
            #divlistalugares p:first-child label:hover,
            .colalingshrt:hover, .colnoalignshrt:hover{
                white-space:normal; 
                overflow:visible;
                padding-right: 5px;
            }
            .columnaicon {
                width: 20.3%;
                height: 27px;
                padding: 6px 0px 0px 10px;
            }
            #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%;
    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;}

    .sub_content.menu_hor2 {
        top: 25px;
    }

    .sub_content.menu_hor2 .new_button, .sub_content.menu_hor2 .new_client_button,
    .sub_content.menu_hor2 .new_dest_button, .sub_content.menu_hor2 .new_not_button {
        margin-top: -25px;
    }
    .btnsuperior { margin-top:-25px;}
    
    #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 !!    //  **
    **  ////////////////////////////////////////////////////////////////  **
    ***********************************************************************/
    








/*******************************************************************
**  ////////////////////////////////////////////////////////////  **
**  //           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: 0;
    background: none;
}
    #aside_additional #news_content {
        width: 96%;
    }
        #news li a figure figcaption {
                width: 95%;
            }









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

#footer_wrapper {
    height: 315px;
    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;
    }
        #logospie ul li {
            width: 50%;
            margin-left: 0;
        }
        #logospie ul li:nth-child(2) {
            float: right;
        }
        #logospie ul li:first-child a {
            float: right;
        }
        #logospie ul li:nth-child(2) a {
            float: left;
        }
        #logospie ul li a img {
            width: 90%;
            margin: 0 auto;
        }
        #logospie ul li:first-child a img {
            width: 100%;
        }