/*
Original design: andreas07 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund. For more information, see http://andreasviklund.com/templates/andreas07/  Modificado Renato Alvarez-Nodarse
25 de enero de 2009
*/

/* Main tags */
body {margin:0; padding:0; color:#000000;  background:#b0c0df ; font:76% Arial;}
a {font-weight:normal; text-decoration:none;}
a:hover {text-decoration:underline;}
img {margin:0px 15px 0px 10px; padding:1px; background:#ffffff; border:0px solid #d0d0d0;}
a img {border-color:#ffffff}
a img:hover {background:#d85d5d; border-color:#d85d5d;}
ul,ol {margin:10px 15px 10px 15px; font-size:10pt;}
li {margin:5px 0 5px 0px;}
hr {color:navy} 

/* Wrap   */
#wrap {width: 1190px;}

/* Left sidebar */
#leftside {position:absolute; top:0; left:0; width:230px; height:100%; background:#b0c0df ;top right repeat-y; text-align:right; float:left;}
#leftside h1 {margin:20px 18px 0 5px; color:#0000ff; font-size:12pt; letter-spacing:0px; text-align:right;}
#leftside h2, #leftside h3 {margin:0 20px 18px 5px; color:#0000aa; font-size:8.5pt; font-weight:bold; letter-spacing:0; text-align:right;}
#leftside h3 {margin:20px 18px 4px 5px; color:#0000ff;}
#leftside p {margin:0 20px 18px 5px; color:#000000; font-size:6pt;}
#leftside img {margin:0px /* distancia encima de las imagenes al texto*/ auto 0px /*distancia por debajo de la figura*/ auto; padding:1px; /* distancia horizontal de las imagenes al texto*/ background:#0000ff; border:0px solid #d0d0d0;}  

/* Navigation menu */

#menu a {display:block;  width:220px; padding:5px 18px 5px 0; color:#000000;  background:#	b0c0df ; font-size:12.5pt; font-weight:normal; text-decoration:none; letter-spacing:0px;}
#menu a:hover {color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}
#menu a.active {padding:0px 18px 5px 0; background:#aec9fb ; border-top:2px solid #0000f0; border-bottom:2px solid #0000f0; border-right:0px solid #c0c0c0;}
#menu a.active:hover {color:#505050; background:#c0c0c0;}


/* Right sidebar */
#extras {width:180px; float:right; color:#000000;}
#extras h2, h3 {margin:10px 0 12px 0px; color:#0000bb; font-size:12pt; font-weight:400; letter-spacing:0px; text-align:center; /*border-bottom:2px solid #000000;*/}
#extras p {line-height:1.4em; margin: 0 0 15px 0;}
#extras ul,ol {list-style:square; margin:0 0 0 0; font-size:12pt;   }
#extras li {margin:0px 0 8px 0px; font-size:8pt;}
#extras img {margin:0px 15px 0px 10px; padding:1px; background:#0000ff; border:none;margin:0px /* distancia encima de las imagenes al texto*/ auto 0px /*distancia por debajo de la figura*/ auto;}
#extras a img {border-color:#CCFFFF;margin:0px /* distancia encima de las imagenes al texto*/ auto 0px /*distancia por debajo de la figura*/ auto;}
#extras a img:hover {background:#d85d5d; border-color:#00aa00;margin:0px /* distancia encima de las imagenes al texto*/ auto 0px /*distancia por debajo de la figura*/ auto;}
#extras a {color:#151955; font-weight:normal; text-decoration:none;} /*color links */
#extras a:hover {color:#009900; text-decoration:underline;} /* a= letra fuera de parrafo que es p */  

/* Content area */

#content { width:780px; margin:0 0 0 240px; padding:10px 0; background-image: 
url(images/sphericalharmonics1.jpg); background-repeat: repeat;
background-position: center top;}
#content h1 {margin:0 0 0 30px; color:#0000ff; font-size:20pt; letter-spacing:0px; text-align:center;}
#content h2 {margin: 0 0 0 30px; color:#0000bb; font-weight:normal; font-size:18pt; letter-spacing:0px; text-align:center;}
#content h3 {margin:20px 0 10px 30px; color:#000000; font-weight:normal; font-size: 16pt; letter-spacing:0px;}
#content h4 {margin:20px 0 10px 30px; color:#000000; font-weight:normal; font-size: 14pt; letter-spacing:0px;}
#content p {margin:20px /*encima parrafo*/ 20px /*derecha*/ 20px /*debajo */30px; /* izq*/ color:#000000; font-weight:normal; font-size:11pt; text-align:JUSTIFY;} 
#content ol {list-style:square; margin:10px 15px 10px 15px; font-size:11pt;text-align:JUSTIFY;}
#content ul {list-style:decimal; margin:10px 15px 10px 15px; font-size:11pt;text-align:JUSTIFY;}
#content a {color:#0050ff; font-weight:normal; text-decoration:none;} /*color links */
#content a:hover {color:#009900; text-decoration:underline;} /* a= letra fuera de parrafo que es p */