@CHARSET "UTF-8";   

#container {  /*container per poder tenir el footer */
    margin-left: 10px;
    margin-right: 10px;
    /* min-height:100%; */
    /* height:100%; */
    position:relative;
}

#header {
   padding:10px;
}

#body {
   padding:10px;
   padding-bottom:15px;   /* Height of the footer */
   margin-top: 100px;
}

#footer {
    font-size: 10px;
    position:absolute;
    bottom:10px;
    width:100%;
    height:20px;   /* Height of the footer */
}

#titol {
    float: left;
    width: 70%;
    height: 40px;
    position:relative;
}

#idiomes {
    float: right;
    width: 10%;
    height: 40px;
    text-align: right;    
    font-size: 10px;
    position:relative;

}
#buscador {
    float: right;
    width: 15%;
    height: 40px;
    text-align: right;    
    font-size: 10px;
    position:relative;
}

#menu-principal {
    float: left;
}

#barra-navegacio {
    margin-top: 4px;
    background-color: #e6e6e6;
    font-size: 12px;
    text-align: left;
    float: right;
    vertical-align: baseline;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
}

#cos-left {
    font-size: 12px;
    position: absolute;
    top: 100px;
    width: 350px;
}

#cos-right {
    position: absolute;    
    top: 100px;
    right: 10px;
    font-size: 12px;
    width: 50%;
}