.titol {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 125%;
    /*color: #B0BEC5;*/
    /* color: #5CF103;*/

    color : white;
    display: table;
    font-weight: bold;
    font-family: 'Lato';
}

.backgroundimages {
    background-color: #9ae8f4;
    background-image: url("../img/caseta.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.marbot10 {
    margin-bottom: 10px;
}
.marbot12 {
    margin-bottom: 12px;
}
.marbot20 {
    margin-bottom: 20px;
}
.marbot30 {
    margin-bottom: 30px;
}
.marleft5 {
    margin-left: 5px;
}
.marleft10 {
    margin-left: 10px;
}
.marleft12 {
    margin-left: 12px;
}
.marleft20 {
    margin-left: 20px;
}
.marleft30 {
    margin-left: 30px;
}
.martop20 {
    margin-top: 20px;
}
.martop30 {
    margin-top: 30px;
}
.marRight10 {
      margin-right: 10px;
}
.marRight20 {
    margin-right: 20px;
}
.marRight30 {
    margin-right: 30px;
}

.txtboto {
    color : white !important;
    font-weight: bold !important;
}

.reset {
    margin : 0px;
    padding : 0px;
}

.dspinline {
    display: inline-flex;
}

.of {
    overflow-x: scroll;
}

.centrar {
    /*display:block;*/
    margin: 0 auto;
    text-align: center;
}

.centrar2 {
    margin: 0 auto;
    text-align: center;
}

.centrar3 {
    text-align: center;
}

@media /* screen and */ (max-width: 992px) {
    table {
        overflow-x: auto;
        /*display: block;*/
    }

    .txtboto {
        color : red;
        font-weight: bold;
        font-size: 20pt;
    }

    .oculta-bloc {
        display : none;
    }
}

@media /* screen and */ (min-width: 1000px) {
    .mostra-bloc {
        display : none;
    }

    .oculta-bloc2 {
        display : none;
    }
}





.floatleft {
    float: left;
}

.sombraredondeada{
    background-color: #ffffff;
    color: #fff;
    padding: 3px;
    margin: 3px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 2px 2px 4px gray;
    -webkit-box-shadow: 2px 2px 4px gray;
    -moz-box-shadow: 2px 2px 4px gray;
}

.taulacalendari {
   /* width: 300px;*/
   /* height: 300px;*/

    /*border-collapse: collapse;*/
    border-spacing: 1;
}

tr {

   /* color: red;
    background-color: #398439;
    height: 25px;*/
}

.calendar th {
    width: 30px;
    height: 30px;
    border: thin;
    border-color: #ffffff;
    border-style: solid;
    text-align: center;
    background-color: lightgray;
}

 .calendar td {
     color: white;
     background-color: #398439;
     width: 30px;
     height: 30px;
     border: thin;
     border-color: #ffffff;
     border-style: solid;
     text-align: center;
}

 /*
 background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0
 */

.margeauto{
    margin : 0 auto;
    text-align: center;
}

.amplepte90 {
    width: 100%;
}

.oculto {
    display: none;
}

.calendar .libre {
    background-color: #398439;
}

.calendar .libre {
    background-color: #398439;
}

.calendar .ocupado {
  background-color: red;
}

.calendar .ocupadocombi {
    background-color: red;
}



.transparente {
   /* opacity: 0.5;*/
   /* filter: alpha(opacity=50);*/
   /* background-color: rgb(100,150,255); opacity: 0.5; */

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.3);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}


.opaco {
    opacity: 1;
}