/* setcienc07 - based on andreas07 theme design and modified by Erika Constantino and Raquel Rios */
/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . 
Free to use for any purpose as long as the proper credits are given for the original design work.


/**************** Page and tag styles ****************/

body{
  margin:0;
  padding:0; 
  color:black;
  font: 90% Verdana,Tahoma,sans-serif;letter-spacing:1px;
  /*
  background: url('./img/fons.png');
  */
}

a{
  color: #c47500; 
  font-weight:bold; 
  text-decoration:underline;
}

a:hover {
  color:#588e8d;
}

a img{
  color:white;
  border: none;
}

a img:hover {
}

a.chpage {
  text-decoration:none;
}

ol.DNA {
  list-style-type: lower-alpha;
  text-align: left;
  margin: 0 auto 0 22em;
}

ol.astro {
  list-style-type: lower-alpha;
  text-align: left;
  margin: 0 auto 0 24em;
}

ol.nano {
  list-style-type: lower-alpha;
  text-align: left;
  margin: 2em auto 0.5em 22em;
}

li{
  margin: 0.5em 0 1em 0em;
  padding: 0;
  font: 110%, Verdana, Tahoma, Arial, sans-serif;
}


/**************** Sidebar area styles ****************/

#sidebar{
  position:absolute; 
  top:0; 
  left:0; 
  width:13em;
  height:100%; 
  /*overflow:auto; */
  background:#588e8d; 
  top right repeat-y; 
  text-align:right;
}

body > #sidebar{ 
  position:fixed;
}

#sidebar h1{
/*  margin: 1em 0.5em;*/
  color: white;
  font-size: 100%;
  letter-spacing: 0.07em;
  text-align:right;
}

#sidebar h2, #sidebar h3{
  /*
margin: 15% 5%;
*/
  margin: 1em 0.5em;
  color:#b8cd45; 
  font-size: 100%;
  font-weight:bold; 
  border-top: solid 2px #b8cd45;
  padding-top: 1em;
  letter-spacing:0.07em; 
  text-align:left;
}

#sidebar h3{
  color:#606060
}

#sidebar p{
  color:#606060; 
  font-size:100%;
}

#sidebar a{ 
  font-size: 95%;
  display: block;
  color: #303030;
  color: black;
  text-decoration: none;
} 


/**************** Navigation menu styles ****************/

#menu a{
  display:block; 
  width: 12em;
  padding: 2.2em 1em 2.2em 0;
  color: black; 
  font-size: 100%;
  font-weight:bold; 
  text-decoration:none; 
  letter-spacing:0.07em;
}

#menu a:hover {
  color: #588e8d; 
  background: #c8cea4;
}

#menu a.active {
  padding: 1.5em 1em 1.5em 0;
  width: 12em;
  background:white; 
  border-top: 0.7em solid #c8cea4;
  border-bottom: 0.7em solid #c8cea4;
}

#menu a.active:hover {
  color:#588e8d; 
  background:white
}


/**************** Content area styles ****************/

#content {
/*  position: absolute;
  top:0;
  left: 15em;
*/
  width: 60em;
  text-align:justify; 
  margin: 0 auto 0 12em;
}

#content p {
/*  width: 46em;*/
  margin: 0.8em 9em 0.8em 6em;
  line-height:1.8em;
}

#content p.esq {
  line-height:1.8em;
  margin: 0 2em 0 4em;
}

#content p.p1f1 {
  line-height:1.8em;
  margin: 0 2em 0 4em;
}


#content p.catalisi {
  background:#c8cea4;
  font-weight: bold;
  padding: 2em 2em;
  margin: 0 1em 0 2em;
}

#content p.conclusioIntro {
  border: 0.4em solid #720000;
  padding: 0.2em 0.8em;
  margin-left: 7em;
}

#content p.conclusioAstro {
  border: 0.4em solid #588e8d;
  padding: 0.2em 0.8em;
  margin-left: 7em;
}

#content p.conclusioBio {
  border: 0.4em solid #c47500;
  padding: 0.2em 0.8em;
  margin-left: 7em;
}

#content p.conclusioNano {
  border: 0.4em solid #b8cd45;
  padding: 0.2em 0.8em;
  margin: 0.2em auto 0 5em;
  width: 24em;
}

#content p.fideBio {
  border: 0.4em solid #c47500;
  padding: 0.2em 0.8em;
  margin: 0 13em 0 auto;
  width: 20em;
}

#content p.asteriscs {
  color: #c47500;
  margin: 0.2em auto 0.2em 23em;
}

