@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Carrois+Gothic|Oswald);

body{ margin:0; background-color:#333333; width:100%; height:100%; }
/************/
#arnau{ position:absolute; left:0;  width:200px; top:0; z-index:20; height:40px; }
#arnau h1{font-weight:lighter; font-family: 'Oswald', sans-serif; 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-weight:lighter; font-family: 'Carrois Gothic SC', sans-serif;  font-size:10px; text-transform:uppercase; color:#999999; text-align:center; }
#arnau h3{font-weight:lighter; font-family: 'Carrois Gothic SC', sans-serif;  font-size:14px; text-transform:uppercase; color:#999999; text-align:right; margin:4px 20px 0 0; padding:0 }
/************/
#menu{ position:absolute; left:90px; top:180px; width:100px; height:550px; overflow:auto;  text-shadow: 1px 1px 10px #000; padding-right:20px;}
#menu p{background-color:#666; border-bottom:1px dotted #333333; width:100px; margin:0; padding:2px 10px 2px 2px; text-align:right; font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#CCC;  font-size:15px;
        box-shadow: 5px 5px 20px #333;
-webkit-box-shadow: 5px 5px 20px #333;
   -moz-box-shadow:	5px 5px 20px #333;
}
#menu p:hover { background-color:#5D5D5D }
#menu  a:link   { text-decoration:none; color:#CCC     }
#menu  a:visited{ text-decoration:none; color:#CCC }
#menu  a:hover  { text-decoration:none; color:#fff;}
#menu  a:active {  text-decoration:none;  color:#CCC  } 
/************/
#introd{ position:absolute; left: 220px; top:100px; width:350px; height:760px; overflow:auto;   text-shadow: 1px 1px 10px #000; padding-right:20px }
#introd h1{font-weight:lighter; font-family: 'Oswald', sans-serif;   color:#666;  font-size:30px; line-height:29px; margin:0; padding:0;  }
#introd h2{font-weight:lighter; font-family: 'Oswald', sans-serif;  color:#999;  font-size:15px; line-height:19px; margin:0; padding:0 }
#introd p{ text-align:justify;  font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#999999; font-size:12px;  text-shadow: 1px 1px 10px #000;  }
#introd a:link   { text-decoration:none; color:#CCC     }
#introd a:visited{ text-decoration:none; color:#CCC }
#introd a:hover  { text-decoration:underline; color:#fff  }
#introd a:active {  text-decoration:none;  color:#CCC  } 
/************/
#anexo{position:absolute; left: 600px; top:100px; width:450px;  text-shadow: 1px 1px 10px #000; height:760px; overflow:auto; padding-right:20px  }
#anexo h1{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#666;  font-size:30px; margin:0; padding:0;  }
#anexo h2{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#CCC;  font-size:19px; margin:0; padding:0 }
#anexo h3{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#CCC;  font-size:15px; margin:0; padding:0 }
#anexo p{ text-align:justify;  font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#999999; font-size:12px;  text-shadow: 1px 1px 10px #000;  }
#anexo a:link   { text-decoration:none; color:#CCC     }
#anexo a:visited{ text-decoration:none; color:#CCC }
#anexo a:hover  { text-decoration:underline; color:#fff  }
#anexo a:active {  text-decoration:none;  color:#CCC  } 
/************/
#projectes{ position:absolute; top:750px; left:90px; width:960px;}
#projectes #lugar{ background-color:#666; border-bottom:1px dotted #333333; margin:0; padding:2px 10px 2px 40px; font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#CCC;  font-size:15px;
-webkit-box-shadow: inset 0px 11px 20px -12px rgba(51,51,51,1);
-moz-box-shadow: inset 0px 11px 20px -12px rgba(51,51,51,1);
box-shadow: inset 0px 11px 20px -12px rgba(51,51,51,1); float:left; width:910px;}
#projectes #lugar:hover{background-color:#5D5D5D}
#projectes #lugar  a:link   { text-decoration:none; color:#CCC }
#projectes #lugar  a:visited{ text-decoration:none; color:#CCC }
#projectes #lugar  a:hover  { text-decoration:none; color:#CCC;}
#projectes #lugar  a:active {  text-decoration:none;  color:#CCC} 

#projectes #volver{ background-color:#333; height:20px; background-image:url(../img/go.png); background-position:right top; background-repeat:no-repeat; width:960px; position:relative; float:left;}


.note{ font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#999999; font-size:12px;  text-shadow: 1px 1px 10px #000;  position:absolute; left:130px; margin-top:5px; }

#projectes #ficha{ width:478px; height:300px; background-color:#D2D2D2; border-right:1px dotted #333333; border-bottom:1px dotted #333333; float:left;
-webkit-box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);
-moz-box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);
box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);}
#projectes #ficha h1{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#333;  font-size:20px; margin:20px 20px 0 210px; padding:0; text-shadow: 1px 1px 10px #a39da3; }
#projectes #ficha h2{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#666;  font-size:13px; margin:0 20px 0 210px; padding:0; }
#projectes #ficha h3{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#999;  font-size:11px; margin:0 20px 0 210px; padding:0; text-transform:uppercase;}
#projectes #ficha img{ padding:5px; margin:20px 5px 5px 20px; width:190px; border-bottom:1px dotted #333333; border-right:1px dotted #333333; float:left;}
#projectes #ficha p{text-align:justify;  font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#666; font-size:12px; width:438px; height:100px; overflow:auto; position:relative; top:10px; left:20px;  padding:0 20px 30px 0;}
#projectes #ficha a:link   { text-decoration:none; color:#999 }
#projectes #ficha a:visited{ text-decoration:none; color:#999}
#projectes #ficha a:hover  { text-decoration:underline; color:#666}
#projectes #ficha a:active {  text-decoration:none;  color:#999} 

#projectes #fichanofoto{ width:478px; height:300px; background-color:#D2D2D2; border-right:1px dotted #333333; border-bottom:1px dotted #333333; float:left;
-webkit-box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);
-moz-box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);
box-shadow: inset 6px 10px 48px 0px rgba(163,157,163,1);}
#projectes #fichanofoto h1{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#333;  font-size:20px; margin:20px 20px 0 20px; padding:0; text-shadow: 1px 1px 10px #a39da3; }
#projectes #fichanofoto h2{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#666;  font-size:13px; margin:0 20px 0 20px; padding:0; }
#projectes #fichanofoto h3{font-family: 'Oswald', sans-serif;  font-weight:lighter; color:#999;  font-size:11px; margin:0 20px 0 20px; padding:0; text-transform:uppercase;}
#projectes #fichanofoto img{ padding:5px; margin:20px 5px 5px 20px; width:190px; border-bottom:1px dotted #333333; border-right:1px dotted #333333; float:left;}
#projectes #fichanofoto p{text-align:justify;  font-family: 'Carrois Gothic SC', sans-serif; font-weight:lighter; color:#666; font-size:12px; width:438px; height:100px; overflow:auto; position:relative; top:10px; left:20px;  padding:0 20px 30px 0;}
#projectes #fichanofoto a:link   { text-decoration:none; color:#999 }
#projectes #fichanofoto a:visited{ text-decoration:none; color:#999}
#projectes #fichanofoto a:hover  { text-decoration:underline; color:#666}
#projectes #fichanofoto a:active {  text-decoration:none;  color:#999} 



#projectes #fichaimpar{ width:481px; height:301px; float:left; background-color:#333;}