/* CSS Document */
body{ margin:0; background-color:#333333; width:100%; height:100%}

/*****Menu IFRAME Nav***/

#menuframe{position:fixed; top:0; left:0; width:250px; height:800px;}
.colorframe{background-color:#333333;}
	   
	   
	 /************Titulo Apartado***/
#titulo{float:left; position:relative; background-color:transparent;  width:240px; height:100px; top:10px;  z-index:50;  opacity:0.70; filter:alpha(opacity=70); }
.tit_audiovisuales{ background-image:url(../img/bg/audiovisuales1.png); background-position:left top; background-repeat:no-repeat;}
.tit_multimedia{background-image:url(../img/bg/multimedia1.png); background-position:left top; background-repeat:no-repeat;}
.tit_docencia{background-image: url(../img/bg/docencia1.png); background-position:left top; background-repeat:no-repeat;}
.tit_investigacion{background-image: url(../img/bg/investigacion1.png); background-position:left top; background-repeat:no-repeat;}

.tit_investigacion_eng{background-image: url(../img/bg/investigacion1_eng.png); background-position:left top; background-repeat:no-repeat;}

 /*************Index_menu************/


#col1{ width:200px; position:absolute; top:120px; left:0; background-color:transparent; opacity:0.80; filter:alpha(opacity=80);}
#col1 h1{ text-align:right; font-size:40px; font-weight:lighter; padding:0 20px 0 0 ; font-family: 'Oswald', sans-serif; font-weight:lighter;  opacity:0.80; filter:alpha(opacity=80); margin:0; text-align:right; color:#666666; text-shadow: 5px 5px 10px #000000;} 

#col1 h2{font-family: 'Oswald', sans-serif; border-bottom:1px dotted #999999; text-align:right; font-size:14px; line-height:12px; font-weight:lighter; padding:5px; font-weight:lighter; text-shadow: 5px 10px 20px #000; margin: 5px 0 5px 0; background-color:#666  } 
#col1 h2 a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col1 h2 a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col1 h2 a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#col1 h2 a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}

#col1 h4{font-family: 'Oswald', sans-serif; border-bottom:1px dotted #999999; text-align:right; font-size:12px; line-height:12px; font-weight:lighter; padding:5px; font-weight:lighter; text-shadow: 5px 10px 20px #000; margin: 3px 0 3px 0;  } 
#col1 h4 a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col1 h4 a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col1 h4 a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#col1 h4 a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}


.index_inv{ position:fixed; width:200px; height:1000px; background-color:transparent;  top:0;}
#index_inv{position:fixed; left:240px; top:0; background-color:#333333; z-index:500;}


#enlaces_top{ margin-top:20px;  font-family: 'Oswald', sans-serif; font-weight:lighter; font-size:11px; text-transform:uppercase;  background-color:transparent; opacity:0.80; filter:alpha(opacity=80);}
#it_top{ float:left; width:90px; margin-left:40px;    box-shadow: 2px -20px 50px #000; padding:10px 5px 10px 10px; 
-webkit-box-shadow: 2px -20px 50px #000;
   -moz-box-shadow: 2px -20px 50px #000;}
#it_top img{float:left; margin:0 4px 10px 0;}
#it_top h3{color:#CCC;}
#it_top a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#it_top a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}

#it_top2{ float:right; width:90px; margin-left:30px;    box-shadow: 2px -20px 50px #000; padding:10px 5px 10px 10px; 
-webkit-box-shadow: 2px -10px 30px #000;
   -moz-box-shadow: 2px -10px 30px #000;}
#it_top2 img{float:left; margin:0 4px 10px 0;}
#it_top2 h3{color:#CCC;}
#it_top2 a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top2 a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top2 a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#it_top2 a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}

#it_top3{ float:right; width:90px; margin-left:30px;    box-shadow: 2px -20px 10px #000; padding:10px 5px 5px 10px; 
-webkit-box-shadow: 2px -10px 30px #000;
   -moz-box-shadow: 2px -10px 30px #000;}
#it_top3 img{float:left; margin:0 4px 0px 0;}
#it_top3 h3{color:#CCC;}
#it_top3 a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top3 a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#it_top3 a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#it_top3 a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}


 /***************DOCUMENTOS************/
#pro{ padding:0;}
#pro ul li{ list-style-image:url(../img/bg/nolist.png);}
.smoll{ float:left; padding:0 20px 10px 0; width:130px;}

.large{text-align:center; margin:20px;}
.pantalla{ background-color:transparent; margin:0; padding:0; float:right; margin:10px}
.pflaco{width:350px; }
/*#pantalla{position:fixed; left:950px; top:155px; z-index:100; }*/

#floatbox {position:fixed; padding: 10px; margin:10px; width:280px;  top:155px; left:950px; background-color:#FFFFFF;opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; }

#col{ width:800px; z-index:100; position:absolute; top:40px; left:500px;   background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; padding-bottom:30px; padding-top:20px;   box-shadow: 2px -20px 60px #000; text-align:justify;
-webkit-box-shadow: 2px -20px 60px #000;
   -moz-box-shadow: 2px -20px 60px #000; }	
#col p{ margin:0 40px 20px 40px;  color:#333333; padding: 5px 40px 2px 40px;}  
#col ul{margin:0 40px 20px 40px;  color:#333333; padding: 0 40px 2px 40px;}
#col li{ list-style-image:url(../img/bg/list.png); font-size:12px; line-height:17px; margin:20px 0 0 0; color:#333333;} 
#col h1{ width:810px; margin:-10px 0 20px -10px; padding:5px 0 5px 10px; background-color:#333333;  left:0; color:#CCCCCC; left:0; position:relative; }
#col table{border:0; margin:0 10px 20px 10px; padding:5px; width:600px; }
#col table p{ margin:4px; text-align:left; width:90%; left:8px;}
#col table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda',  sans-serif; font-size:12px; line-height:17px; }
#col td{
	background-color: transparent;
	padding: 4px;
	text-align: justify;
}
#col th {background-color:transparent;  border-bottom:1px dotted #999999}
#col a:link   {  color:#FF6600; }
#col a:visited{  color:#FF9933;}
#col a:hover  {  color:#FF3300;}
#col a:active {  color:#FF3300; }

#col h2{   color:#CCCCCC; text-align:left;  text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 20px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} 
#col h2 a:link   { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col h2 a:hover  { text-shadow: 9px 9px 16px #C1C1C1 ;   color:#CCCCCC; }
#col h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999;}

#col h3 img{float:left; left:0; margin-left:20px; margin-right:10px; margin-top:0; margin-bottom:10px; line-height:20px; padding:3px;}
#col h3 {padding:5px 20px 5px 20px; color:#666;}
#col h3 a:link   {   color:#999999; }
#col h3 a:visited{   color:#999999; }
#col h3 a:hover  {  color:#666666; }
#col h3 a:active {  color:#999999;}
#col img{ width:95%; height:95%;}
#col blockquote{ margin:30px; padding:20px; border:0; background-color:transparent; color:#666666; font-style:normal; box-shadow: 5px 5px 20px #999; -webkit-box-shadow: 5px 5px 20px #999; -moz-box-shadow: 5px 5px 20px #999;  }
 
 
 
 
 
#col_i{ width:800px; z-index:100; position:absolute; top:40px; left:500px;   background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; padding-bottom:30px; padding-top:20px;   box-shadow: 2px -20px 60px #000; text-align:justify;
-webkit-box-shadow: 2px -20px 60px #000;
   -moz-box-shadow: 2px -20px 60px #000; }	
#col_i p{ margin:0 40px 20px 40px;  color:#333333; padding: 5px 40px 2px 40px;}  
#col_i ul{margin:0 40px 20px 40px;  color:#333333; padding: 0 40px 2px 40px;}
#col_i li{ list-style-image:url(../img/bg/list.png); font-size:12px; line-height:17px; margin:20px 0 0 0; color:#333333;} 
#col_i h1{ width:810px; margin:-10px 0 20px -10px; padding:5px 0 5px 10px; background-color:#333333;  left:0; color:#CCCCCC; left:0; position:relative; }
#col_i table{border:0; margin:0 10px 20px 10px; padding:5px; width:600px; }
#col_i table p{ margin:4px; text-align:left; width:90%; left:8px;}
#col_i table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda',  sans-serif; font-size:12px; line-height:17px; }
#col_i td{
	background-color: transparent;
	padding: 4px;
	text-align: justify;
}
#col_i th {background-color:transparent;  border-bottom:1px dotted #999999}
#col_i a:link   {  color:#FF6600; }
#col_i a:visited{  color:#FF9933;}
#col_i a:hover  {  color:#FF3300;}
#col_i a:active {  color:#FF3300; }

