﻿#banner
{
    float:left;width:100%;position:relative;
}

.visible-desktop
{
    display: inherit!important;
}

#idiomas{
    float: left;
    width: 100%;
    text-align: right;
    background: url(GVA-theme/degradado-idiomas.png) repeat-x;
    height: 25px;
}

.cabecera{
    float:left;
    width:100%;
    height:105px;
    overflow:hidden;
    background: white;
}

.portlet-borderless-container {
    min-height: 2.5em;
    position: relative;
}

#idiomas .portlet-body .portlet-body .taglib-language-list-text {
    padding: 7px 10px 0 0;
    display: block;
    float: right;
    border: 0;
    text-decoration: none;
    color: #707173;
    font-size: .86em;
}

.oberta #logo {
    margin-top: 0;
    margin-left: 5%;
}

.logo, #logo {
    float: left;
    margin-left: 11px;
}

.bloque-buscador {
    float: right;
    width: 22.3%;
}

.oberta #rotativo {
    display: none;
}

#rotativo {
    width: 51%;
    margin: auto;
    text-align: center;
}

.main-header .navbar {
    margin-left: 0px;
}

.cabecera .portlet-journal-content .journal-content-article {
    clear: none;
}

.oberta #logo .banners>ul {
    height: auto;
}

#logo .banners>ul {
    height: 105px;
}


.cabecera .journal-content-article .banners ul {
    margin: 0!important;
}

.journal-content-article .banners ul {
    padding: 0;
    list-style: none;
}

.cabecera ul {
    list-style-type: none!important;
}

#logo .banners>ul::before {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    /*content: " ";*/
}

#logo .banners>ul>li {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.journal-content-article li.banner_vertical {
    display: block;
    background: none!important;
    padding: 0!important;
    text-align: center;
}

.oberta a {
    color: #414042;
}

a, .nav-menu li a.selected {
    /*color: #575353;*/
    text-decoration: none;
}

.journal-content-article li.banner_vertical:first-child img {
    margin-top: 0;
}

.clearfix {
    clear: both;
}

.portlet-journal-content .journal-content-article:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.bloque-buscador {
    float: right;
    width: 22.3%;
}

.bloque-buscador .enlaceGVA {
    background: #575353;
    float: right;
    height: 16px;
    line-height: 16px;
    padding-top: 1px;
    text-align: center;
    width: 120px;
    font-size: 90%;
}

.bloque-buscador .enlaceGVA a {
    color: #fff;
    text-decoration: none;
}

#logo_derecha {
    overflow: hidden;
    /*width: 200px;*/
    float: right;
    clear: right;
    /*height: 40px;
    margin: 10px 15px 0 0;*/
    text-align: right;
}

.cabecera .portlet-journal-content .journal-content-article {
    clear: none;
}

.cabecera .journal-content-article .banners ul {
    margin: 0!important;
}
.journal-content-article .banners ul {
    padding: 0;
    list-style: none;
}
.cabecera ul {
    list-style-type: none!important;
}
.journal-content-article li.banner_vertical {
    display: block;
    background: none!important;
    padding: 0!important;
    text-align: center;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.portlet-journal-content .journal-content-article:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

#buscador {
    float: left;
    width: 100%;
    margin-top: 5px;
}

#buscador form {
    padding-right: 15px;
    margin: 0;
}

.pull-right {
    float: right !important;
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}


.main-header {
    height:180px;
}

.main-sidebar{
    top: 130px;
}

#buscador input[type="text"] {
    border: 1px solid #d2d2d2;
    /*height: 13px;*/
    margin-right: -3px;
    padding: 0 0 0 3px;
    width: 166px;
    background: #fff;
    border-radius: 0;
    font-size: 11px;
    line-height: 11px;
}

@media (min-width: 768px)
{
    .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 0px;
}
}

.oberta #footer {
    width: auto;
    float: none;
    border-top: 1px solid grey;
    padding: 20px 5% 10px;
    overflow: hidden;
}

#footer {
    float: left;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 21px;
    margin-top: 10px;
    height: 64px;
    border-top: 1px solid rgb(210, 210, 209);
}

.oberta #footer #p_p_id_56_INSTANCE_PIE_ {
    float: left;
}
#footer .portlet-boundary {
    padding: 0px;
    background: 0px center;
}

.portlet-borderless-container {
    min-height: 2.5em;
    position: relative;
}

.portlet-journal-content .journal-content-article {
    clear: right;
}

.oberta #footer p {
    text-align: left;
}
#footer p {
    text-align: center;
    margin-bottom: 0px;
    padding-bottom: 1px;
}
.oberta #footer .redes-texto {
    display: inline-block;
    margin-bottom: 5px;
}

