/*
-----------------------------------------------
Style Sheet of the Personal Site of the author
Author:   Enrique R. Aznar    www.ugr.es/~eaznar/
Version:  2007.01
----------------------------------------------- */
/* Estilo para toda la pagina */
body {color: #444;
      font-family: Verdana, Arial, sans-serif; 
      background: #2D4D74;
      margin: 0;
      padding: 0;
      font-size: medium;
      }
#tresColumnas {width:1000px;
               margin:0 auto;
               
               float: left;
}  
#universidades,#alfabe,#organismos {float: left;
               }  
#alfabe {color: #fff;
         width: 400px;
         height: 300px;
         background: url("../images/alfabeto_griego_3.gif") no-repeat right bottom;
        }    
#alfabe h3 {margin-top: 30px;
           }          
#universidades ul {margin: 105px 0 0 20px;
                   padding: 0;
                   list-style-type: none;
                   }

#universidades li {display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
                   white-space: nowrap;
	           margin: 0 0 0 0;
	           padding: 0;
                  }

#universidades a {display: block;
                  width: 20em;
                  height: 25px;
                  line-height: 25px;
                  z-index:10;
                  color: #fff;
                  text-decoration: none;
                  text-align: right;
                  padding-right: 10px;
                 }

#universidades a:hover,#universidades .selected a {
                  background-color: #6394C5;
                  border-top: 1px solid #fff;
                  border-right: 1px solid #fff;
                  border-bottom: 1px solid #fff;
                  color: #000;
                  }

/* Estilo para el pie de pagina */

div#footer {font-size: 75%; 
   text-align: center;
   background: #6394C5; color: #fff;
   border-top: 1px solid rgb(69%,75%,85%);
   padding: 0.25em 0 0.25em;
   clear: both;
   width: 100%;
   position: fixed;
   bottom: 0;}
#derechos {float: right; padding-right: 15px;} 
#fecha {float: left; 
        line-height: 1.5em; 
		padding: 0 10px 0 20px;} 
span   {padding-left: 10px;
        font-weight: bolder;}  
   
/* Estilo para la cabecera MASTHEAD   */

#masthead {
	position: relative; 
	background: #6394C5;
	height: 152px;
}

#logo-ciencias {
	top: 60px;
	right: 20px;
	position: absolute; 
	z-index: 3; 
	height: 100px; 
	width: 200px;
	margin-right:7px;
}

#logo-ciencias a {
	display: block;
	background: url(../images/logo_ciencias_40x42.gif) no-repeat center center;
	height: 90px;
	width: 225px;
	z-index:2;
}
#logo-ciencias a,#side-image a {font: 200% bold Georgia; color: #fff; text-indent: -5000px;}
#logo-ciencias a:hover, #side-image a:hover {text-indent: 0;}
#logo-ciencias h2{position: absolute; top: -30px; right: 100px;}
#side-image h2{position: absolute; top: 20px; left: 150px;}

#masthead a {text-decoration: none;}
#masthead h1 {text-align: center;} 

#main-image h1 {margin: 0;
	}
#main-image h2 {margin: 0 165px; 
	}
#main-image h2 a {color: #444;}	
#main-image h2 a:hover {color: #fff;}
#main-image {
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 2; 
	width: 571px; 
	height: 152px; 
	background: url(../images/ciencias_571x152.jpg) no-repeat bottom;
}
#side-image a {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 221px; 
	height: 152px; 
	background: url(../images/hreal_221x152.jpg) no-repeat;
}

/* horizontal main menu navigation - based on a method from Richard Rutter */
#mimenu {position: relative;margin-right:120px;}
#navholder {
        position: relative;
        width: 99%;	
		font-family: Geneva, Arial, Helvetica, sans-serif;
	    z-index:10;
	    top: -16px;
		
}
#mainNav, #mainNav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 8em;
    width: 100%; 