#content h1{
  padding: 0.2em 0;
  margin: 0.8em auto 1.5em 8em;;
  width: 20em;
  color: #303030; 
  background:#c8cea4;
  font-size:180%; 
  letter-spacing: -0.02em;
  text-align:center;
}

#content h2{
  width: 20em;
  margin: 0.2em 0 1em 14.5em;
  color:#c47500;
  font-weight:bold; 
  font-size:140%;
  letter-spacing:-0.04em; 
  text-align:center
}

#content h3 {
  /*clear:both; */
  width: 45em;
  margin: 1em auto 0 6em;
  color:#303030; 
  font-size: 110%;
  font-style: italic;
  letter-spacing:0em;
  text-align:center;
  line-height: 1.8em;
}

#content h3.intro {
  margin: 0.8em auto 0.8em 4em;
  width: 47em;
  padding: 2em;
  color: white;
  font-style: normal;
  font-size: 1em;
  letter-spacing:0;
  text-align:center;
  background:#720000;
}

#content h3.astro {
  margin: 0.8em auto 0.8em 6em;
  width: 41em;
  padding: 2em;
  color: white;
  font-style: normal;
  font-size: 1em;
  letter-spacing:0;
  text-align:center;
  background:#588e8d;
}

#content h3.bio {
  /*clear:both; */
  width: 40em;
  margin: 0 auto 0 8em;
  border: solid 1px #c47500;
  padding: 1em;
  font-style: normal;
  font-size: 1em;
  letter-spacing:0em;
  text-align: center;
}

#content h3.final {
  /*clear:both; */
  width: 40em;
  padding: 1em 0;
  margin-left: 5em;
  color:#303030; 
  background: #b8cd45;
  font-size: 140%;
  font-style: italic;
  letter-spacing:0em;
  text-align:center;
  line-height: 1.6em;
}

#content h4 {
  /*clear:both; */
  color:#303030; 
  font-weight:normal; 
  font-size: 100%;
  letter-spacing:0em;
  text-align:right;
}

#content h5 {
  color:#303030; 
  font-size: 110%;
  font-style: italic;
  letter-spacing:0em;
  text-align:center;

}


/*************** Divisió per a la part de sota: backward and forward ***************/

#palante {
  border-bottom: solid 0.25em #c8cea4;
  border-top: solid 0.25em #c8cea4;
  width:15em;
  text-align: right;
  float: right;
  padding: 0.7em 1em 0.7em;
  /*margin: 2em 10em 2em 0;*/
  margin: 2em 6em 2em auto;
}

#patras {
  border-bottom: solid 0.25em #c8cea4;
  border-top: solid 0.25em #c8cea4;
  width:15em;
  text-align: left;
  float: left;
  padding: 0.7em 1em 0.7em;
  margin: 2em;
}


/************************ Taules **************************/

table {
  width: 60em;
  margin-left: -2em;
  line-height: 1.8em;
}

table.lleng{
  width: 50em;
  margin: 2em auto 0 5em;
  border-top: 2px solid #588e8d;
  padding-top: 1em;
} 

/*----------------- Taules Intro -------------------*/


table.quimics {
  width: 53em;
  margin: 2em auto 1em 2em;
}

table.quimics td.quimics {
  text-align: center;
}

table.quimics td.explicacio {
  text-align: center;
  font-size: 0.95em;
  padding: 0 0.4em;
  line-height: 1.8em;
}

table.ordinadors {
  width: 50em; 
  margin: 2em auto 2em 4em;
  border: solid 0.5em #720000;
}

table.ordinadors td.text{
  padding: 0.1em 1.5em;
  line-height: 1.8em;
}

table.avantatges {
  width: 56em;
  margin: 3em auto 0 3em;
  text-align:center;
}

table.avantatges td.foto {
  border: solid 0.2em #c47500;
}

table.avantatges td.explicacio {
  padding: 1em 2em 0 2em;
  font-size: 0.95em;
  text-align:justify;
}

table.avantatges td.avantatges {
  padding: 1em 2em 1em 2em;
  font-size: 0.95em;
  text-align:center;
  color: white;
  background: #720000;
}

table.us {
  width: 55em;
  margin: 0 auto 0 4em;
  text-align:center;
  line-height: 1.8em;
}

table.us td.foto {
  width:10em;
  background: #720000;
  color: white;
  padding: 0 2em 0 2em;
}

table.us td.explicacio {
  font-size:0.95em;
  padding: 0 2em 0 2em;
  text-align:justify;
}

