/* --------------------------------------------------------------- En general */

.designer_recuadro {
    margin-bottom: 30px;
    padding: 10px 5px 10px 5px;
    border: 1px solid #c8d2dd;
    border-radius: 5px;
}

.designer_recuadro_contenido {
}

.designer_recuadro_titulo {
    border-bottom: 1px dotted #8596ac;
}

.designer_recuadro_info {
    border: 1px solid #8596ac;
    border-radius: 10px;
    float: left;
    width: 70px;
    text-align: center;
    padding: 15px 5px 15px 5px;
}

.designer_recuadro_info_adicional {
    border-top: 1px dotted #8596ac;
    font-size: 12px;
}

.designer_recuadro_info_subcontenidos {
    margin: 50px 0 20px 0;
}

.designer_recuadro_info_adicional .resaltado {
    font-weight: bold;
}

.designer_sub_recuadro {
    border: 1px solid #8596ac;
    border-radius: 2px;
    padding: 5px;
    background-color: #cfe0f7;
}

.designer_sub_recuadro_contenido {
    border: 1px solid #8596ac;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 0 5px 0;
    background-color: white;
}

.designer_sub_recuadro_titulo {
    border-bottom: 1px dotted #8596ac;
}

.designer_sub_recuadro_info {
    border: 1px solid #8596ac;
    border-radius: 10px;
    float: left;
    width: 70px;
    text-align: center;
    padding: 15px 5px 15px 5px;
}

.designer_sub_recuadro_info_adicional {
    font-size: 12px;
}

.designer_sub_recuadro_info_adicional .resaltado {
    font-weight: bold;
}

/* ------------------------------------------------- Contenido libre cabecera */

.contenidoLibreCabecera {
    font-family: 'Roboto Condensed', calibri, arial, helvetica, sans-serif;
    word-wrap: break-word;
}

.contenidoLibreCabecera .designerImportant{
    display: none;
}

.contenidoLibreCabecera .contenedortitulo{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.contenidoLibreCabecera .titulo{
    display: table-cell;
    padding-bottom: 20px;
    color: white;
    text-align: left;
    font-size: 40px;
    height: 120px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    vertical-align: bottom;
    text-shadow: 0 0 5px #000;
    width: 100% !important;
}

.contenidoLibreCabecera .subtitulo{
    color: #ccc;
    font-size: 20px;
    line-height: 5px;
    font-weight: normal;
    text-transform: none;
}

.contenidoLibreCabecera .titulo .designerImportant{
    display: block;
}

.contenidoLibreCabecera b, .contenidoLibreCabecera strong{
    color: rgba(47, 65, 94, 1) ;
}

.mobile .contenidoLibreCabecera{
    padding: 0 16px;
}

.mobile .contenidoLibreCabecera td{
    display: block;
    width: 100% !important;
}

.mobile .contenidoLibreCabecera .titulo{
    padding-bottom: 5px;
    font-size: 25px;
    height: 120px;
}

/* ---------------------------------------------------------- Contenido libre */

.contenidoLibre {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.contenidoLibre b, .contenidoLibre strong{
    color: rgba(69, 0, 69, 1);
}

.mobile .contenidoLibre{
    padding: 0 16px;
}

/* --------------------------------------- Contenido libre en sector inferior */

#sector-inferior .contenidoLibre{
    width: 58%;
    margin: 0 22%;
    color: rgb(102, 102, 102);
    font-family: 'PT Sans', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
    font-size: 12px;
}

.windowLess1000 #sector-inferior .contenidoLibre{
    width: 90%;
    margin: 0 5%;
    color: rgb(102, 102, 102);
    font-family: 'PT Sans', Verdana, Tahoma, 'DejaVu Sans', sans-serif;
    font-size: 12px;
}

#sector-inferior .contenidoLibre a{
    color: rgb(137, 203, 225);
}

#sector-inferior .contenidoLibre a:hover{
    color: white;
}

.mobile #sector-inferior .contenidoLibre{
    width: 100%;
    margin: 0;
}

