body {
  background-color: #CCCCCC;
  /*text-align: center;*/
  }

@font-face {
    font-family: LocalArialNarrow;
    src: local("Arial Narrow");
  }	
 
/*<!-- faded container: top, mid and bottom --> */
#topcontainer {
  background-image: url(figures/fade.jpg);
  background-repeat: repeat-y;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top:5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:0px;
  }
  
#bodycontainer {
  background-image: url(figures/medfade.jpg);
  background-repeat: repeat-y;
  width: 1000px;
  margin-top: -5px; /*mia*/
  margin-bottom: auto; /*mia*/
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 1px;
  }
  
  
#footcontainer {
  background-image: url(figures/fade.jpg);
  background-repeat: repeat-y;
  text-align: left;
  width: 1000px; 
  margin-top: -1px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;/*estaba a 5px*/
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  }
  
  /*Del top container*/
  
#banner {
  background-image: url(figures/banner7.jpg);
  width: 970px;
  height: 130px;
  }
  
#widemenu {
  background-image: url(figures/buttonfade.jpg);
  margin-bottom: 5px;
  width: 970px;
  height: 30px;
  font-family: 'Arial Narrow', LocalArialNarrow, Arial, Helvetica, Geneva, sans-serif;
  font-stretch: condensed;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #FFFFFF;
  } 
  
#widemenu ul {
  margin: 0px;
  padding: 0px;
  } 

#widemenu ul li {
  color: #FFFFFF;
  float: left;
  text-align: center;
  list-style-type: none;
  padding: 5px 15px 5px 15px;
  border-right: 1px solid #FFFFFF;
  }
  
#widemenu ul li.selected {
  background-image: url(figures/buttonfadesel.jpg);
/*<!-- background-color: #FFFFFF; -->*/
  color: #2b4870;
  }
  
#widemenu ul li a {
  color: #FFFFFF;
  text-decoration: none;
  }
  
#widemenu ul li a:hover {
  color: #ff9400
  } 
  
  /* del body container*/
#sidemenu {
  background-image: url(figures/logoSide.jpg);
  background-repeat: repeat-x;
  float: left;
  text-align: left;
  background-color: #435c98;
  width: 150px; 
  height: 320px;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-top: 1px solid #30306a;
  margin-right: 5px;
  }
#sidemenu ul li {
  list-style-type: none;
  border-bottom: 1px solid #FFFFFF;
  padding: 5px 15px 5px 15px;
  } 

#sidemenu ul li.selectedside{
  background-color: #FFFFFF;
  color: #2b4870;
  }

  
#sidemenu ul li.currentsite {
  padding-left: 30px;
  color: #FF9400;
  }
  
#sidemenu ul li a {
  color: #FFFFFF;
  text-decoration: none;
  }
  
#sidemenu ul li a:hover {
  color: #FF9400
  }
  
#sidemenu.imageOne{
  background-image: url(figures/logoSide.jpg);
  background-repeat: repeat-x;
  float: left;
  text-align: left;
  background-color: #435c98;
  width: 150px; 
  height: 320px;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-top: 1px solid #30306a;
  margin-right: 5px;
}

  
#footer {
  margin-top: 2px;
  background-color: #2b4870;
  width: 935px;
  height: 25px;
  text-align: left;
  font-family: Arial Narrow, Arial, Helvetica, Geneva, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 2px 20px 2px 15px;
  } 

 #footer ul {
  margin: 0px;
  padding: 0px;
  }
  
#footer ul li {
  color: #FFFFFF;
  float: left;
  text-align: center;
  list-style-type: none;
  }
  
#footer ul li a {
  color: #FFFFFF;
  float: left;
  text-align: center;
  list-style-type: none;
  font-variant: normal;
  }
  
#footer ul li a:hover {
  color: #ff9400;
  text-decoration: none;
  list-style-type: none;
  }

 #offcontainer {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 11px;
  font-weight: normal;
  } 
  
/*CONTENTS*/

#quatram {
  margin-top: 0px;
  background-color: #FFFFFF;
  background-image: url(figures/SfondoQuatram.jpg);
  background-repeat: repeat-x;
  width: 73%; /*730px*//*815*/
  height: auto; 
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 16px;
  line-height: 150%;
  margin-left: 153px;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  }
  
#quatram a {
  text-decoration: none;
  /*si se pone el font weight a bold, las lineas se comen el container*/
  font-weight: bold;
   /*si se pone el font variant a small caps, las lineas se comen el container*/
  font-variant: small-caps;
  color: #2b2b20;
  }
  
#quatram a:hover {
  text-decoration: underline;
  color: #ff9400;
  }
  
#topcontent {
  margin-top: 0px;
  background-color: #FFFFFF;
  background-image: url(figures/toprightfade.jpg);
  background-repeat: repeat-x;
  width: 73%; /*730px*//*815*/
  height: auto; 
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  line-height: 150%;
  margin-left: 153px;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  }
