h1 {
    color: black; /*#e65100*/
    font-weight:bold;
    margin-top: 1rem;
    font-size:27px;
}
h2
{
    font-size:26px;
    color: #1e88e5;
    color: #616161;
    margin-top: 0px;
}

h3
{
    font-size: 23px;
}

a
{
    color: #009688;
    color: #616161;
}

.contingut a
{
    text-decoration: underline;
}
body
{
    /*background:white;*/
    font-family: Roboto;
    background:#e3e3e3;

}

header > div.container {
    margin-top: 64px;
}

main {
    margin-top: 56px;
}

.menuGran {
    margin: 20px;
    margin-top: -265px;
    font-weight: bold;
}

.menuGran > a {
    padding: 10px;
    display: block;
    background: rgba(255,255,255,0.8);
    margin-bottom: 10px;
}

.menuGran > a > .material-icons {
    float: left;
    padding-right: 5px;
}

.menuGran > a:hover {
    background: rgba(0,0,0,0.8);
    color: white;
}

.filmoffice {
    background: #323232;
    padding: 10px;
    /*background: url(/img/filmoffice/fons_cine.jpg);*/
    background: url("/filmoffice/img/filmoffice/foto_fons.jpg");
    /*background: url(/img/filmoffice/fons_dona.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 500px;
    height: calc(100vh - 64px - 100px);
}

.filmoffice  .row > a >img
{
    max-height: 55px;
}



footer
{
    background: none !important;
    /*border-top: 1px solid #ddd;*/
}
footer.page-footer {
    border: none;
}
footer a, footer span {
    color: black;
}

footer a:hover {
    text-decoration:underline;
}

footer .peu_silueta {
    background: url("/filmoffice/img/header/silueta.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    background-size: contain;
    min-height: 50px;
}
footer .informacio {
    padding: 10px;
    background-color:white;

}
footer .contacte {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px !important;
    color: black;
}
footer .contacte .titol-contacte {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.titolMenuLateral {
    height: 56px;
    /*background:#4caf50;*/
}
.container {
    width: 90%;
}

.topNav {
    position: fixed;
    background:#1e88e5;
    background: #424242;
}

.sidenav {
    background: #e3e3e3;
}

.sidenav li>a, .sidenav .collapsible-header {
    padding: 0 15px;
    font-weight: 400;
    font-size: 15px;

}
.sidenav li.logoSeu {
    background:white !important;
    background: #e3e3e3 !important;

}
.sidenav li.logoSeu > a {
    border-bottom: 1px solid #f5f5f5;
    height: 100px;
}

.sidenav .collapsible-body {
    background-color: #e3e3e3;
}

#menuLateral
{
    overflow: hidden;
    box-shadow:none;
    /*background: #4caf50 !important;*/
}

#menuLateral .collapsible {
    /*background: #4caf50 !important;*/
    /*color: white;*/
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

#menuLateral .collection-item i.material-icons, .collection-item .btn {
    background: inherit;
}

#menuLateral .collapsible-header > a {
    color: inherit;
    width: 90%;
    padding: 0px;
}
#menuLateral li.select > .collapsible-header {
    /*background: white;*/
    /*color: black;*/
    background: #1e88e5;
    background:#8e24aa;
    background:#616161;
    color: white;

    border-top: 1px solid #1e88e5;
    border-top: 1px solid #8e24aa;
    border-top: 1px solid #616161;
}
#menuLateral .collection .collection-item.active {
    background-color: #1e88e5;
    background-color: #616161;
    color: white;
}

#menuLateral .collection-item > i, #menuLateral .collection-item > span {
    float: left;
}
#menuLateral .social
{
    padding: 10px;
}
#menuLateral .social > a
{
    display: contents;
}
#menuLateral .social img
{
    width:32px;
}

.collection.with-header .collection-header
{
    color: #1e88e5 !important;
    color: #616161 !important;
}

.collection-item.avatar i.material-icons, .collection-item .btn
{
    background: #1e88e5;
    background: #616161;
}
.card .card-content {
    padding:10px;
    background:#1e88e5;
    background:#8e24aa;
    background:#616161;
}

.card .card-title
{
    text-align: center;
    font-weight: normal;
}

.card .card-title,.collection .collection-item.avatar .title {
    color: white;

}
.tabs .tab a {
    /*color: rgba(230,81,0,0.7);*/
    color: rgba(128, 203, 196,0.7);
    color:rgba(61,61,61,0.7);
}
.tabs .tab a:hover, .tabs .tab a.active {
    color: #1e88e5;
    color: #616161;
}

.tabs .indicator {
    background-color: #1e88e5;
    background-color: #616161;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    /*background-color: rgba(230,81,0, 0.2);*/
    background-color: rgba(128, 203, 196, 0.2);
    background-color: rgba(61,61,61,0.2);
}

.card-action > a.btn {
     background: #1565C0;
}
.btn a {
    color: white;
}
.btn, .btn:hover, .btn:visited {
    background: #1e88e5;
    background: #616161;
    color: white;
}
.fillApartat .card .card-content {
    height: 72px;
}

.fillApartat .card .card-image
{
    overflow: hidden;
    padding-top: 50%;
}
.fillApartat .card .card-image img, .llistatNoticies .card .card-image img
{
    position:absolute;
}

.fillPortada .card-content {
    background: white;
    text-align: center;
}
.fillPortada .card-content > .card-title{
    color: #616161;
}



.gradient-45deg-light-green-white {
    background: white;
    background: -webkit-linear-gradient(45deg, #c8e6c9 0%, white 100%);
    background: linear-gradient(45deg, #c8e6c9 0%, white 100%);
}

.carousel-item > div.title {
    /*background: rgba(75,175,80,0.7);*/
    display: none;
    background: rgba(128, 203, 196,0.7);
    background: rgba(61,61,61,0.7);
    color:white;

}

.carousel .indicators {
    background: rgba(0,0,0,0.3);
}

.carousel .indicators .indicator-item {
    margin: 0px 4px;
}
.card.detallArticle .card-content {
    background:rgba(128, 203, 196,0.2);
    background:rgba(61,61,61,0.2);
    padding: 26px;
}

.card.cercador {
    padding: 0px !important;
}
.cercador .card-content {
    background: none;
}

.input-field li {
    list-style-type: none !important;
    padding-bottom: inherit !important;
}

.lightgrey
{
    background: #f1f1f1;
    padding: 10px 0px;
}

.descobreixManresa
{
    background: url('/filmoffice/img/filmoffice/descobreixManresa2.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    padding: 10px 0px;

}

.descobreixManresa h1,.descobreixManresa p
{
    /*color:white;*/
}

.descobreixManresa .btn
{
    /*background: white;*/
    /*color:black;*/
}

#llistatcerca.collection .collection-item{
    background:#f1f1f1;
}

#llistatcerca.collection .collection-item:not(.active):hover{
    background:#ddd;
}

#llistatcerca.collection .collection-item.avatar .title
{
    color: #616161;
}

@media only screen and (min-width: 992px)  /* Mida M */
{
    main, footer {
        padding-left: 300px;
    }
    #menuLateral
    {
        margin-top: 70px;
    }
    main {
        margin-top: 64px;
    }

    .menuGran {

        background: rgba(255,255,255,0.8);
        margin: 0px;
        margin-top: -54px;
        font-weight: bold;

    }

    .menuGran > a {
        padding: 10px;
        display: inline-block;
        background: none;

    }
    .filmoffice  .row > a >img
    {
        max-height: none;
    }
}