.mobile #sector-inferior .contenidoLibre td{
    width: 100% !important;
    display: block;
}

#sector-inferior .contenidoLibre strong, #sector-inferior .contenidoLibre b{
    color: white;
}

#sector-inferior .contenidoLibre p{
    color: #ddd;
}

#sector-inferior .contenidoLibre hr{
    border: 0;
    border-top: 1px solid #555;
}

/* ---------------------------------------------------------- Menu contextual */

/*
Contenedor general de menu
*/
#designerMenu {
    position: fixed;
    display: none;
    border: 1px solid #450045;
    border-radius:5px;
    background-color: #FFF;
    z-index:30000;
    width: 251px;
}

/*
Contenedor de listados de menu
*/
#designerContextMenu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 249px;
}

/*
Elementos de listado en menu
*/
#designerContextMenu ul li .designerMenuIconos{
    border-right: 1px solid #CCC;
    list-style: none;
    text-align: center;
    height: 30px;
    width: 30px;
    float: left;
}

/*
Iconos en listados de menu
*/
#designerContextMenu ul li .designerMenuIconos img{
    width: 25px;
    height: 25px;
}

/*
Botones en listados de menu
*/
#designerContextMenu ul li .designerMenuBotones{
    background-color: rgba(30, 0, 30, .01);
    height: 30px;
    border-radius:3px;
    width: 219px;
    float: left;
}

/*
Elemento span en botones de menu
*/
#designerContextMenu ul li .designerMenuBotones span{
    display: block;
    padding: 2px 5px 0 5px;
}

/*
Elemento span en botones de menu
*/
#designerContextMenu ul li .designerMenuBotones input{
    cursor: pointer; 
    background: none;
    border: 0;
    padding: 2px 5px 0 5px;
    margin: 0;
    width: 219px;
    height: 30px;
    text-align: left;
    color: #450045;
}

/*
Cambio en iconos de listados de menu al pasar con el raton por encima
*/
#designerContextMenu ul li:hover .designerMenuIconos{
    border-right: 1px solid #fff;
}

/*
Cambio en botones de listados de menu al pasar con el raton por encima
*/
#designerContextMenu ul li:hover .designerMenuBotones{
    background-color: #450045;
}

/*
Elemento span en botones de menu
*/
#designerContextMenu ul li:hover .designerMenuBotones input{
    color: white;
}

.moduloVistaPrevia{
    height: 300px;
    max-height: 300px;
    border: 2px solid #C8C8C8;
    border-radius: 3px;
    margin-right: 5px;
}

.moduloVistaPreviaIframe{
    height: 100%;
    width: 100%;
    overflow: auto;
    border: 0px;
    margin: 0;
}

/* --------------------------------------------------------- Gestion archivos */

#modulo_archivos {
    margin: 5px;
}

#archivos_principal{
    height: 100%;
    width: 19% !important;
    display: inline-block;
}

#archivos_navegacion{
    height: 100%;
    width: 80%;
    display: inline-block;
}

.archivos_top{
    height: 15%;
}

.archivos_main {
    height: 85%;
    border-radius:2px;
}

.archivos_cuadro_detalle {
    height: 100%;
    width: 100%;
    overflow: auto;
    color: #ccffcc;
    background-color: #190019;
    border-radius:2px;
}

.archivos_cuadro_detalle .info {
    padding: 3px;
}

#archivos_formulario #archivos_file{
    width: 100%;
}

#archivos_formulario #archivo_estados{
    width: 60%;
    float: left;
}

#archivos_formulario #archivos_enviar{
    width: 15%;
    float: right;
}

#archivos_navegacion #navegacion_directorio_label{
    display: block;
    float: left;
    width: 10%;
}

#archivos_navegacion #navegacion_directorio{
    display: block;
    float: left;
    width: 55%;
}

#archivos_navegacion #archivos_carpeta_superior{
    width: 5%;
    float: right;
}

#archivos_navegacion #archivos_boton_carpeta_nueva{
    width: 5%;
    float: right;
}

