/**
 * Estilos exclusivos del Portal
 */

.Page-section {
    font-size: 24px;
    line-height: 30px;
    margin-top: 44px;
}

.ui-widget.Filtros select {
    font-family: inherit !important;
}

.Filtros-title {
    font-weight: 600;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.Filtros-subtitle {
    font-weight: 600;
    line-height: 19.8px;
    margin-bottom: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.Titulo-resultado {
    margin: .5rem 0;
    font-size: 1.625rem;
    line-height: 28.6px;
}

.ui-widget {
    font-family:inherit;
    font-size:inherit;
}

a.ui-widget {
    background-color:transparent;    
    color:#3155a6;
}

.Box-info {
    display: inline;
}

.ui-widget-content {
    color:inherit;
    border:inherit;
}
#top, :after, :before {
    box-sizing: content-box;
}

.ui-widget-content a {
    color:#3155a6;
}

.lista-categorias {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista-categorias > li {
    display: inline;
}

.lista-categorias > li:after {
    content: '\002C\0020';
    margin-left: -4px;
}
.lista-categorias > li:last-child:after {
    content: '';
}

.List.List--media > .ui-datagrid-content > .ui-grid-row{
    padding:0;
    padding-top:2rem;
    margin-top:2rem;

    border-top:1px solid #eee;
    display:block;
}
.List.List--media > .ui-datagrid-content > .ui-grid-row:first-child {
    padding-top:inherit;
    margin-top:inherit;
    border-top: none;
}

.ui-button-text-only .ui-button-text {
    padding:initial;
}

.ui-button .ui-button-text {
    display: block;
}

.ui-state-default {
    background-image:inherit;
    text-shadow:initial;
}
.ui-datagrid-column {
    padding: 0px;
}

/* formulario-tipo.css */
select {
    min-width: inherit;
    height: 42px;
}

select[size] {
    height: 42px;
}

.full-text-gu {
    height: 42px;
    min-width: 100% !important;
    box-shadow: none;
    color: inherit;
    border-color: inherit;
}

/* datagrid */

.ui-state-active{
    border: none;
    background: none;
    margin: 10px 0 30px;
}

.paginador-gu .ui-paginator {
    text-align:center;
    margin-top:4rem;
    border:none;
    background:inherit;
}

.paginador-gu .ui-paginator-current{
    margin-bottom:1rem;
    display: block;
    font-weight: initial;
    color: initial;
}

.paginador-gu .ui-paginator-page, 
.paginador-gu .ui-paginator-prev,
.paginador-gu .ui-paginator-next {
    margin-top:0;
    margin-bottom:0;
    padding-left:0;

    list-style:none;
    display:inline-block;
    font-weight: initial;
    text-decoration:none;

    padding:.5rem 1rem;
    background-color:#f3f3f3;
    border-radius:3px;
    color:#000;
    -webkit-transition:background-color .35s,color .35s;
    transition:background-color .35s,color .35s;
    border-bottom:1px solid #ddd;

    background-image:inherit;
    text-shadow:initial;

    border-top:none;
    border-left:none;
    border-right:none;
}

.paginador-gu .ui-paginator-page {
    margin-left: 3px;
    margin-right: 3px;
}

.paginador-gu .ui-paginator-pages {
    padding:initial;
}

.paginador-gu .ui-paginator-pages .ui-paginator-page.ui-state-hover{
    background-color:#9292e3
}

.paginador-gu .ui-paginator-pages .ui-paginator-page.ui-state-active { 
    background-color:#3155a6;
    color:#fff
}

.ui-paginator span span { 
    display: none; 
}

.ui-paginator .ui-paginator-first:before { 
    content: "Primera";
}

.ui-paginator .ui-paginator-prev:before { 
    content: "\2190 Anterior";
}

.ui-paginator .ui-paginator-next:before { 
    content: "Siguiente \2192";
}

.ui-paginator .ui-paginator-last:before { 
    content: "Ultima";
}

.ui-state-disabled {
    display: none !important;
}

.jssocials-shares {
    list-style:none;
    padding:0;
    margin-top:0
}
.jssocials-share {
    padding:.75rem;
    border-top:1px solid #eee;
    display:block
}

.jssocials-share:first-child {
    border-top:0
}

#top {
    padding: 9px 0 0;
    background: url("/SigesVisualizador/javax.faces.resource/img/cabezal.png.xhtml") no-repeat top right;
    min-height: 116px;
}

@media (max-width: 2000px) and (min-width: 768px) {
    .wrapper {
        padding: 0 2em;
    }
}


.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em;
}

.wrapper img {
    max-width: 100%;
}

.wrapper {
    max-width: 1500px;
    margin: auto;
    padding: 0 5.5em;
}

.nombre {
    float: left;
    margin-top: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
}


.wrapper {
    max-width: 1500px;
    margin: auto;
    /* padding: 14px 5.5em 16px; */
}
#top {
    padding: 9px 0 0;
    background: url("/SigesVisualizador/javax.faces.resource/img/cabezal.png.xhtml") no-repeat top right;
    min-height: 116px;
    font-family: 'Open Sans', sans-serif;
}