/*	width: 70em; */
	line-height: 1;
	z-index:10;
}
#mainNav li {
	float: left;
	white-space: nowrap;
	margin: 0 0 0 0;
	padding: 0;
	z-index:10;
}
#mainNav a {
	background-color: #599D7E;
	padding: 4px 50px 4px 25px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #fff;
	display: block;
	width: 5em;
	z-index:10;
} 
#mainNav li ul#ancho a {width: 14em;}
#mainNav li ul#ancho_1 a {width: 9em;}
#mainNav a.padre {
	background: url(../images/link_arrow.gif) center right no-repeat;
}
#mainNav a:link, #mainNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6394C5;
}
#mainNav a:hover, #mainNav a:active {
	color: #000000;
	background: #fff url(../images/link_arrow_hi.gif) center right no-repeat;
	text-decoration: none;
}
#sellink a:link, #sellink a:visited, #sellink a:hover, #sellink a:active {
	color: #000000;
	background-color: #FF0000;
	text-decoration: none;
}
#mainNav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 5em;
	margin: 0;
	z-index:10;
}
#mainNav li li {
	padding-right: 0;
	width: 5em;
	z-index: 10;
}
#mainNav li ul a {
	width: 5em;
	z-index:10;
}
#mainNav li ul ul {
	margin: -1.75em 0 0 9.8em;
	z-index:10;
}
#mainNav li:hover ul ul{
	left: -999em;
}
#mainNav li:hover ul, #mainNav li li:hover ul {
   	left: auto;
	z-index:10;
}
/* Estilo para el alfabeto griego */  
#alfabeto {float: left;
           margin: 0px 0 20px 30%;
           padding: 40px 75px 50px 75px;
           background: #2D4D74;
          }    
/* Estilo para acceso identificado centrado */           
#centrado {float: left;
           margin: 20px 0 20px 15%;
           padding: 50px 75px 50px 75px;
           background: #f2f2f2 url("../images/fluffy.jpg");
          }
#dibujo {float: left;
             width: 40em;
             border : solid #2D4D74;
			 -moz-border-radius:15px;
			 background: #efefdd; 
			 color: navy; 
             font-weight: 800;
             text-align: center;
}          
#envoltorio {float: left;
             width: 35em;
             border : solid blue;
			 -moz-border-radius:15px;
			 background: #efefdd; 
			 color: navy; 
             font-weight: 800;
             text-align: center;
}
#envoltorio_1 {position: relative;
             width: 35em;
             margin: 0 auto;
             border : solid blue;
			       -moz-border-radius:15px;
			       background: #efefdd; 
			       color: navy; 
             font-weight: 800;
             text-align: center;
}
#envoltorio p, #envoltorio_1 p {
               padding: 0 5px 0 5px;
               margin: 10px 0 10px 0;
               font-size: 12.0pt;
}  
p#bajo        {margin-bottom: 15px;}
#envoltorio #titulo, #envoltorio_1 #titulo {background: #ADD8E6; 
             -moz-border-radius:15px 15px 0 0;
             font-size: 14.0pt;
             font-weight: 800;
             margin: 0;
             padding: 5px 10px;
			 }       
                  
/* estilo para el contenido */

#contenido {position: relative;
            width: 70%;
            top: 30px;
            margin: 0 auto;
            background: #f2f2f2 url("../images/fluffy.jpg");
           }
#tutor  {font-family: Times New Roman; color: #444;} 
#tutor p {padding: 0 0 15px 0;
          margin: 0;
          font-size: 150%;
         }   
