/* CSS Document */

body{ margin:0; background-color:#333333; width:100%; height:100%; overflow:hidden;}

#arnau{ position:absolute; left:0;  width:200px; top:0; z-index:10; height:40px; z-index:1000;}
#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 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� CONTACTO****************/
#menu_{position:absolute; top:520px ;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;}
   
/*************************************MEN�**********************/   
#caja{
 position:absolute;
 height:100px;
 width:200px;
background-color:transparent;
opacity:0.80; filter:alpha(opacity=80);
border-top:1px dashed #251E16;

        box-shadow: 2px -20px 50px #000;
-webkit-box-shadow: 2px -20px 50px #000;
   -moz-box-shadow: 2px -20px 50px #000;
   z-index:20;
	   }

.audiovisuales{ top:110px; width:200px; background-image:url(../img/bg/audiovisuales1.png); background-position:right top; background-repeat:no-repeat; }
   .multimedia{ top:210px; width:200px; background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; }
     .docencia{ top:310px; width:200px;  background-image:url(../img/bg/docencia1.png); background-position:right top; background-repeat:no-repeat; }
.investigacion{ top:410px; width:200px;  background-image:url(../img/bg/investigacion1.png); background-position:right top; background-repeat:no-repeat;}

.audiovisuales_eng{ top:110px; width:200px; background-image:url(../img/bg/audiovisuales1_eng.png); background-position:right top; background-repeat:no-repeat; }
   .multimedia_eng{ top:210px; width:200px; background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; }
     .docencia_eng{ top:310px; width:200px;  background-image:url(../img/bg/docencia1_eng.png); background-position:right top; background-repeat:no-repeat; }
.investigacion_eng{ top:410px; 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.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item2{ background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item3{background-image:url(../img/bg/docencia1.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item4{background-image:url(../img/bg/investigacion1.png); background-position:right top; background-repeat:no-repeat; height:200px;}

#d_item1_eng{ background-image:url(../img/bg/audiovisuales1_eng.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item2_eng{ background-image:url(../img/bg/multimedia1.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item3_eng{background-image:url(../img/bg/docencia1_eng.png); background-position:right top; background-repeat:no-repeat; height:200px;}
#d_item4_eng{background-image:url(../img/bg/investigacion1_eng.png); background-position:right top; background-repeat:no-repeat; height:200px;}



.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 p{ font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; padding:20px; font-size:14px; text-align:justify;}


/*********************************************************************SLIDER******************************************************************/
/*#slider{ position:absolute; top:0; left:0; opacity:0.20; filter:alpha(opacity=20); width:100%; height:100%;  z-index:1; background-color:transparent }*/

#slider {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
   opacity: 0.2;
   z-index: 1;
   background-color: transparent;
   filter:alpha(opacity=20);
}

.pics {
   display: flex;
   width: 100%;
   height: 100%;
   transition: transform 0.5s ease-in-out;
}

.pics img {
   min-width: 100%;
   height: auto;
}



#slider2{ position:absolute; top:0; left:0; opacity:0.50; filter:alpha(opacity=50); padding-left:70%; padding-top:30%;    z-index:3; color:#FFFFFF; }

#infopics{ text-align:left; border-right:1px dashed #251E16; font-family: 'Oswald', sans-serif;  font-weight:lighter; border:0;}
#infopics h1{ font-size:50px; line-height:50px; font-weight:lighter; padding-top:30px;  opacity:0.70; filter:alpha(opacity=70);  text-shadow: 2px -20px 70px #000;}
#infopics h2{font-size:30px; font-weight:lighter;  opacity:0.60; filter:alpha(opacity=60); margin-top:-35px;}
#infopics p{  font-size:20px;  font-weight:lighter;  opacity:0.50; filter:alpha(opacity=50); margin-top:-35px;}