html 
{ 
padding: 0;
width: 100%;
height: 100%; 
}
body 
{ 
/*margin: auto;*/
  font-family: Muli,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF; 
}

#all 
{ 
margin: 0 auto;
width: 100%;
height: 100%;
position: relative; 
/* display: block;*/
}

#cont_cabecera 
{ 
height: 160px;
width: 100%;
position: relative;  
/* margin-left: 18%;  */
background: url(http://www.coaib.org/expovirtual/Imgs/cabecera_gris_pt0.jpg) no-repeat left;  
}

#cont_lat_izq 
{ 
/* HACEMOS EL MENU MAS ANCHO */
position: relative;
height: auto;
min-height: 1500px;
width: 21%;    /* ponia 18%*/
margin-left:1px; 
background-color: #F0F0F0;
float: left; 
}
#cont_contenido 
{ 
/* ESTE ES EL CUERPO DONDE SE MUESTRAN LAS IMAGENES  (ancho pantalla - menu)*/
position: relative; 
float: left;
width: 77%;  /* ponía 80% */
background-color: #FFF;  
margin-left:1px; 
border-left:1px 
text-align: left; 
margin-top: 0px; 
}
/* ----------- SUBMENU -------------- */
.sub_menu ul 
{ 
padding : 8px; 
margin : 0; 
margin-left:1px; 
} 
.sub_menu ul li
{ 
  font-family: Muli,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size : 14px; 
  color : #000;  /* 240-240-240*/
  line-height : 32px; 
  font-weight : bold; 
  list-style-type : none; 
} 

.sub_menu ul li a 
{ 
text-decoration: none; 
color :#2D2D2D; /* ponia 000
}

.sub_menu ul li a.selected
{ 
color : #FF0000; 

/* float : left; */
} 
.sub_menu ul li a:hover
{ 
color : #FF0000; 
/* float : left; */
} 

/* ---------------- AQUI ponemos el NOMBRE de la OPCION del MENU (si procede) y/o AUTORES, EN LA CABECERA ------------- */
.subtitulo
{ 
  font-family: Muli,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size : 18px; 
  font-weight : bold; 
  text-align :left; 
  margin-left: 20%; /* ponia 18%, pero ahora el logo es mas ancho */
  color : #fff; 
} 
.fichatecnica1
{ 
width : 35%; 
font-size : 12px; 
text-align : left; 
background-color : #E8E8E8; 
} 
 
 /*---------------------------- este es el TITULO de la EXPO que aparece sobre el menu y es un enlace ----*/
.titulars-menu a
{
	color:blue;
	font-size:16px;
	font-weight : bold; 
	text-decoration:none;
	/* margin-left: 5%;  NO HACE NADA */
}
.titulars-menu a:selected 
{
    color:#FF0000;
	font-size:16px;
	font-weight : bold; 
	text-decoration:none;
}
.titulars-menu a:hover 
{
    color:#FF0000;
	font-size:16px;
	font-weight : bold; 
	text-decoration:none;
	 
}
table.lema
{
    font-size:18px;
   	padding:0px;
}
table.lema tr
{
	vertical-align:top;
}
table.lema td 
{
	font-size:18px;
	padding:1px 1px 1px 1px;
}