#contenido h1, #contenido h2 {padding-top: 50px}   
#contenido,#container h1,h3,h4,p {text-align: center;}  
.final     {padding: 0 0 30px; text-align: center;clear: both;}      
.final a         {text-decoration: none; color:#2D4D74; font-weight: bolder; font-size: 120%;}
.final a:hover { background: #2D4D74;color: #fff;}
 
 /* Estilo para biografias  */
 
body.biografia { margin-top: 0;
}

}   
/* html>body.biografia #navholder {position: fixed;} */
.fhistoria    {
           margin: 40px auto; 
           width: 100%;
           border: 1px solid transparent;
           padding: 20px 0 0 30px;}	 
.historia {
           margin:  40px auto;
		   padding-top: 20px;
           width: 90%;
           background: url(../images/fluffy.jpg);
}                  
div.historia table{margin: 0 auto 20px;}             
#main h2, #side h2 , div.historia h2, div.historia h1 {text-align: center; padding-top: 20px;  font-family:"Times New Roman";}
#main p, div.historia p, div.historia li { margin-left: 50px;
           margin-right: 50px; 
           text-align:justify; 
	       text-indent:25.4pt;
           font-size:14.0pt;
	       font-family:"Arial Unicode MS";}	       
ul#premios {list-style: none;
            margin-left: 60px;}
ul#premios li {text-indent:-50px;;
			   padding: 10px 0 20px;
}

/* Estilo para navegacion lateral */	
.cuerpo { float: left; width:95%; margin: 20px;}

#main    {margin-top: 40px;
          float: right; 
          width: 84%;
          background: url(../images/fluffy.jpg);
}  
#side  {margin-top: 40px;
	    float: left; 
	    width: 15%; 
	    background: url(../images/nav-bg-fixed.gif) repeat-y right;
}

#nav ul {float: left; 
	margin: 30px 0 0 0;
	padding: 0; 
	list-style-type: none;
}
/* Two backgrounds are used, the second being a hack for Internet Explorer */
#nav li {
	margin: 0; 
	padding: 0; 
	font: .8em Georgia, serif; 
	text-transform: uppercase; 
	letter-spacing: 1px;
} 

#side #nav li a {
	display: block; 
	color: #000;
	text-decoration: none;  
	padding: 4px 4px 4px 25px; 
	border-bottom: 1px solid #000;
}
.first {border-top: 1px solid #000;}

#nav li a:link, #side li a:visited {
	color: #fff; 
	background: #eceef0;
}	

#side #nav li a:hover, #side #nav li a:active {
	color: #fff; 
	background: #6394C5;
	font-weight:600;
}	 

/* Estilo para las fotos de las biografias */	

.fondo    {background: url("../images/fluffy.jpg");
           margin: 40px auto; 
           width: 800px;
           text-align: center;
           border: 1px solid transparent;
           padding: 20px 0 0 30px;}	 
		   
div.fondo #nav, div.fondo #navi {
    padding-left: 60px;
    margin-top:  40px;
}			   		   
div.fondo #nav li {
    float: left; 
	width: 90px;
    height:109px;
	margin-bottom:3em;
	margin-right:2em;
}			    
div.fondo #nav li a {
    float: left; 
	display: block; 
    color: #2D4D74;
	font: bolder 1em Times New Roman, Georgia, serif; 
	text-decoration: none;  
	padding: 10px 4px; 
	margin-top: -2em;
}
div.fondo h2 {color: #2D4D74;}
div#navi  a:hover {color: #f00; }	
div.fondo p.final {clear: left;
                   margin: 0 auto;
}	

div#navi a {
        float: left; 
        width: 90px;
        height:129px;
	margin-bottom:3em;
	margin-right:3em;
	color: #2D4D74;
	font: bolder 1em Times New Roman, Georgia, serif; 
	text-decoration: none;  
	text-transform: uppercase; 
}
div.fondo img {float: left:}
body.biografia div#navi a {height: 140px;}		

/* Estilo para las fotos dentro del texto de las biografias */

h2#pitagoras {margin: 5px 20px 0 25px;
            width: 217px;
            height: 264px; 
            float: left;
            background: url("../images/pitagoras.jpg") no-repeat;
        }
h2#hopper {margin: 5px 20px 0 25px;
          width: 155px; 
		  height: 194px; 
		  float: left;
		  background: url("../images/Hopper_1.jpg") no-repeat;}        