#archivos_navegacion #archivos_boton_recarga{
    width: 5%;
    float: right;
}

#archivos_navegacion #archivos_boton_eliminar_general{
    width: 5%;
    float: right;
}

ul.archivosdirectorios_cabecera {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 7%;
    background-color: rgba(69,0,69,.8);
    color: white;
    font-weight: normal;
    border-radius: 4px 4px 0px 0px;
    list-style: none;
}

ul.archivosdirectorios_cabecera li {
    margin: 0;
    padding: 0;
    width: 97%;
}

ul.archivosdirectorios_cabecera li:hover {
}

ul.archivosdirectorios_elementos {
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 93%;
    min-height: 93%;
    border: 1px solid rgba(69,0,69,.5);
    border-radius: 0px 0px 4px 4px;
    overflow-y: scroll;
    list-style: none;
}

ul.archivosdirectorios_elementos li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(69,0,69,.2);
}

ul.archivosdirectorios_elementos li:hover {
    background-color: rgba(69,0,69,.1);
    cursor: pointer;
}

.archivosdirectorios_checkbox, .archivosdirectorios_nombre, .archivosdirectorios_ruta,
.archivosdirectorios_tipo, .archivosdirectorios_fecha, .archivosdirectorios_icono
{
    padding-top: 3px;
    overflow: hidden;
    display: inline-block;
}

.archivosdirectorios_checkbox{
    width: 5%;
}

.archivosdirectorios_nombre{
    width: 25%;
}

.archivosdirectorios_ruta{
    width: 25%;

}

.archivosdirectorios_tipo{
    width: 10%;

}

.archivosdirectorios_fecha{
    width: 20%;

}

.archivosdirectorios_icono{
    width: 5%;
}

/* ------------------------------------------------------ Navegación superior */

.navegacionHorizontal {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 60px 22% 0 22%;
    list-style: none;
    text-align: left;
    z-index: 999;
}

.windowLess1000 .navegacionHorizontal {
    padding: 60px 35% 0 5%;
}

.navegacionHorizontal li{
    display: inline-block;
    border-radius: 0px;
    margin: 0 0 10px 0;
}

.navegacionHorizontal li a{
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding: 5px 10px;
    display: block;
    margin: 0;
}

.navegacionHorizontal li a:hover{
    color: white;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0) 80%);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.navegacionHorizontal li.seleccionado a{
    color: white;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0) 80%);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

/* ------------------------------------------------------- Navegación lateral */

.navegacionLateral {
    list-style: none;
    border-top: 1px solid rgba(69, 0, 69, 1);
    margin: 0px 0px 50px 0px;
}

.navegacionLateral li{
    border-radius: 0px;
}

.navegacionLateral li a{
    color: rgba(69, 0, 69, 1);
    border-bottom: 1px solid rgba(69, 0, 69, .1);
    padding: 4px 10px;
    display: block;
}

.navegacionLateral li a:hover{
    color: white;
    background-color: rgba(69, 0, 69, 1);
}

.navegacionLateral li a:active{
    color: white;
    background-color: rgba(69, 0, 69, 1);
}

.navegacionLateral li.seleccionado{
    padding: 0;
}

.navegacionLateral li.seleccionado a{
    color: white;
    background-color: rgba(69, 0, 69, 1);
}

.navegacionLateral a.grupopaginas{
    background-color: rgba(69,0,69,.1);
}

.navegacionLateral li.superior{
    margin: 1px;
    padding: 0;
}

.navegacionLateral li.superior a{
    padding: 5px 0 5px 0;
    border: 1px solid #450045;
    text-align: center;
    color: #450045;
}

.navegacionLateral li.superior a:hover{
    background-color: #450045;
    padding: 5px 0 5px 0;
    color: white;
}

.navegacionLateral .navegacionLateral {
    border: 0;
    margin: 0 0 0 20px;
}

/* ------------------------------------------- Navegación lateral en sectores */

