li{
    display: inline-block;
    height: 40.5px;
    margin-right: 5px;
    position: relative;
}

li[class*='mat']{
    cursor:pointer;
}

li * a{
    border-style:none;
    outline-style:none;
    text-decoration:none;
}

ul:not([class='pop']) li{
    float: left;
}

ul{
    margin-bottom:5px;
    margin-top: 4px;
}

li:not([class=tmedia]){

    border-radius:3px;
    width:47px;
}

li p{
    position:relative;
    margin-left:21px;
    margin-top:20px;
    width:10px;
    font-weight:200px;
}

.enlaces{
    width:309px;
}

.pop{
    margin: 0;
    width:96%;
}

.customScrollBox{
    top:50px;
    overflow:hidden;
    height:84%;
    width:100%;
    position:absolute;
}

.container{
    position:absolute;
}

@font-face {
 font-family: ariall;
 font-weight: normal;
 font-style: normal;
 src: url("arial.eot") 
}
@font-face {
 font-family: ariall;
 font-weight: normal;
 font-style: normal;
 src: url("arial.ttf") 
}

.dragger_container{
    margin-top:4px;
    height:100%;
    width:3px;
    border-radius:2px;
    background-color:white;
    position:absolute;
    right:5px;
    top:0px;
    margin-top:0px;
    margin-right:6px;
}

.dragger{
    margin-top:4px;
    width:12px !important;
    height:12px !important;
    border-radius:6px;
    background-color:white;
    position:absolute;
    right:-5px;
    top:0px;
    margin-top:0px;
    cursor:pointer;
}

.tmedia img{
    float: left;
    left: 3px;
    position: relative;
    top: 1.5px;
}

body{
    height:100%;
    width:100%;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

.PT{
     background-color: #000000;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-family: ariall;
    font-size: 11px;
    height: 22px;
    padding: 4px 4px 4px 32px;
    position: absolute;
    right: 18px;
    text-transform: uppercase;
    top: -33px;
    width: 158px;
    cursor:pointer;
}

.PT img{
     left: 6px;
    position: absolute;
    top: 3px;
    width: 20px;
}

.less{
    font-size: 15px;
    font-weight: 800;
    font-family:Verdana;
    margin-left:10px;
}

.pop p{
    margin-bottom:36px;
}

.pop li{
    display:block;
    width:245px;
    height:25px;
    margin-left:36px;
    margin-bottom:8px;
    font-size:14px;
    line-height:21px;
}

.subnivell{
    margin-left:80px;
}

li.true{
    margin-left:60px;
    width: 230px !important;
}

.pop li a,.pop li a:hover{
    text-decoration:none;
    font-family:ariall;
    cursor:pointer;
}

.pop li a:hover{
    color:white !important;
}

ul.number li p{
    margin: 0 auto;
    font-size:25px;
    left:17px;
}

li.actlink{
    margin-top: 26px;
}

a.actlink{
    font-family:ariall;
    font-size:14px;
    text-decoration:none;
}

a.actlink:hover{
    color:white !important;
}

.contenidor{
    width:920px;
    position:relative;
    margin:0 auto;
    top:110px;  
}

.has p{
    margin:0 auto;
    top:40%;
}

.container ul{
    padding:0px;
}

.container{
    width:100%;
}

.titol{
    position:absolute;
    /*left:236px;*/
    top:-70px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    padding-top:10px;
    border-radius:40px 6px 6px 40px; 
    height: auto;
    height:40px;
    /*cursor:pointer;*/
}

.titol img{
    position:relative;
    bottom:5px;
    width:55px;
    left:-2px;
}

.text-titol{
    position:absolute;
    left:62px;
    top:10px;
}

a.link{
    font-weight:bold;
    text-transform:uppercase;
    width:100%;
}

span.link{
    color:white;
    margin:0;
    width:100%;
    font-family:ariall;
    display:block;
}

div.link{
    width:245px;
}

.subtitol{
    left: 50px;
    position: absolute;
    top: -23px;
    text-transform:uppercase;
    font-size:13px;
    padding-left:10px;
    padding-right:20px;
    padding-bottom:5px;
    padding-top:0px;
    border-radius:6px;
    cursor:pointer;
}

.cercle{
    width:10px;
    height:10px;
    border-radius:40px 40px 40px 40px;
}

li.tmedia p{
    font-size: 11px;
    left: 11px;
    position: relative;
    margin-top:15px;
    width: 86%;
}

.titolcasella{
    margin-left:15px;
    color:white;
}

.titolcasella,.titolcasella span{
    font-family:ariall;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
}

.titolcasella span{
    margin-left:5px;
}

.tmedia{
    width:221px;
    text-align:left !important;
    border-radius:40px 6px 6px 40px; 
    font-family:ariall;
    font-weight:bold;
    color:white;
    padding-top:1px;
    text-transform:uppercase;
    bottom:9px;
    position:relative;
    bottom:6px;
    margin-top:-5px;
    top:5px;
}

.grid{
    padding-left:5px;
}

ul:not([class='pop']){
    height:40px;
}

.curs{
    font-family:Fontin-Regular;
    font-size:40px;
    position:absolute;
    left:482px;
    top:4px;
}

.text-titol{
    font-family:Fontin;
    font-size:29px;
    margin-right:20px;
    margin-left:-55px;
    color:white;
}

.number{
    margin-left:191px;
    font-family:Fontin-Regular;
    position:relative;
    top:2px;
    margin-bottom: 6px;
}

.deu p{ 
    left:7px !important;
}

.subgroup{
    margin-left:38px;
    font-family:ariall;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    color:white;
}



@font-face{
    font-family:Fontin;
    font-weight: normal;
    font-style: normal;
    src: url('lte50331.ttf'),
         url('lte50331.eot');
}

.number li{
    background-color:black;
}
.guiain img {
    float: left;
    left: 149px;    
    top: -1.5px;
    position:relative;
}
.guiain{
    border-radius: 3px;
    width: 140px;
    height: 23.5px;
    margin-left:8px;
    position:absolute;
    top:-14px;
    cursor:pointer;
}

.guiain p {
    font-size: 9px;
    left: 9px;
    margin-top: 7px;
    width: 86%;
    position:relative;       
}
.guiainteractiva{
    color: #FFFFFF;
    font-family: ariall;
    font-weight: bold;
    text-align: left !important;
    text-transform: uppercase;
}
.espai img {
    float: left;
    left: 150px;
    position:relative;
    top: -0.5px;
}
.espai{
    border-radius: 3px;
    width: 140px;
    height: 23.5px;
    margin-left:8px;
    margin-top:-10px;
    position:absolute;
    top:22px;
    cursor:pointer;
}

.espai p {
    font-size: 9px;
    left: 8px;
    margin-top: 7px;
    width: 100%; 
    position:relative;   
}
.espaialumne{
    color: #FFFFFF;
    font-family: ariall;
    font-weight: bold;
    text-align: left !important;
    text-transform: uppercase;
}