h2#Abel_1 {margin: 5px 20px 0 25px;
         width: 268px;
         height: 326px; 
         float: left;
	 background: url("../images/Abel_1.jpg") no-repeat;}	
h2#ackerman_1 {margin: 5px 20px 0 25px;
          width: 258px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Ackermann.jpg") no-repeat;}	  
h2#Artin_2 {margin: 5px 20px 0 25px;
          width: 256px;
		  height: 326px; 
		  float: left;
		  background: url("../images/Artin_2.jpg") no-repeat;}		
h2#bashkara {margin: 5px 20px 0 25px;
          width: 90px; 
		  height: 109px; 
		  float: left;
		  background: url("../images/bhaskara_90x109.jpg") no-repeat;}  
h2#binet_1 {margin: 5px 20px 0 25px;
          width: 165px; 
		  height: 231px; 
		  float: left;
		  background: url("../images/binet_165x231.jpg") no-repeat;} 
h2#bayes_1 {margin: 5px 20px 0 25px;
          width: 176px; 
		  height: 212px; 
		  float: left;
		  background: url("../images/bayes_176x212.jpg") no-repeat;} 		  
h2#buchberger_1 {margin: 5px 20px 0 25px;
          width: 187px; 
		  height: 152px; 
		  float: left;
		  background: url("../images/buchberger.jpg") no-repeat;}	  
h2#Burnside_1 {margin: 5px 20px 0 25px;
          width: 268px;
		  height: 326px; 
		  float: left;
		  background: url("../images/Burnside_1.jpg") no-repeat;}				  
h2#cardano_1 {margin: 5px 20px 0 25px;
          width: 247px; 
		  height: 320px; 
		  float: left;
		  background: url("../images/Cardan_247x320.jpg") no-repeat;}		
h2#cauchy_1 {margin: 5px 20px 0 25px;
          width: 265px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Cauchy_1.jpg") no-repeat;}		
h2#cayley_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Cayley_bis.jpg") no-repeat;}  
h2#lucas_1 {margin: 5px 20px 0 25px;
          width: 263px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/lucas_2.jpg") no-repeat;}  
h2#moivre_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/de_moivre_1.jpg") no-repeat;}  		  
h2#Melvil_Dewey {margin: 5px 20px 0 25px;
          width: 268px;
		  height: 326px; 
		  float: left;
		  background: url("../images/Melvil_Dewey.jpg") no-repeat;}			   	
h2#euler_1 {margin: 5px 20px 0 25px;
          width: 260px; 
		  height: 307px; 
		  float: left;
		  background: url("../images/euler_260x307.jpg") no-repeat;}		
h2#fermat_1 {margin: 5px 20px 0 25px;
          width: 228px; 
		  height: 275px; 
		  float: left;
		  background: url("../images/Fermat_0.jpg") no-repeat;}	
h2#ferrari_1 {margin: 5px 20px 0 25px;
          width: 211px; 
		  height: 264px; 
		  float: left;
		  background: url("../images/lodovico_ferrari.gif") no-repeat;} 		
h2#ferro_1 {margin: 5px 20px 0 25px;
          width: 211px; 
		  height: 265px; 
		  float: left;
		  background: url("../images/ferro.gif") no-repeat;}
#formula_ferro {margin-left: 150px;}	  	
h2#fibonacci_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Fibonacci_0.jpg") no-repeat;}
h2#frobenius_1 {margin: 5px 20px 0 25px;
          width: 246px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Frobenius_1.jpg") no-repeat;}	 	    
h2#galois_1 {margin: 5px 20px 0 25px;
          width: 250px; 
		  height: 246px; 
		  float: left;
		  background: url("../images/galois1.jpg") no-repeat;}			
h2#gauss_1 {margin: 5px 20px 0 25px;
          width: 340px; 
		  height: 306px; 
		  float: left;
		  background: url("../images/gauss_3.jpg") no-repeat;}		