#sector-derecho .navegacionLateral, #sector-izquierdo .navegacionLateral {
    list-style: none;
    border-top: 1px solid #555;
    border-right: 1px solid #222;
    border-bottom: 1px solid #555;
    border-left: 1px solid #222;
    background-color: rgba(25, 25, 25, .98);
    margin: 20px 40px 0px 40px;
    padding: 5px;
    text-transform: uppercase;
}

#sector-derecho .navegacionLateral li, #sector-izquierdo .navegacionLateral li{
    border-radius: 0px;
}

#sector-derecho .navegacionLateral li a, #sector-izquierdo .navegacionLateral li a{
    color: rgb(137, 203, 225);
    padding: 4px 10px;
    display: block;
}

#sector-derecho .navegacionLateral li a:hover, #sector-izquierdo .navegacionLateral li a:hover{
    color: white;
    background-color: transparent;
}

#sector-derecho .navegacionLateral li a:active, #sector-izquierdo .navegacionLateral li a:active{
    color: white;
    background-color: transparent;
}

#sector-derecho .navegacionLateral li.seleccionado, #sector-izquierdo .navegacionLateral li.seleccionado{
    color: white;
    background-color: transparent;
    padding: 0;
}

#sector-derecho .navegacionLateral li.seleccionado a, #sector-izquierdo .navegacionLateral li.seleccionado a{
    color: white;
    background-color: transparent;
}

#sector-derecho .navegacionLateral a.grupopaginas, #sector-izquierdo .navegacionLateral a.grupopaginas{
    color: #ddd;
    background-color: transparent;
}

#sector-derecho .navegacionLateral li.superior, #sector-izquierdo .navegacionLateral li.superior{
    margin: 1px;
    padding: 0;
}

#sector-derecho .navegacionLateral li.superior a, #sector-izquierdo .navegacionLateral li.superior a{

}

#sector-derecho .navegacionLateral li.superior a:hover, #sector-izquierdo .navegacionLateral li.superior a:hover{

}

#sector-derecho .navegacionLateral .navegacionLateral, #sector-izquierdo .navegacionLateral .navegacionLateral {
    list-style: none;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    background-color: rgba(5, 5, 5, 1);
    margin: 0 -5px;
    padding-left: 20px;
}

/* ------------------------------------------------ menus del sector flotante */

#sector-flotante ul {
    list-style: none;
    margin: 0px 0px 50px 0px;
    border-top: 1px solid rgba(37, 108, 164, 1);
}

#sector-flotante ul ul {
    border: 0;
    margin: 0 0 0 20px;
}

#sector-flotante ul li{
    border-radius: 0px;
}

#sector-flotante ul li a{
    color: rgba(30,30,30,0.95);
    padding: 3px 16px;
    display: block;
    border: 0px solid transparent;
}

#sector-flotante ul li a:hover{
    color: white;
    border: 0px solid transparent;
    -moz-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    -webkit-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    background-color: rgba(30,30,30,0.95);
    /*background-color: rgba(37, 108, 164, 1);*/
}

#sector-flotante ul li.seleccionado a{
    color: white;
    -moz-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    -webkit-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    background-color: rgba(30,30,30,0.95);
    /*background-color: rgba(37, 108, 164, 1);*/
}

#sector-flotante ul a.grupopaginas{
    -moz-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    -webkit-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    background-color: rgba(30,30,30,0.1);
    /*background-color: rgba(37, 108, 164, .1);*/
}


/* -------------------------------------------------- Botones de menu general */