.ui-menu .ui-menuitem-text {
    float: left;
    background: transparent;
}
@media (max-width: 2000px) and (min-width: 768px) {    
    .wrapper {
        padding: 0 2em;
    }
}

.linksCabezal li, .menuPubLargo li.ui-menuitem, .menu li.ui-menuitem {
    display: inline-block;
    /* color: #262626; */
    font-size: 13px;
    padding: 22px 0 17px 0;
    margin: 0;
    background: none;
}

.ui-menu .ui-menu-list .ui-menuitem {margin-left: 22px;}

.ui-menubar .ui-menuitem {
    width: auto;
    clear: none;
}

.ui-menu-list {
    position: static;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}


.linksCabezal, .menuPubLargo, .menu {
    clear: both;
    text-align: right;
    margin: 0;
    background-color: #0065A4;
}

.cabezalDerecha {
    float: right;
}
.menuPubLargo .ui-widget-content, .menu .ui-widget-content {
    border: none;
    background: none;
    padding: 0;
    height: 0;
}

@media (max-width: 2000px) and (min-width: 768px) {
    .wrapper {
        padding: 0 2em;
    }
}

.logo-presidencia {
    vertical-align: middle;
}

.logo-agesic {
    vertical-align: middle;
}

.logo-app {
    text-align: right;
    min-height: 60px;
}

.linksCabezal li, #top .menuPubLargo li.ui-menuitem a.ui-menuitem-link:hover, #top .menu li.ui-menuitem a.ui-menuitem-link:hover {
    opacity: 1;
    color: #fff;
}

#top a:link:hover, #top a:visited:hover {
    font-weight: bold;
    text-decoration: underline;
}

.menuPubLargo .ui-menu .ui-menuitem-link, .menu .ui-menu .ui-menuitem-link {
    display: inline;
    border: none;
    padding: 0;
    background-color: transparent;
}

#top a:link, #top a:visited {
    color: white;
    font-weight: bold;
    text-decoration: none;
}
#top a:link, #top a:hover {
    background:transparent;
    box-shadow:none;
}

.menuPubLargo li.ui-menuitem .ui-menuitem-link, .menu li.ui-menuitem .ui-menuitem-link {
    opacity: 0.8;
    text-transform: uppercase;
}


#bottom {
    height: 55px;
    background: #0065A4;
    color: white;
    padding-top: 10px; 
}

@media (max-width: 2000px) and (min-width: 768px) {
    .wrapper {
        padding: 0 2em;
    }
}

#bottom img {
    float: right;
}
ul.ui-menu-list.ui-helper-reset .ui-menuitem-text {

    text-align:center;
}

.ui-menubutton.menuButtonPubComprimido {
    display: none;
}

#content{
    clear:both;
}

input#menuPublicoFormSubmit {
    display: none;
}

.contenedor-video-gu {
    width: 100%;
    height: 100%;
}
.contenedor-video-gu iframe {
    width: inherit;
    height: inherit;
}

/* accesibilidad */
.screenreader {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.screenreader-focus:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

/*popup mapa*/
.columnaImagen{
    float: left;
    width: 20%;
    margin-right: 20px;
}

.columnaImagen .imgContainer{
    width: 92%;
    height: 124px;
    overflow: hidden;
}

.columnaImagen .imagenCategoria{
    width: 50px;
    margin-top: -65px;
    float: right;
    position: relative;
}

.resumenProyecto .columnaImagen {
    width: 30%;
}

.resumenProyecto .columnaImagen .imgContainer{
    width: 100%;
    height: 76px;
    overflow: hidden;
}

.resumenProyecto .columnaImagen .imgContainer img{
    height: 76px;
    width: auto;
}

.resumenProyecto .columnaImagen .imagenCategoria{
    width: 30px;
    margin-top: -15px;
    float: none;
}

.resumenProyecto .dato{
    
    margin-top: 15px;
}

.resumenProyecto .columnaInformacion{

    line-height: 14px;
}

.resumenProyecto .columnaInformacion .resumenDesc {
    height: 2.5em;
}

.resumenProyecto .columnaInformacion .resumenMultimedia {
    margin-top: 5px;
}

.resumenProyecto  .columnaInformacion .resumenMultimedia img {
    height: 12px;
}

.resumenProyecto  .columnaInformacion .resumenMultimedia .visitas {
    border-right: 0;
}
.tituloProyecto{
    display: block;
    margin-bottom: 10px;
 
}

@media (max-width: 540px){/*celulares verticales*/
    
    .wrapper {
       padding: 0px;
    }
    
    .logo-container {
        display: flex;
        margin-top: -60px;
    }
    
    .logo-app {
        margin-right: 8px;
    }
    
    .nombre {
        padding-left: 8px;
    }
}

.menuPubComprimido {
    float: right;
    display: none;
}

.menuPubComprimido button.ui-state-default.ui-button{
    font-size: 14px;
    padding: 14px 0 14px 0;
    background: none;
    font-weight: bold;
    opacity: 0.8;
    text-transform: uppercase;
}

@media (max-width: 1000px) { 
    .menuPubLargo{
        display: none;
    }
    .menuPubComprimido{
        display: block;
    }
}