h2#grobner_1 {margin: 5px 20px 0 25px;
          width: 200px; 
		  height: 263px; 
		  float: left;
		  background: url("../images/Grobner_200x263.jpg") no-repeat;}
h2#heron_1 {margin: 5px 20px 0 25px;
          width: 136px; 
		  height: 125px; 
		  float: left;
		  background: url("../images/heron.jpg") no-repeat;}			
h2#holder_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Holder_1.jpg") no-repeat;}		
h2#jordan_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Jordan_1.jpg") no-repeat;}		
h2#klein_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Klein_2.jpg") no-repeat;}	
h2#knuth_1 {margin: 5px 20px 0 25px;
          width: 140px; 
		  height: 192px; 
		  float: left;
		  background: url("../images/donald_knuth.gif") no-repeat;}	
h2#kronecker_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Kronecker_1.jpg") no-repeat;}		  
h2#lagrange_1 {margin: 5px 20px 0 25px;
          width: 300px; 
		  height: 400px; 
		  float: left;
		  background: url("../images/lagrange.gif") left center no-repeat;} 	
h2#markov3 {margin: 5px 20px 0 25px;
          width: 275px;
		  height: 326px; 
		  float: left;
		  background: url("../images/Markov_3.jpg") no-repeat;} 	
h2#mercator_1 {margin: 5px 20px 0 25px;
          width: 204px; 
		  height: 233px; 
		  float: left;
		  background: url("../images/mercator_1.jpg") no-repeat;}		
h2#mersenne_1 {margin: 5px 20px 0 25px;
          width: 285px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/mersenne_2.jpg") no-repeat;}  		    
h2#newton_1 {margin: 5px 20px 0 25px;
          width: 191px; 
		  height: 262px; 
		  float: left;
		  background: url("../images/newton.gif") no-repeat;}	
h2#noether_1 {margin: 5px 20px 0 25px;
          width: 229px; 
		  height: 267px; 
		  float: left;
		  background: url("../images/noether_1.jpg") no-repeat;}	
h2#ramanujan_1 {margin: 5px 20px 0 25px;
          width: 260px; 
		  height: 342px; 
		  float: left;
		  background: url("../images/ramanujan_260x342.jpg") no-repeat;}		  
h2#ruffini_1 {margin: 5px 20px 0 25px;
          width: 176px; 
		  height: 244px; 
		  float: left;
		  background: url("../images/Ruffini_176x244.jpg") no-repeat;}		
h2#snyder_1 {margin: 5px 20px 0 25px;
          width: 250px; 
		  height: 233px; 
		  float: left;
		  background: url("../images/som_snyder.gif") no-repeat;}     		  
h2#schreier_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Schreier_1.jpg") no-repeat;} 
h2#steinitz_1 {margin: 5px 20px 0 25px;
          width: 247px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Steinitz_247x326.jpg") no-repeat;}		  
h2#sylow_1 {margin: 5px 20px 0 25px;
          width: 262px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Sylow_2.jpg") no-repeat;}		
h2#tartaglia_1 {margin: 5px 20px 0 25px;
          width: 143px; 
		  height: 182px; 
		  float: left;
		  background: url("../images/tartaglia.jpg") no-repeat;}		 
h2#dyck_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Von_Dyck_1.jpg") no-repeat;}		   
h2#neumann_1 {margin: 5px 20px 0 25px;
          width: 100px; 
		  height: 132px; 
		  float: left;
		  background: url("../images/von_neumann.jpg") no-repeat;}		   
h2#wielandt_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Wielandt_1.jpg") no-repeat;}
h2#zassenhauss_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Zassenhaus_1.jpg") no-repeat;}		
h2#zelmanov_1 {margin: 5px 20px 0 25px;
          width: 268px; 
		  height: 326px; 
		  float: left;
		  background: url("../images/Zelmanov_1.jpg") no-repeat;}

/* Estilo para premios Fields  */