table.us td.explicacioestr {
  font-size:0.95em;
  padding: 0 2em 0 2em;
  text-align:center;
}


/*----------------- Taules Astro -------------------*/


table.astrofull {
  width: 55em;
  margin: 0 auto 0 0.2em;
}

table.astrofull td{
  line-height: 1.8em;
  padding: 0.5em 1em;
}

table.eines {
  width: 48em;
  text-align: center;
  margin: 1em auto 1em 2em;
}

table.espec {
  width: 50em;
  margin: 0 auto 0 4em;
  text-align:center;
}

table.espec td.foto {
  width:10em;
  background: #588e8d;
  color: white;
  padding: 0 2em 0 2em;
}

table.molecules {
  margin-left: 2em;
}

table.molecules tr.titol{
  background: #588e8d;
  color: white;
  padding-left: 2.5em;
}

table.molecules td.nom{
  border: none;
  color: #c47500;
  padding-bottom: 1em;
  padding-left: 2.5em;
}

table.molecules td{
  padding-left: 2.5em;
}





/*----------------- Taules Bio -------------------*/

table.sistemes{
  margin: 0 auto 0 4em;
  width: 50em;
}

table td.sistemes {
  font: bold 110%, sans-serif;
  line-height:1.8em;
  background: #c8cea4;
  padding: 0.25em 0 0.25em 2em;*/
}

table.catalisi {
  width: 50em;
  margin: 0 auto 0 auto; 
}

table.catalisi td.text {
  line-height: 1.8em;
  background:#c8cea4;
  font-weight: bold;
  padding: 2em 2em;
}



/*----------------- Taules Nano -------------------*/

table.nanofull {
  margin: 2em auto 2em 4em;
  width: 50em;
}

table.nanofull td {
  font: bold 110%, sans-serif;
  line-height:1.8em;
  background: #b8cd45;
  padding: 0.2em 0 0.2em 0.5em;
  text-align: center;
}

table.NFimg {
  margin: 3em auto 2em 9em;
  width: 50em;
}

table.fullerens {
  width: 50em;
  margin: 0 auto 0 2em;
  font-size: 1em;
}

table.fullerens td {
  line-height: 1.8em;
}

table.c540 {
  margin: 0 auto 0 6em;
  width: 30em;
  font-size: 1em;
}

table.TUBimg {
  margin: 0 auto 2em 5em;
  width: 50em;
}

table.swnt {
  background: black;
}

table.mwnt {
  margin: 2em auto 2em auto; 
  padding-left: 8em;
  width: 50em;
}

table.ceba {
  margin: 1em auto 1em 6em;
  width: 45em;
}

table.nano_3ap{
  width: 50em;
  margin: 2em auto 0 6em;
  border-top: 2px solid #588e8d;
  padding-top: 1em;
} 

table.nano_2ap{
  width: 35em;
  margin: 2em auto 4em 14em;
  border-bottom: 2px solid #588e8d;
}



/** Span per a ressaltar parts del text **/

span.molon {
  font-weight: bold;
/*  un color semblant al fons del sidebar però una mica més fosc */
  color:#0f4443;
  font-style: oblique;
}




/*************** Imatges *************************/

img.wrong {
  margin: 12em auto 0 12em;
}

img.ok {
  margin: 12em auto 0 12em;
}



/*----------------- Imatges Intro -------------------*/

img.pinzell {
  margin: 0 auto 0 5em;
  width: 49em;
}

img.flipy {
  width: 15em;
  padding:0.5em 0 0 0.5em;
}

img.cientific{
   width: 13em;
  padding:0.5em 0 0 1em;
}

img.laboratori{
  width: 17em;
  height: 11em;
  padding:0.5em 0 0 1em;	
}

img.ciencia{
  padding: 0 0 0 1em;
}
img.cluster{
  padding: 1em 1em 0.4em 0;
}

img.QC{
  float:left;
  margin: 0em 4em 0em 4em;
}

img.estructura{
  /*width: 14em;*/
  padding: 1em 0 3em 1em;
}

img.perfil_intro{
  /*width: 14em;*/
  padding: 2em 0 0 0;
}

img.porquet{
  padding:0em 0em 0.2em 0;
  margin-left: -3em;
  margin-right: -3em;
}


img.ecologia{
}

img.correcaminos{
  padding:1em 0em 0.5em 0.5em;
}


/*----------------- Imatges Astro -------------------*/

img.astroquim {
  margin: 0 auto 0 16em;
}

img.fullespai {
  margin-left: 3em;
}

img.vialact{
  margin: 1em auto 1em 17em;
}