#col_i h2{   color:#CCCCCC; text-align:left;  text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 20px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} 
#col_i h2 a:link   { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col_i h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col_i h2 a:hover  { text-shadow: 9px 9px 16px #C1C1C1 ;   color:#CCCCCC; }
#col_i h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999;}

#col_i h3 img{float:left; left:0; margin-left:20px; margin-right:10px; margin-top:0; margin-bottom:10px; line-height:20px; padding:3px;}
#col_i h3 {padding:5px 20px 5px 20px; color:#666;}
#col_i h3 a:link   {   color:#999999; }
#col_i h3 a:visited{   color:#999999; }
#col_i h3 a:hover  {  color:#666666; }
#col_i h3 a:active {  color:#999999;}
/*#col_i img{ width:95%; height:95%;}*/
#col_i blockquote{ margin:30px; padding:20px; border:0; background-color:transparent; color:#666666; font-style:normal; box-shadow: 5px 5px 20px #999; -webkit-box-shadow: 5px 5px 20px #999; -moz-box-shadow: 5px 5px 20px #999;  } 
 
 
 
 
 
 

/****************8columna CV*****/
.smoll{ float:left; padding:0 20px 10px 0;}
.large{text-align:center; width:100%;}
.large2{text-align:center; margin:10px auto 10px auto;}
#col3{ width:750px; z-index:50; position:absolute; top:0; left:500px;   background-color:#FFFFFF; opacity:0.80; filter:alpha(opacity=80); margin:-10px 0 0 0; }	
#col3 p{ margin:0 40px 20px 40px; text-align:justify; color:#333333;}  
#col3 li{ list-style-image:url(../img/bg/list.png); font-size:12px; line-height:17px; margin:20px 0 0 0; color:#333333;} 
#col3 h1{ width:800px; margin:0 0 20px -9px; padding:5px 0 5px 0; background-color:#333333;  left:0; color:#CCCCCC;}
#col3 table{border:0; margin:0 10px 20px 10px; padding:5px; text-align:left; }
#col3 table p{ margin:4px; text-align:left; width:90%; left:8px;}
#col3 table li {list-style-image:url(../img/bg/list.png); padding:3px; margin:2px; font-family: 'Coda',  sans-serif; font-size:12px; line-height:17px; }
#col3 td{ background-color:transparent; padding:4px; }
#col3 th {background-color:transparent;  border-bottom:1px dotted #999999}
#col3 a:link   {  color:#FF6600; }
#col3 a:visited{  color:#FF9933;}
#col3 a:hover  {  color:#FF3300;}
#col3 a:active {  color:#FF3300; }