body>div.fondo_1 {position: relative;
			      top: 30px;}
.fondo_1    {background-image:url("../images/fluffy.jpg");
             width: 90%;
             margin: 10px auto; 
             text-align: left;
             border: 1px solid transparent;
             padding:20px 0 30px;}
.fondo_1  p  {margin-left: 50px;
              margin-right: 50px; 
              text-align:justify; 
	          text-indent:25.4pt;
              font-size:14.0pt;
	          font-family:"Arial Unicode MS";}
  
.fondo_1 h1,h2     {text-align: center;}	

.foto h2  {margin-top: 0.5em; text-align: top;}	   
.fila     {clear: both;}		   
.foto     {float: left;
           width: 19%;
		   height:160px;
           text-align: right;}
.texto    {float: left;
           width: 80%;
		   margin-top: 1em;} 

#siguiente {margin-left: 30px;}
.pie     {clear: both; padding-top: 20px; text-align: center;}      
.pie a         {text-decoration: none; color:#2D4D74; font-weight: bolder; font-size: 120%;}
.pie a:hover   {background: #2D4D74;color: #fff;}
    

/* Premios Fields */	    		
#Ahlfors {background: url("../images/Image001.jpg") no-repeat bottom;}	
#Jesse {background: url("../images/Image003.jpg")  no-repeat bottom;}	
#Schwartz {background: url("../images/Image004.jpg")  no-repeat bottom;}	
#Selberg {background: url("../images/Image005.jpg")  no-repeat bottom;} 
#Kodaira {background: url("../images/Image006.jpg")  no-repeat bottom;}	
#Serre {background: url("../images/Image007.jpg")  no-repeat bottom;} 
#Roth {background: url("../images/Image008.jpg")  no-repeat bottom;}	
#Thom {background: url("../images/Image009.jpg")  no-repeat bottom;}	
#Hormander {background: url("../images/Image010.jpg")  no-repeat bottom;}	
#Milnor {background: url("../images/Image011.jpg")  no-repeat bottom;} 
#Atiyah {background: url("../images/Image012.jpg")  no-repeat bottom;}	
#Cohen {background: url("../images/Image013.jpg")  no-repeat bottom;}
#Grothendieck {background: url("../images/Image014.jpg")  no-repeat bottom;}
#Smale {background: url("../images/Image015.jpg")  no-repeat bottom;}	
#Baker {background: url("../images/Image016.jpg")  no-repeat bottom;}	
#Hironaka {background: url("../images/Image017.jpg")  no-repeat bottom;}	
#Novikov {background: url("../images/Image018.jpg")  no-repeat bottom;} 
#Thompson {background: url("../images/Image019.jpg")  no-repeat bottom;}	
#Bombieri {background: url("../images/Image020.jpg")  no-repeat bottom;} 
#Mumford {background: url("../images/Image021.jpg")  no-repeat bottom;}	
#Deligne {background: url("../images/Image022.jpg")  no-repeat bottom;}
#Fefferman {background: url("../images/Image023.jpg")  no-repeat bottom;}	
#Margulis {background: url("../images/Image024.jpg")  no-repeat bottom;}	
#Quillen {background: url("../images/Image025.jpg")  no-repeat bottom;} 
#Connes {background: url("../images/Image026.jpg")  no-repeat bottom;}
#Thurston {background: url("../images/Image027.jpg")  no-repeat bottom;} 	
#Yau{background: url("../images/Image028.jpg")  no-repeat bottom;}
#Donaldson {background: url("../images/Image029.jpg")  no-repeat bottom;}
#Faltings {background: url("../images/Image030.jpg")  no-repeat bottom;}	
#Freedman {background: url("../images/Image031.jpg")  no-repeat bottom;}
#Drinfeld {background: url("../images/Image032.jpg")  no-repeat bottom;} 
#Jones {background: url("../images/Image033.jpg")  no-repeat bottom;}	
#Mori {background: url("../images/Image034.jpg")  no-repeat bottom;}	
#Witten {background: url("../images/Image035.jpg")  no-repeat bottom;}
#Bourgain {background: url("../images/Image036.jpg")  no-repeat bottom;} 
#Lions {background: url("../images/Image037.jpg")  no-repeat bottom;}
#Yoccoz {background: url("../images/Image038.jpg")  no-repeat bottom;} 	
#Zelmanov {background: url("../images/Image039.jpg")  no-repeat bottom;}
#Borcherds {background: url("../images/Image040.jpg")  no-repeat bottom;}
#Gowers {background: url("../images/Image041.jpg")  no-repeat bottom;}
#Kontsevich {background: url("../images/Image042.jpg")  no-repeat bottom;}
#McMullen {background: url("../images/Image043.jpg")  no-repeat bottom;}
#Lafforgue {background: url("../images/Image044.jpg")  no-repeat bottom;}
#Voevodsky {background: url("../images/Image045.jpg")  no-repeat bottom;}
#perelman {background: url("../images/perelman_90x109.jpg")  no-repeat bottom;}
#okounkov {background: url("../images/okounkov.jpg")  no-repeat bottom;}
#werner {background: url("../images/werner.jpg")  no-repeat bottom;}
#tao {background: url("../images/terence_tao.jpg")  no-repeat bottom;}


/* Matematicos y otros*/
#abel {background: url("../images/Abel.jpg") no-repeat bottom;}	
#ackermann {background: url("../images/ackermann_90x109.jpg") no-repeat bottom;}	
#artin {background: url("../images/Artin.jpg")  no-repeat bottom;}	
#albanna {background: url("../images/albanna.jpg")  no-repeat bottom;}	
#binet {background: url("../images/binet_90x109.jpg")  no-repeat bottom;}
#bayes {background: url("../images/bayes_90x109.jpg")  no-repeat bottom;}
#buchsberger {background: url("../images/buchberger_90x109.jpg")  no-repeat bottom;} 
#bhaskara {background: url("../images/bhaskara_90x109.jpg")  no-repeat bottom;}	
#burnside {background: url("../images/Burnside.jpg")  no-repeat bottom;} 
#cardano {background: url("../images/Cardan.jpg")  no-repeat bottom;}	
#cauchy {background: url("../images/cauchy_90x109.jpg")  no-repeat bottom;}	
#cayley {background: url("../images/Cayley.jpg")  no-repeat bottom;}
#moivre {background: url("../images/de_moivre.jpg")  no-repeat bottom;}
#dewey {background: url("../images/melville.jpg")  no-repeat bottom;}
#euler {background: url("../images/Euler.jpg")  no-repeat bottom;} 
#fermat {background: url("../images/fermat_90x109.jpg")  no-repeat bottom;}	
#ferrari {background: url("../images/ferrari_90x109.gif")  no-repeat bottom;}
#ferro {background: url("../images/ferro_90x109.gif")  no-repeat bottom;}
#fibonacci {background: url("../images/Fibonacci_1.jpg")  no-repeat bottom;}
#frobenius {background: url("../images/Frobenius.jpg")  no-repeat bottom;}	
#galois {background: url("../images/galois_90x109.jpg")  no-repeat bottom;}	
#gauss {background: url("../images/gauss_90x109.jpg")  no-repeat bottom;}	
#grobner {background: url("../images/grobner_90x109.jpg")  no-repeat bottom;} 
#heron {background: url("../images/heron_90x109.jpg")  no-repeat bottom;}	
#holder {background: url("../images/Holder.jpg")  no-repeat bottom;}
#hopper1 {background: url("../images/Hopper.jpg")  no-repeat bottom;}  
#jordan {background: url("../images/Jordan.jpg")  no-repeat bottom;}	
#klein {background: url("../images/Klein_1.jpg")  no-repeat bottom;}	
#knuth {background: url("../images/knuth_90x109.jpg")  no-repeat bottom;}	
#kronecker {background: url("../images/Kronecker.jpg")  no-repeat bottom;} 
#lagrange {background: url("../images/lagrange_90x109.jpg")  no-repeat bottom;}
#lucas {background: url("../images/lucas.jpg")  no-repeat bottom;}
#markov {background: url("../images/markov.jpg")  no-repeat bottom;} 
#mersenne {background: url("../images/mersenne.jpg")  no-repeat bottom;} 
#mercator {background: url("../images/Mercator_Gerardus.jpg")  no-repeat bottom;} 
#newton{background: url("../images/Newton.jpg")  no-repeat bottom;}
#noether {background: url("../images/Noether_Emmy.jpg")  no-repeat bottom;}
#pitag {background: url("../images/pitagoras_2.jpg")  no-repeat bottom;}
#ramanujan {background: url("../images/Ramanujan_pequena.jpg")  no-repeat bottom;}	
#ruffini {background: url("../images/ruffini_90x109.jpg")  no-repeat bottom;}
#schreier {background: url("../images/Schreier.jpg")  no-repeat bottom;} 
#snyder {background: url("../images/snyder_90x108.jpg")  no-repeat bottom;}
#steinitz {background: url("../images/Steinitz.jpg")  no-repeat bottom;}	
#sylow {background: url("../images/Sylow.jpg")  no-repeat bottom;}	
#tartaglia {background: url("../images/Tartaglia_90x109.jpg")  no-repeat bottom;}	
#dick {background: url("../images/Von_Dyck.jpg")  no-repeat bottom;} 
#neumann {background: url("../images/von_neumann_90x109.jpg")  no-repeat bottom;}
#wielandt {background: url("../images/Wielandt.jpg")  no-repeat bottom;} 	
#zassenhauss {background: url("../images/Zassenhaus.jpg")  no-repeat bottom;}
#zelmanov {background: url("../images/Zelmanov.jpg")  no-repeat bottom;}

/* Estilo para chiste */

div.chiste  {background-image:url("../images/fluffy.jpg");
             width: 800px;
             margin: 40px auto; 
             text-align: left;
             border: 1px solid transparent;
             padding:20px 0 30px;
}
div.chiste h2 {margin-top: 40px; text-align: center;}
div.chiste ul,table {margin-left: 100px;}
div.chiste table {margin-left: 200px;}
div.chiste table#sat {margin-left: 0px;}   
div.chiste li {font-size:13.5pt; 
               font-weight:600;
	           font-family:"Times New Roman";
			   padding: 0 0 5px 5px;
}
 /* Hacks para internet explorer de mocosoft */

* html #logo-ciencias {margin: 0;}
* html div.fondo {margin-bottom: 50px;}
* html div.fondo h2 {padding-top: 20px;}
* html #navholder  {top: 0px;}
* html #main, * html #side {margin-top: 30px;} 
* html #main {width: 80%;}
* html #side {width: 14%;}
* html #nav li a.first {margin: 0;}
* html #nav li a  {height: 1em;} 
* html #centrado {margin-left: 7%;}
* html .texto  {padding-top: 1em;}
* html .fondo_1 {padding-top: 50px;}
* html .pie    {padding-top: 0px;}  	
* html div#footer {position: absolute;}  
* html #alfabeto {margin-left: 12%;}
 p.main  {margin-left: 50px;
          margin-right: 50px; 
          text-align:justify; 
	        font-size:14.0pt;
          font-family:Georgia,serif;font-weight:normal;font-style:normal;
	        }	
.inline {margin: 0;position: absolute;/*bottom:0;display: inline;*/
    
}	
.matrix {display: inline;margin: 10px;position: relative;
}
.matrix:before, .matrix:after {
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid #2D4D74;/*#000;*/
    width: 6px;
    height: 85px;
}
.matrix:before {
    left: -6px;
    border-right: 0;
}
.matrix:after {
    right: -6px;
    border-left: 0;
}