/* CSS Document */


#arnau{ position:absolute; left:0;  width:200px; top:0; z-index:20; height:40px; }
#arnau h1{font-family: 'Oswald', sans-serif; font-weight:lighter; font-size:27px; line-height:25px; letter-spacing:2px; text-align:center; margin:0; padding-bottom:0;
color:#FFF;  text-shadow: 0.1em 0.1em 0.2em black; padding-top:10px; text-transform:uppercase; opacity:0.50; filter:alpha(opacity=50); }

#arnau h1 a:link   {text-decoration: none;  text-shadow: 5px 10px 20px #000; color:#FFF;  }
#arnau h1 a:visited{text-decoration: none;  text-shadow: 5px 10px 20px #000; color:#FFF;  }
#arnau h1 a:hover  {text-decoration: none;  text-shadow: -2px -2px 10px #000; color:#CCC; }
#arnau h1 a:active {text-decoration: none;  text-shadow: 5px 10px 20px #000; color:#FFF; }
#arnau h2{font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; font-size:10px; text-transform:uppercase; color:#999999; text-align:center; }
#arnau h3{font-family: 'Carrois Gothic SC', sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; color:#999999; text-align:right; margin:4px 10px 0 0; padding:0 }
/*************************************MEN�**********************/   
#caja{
 position:absolute;
 height:100px;
 width:200px;
background-color:transparent;
opacity:0.80; filter:alpha(opacity=80);
border-bottom:1px dashed #251E16;
border-right:1px dashed #251E16;
        box-shadow: 2px -20px 60px #000;
-webkit-box-shadow: 2px -20px 60px #000;
   -moz-box-shadow: 2px -20px 60px #000;
   z-index:20;
	   }

.audiovisuales{ top:90px; width:200px; background-image:url(../img/bg/audiovisuales1_eng.png); background-position:right top; background-repeat:no-repeat; }
   .multimedia{ top:190px; width:200px; background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; }
     .docencia{ top:290px; width:200px;  background-image:url(../img/bg/docencia1_eng.png); background-position:right top; background-repeat:no-repeat; }
.investigacion{ top:390px; width:200px;  background-image:url(../img/bg/investigacion1_eng.png); background-position:right top; background-repeat:no-repeat;}

#d_item1{ background-image:url(../img/bg/audiovisuales1_eng.png); background-position:right top; background-repeat:no-repeat; height:100px;}
#d_item2{ background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; height:100px;}
#d_item3{background-image:url(../img/bg/docencia1_eng.png); background-position:right top; background-repeat:no-repeat; height:100px;}
#d_item4{background-image:url(../img/bg/investigacion1_eng.png); background-position:right top; background-repeat:no-repeat; height:100px;}

.d_item{ background-color:#FFFFFF; color:#000000; opacity:0.50; filter:alpha(opacity=50); width:300px; height:400px; padding-right:200px; float:right; display:none;}


.d_item_act{ background-color:#FFFFFF; color:#000000; opacity:0.50; filter:alpha(opacity=50); width:300px; height:400px; padding-right:200px; float:right;}


/*************************MEN� CONTACTO****************/
#menu_{position:absolute; top:495px ;z-index:200; width:200px; height:40px; opacity:0.50; filter:alpha(opacity=50); padding-right:10%; }
#menu_c{  background-color:transparent; margin-right:10px; color:#FFFFFF; font-family: 'Oswald', sans-serif; letter-spacing:1px; font-size:12px; padding:20px 8px 8px 8px; text-transform:uppercase; text-align:center;  
box-shadow: 2px 10px 30px #000; -webkit-box-shadow: 2px 10px 30px #000; -moz-box-shadow: 2px 10px 30px #000; text-align:right}
#menu_c a:link   {text-decoration: none;  text-shadow: 5px 10px 10px #000; color:#CCCCCC;  }
#menu_c a:visited{text-decoration: none;  text-shadow: 5px 10px 10px #000; color:#CCCCCC;  }
#menu_c a:hover  {text-decoration: none;  text-shadow: 7px 12px 15px #000; color:#FFFFFF; }
#menu_c a:active {text-decoration: none;  text-shadow: 5px 10px 10px #000; color:#CCCCCC; }
	   
#contacto_box{   width:350px; height:400px; background-color:transparent; float:left;  margin-left:270px; z-index:100;   
 text-align:center; 
 box-shadow: 2px 10px 30px #000;-webkit-box-shadow: 2px 10px 30px #000;-moz-box-shadow: 2px 10px 30px #000; }
   
 
 #formulario{ padding:50px 10px 10px 10px; text-align:center; opacity:0.50; filter:alpha(opacity=50);}
.categ{font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter;  font-size:small; color:#FFFFFF; text-align:center;}
.button_{clear:both; width:150px; height:20px; text-align:center; border:0; color:#FFFFFF; font-size:8px; font-weight:lighter; text-transform:uppercase;  background-color:#666666; font-family: 'Oswald', sans-serif; font-size:12px; letter-spacing:1px;
        box-shadow: 2px 10px 20px #000;
-webkit-box-shadow: 2px 10px 20px #000;
   -moz-box-shadow: 2px 10px 20px #000;}