body
{
  background-color:#000000; 
}

html, body 
{
  margin:5;	
}


div#page 
{
  width: 770px;
}


div.navigation
{
  width:44px;
  float:left;
  margin-left:2px;
  min-height:2px;
  min-height:310;  
}



div.content 
{	
 float:left;
 width:660px;
 min-width:600px;
 min-height:310px;
}



ul.thumbs 
{
 clear: both;
 margin: 0;
 padding: 0;
 text-align:center;
}

ul.thumbs li 
{
 float: left;
 padding: 0;
 margin: 1px 1px 1px 1px;
 list-style: none;
}

a.thumb 
{
 padding-bottom:2px; 
 padding-left:2px;	
 display: block;
 border: none;
}

ul.thumbs li.selected a.thumb 
{
 background: #000;
}

a.thumb:focus 
{
  outline: none;
}
 
 
 
ul.thumbs img 
 {
	border: none;
	display: block;
 
 }
 
.video li , .video a, table
 {
   margin:0px !important;
   padding-bottom:0px;
   border-collapse:collapse;
 }

div.video li
{
  float:none;
}

/****videos que se muestran en el centro****/
object,embed
{
  margin-left:6px;

}
/************************************/


/****div de imagenes de la izquierda****/

#detalle
{
   float:left ; 
   cursor:pointer ;  
   min-width:17px;
   min-height:3px;
}



#img-descripcion img
 {
  display:block;
  padding-left:6px;
 }

#img-descripcion
{
   float:left ;
   min-width:33px;
   min-height:2px;
}

/****div de imagenes de la izquierda****/

/**div del texto de descripcion del proyecto**/
#descripcion
{
   position:absolute;  
   width:640px;
   display:none;   
   z-index:99;
   top:auto;
   margin-left:60px;  
   text-align: left;
   padding:5px;
   background-color:#c1b752;
   font-size:12px;
   font-family:Arial;
   line-height:15px;
  
}

label
{
  color: #FFFFFF;
  font-size:9px;  
}