/* CSS Document */

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


/*************************************MEN�**********************/   

#menuframe{position:fixed; top:0; left:0; width:250px; height:800px; float:left; z-index:400px; background-color:transparent;}
.menuframe{position:fixed; background-color:transparent;}

/******************************PROJECTS*********/
#projects_cont{width:80%; position:absolute; top:20px; left:270px;}
#titulo{float:left; position:relative; background-color:transparent;  width:240px; height:300px; top:0; margin-left: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_audiovisuales_eng{ background-image:url(../img/bg/audiovisuales1_eng.png); background-position:left top; background-repeat:no-repeat;}
.tit_multimedia_eng{background-image:url(../img/bg/multimedia1.png); background-position:left top; background-repeat:no-repeat;}

#projects{float:left; position:relative; background-color:#666666;  width:240px; height:300px; top:0; margin-left:10px; z-index:50;  font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#999999;     box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000; opacity:0.50; filter:alpha(opacity=50);background-color:#333333;}
#projects h1{ font-size:30px; line-height:32px; font-weight:lighter; padding-top:10px; padding-left:10px;  opacity:0.70; filter:alpha(opacity=70);  text-shadow: 2px -20px 70px #000;}
#projects h2{font-size:15px; font-weight:lighter;  opacity:0.60; filter:alpha(opacity=60); margin-top:-20px;  padding-left:10px;}
#projects img{width:100%; 
		box-shadow: 2px 5px 60px #000;
-webkit-box-shadow: 2px 5px 60px #000;
   -moz-box-shadow: 2px 5px 60px #000;}

/*******************************Fichas************/

/**IFRAME***/
#f_con{ display:none; overflow:auto;}
.ficha_cont{position:fixed; top:0; left:390px; width:800px;  height:600px; float:right; background-color:transparent;  opacity:0.90; filter:alpha(opacity=90); z-index:200;   box-shadow: 2px -20px 60px #000; -webkit-box-shadow: 2px -20px 60px #000; -moz-box-shadow: 2px -20px 60px #000;}



/**FICHAs***/
#proyectos{ background-color:#000;  opacity:0.80; filter:alpha(opacity=80);  width:800px; position:absolute; top:0; left:0; height:600px; overflow:auto;}
#proyectos p{ text-align:justify;} 
#proyectos h1{text-align:left; color:#FFF; padding-top:5px; position:fixed; top:20px; left:20px;} 
#proyectos h2{ text-align:left;color:#FFF;  padding-left:20px; position:fixed; top:80px; left:20px;}  


#info{width:300px;  padding:10px; left:410px; top:120px; position:relative; color:#FFFFFF; background-color:transparent;}
#info:first-letter {font-size:50px; float:left; padding:14px 10px 10px 0; font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter;}
#info a:link   { color:#CCCCCC;     }
#info a:visited{ color:#CCCCCC;  }
#info a:hover  { color:#FFFFFF;  }
#info a:active {  color:#CCCCCC;    }

.video_c{ width:400px; left:10px; top:140px; position:absolute; position:fixed;}

#partes{ width:250px; position:fixed; top:450px; left:20px; text-transform:uppercase; }  
#partes h4{ width:50px; height:20px; border:1px solid #000; float:left; margin-right:10px; padding-top:2px; text-align:center;  background-color:#333}
#partes h4 a:link   { text-decoration:none;  color:#CCC; background-color:#333;}
#partes h4 a:visited{ text-decoration:none;  color:#CCC; background-color:#333;}
#partes h4 a:hover  { text-decoration:none;  color:#FFF; background-color:#333;}
#partes h4 a:active {  text-decoration:none;  color:#CCC; background-color:#333;}



#pager{width:780px;  position:absolute; top:540px; height:60px; background-color:#000; border-top:1px dotted #333; margin:0;}
#pager img {text-align:center;}
#sig{ float:left; color:#FFFFFF; text-transform:uppercase;  width:130px; text-align:right;}
#atr{ float:left; color:#FFFFFF; text-transform:uppercase;  width:130px; text-align:left; }
#cer{ position:fixed; top:550px; left:400px; color:#FFFFFF; text-transform:uppercase;  width:40px; height:40px; z-index:600;  }
	   
	   
	   
	   
	   #idioma2{ position:fixed; width:60px; padding:15px 0 4px 0; top:0; left: 95%; background-color:transparent; font-family: 'Coda',  sans-serif; font-size:9px; text-transform:uppercase; text-align:center;
 box-shadow: 2px 10px 10px #272727;
-webkit-box-shadow: 2px 10px 20px #272727;
   -moz-box-shadow: 2px 10px 20px #272727; z-index:1000; 
}
#idioma2 a:link   { text-decoration:none; color:#999999   }
#idioma2 a:visited{ text-decoration:none; color:#999999;   }
#idioma2 a:hover  { text-decoration:none;  color:#CCCCCC;  }
#idioma2 a:active {  text-decoration:none;  color:#999999;  }