/* CSS Document */
body{ margin:0; background-color:#333333; width:100%; height:100%}
#menuframe{position:fixed; top:0; left:0; width:250px; height:800px;}
.colorframe{background-color:#333333;}
	   
   #titulo{position:fixed; background-color:transparent;  width:240px; height:200px; top:30px; left:270px; z-index:1;  opacity:0.70; filter:alpha(opacity=70); 
   background-image:url(../img/bg/docencia1.png); background-position:left top; background-repeat:no-repeat}
   #titulo_eng{position:fixed; background-color:transparent;  width:240px; height:200px; top:30px; left:270px; z-index:1;  opacity:0.70; filter:alpha(opacity=70); 
   background-image:url(../img/bg/docencia1_eng.png); background-position:left top; background-repeat:no-repeat}

 /*************************/
 
 #columnas{position:absolute; top:240px; left:270px; z-index:10;}
 #col1{width:300px; position:absolute; top:0; left:0}
 #col2{width:300px; position:absolute; top:0; left:320px}
 #col3{width:300px; position:absolute; top:0px; left:640px}
 
 
  #enlaces{width:300px; margin-bottom:20px;   float:left;   text-transform:uppercase; color:#555555;
  	    }
  #enlaces p{ border-bottom:1px dotted #333333; background-color:#D2D2D2; margin:0 ; padding:10px; font-size:11px; text-transform:uppercase; letter-spacing:1px;
        box-shadow: 5px 5px 20px #A2A2A2;
-webkit-box-shadow: 5px 5px 20px #A2A2A2;
   -moz-box-shadow:	5px 5px 20px #A2A2A2;
  } 
  #enlaces p a:link   {  color:#000; }
  #enlaces p a:visited{  color:#333; }
  #enlaces p a:hover  {  color:#666; }
  #enlaces p a:active {  color:#000;}
 	#textos{background-color:#C8C8C8; padding:15px; border-top:3px dotted #333333;
	 box-shadow: 10px 10px 20px #000;
-webkit-box-shadow: 10px 10px 20px #000;
   -moz-box-shadow:	10px 10px 20px #000;	
	}
	#enlaces h3{ padding:20px 3px 3px 3px; margin:0; color:#333333; text-shadow: 4px 4px 20px #A2A2A2; text-transform:none;}
 	#enlaces h2{color:#666666; text-shadow: 4px 4px 20px #A2A2A2; padding:4px; margin:20px 0 0 0;}
   
   #tit{ background-color:#3B3B3B; text-align:center; width:300px; margin-right:12px; position:relative; top:0; opacity:0.70; filter:alpha(opacity=70);
   	 box-shadow: 10px 10px 20px #000;
-webkit-box-shadow: 10px 10px 20px #000;
   -moz-box-shadow:	10px 10px 20px #000;	
   	 }
   #tit h2{ font-family: 'Oswald', sans-serif; font-weight:lighter;  color:#999999;
  text-shadow: 4px 4px 20px #000; 
	margin:0; padding:10px 0 10px 10px;
		
	}

#introd{position:absolute; top:10px; left:560px; width:640px; height:180px; background-color:transparent;   } 
   
#introd p{ text-align:justify; margin:5px; font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#999999; font-size:12px; width:600px; padding:25px 25px 0 25px;   text-shadow: 1px 1px 10px #000;  }
#introd a:link   { text-decoration:none; color:#666     }
#introd a:visited{ text-decoration:none; color:#666  }
#introd a:hover  { text-decoration:underline; color:#666  }
#introd a:active {  text-decoration:none;  color:#666  }     
  
#proyectos{ position:absolute; top:160px; left:270px; z-index:12; font-size:14px; }
#proyectos a:link   {  text-decoration:none; color:#CCC; }
#proyectos a:visited{  text-decoration:none; color:#CCC; }
#proyectos a:hover  { text-decoration:none;  color:#999; }
#proyectos a:active {  text-decoration:none; color:#CCC;}