.menuGeneral {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menuGeneral li{
    float: right;
    margin: 1px;
}

.menuGeneral li a{
    border: 1px solid #904272;
    border-radius: 3px;
    color: #904272;
    padding: 2px 10px;
    display: block;
}

.menuGeneral li a:hover{
    color: white;
    background-color: #904272;
}

.menuGeneral li.seleccionado a{
    color: white;
    background-color: #904272;
}

/* ----------------------------------------------- Botones de menu de idiomas */

.menuIdiomas {
    list-style: none;
    margin: 0;
    padding: 0;
    right: 0;
    top: 65px;
    width: 25%;
    padding: 0 40px 0 10px;
    z-index: 2000;
}

.windowLess1000 .menuIdiomas {
    width: 35%;
}

.mobile .menuIdiomas {
    width: 100%;
    padding: 0 10px;
}

.menuIdiomas li{
    display: block;
    list-style: none;
    float: right;
    margin-right: 0.5em;
}

.menuIdiomas li a{
    border-radius: 3px;
    padding: 0.3em 0.5em;
    text-shadow: 0 0 5px #000;
    color: #ddd;
    font-size: 12px;
}

.menuIdiomas li a:hover{
    color: rgb(137, 203, 225);
    text-shadow: 0 0 5px #000;
}

.menuIdiomas li.seleccionado a{
    background-color: rgba(255,255,255,0.2);
    color: white;
    text-shadow: 0 0 5px #000;
}

.menuIdiomas li a .menuIdiomasTexto{

}

.menuIdiomas li a img{
    display: none;
}

.menuIdiomas li a img:hover{

}

.menuIdiomas li.seleccionado a img{

}


/* ---------------------------------------------------------- Cabecera simple */

.cabeceraSimple {
    position: relative;
    background-color: black;
    height: 330px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.cabeceraSimple .cabeceraImagen{
    display: none;
}

.cabeceraSimple .cabeceraImagen img{
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.cabeceraSimple .cabeceraImagen div{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 330px;
}

.cabeceraSimple .cabeceraTexto{
    position: absolute;
    top: 0;
    lef: 0;
    width: 100%;
    height: 40px;
    padding: 12px 5%;
    -moz-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    -webkit-box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    box-shadow: inset 0 -1px 0 rgba(100,100,100,0.2);
    background-color: rgba(30,30,30,0.95);
    color: #999;
    font-size: 14px;
    line-height: 1;
    font-family: 'Roboto Condensed', calibri, arial, helvetica, sans-serif;
    text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
    overflow: hidden;
    z-index: 1001;
}

.cabeceraSimple .cabeceraTexto a{
    color: #ddd;
    border-radius: 5px;
    padding: 5px 7px;
}

.cabeceraSimple .cabeceraTexto a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: black;
}

.mobile .cabeceraSimple {
    height: 200px !important;
}

.mobile .cabeceraSimple .cabeceraTexto{
    padding: 12px 9%;
    position: fixed;
    height: 35px;
}

.cabeceraSimple .cabeceraSimpleDegradadoTop{
    position: absolute;
    height: 165px;
    width: 100%;
    top: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.cabeceraSimple .cabeceraSimpleDegradadoBottom{
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.windowLess500 .cabeceraSimple .cabeceraTexto a{
    display: none;
}


/* ---------------------------------------------------------- Busqueda simple */

.busquedaSimple {
    position: absolute;
    top: 8px;
    right: 0;
    width: 20%;
    z-index: 1999;
}

.windowLess1000 .busquedaSimple {
    width: 40%;
    top: 5px;
}

.mobile .busquedaSimple {
    width: 50%;
    top: 5px;
}

.busquedaSimple .busquedaSimpleTexto {
    float: left;
    width: 80%;
    background: transparent;
    color: white;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.busquedaSimple .busquedaSimpleBoton {
    float: right;
    width: 20%;
    text-align: center;
    cursor: pointer;
}

.busquedaSimple .iconoBuscar {
    display: inline;
}

.busquedaSimple .iconoCargar {
    display: none;
}

.designerLoadingState .busquedaSimple .iconoBuscar{
    display: none;
}

.designerLoadingState .busquedaSimple .iconoCargar{
    display: inline;
}

.busquedaSimpleResultados {
    overflow: auto;
    max-height: 500px;
    min-height: 300px;
}

.busquedaSimpleElemento {
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

.busquedaSimpleElemento:hover {
    background: rgba(0, 0, 0, .04);
}

.busquedaSimpleElementoTitulo {
    font-size: 20px;
    font-weight: bold;
}

.busquedaSimpleElementoExtracto {
    color: #444;
    font-style: italic;
}