.oberta #footer #redes-sociales {
    max-width: 250px;
    clear: right;
    margin: 0px;
}

#redes-sociales {
    margin-top: 16px;
    margin-right: 1.57%;
    max-width: 186px;
    height: 26px;
    position: relative;
    width: auto;
    display: inline-block;
}

#redes-sociales #mover-izquierda {
    right: -15px;
    background: url(../images/GVA/icono_principal.png) 0px center no-repeat white;
}

#redes-sociales .slider-redes {
    width: 15px;
    height: 26px;
    top: 0px;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

#redes-sociales #mover-derecha {
    left: -15px;
    background: url(../images/GVA/icono_izquierda.png) 0px center no-repeat white;
}
#redes-sociales .portlet-boundary {
    overflow: hidden;
}
#footer .portlet-boundary {
    padding: 0px;
    background: 0px center;
}
#redes-sociales .portlet-borderless-container {
    padding: 0px !important;
}
.portlet-borderless-container {
    min-height: 2.5em;
    position: relative;
}
.portlet-journal-content .journal-content-article {
    clear: right;
}

#idiomas .portlet-body .portlet-body .taglib-language-list-text:hover {
    text-decoration: underline;
}

.hidden {
    display: none;
    visibility: hidden
}
.visible-phone {
    display: none!important
}
.visible-tablet {
    display: none!important
}
.hidden-desktop {
    display: none!important
}
.visible-desktop {
    display: inherit!important
}
@media(min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-tablet {
        display: inherit!important
    }
    .hidden-tablet {
        display: none!important
    }
}
@media(max-width:767px) {
    .hidden-desktop {
        display: inherit!important
    }
    .visible-desktop {
        display: none!important
    }
    .visible-phone {
        display: inherit!important
    }
    .hidden-phone {
        display: none!important
    }
    .visible-print {
        display: none!important
    }
}
@media print {
    .visible-print {
        display: inherit!important
    }
    .hidden-print {
        display: none!important
    }


    .mobile-header {
        border-bottom: 1px solid #575353;
        text-align: center
    }
    .mobile-header .taglib-language-list-text {
        border-right: 0
    }
    .mobile-header.navbar .navbar-inner {
        height: 60px;
        overflow: hidden
    }
    .mobile-header.navbar .dropdown-menu>li>a:hover {
        background: #707173
    }
    .mobile-header.navbar .nav li.dropdown.open>.dropdown-toggle {
        background-color: transparent
    }
    .mobile-header .dropdown-menu {
        padding: 15px
    }
    body.GVA-responsive .mobile-right-icons li {
        list-style-type: none
    }
    body.GVA-responsive .navbar-search .imagenBuscar {
        display: none
    }
    .mobile-header.navbar .nav.mobile-right-icons {
        height: 27px;
        position: absolute;
        top: 15px;
        right: 50px;
        left: auto
    }
    .mobile-header.navbar.sin-menu .nav.mobile-right-icons {
        right: 5px
    }
    .mobile-header #cabecera-organismo {
        padding: 10px 0 10px 10px;
        float: left
    }
    .mobile-header #logo-gva {
        float: left;
        height: 40px;
        overflow: hidden
    }
    .mobile-header #logo-gva.campanya {
        padding: 10px 0 10px 10px
    }
    .mobile-header #cabecera-organismo #logo-gva {
        border-left: 2px solid #e51535
    }
    .mobile-header .gva-logo {
        /*background: url("/images/GVA/logo_gva_completo.png");*/
        background: url('Images/logo_gva_completo.png');
        background-repeat: no-repeat;
        display: block;
        float: left;
        width: 97px;
        height: 40px;
        text-indent: -999px;
    }
    .mobile-header #cabecera-organismo .gva-logo {
        margin: 0 10px 0 3px
    }
    .mobile-header #cabecera-campanya .gva-logo {
        margin: 0 0 0 3px
    }
    .mobile-header #logo-organismo,
    .mobile-header #logo-campanya {
        height: 40px;
        overflow: hidden;
        display: inline-block
    }
    .mobile-header #logo-organismo {
        float: left;
        border-right: 2px solid #e51535;
        padding: 0 3px 0 5px
    }
    .mobile-header #logo-campanya {
        margin: 10px 130px 0 0;
        max-width: 30%
    }
    .mobile-header.sin-menu #logo-campanya {
        margin: 10px 90px 0 0
    }
    .mobile-header #logo-campanya .banners li {
        line-height: 40px
    }
    .mobile-header #logo-organismo .portlet-borderless-container {
        padding: 0
    }
    .mobile-header #logo-organismo ul,
    .mobile-header #logo-organismo li,
    .mobile-header #logo-organismo li a,
    .mobile-header #logo-campanya ul,
    .mobile-header #logo-campanya li,
    .mobile-header #logo-campanya li a,
    .mobile-header #logo-campanya .portlet-borderless-container {
        margin: 0;
        padding: 0
    }
    .mobile-header #logo-organismo li a {
        display: block
    }
    .mobile-header #logo-organismo img,
    .mobile-header #logo-campanya img {
        max-height: 40px;
        max-width: 100%;
        vertical-align: middle
    }
    body.GVA-responsive .firefox .mobile-header #logo-organismo img,
    body.GVA-responsive .firefox .mobile-header #logo-campanya img {
        width: 100%
    }
    .mobile-header #site-conselleria {
        padding: 10px 0 5px 10px;
        float: left
    }
    .mobile-header .nombre-organismo a,
    .mobile-header .nombre-conselleria a {
        text-decoration: none;
        text-transform: uppercase
    }
    .mobile-header .nombre-conselleria {
        font-size: .7em;
        text-align: center;
        font-weight: bold;
        margin-top: 1em
    }
    .mobile-header .nombre-organismo {
        text-align: center;
        font-weight: bold;
        font-size: 1em;
        color: #005580;
        border-top: 1px solid #575353
    }

    .mobile-header.navbar .nav>li>a.mobile-search-icon {
        background-size: 18px 18px;
        width: 27px;
        height: 27px;
        display: inline-block;
        background-size: 100% 100%;
        padding: 0;
        margin-left: 10px;
        text-indent: -9999px
    }
    .mobile-header.navbar .nav>li>a.language-select-icon {
        width: 42px;
        height: 20px;
        padding: 7px 0 0 0;
        text-align: right;
        color: #575353;
        display: inline-block;
        border: 1px solid #575353;
        background-color: #fff;
        background-image: url("../images/GVA/idiomas_movil.png");
        background-size: 70% auto;
        background-repeat: no-repeat
    }
    .mobile-header.navbar .nav>li>a.language-select-icon:hover {
        color: #575353
    }
    .mobile-header.navbar #select-language .dropdown-menu {
        padding: 0;
        width: 44px;
        min-width: 0;
        left: 0;
        margin: 0;
        border: 0
    }
    .mobile-header.navbar #select-language .dropdown-menu li a,
    .mobile-header .gva-logo {
        text-indent: -9999px
    }
    .navbar .nav #select-language .dropdown-menu:before,
    .navbar .nav #select-language .dropdown-menu:after {
        display: none
    }
    .mobile-header.navbar .nav.mobile-right-icons .mobile-search-icon {
        background-image: url("../images/GVA/icono_lupa50px.png")
    }
    .mobile-header.navbar .nav.mobile-right-icons .open .mobile-search-icon {
        background-image: url("../images/GVA/icono_lupa50px2.png")
    }
    .mobile-header.navbar .nav.mobile-right-icons .language-select-icon {
        background-color: none
    }
    .mobile-header.navbar #select-language .dropdown-menu a {
        background-image: url("../images/GVA/idiomas_movil.png");
        background-size: 70% auto;
        background-repeat: no-repeat;
        border-right: 1px solid #575353;
        border-left: 1px solid #575353;
        border-bottom: 1px solid #575353
    }
    html[lang="es"] .mobile-header.navbar .nav>li>a.language-select-icon {
        background-position: 2px 0
    }
    html[lang="es"] .mobile-header.navbar .nav>li.open>a.language-select-icon {
        background-position: 2px -92px
    }
    html[lang="ca"] .mobile-header.navbar .nav>li>a.language-select-icon {
        background-position: 2px -30px
    }
    html[lang="ca"] .mobile-header.navbar .nav>li.open>a.language-select-icon {
        background-position: 2px -122px
    }
    html[lang="en"] .mobile-header.navbar .nav>li>a.language-select-icon {
        background-position: 2px -60px
    }
    html[lang="en"] .mobile-header.navbar .nav>li.open>a.language-select-icon {
        background-position: 2px -152px
    }
    .mobile-header.navbar #select-language .dropdown-menu a:hover,
    .mobile-header.navbar .nav #select-language.open>a {
        background-color: #dc002e!important;
        color: #fff!important
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="es-ES"] {
        background-position: center 0
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="es-ES"]:hover {
        background-position: center -92px
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="ca-ES"] {
        background-position: center -30px
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="ca-ES"]:hover {
        background-position: center -122px
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="en-US"] {
        background-position: center -60px
    }
    .mobile-header.navbar #select-language .dropdown-menu a[lang="en-US"]:hover {
        background-position: center -152px
    }
    html[lang="es"] .mobile-header.navbar #select-language .dropdown-menu a[lang="es-ES"],
    html[lang="ca"] .mobile-header.navbar #select-language .dropdown-menu a[lang="ca-ES"],
    html[lang="en"] .mobile-header.navbar #select-language .dropdown-menu a[lang="en-US"] {
        display: none
    }

    @media screen and (max-width: 480px) {
    .navegacion-central .portlet-body ul {
        margin-left: 10%!important
    }
}
@media screen and (min-width: 1280px) {
    #wrapper {
        margin: 0 10% 0 10%
    }
}
@media screen and (min-width: 1920px) {
    #wrapper {
        margin: 0 15% 0 15%
    }
}
@media screen and (max-width: 340px) {
    .mobile-header #cabecera-organismo {
        padding: 14px 0 10px 10px
    }
    .mobile-header #logo-gva {
        height: 30px
    }
    .mobile-header #logo-gva.campanya {
        padding: 15px 0 15px 10px
    }
    .mobile-header .gva-logo {
        background-size: auto 100%;
        width: 60px;
        height: 30px;
        margin: 0 0 0 3px
    }
    .mobile-header #logo-organismo {
        height: 30px
    }
    .mobile-header #logo-organismo img {
        height: 30px;
        width: 60px;
        max-height: 30px
    }
    .mobile-header #logo-campanya {
        margin: 15px 130px 0 0
    }
    .mobile-header.sin-menu #logo-campanya {
        margin: 15px 90px 0 0
    }
    .mobile-header #logo-campanya .banners li {
        line-height: 30px
    }
    .mobile-header #logo-campanya img {
        max-height: 30px
    }
}
@media screen and (max-width: 284px) {
    .mobile-header .site-name {
        width: 20%!important
    }
    .navegacion-central .portlet-body li {
        float: none;
        width: auto
    }
}
@media screen and (max-width: 1016px) {
    #rotativo {
        width: 44%;
        margin-left: 32%
    }
}
@media print {
    a[href]:after {
        content: none
    }
}
@media print {
    .row-fluid [class*="span"] {
        float: left
    }
}
@media print {
    .nav-collapse,
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important
    }
}
}

