* {
    margin:0; padding:0;
    font-family: 'Raleway', sans-serif;
    box-sizing:border-box;
    text-decoration:none;
}

body {
    background:#000;
    font-size:15px;
}


h1 {
    color:#fff;
    font-size:30px;
    display:block;
    text-align:center;
    margin-bottom:20px;
}

body input[type=text] {
    width:60px;
    font-size:13px;
    padding:0px !important;
    border:0;
    border-bottom:1px solid #ccc;
    text-align:center;
}

.ajust {
    max-width:600px;
    margin:auto;
    background:#98B000; /*background:#197688;*/
    min-height:100vh;
    position:relative;
}


.header {
    box-shadow:0px 4px 10px rgba(0,0,0,.5);
    background:#FFF;
    position:fixed;
    width:100%;
    max-width:600px; 
}
    .botmenu {
        display:inline-block;
        padding:5px;
        font-size:30px;
        vertical-align:middle;
    }
    .header .title {
        display:inline-block;
        text-align:center;  
        width:calc(100% - 40px);
        width:100%;
        vertical-align:middle;
        font-size:25px;
        font-weight:bold;
        color:#666;
        padding:10px;
    }
    .header .title:hover {
        cursor:pointer;
    }
    
.bottom {
    box-shadow:0px -4px 10px rgba(0,0,0,.5);
    background:#FFF;
    text-align:center;
}
    .bottom img{
        display:inline-block;
        margin:10px;
        vertical-align:middle;
    }

/*    
.footer {
    box-shadow:0px -4px 10px rgba(0,0,0,.5);
    background:#FFF; 
    color:#706d09;
    font-weight:bold;
    position:fixed; z-index:-1;
    bottom:0;
    width:100%;
    max-width:450px;
    text-align:center;
    margin-left:-10px;
} 
*/
.footer {
    color:#706d09;
    font-weight:bold;
    width:100%;
    text-align:center;
    margin-top:50px;
}
.footer a { padding:10px; color:#FFF; margin:15px; display:inline-block; border-radius:5px;}
.footer a:nth-child(1) {  background:#900; }
.footer a:nth-child(2) {  background:#090; }

.contingut {
    padding:10px;
    padding-top:115px;
    padding-bottom:30px; /* 100 con footer fixed */
}

.botones > * { cursor:pointer; }    
    

.plan { }    

    .plan > span {
        color:#fff;
        margin-bottom:15px;
        display:block;
        font-weight:bold;
    }
    
    .plan > span label {
        margin:5px;
        padding:5px;
        display:block;
        font-weight:bold;
        background:rgba(0,0,0,.2);
        border-radius:7px;
    }
    
    .plan > div {
        display:block;
    }
    .plan > h2 {
        background:#845900;/* background:#2a476d;*/  /* dia */
        font-size:18px;
        color:#FFF;
        border-radius:15px 15px 0 0;
        text-align:center;
        margin-top:30px;
        margin-bottom:0;
    }    
    .plan > div p {
        background:#FFF;
        box-shadow:0px 2px 5px rgba(0,0,0,.5);
        width:100%;
        height:50px;
        margin:auto;
        margin-top:0px;
        margin-bottom:6px;
        display:table;
        background-image:url("flecha.png");
        background-position:right;
        background-repeat:no-repeat;
        background-size:28px;
    }

    .plan > div p { cursor:pointer; }
    .plan > div p:hover { cursor:pointer;   
        background-color:rgba(255,255,255,.9); }
    
    .plan > div p.u { /* cambios de municipio no edit */
        background:rgba(255,255,255,.7);
    }
    
    .plan > div p.t { /* tiempo libre no determ */
        background-color:#cec;
    } .plan > div p.t span:nth-child(1){

        }
    
    .plan > div p > * {
        display:table-cell;
        padding:10px;
        vertical-align:middle;
    }
    
    .plan > div p span:nth-child(1){
        border-right:1px solid rgba(0,0,0,.3);
        width:70px;
        color:#600;  /* #706d09; */
        text-align:center;
    }
    
    .plan > div p span:nth-child(2) b {
        padding-right:20px;
    }
    .plan > div p span:nth-child(2) b {
        display:block;
        color:#333;
    }
    
    
/* ------------  MENU  ------------ */
    
.menu {
    background:#FFF;
    box-shadow:0 45px 45px rgba(0,0,0,.5);
    position:absolute;
    width:100%;
    display:none;
    margin:auto;
}    

    .menu a {
        display:block;
        padding:15px;
        color:#666;
        border-top:1px solid #ccc;
        text-align:center;
        transition:all .3s;
    }
    .menu a span {
        display:inline-block;
        background:red;
        color:#fff;
        padding:3px;
        border-radius:50%;
        text-align:center;
        width:25px; height:25px;
        margin-left:10px;
        font-weight:bold;
    }
    .menu a:hover {
        background:#ddd;
        color:#000;
    }
    .oscurece {
        background:rgba(0,0,0,.8);
        height:100vh;
        position:fixed;
        width:100%;
        z-index:1000;
    }
    
    
/*  ----- nuevo plan --------- */    

    
.plan.nuevo > div p > span { width:50%; }

/* ------ preferencias ------ */

.plan.prefer > div p { background-image:none;}
.plan.prefer > div p b { display:block; margin:3px;}