#topcontent_inner {
  margin-top: 0px;
  background-color: #FFFFFF;
  background-image: url(figures/toprightfade.jpg);
  background-repeat: repeat-x;
  width: 100%; /*730px*//*815*/
  height: auto;
  text-align: left;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  line-height: 150%;
  margin-left: 0px;
  margin-bottom: 1px;
  border: 0px solid #CCCCCC;
  }
  
#topcontent_wip {
  margin-top: 0px;
  background-color: #FFFFFF;
  background-image: url(figures/ComingSoon.gif);
  background-repeat: repeat-x;
  width: 73%; /*730px*//*815*/
  height: auto; 
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  line-height: 150%;
  margin-left: 153px;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  }
  
  #midcontent {
  background-color: #FFFFFF;
  /*float: left;*/
  width: 73%;/*730px*/
  height: auto;
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 153px;
  line-height: 150%;
  border: 1px solid #CCCCCC;
  }
 
  #tabcontent {
  background-color: #FFFFFF;
  /*float: left;*/
  width: 100%;/*730px*/
  height: auto;
  text-align: left;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 100%;
  border: 0px solid #FFFFFF;
  }
  
  #bottomcontent {
  margin-top: 1px;
  background-color: #FFFFFF;
  /*float: left;*/
  width: 73%;/*730px*/
  height: auto;
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-bottom: 0px;
  margin-left: 153px;
  line-height: 150%;
  border: 1px solid #CCCCCC;
  }
  
  #instrument {
  background-color: #FFFFFF;
  /*float: left;*/
  width: 300px;
  text-align: left;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-right: 10px;
  line-height: 150%;
  border: 0px solid #CCCCCC;
  }
  
  /*para la parte de instrumentos, a lo cutre hacemos 2 instruments 1 y 2*/
  #instrument1 {
  background-color: #FFFFFF;
  /*float: left;*/
  width: 300px; /*300px*/
  /*text-align: left;*/
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-right: 10px;
  line-height: 150%;
  border: 0px solid #CCCCCC;
  }
  
  #instrument2 {
  background-color: #FFFFFF;
  /*float: left;*/
  width: 300px; /*300px*/
  text-align: left;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  /*margin-left: 50%; *//*aņadimos margen*/
  margin-right: 10px;
  line-height: 150%;
  border: 0px solid #CCCCCC;
  }
  #selectioned{
  display:'';
}  
 
 /*aņadidos para cuando hay varios tipos content*/
 
 
div.topcontent{
margin-top: 0px;
  background-color: #FFFFFF;
  background-image: url(figures/toprightfade.jpg);
  background-repeat: repeat-x;
  width: 73%; /*730px*//*815*/
  height: auto; 
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  line-height: 150%;
  margin-left: 153px;
  margin-bottom: 1px;
  border: 1px solid #CCCCCC;
  }
 
 
 
 
div.midcontent{
  background-color: #FFFFFF;
  /*float: left;*/
  width: 730px;
  text-align: left;
  padding-top: 20px;
  padding-left: 35px;
  padding-right: 50px;
  padding-bottom: 30px;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 153px;
  line-height: 150%;
  border: 1px solid #CCCCCC; 
}  
  /*aņadidos para cuando hay varios intrument*/
  /*descomentar si activamos la parte cutre*/
div.intrument{
  background-color: #FFFFFF;
  /*float: left;*/
  width: 300px;
  text-align: left;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 14px;
  margin-right: 10px;
  line-height: 150%;
  border: 0px solid #CCCCCC;
}
  
  /*<!-- modified elements -->*/
  /*enlaces*/
a {
  text-decoration: none;
  /*si se pone el font weight a bold, las lineas se comen el container*/
  font-weight: bold;
   /*si se pone el font variant a small caps, las lineas se comen el container*/
  font-variant: small-caps;
  color: #2b4870;
  }
  
a:hover {
  text-decoration: underline;
  color: #ff9400;
  }
  
  /*listas*/

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }
  
ul.prim {
  padding-top: 20px;
  padding-left: 30px;
  list-style-type: disc;
  font-weight: bold;
  }
  
ul.sec {
  padding-bottom: 10px;
  padding-left: 30px;
  list-style-type: circle;
  font-weight: normal;  
  }
/* a ver si culea lo siguiente  */

li:hover{
color: #C7A317;
}


/*<!-- TABLES -->*/
table {
  margin-left: auto;
  margin-right: auto;
	background-color: #FFFFFF; 
}
 
td, th { 
  padding: 5px 10px 5px 10px;
}

caption {
	text-transform: uppercase;
	text-align: center;  
	font: bold 12pt Georgia, Times New Roman, Times, serif;
	color: #2b4870;
	margin: 3px 0;
}

thead th, tfoot th, tfoot td ,tbody th,tbody td {
	color: #2b4870; 
	font: 10pt Georgia, Times New Roman, Times, serif; 
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left: 1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}


.thumbnail{

position: relative;
z-index: 0;
/*
padding-top:5px;
padding-left:5px;
padding-top:10px;
padding-bottom:5px;*/

}


.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C6E2FF;
padding: 5px;
/*left: -1000px;*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
margin-left:75%;
margin-top:0%;
margin-bottom:0%;
}


.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

left: 60px; /*position where enlarged image should offset horizontally */

}