img.glycoA {
  margin-left: 8em;
}

img.glycoB {
  margin-left: 8em;
}

img.vibra {
  width: 11em;
  margin-left: 8em;
}


/*----------------- Imatges Bio -------------------*/

img.essers {
  margin-left: 9em;
}

img.DNAestr {
  margin-left: 5em;
}

img.infogen {
  margin-left: 7em;  
}

img.lletra {
  margin-left: 16em;
}

img.preg {
  margin: 0 auto 0 16em;
}

img.hidrodG {
  margin: 1em auto 1em 6em;
}

img.floatdret{
  float: right;
  margin-left: 4em;
  margin-right: 6em;
}

img.floatesq{
  float: left;
  margin-left: 9em;
}

img.catalisi{
  padding-right: 4em;
}

img.glico {
  margin: 1em auto 1em 3em;
}

img.act {
  margin: 1em 0.1em;
  padding-left: 1em;
}

img.perfils {
  padding: 1em 0.1em;
}

img.videofmtH7 {
  padding: 0 0.8em;
  margin-left: 12em;
}


/*----------------- Imatges Nano -------------------*/

img.Cpur {
  margin: 0.2em 0 0.5em 11em;
  padding: 1em;
  border: solid 2px #b8cd45;
}

img.C60 {
  margin: 0.2em 0 0.5em 28em;
}

img.terra{
  margin: 0 auto 0 22em;
}

img.pilota {
  margin-left: 0.8em;
}

img.Cx {
  margin: 0.5em auto 2em 12em;
}

img.metfull {
  margin: 0.5em auto 0.5em 10em;
}

img.swnt {
  margin: 1.4em auto 0.5em 5em;
}

img.fulleconstru {
  margin: 4em auto 4em 20em;
}

img.C100_TNT{
  float: right;
  margin: 0 2em 0 3em;
}


/** Pel video **/

#player1 {
}

#videoQC {
  margin: 4em auto 2em 13em;
}

/*-----PORTADA NOVA (18.gener.08)----*/
#portada2PC {
  width: 60em;
  margin: auto;
  background-image: url('./img/intro/portada_pr2.png');
  background-repeat: no-repeat;
  background-position: center;
}
img.DNAportada2PC{
  margin: 60px auto auto 720px;
}

img.C60portadaPC {
	width: 8em;
	margin: 90px auto auto 50px;
	}

img.C60blauportadaPC {
	width: 8em;
	margin: 10px 0 0 50px;
}

img.mwntportadaPC {
	margin: 10px 0 0 110px;
}

img.glycoportadaPC {
width: 10em;
padding: 0em 0em 0em 5.6em;
}

h3.intro {
margin: 50px 0 0 200px;
}

/*** PROVES VELLES PER A PORTADA ****/

/**-----Portada per a PCs---- **/
/*
#portada2PC {
  width: 60em;
  margin: 2em 12em;
  background-image: url('./img/intro/portada_pr2.png');
  background-repeat: no-repeat;
  background-position: center;
}

/*------Taules----------*/
/*
table.portada2PC{
  margin: 9em auto 0 40em;
}

table.portada2PC td.inici {
  padding-top: 6em;
}

img.DNAportada2PC{
  margin: 10em auto 0 50em;
}
*/

/*-----Imatges---------*/

/*
img.C60portadaPC {
	width: 8em;
	padding: 0em 0em 0em 1.6em;
}

img.C60blauportadaPC {
	width: 8em;
	padding: 0em 0em 0em 1.6em;
}

img.mwntportadaPC {
	padding: 0em 0em 0em 5.7em;
}

img.glycoportadaPC {
width: 10em;
padding: 0em 0em 0em 5.6em;
}
*/


/** ---Portada per a portàtils---- **/

/*
body.portada2 {
  background-image: url('./img/intro/portada_pr2.png');
  background-repeat: no-repeat;
  background-position: center;
}

table.portada2port{
  width: 58em;
  margin:7.5em 0 0 3em;
}

table.DNAportada2port{
  width: 7em;
  margin: 5em 0 0 54.5em;
}
*/

/**----Imatges---**/


/*img.glycoportadaport {
  width: 10em;
  padding: 0em 0em 0em 5.8em;
}

img.ntubportadaport {
  padding: 0em 0em 0em 8.6em;
}

img.C60blauportadaport {
  width: 8em;
  padding: 0em 0em 0em 4.6em;
}

img.C60portadaport {
  width: 8em;
    padding: 0em 0em 0em 4.6em;
}
*/