@media screen and (max-width: 979px)
{
    .mobile-header.navbar .navbar-inner {
    height: 60px;
    overflow: hidden;
    }

    .mobile-header.navbar #select-language .dropdown-menu li a, body.GVA-responsive .mobile-header .gva-logo {
        text-indent: -9999px;
    }
}

@media screen and (max-width: 979px)
{
    body.GVA-responsive .mobile-header #site-conselleria {
        padding: 10px 0 5px 10px;
        float: left;
    }

    .mobile-header .gva-logo {
        /*background: url(http://www.gvaoberta.gva.es/GVA-theme/images/GVA/logo_gva_completo.png);*/
        background: url('Images/logo_gva_completo.png');
        background-repeat: no-repeat;
        display: block;
        float: left;
        width: 97px;
        height: 40px;
        text-indent: -999px;
    }

    .mobile-header.navbar .nav.mobile-right-icons {
        height: 27px;
        position: absolute;
        top: 15px;
        right: 50px;
        left: auto;
    }

    .mobile-header #site-conselleria {
        padding: 10px 0 5px 10px;
        float: left;
    }
    .mobile-header.navbar .nav>li>a.language-select-icon {
        width: 42px;
        height: 20px;
        padding: 7px 0 0 0;
        text-align: right;
        color: #575353;
        display: inline-block;
        border: 1px solid #575353;
        background-color: #fff;
        background-image: url(http://www.gvaoberta.gva.es/GVA-theme/images/GVA/idiomas_movil.png);
        background-size: 70% auto;
        background-repeat: no-repeat;
    }
    .mobile-header.navbar #select-language .dropdown-menu {
        padding: 0;
        width: 44px;
        min-width: 0;
        left: 0;
        margin: 0;
        border: 0;
    }

    .mobile-header .nombre-organismo a, body.GVA-responsive .mobile-header .nombre-conselleria a {
        text-decoration: none;
        text-transform: uppercase;
        color: white;
    }

    .mobile-header .nombre-organismo {
        border-top: 1px solid gray;
    }
    .mobile-header .nombre-organismo {
        text-align: center;
        font-weight: bold;
        font-size: 1em;
        color: #005580;
        border-top: 1px solid #575353;
    }

}