#col3 h2{   color:#CCCCCC; text-align:left;  text-shadow: 2px 2px 30px #C1C1C1; padding:0; margin:0 0 20px 0; text-transform:uppercase; border-bottom:1px dotted #999999;} 
#col3 h2 a:link   { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col3 h2 a:visited{ text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999; }
#col3 h2 a:hover  { text-shadow: 9px 9px 16px #C1C1C1 ;   color:#CCCCCC; }
#col3 h2 a:active { text-shadow: 5px 5px 10px #C1C1C1 ;   color:#999999;}
#col3 blockquote{ margin:30px; padding:20px; border:0; background-color:transparent; color:#666666; box-shadow: 5px 5px 20px #999; -webkit-box-shadow: 5px 5px 20px #999; -moz-box-shadow: 5px 5px 20px #999;  }
 

/**********menu CV***********/

#col4{ z-index:150px;width:250px; position:fixed; top:5px; left:250px; background-color:transparent; opacity:0.80; filter:alpha(opacity=80); }
#col4 h1{ text-align:right; font-size:40px; font-weight:lighter; padding:0 20px 0 0 ; font-family: 'Oswald', sans-serif; font-weight:lighter; 
    opacity:0.80; filter:alpha(opacity=80); margin:0; text-align:right; color:#666666; text-shadow: 5px 5px 10px #000000;} 
#col4 h2{ border-bottom:1px dotted #333333; text-align:right; font-size:14px; line-height:15px; font-weight:lighter; padding:10px; font-family: 'Oswald', sans-serif; font-weight:lighter; 
        box-shadow: 2px -20px 50px #000;
-webkit-box-shadow: 2px -20px 50px #000;
   -moz-box-shadow: 2px -20px 50px #000;
 margin:20px;} 

#col4 h2 a:link   { text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col4 h2 a:visited{ text-decoration:none;   text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999; }
#col4 h2 a:hover  { text-decoration:none;   text-shadow: 9px 9px 16px #2A2A2A ;   color:#CCCCCC; }
#col4 h2 a:active {  text-decoration:none;  text-shadow: 5px 5px 10px #2A2A2A ;   color:#999999;}

#col4 p img{float:left; padding-left:5px;}
#col4 a:link   {  color:#FF6600; }
#col4 a:visited{  color:#FF9933;}
#col4 a:hover  {  color:#FF3300;}
#col4 a:active {  color:#FF3300; }
#submenu{   
 background-color:transparent}
 #submenu h3{color:#999; text-shadow: 5px 5px 10px #2A2A2A ; text-align:center;} 
 #submenu p{text-transform:uppercase; color:#999; text-align:center; padding-right:5px; width:60px; float:left; }
 #submenu p img{ width:60px; text-align:center;}
 #submenu a:link   { text-decoration:none;    color:#999999; }
 #submenu a:visited{ text-decoration:none;    color:#999999; }
 #submenu a:hover  { text-decoration:none;    color:#CCCCCC; }
 #submenu a:active {  text-decoration:none;   color:#999999;}