#bgtransparent{
  position:fixed;
  left:0;
  top:0;
  background-color:#000;
  opacity:0.6;
  filter:alpha(opacity=60);
  z-index: 1000;
}

#bgmodal{
  position:fixed;   
  font-family:arial;
  font-size:1em;
  border:0.05em solid #cecece;
  overflow:hidden;
  background-color:#fff;
  padding: 10px;
  z-index: 1001;
  top: 10px;
}

#contenidoRecurso{
  width: 550px;          
  margin-top: -15px;
  padding: 40px;
}
  
#contenidoRecurso p{
  padding: 0;
}

#thumbnailRecurso{
  width: 245px;
  height: 230px;
  border: 1px #cecece solid;
  float: left;
  border: 1px solid #cecece;
    -webkit-box-shadow: 1px 1px 5px 0px #cecece;
    -moz-box-shadow: 1px 1px 5px 0px #cecece;
    box-shadow: 1px 1px 5px 0px #cecece;
}

#areaDescripcion{
  width: 270px;
  height: 230px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}

#tituloRecursoDet{
    font-family: "RobotoSuRegular";
    font-size: 20px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #a1a1a1; 
    margin-bottom: 20px;
}

#tituloDescripcionDet{
    font-family: "RobotoSu";
    font-size: 14px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #808080;  
    margin-bottom: 20px;
}

#tituloDescripcionDet a{    
    font-size: 18px;
    color: #0088CC;
    text-align: center;
    text-decoration: none;
    margin-left: 20px;
}

#descripcionDet{
    font-family: "RobotoSuRegular", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #808080;  
    width: 105%;
    height: 270px;
    overflow-y: scroll;
    padding-right: 10px;
}

#botonCerrar{
    background-image: url(../img/cerrarRecursos.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

#botonDescargar{
    background-image: url(../img/Descargar.png);
    width: 161px;
    height: 50px;        
    cursor: pointer;
    margin:  0 auto;
    margin-top: 20px;
}

#mitadRecurso{
  width: 245px;    
  float: left;
}

#carSala{    
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto;    
}

#carSala ul{    
    list-style-type: circle;
    margin-left: 10px;
    padding-left: 10px;
}

#carSala ul li{
    margin-bottom: 5px;
}

#bgmodal{
    font-family: "CuerpoFont";
    font-size: 13px;
    text-decoration: none;
    color: #6c6c6c;
    line-height:16px;          
}

#bgmodal h1{
    font-family: "RobotoSuRegular";
    font-size: 18px;
    font-weight: lighter;     
    text-decoration: none;
    color: #888;    
}