/*

  CSS de http://aaup.cat
  Escrit per JRDV http://jrdv.cat

*/

* { margin: 0; padding: 0; }

a { text-decoration: none; color: #3D3D3D; }

.clear { clear: both; }

pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
h1, h2, h3, h4 { font-weight: normal; }

img { border: none; }

body
{
  font-family: "Futura", "Trebuchet MS", Arial, Sans-serif;
  min-width: 900px;
}

#barratop
{
/*  position: absolute;*/
  display: block;
  height: 150px;
  width: 100%;
  background-color: #3D3D3D;
}

.faixa
{
  position: relative;
  margin: 0 auto;
  width: 900px;
}

#aaup /*h1*/
{
  font-size: 5em;
/*  padding: 20px;*/
padding: 20px 20px 0px 20px;
/*  margin-bottom: 20px;*/
  float: left;
}

  #aaup a
  {
    color: #D8C8B6;
  }

  #aaup a:hover
  {
    color: #FFFFFF;
  }

#arqass
{
  clear: both;
  padding: 0 0 0 20px;
  font-size: 0.5em;
  color: #D8C8B6;
}

#menu
{

}

  #menu ul
  {
    float: right;
  }

  #menu li
  {
    list-style-type: none;
    margin-left: 10px;
    float: left;
  }

  #menu a
  {
    padding: 5px 20px;
    width: 62px; /*MOD MENU FIX*/
    text-align: center; /*MOD MENU FIX*/
    font-variant: small-caps;    
    background-color: #D8C8B6;  
    color: #3D3D3D;
    display: block;

  }
  
  /* Menu actiu */

    body.home #menu .home,
    body.aaup #menu .aaup,
    body.projectes #menu .projectes,
    body.contacte #menu .contacte
    {
      border-left: 2px solid #D8C8B6;
      background-color: #3D3D3D;
      color: #D8C8B6;
    }

    #menu a:hover
    {
      color: #fff;
    }


    #menu .subm
    {
      position: absolute;
      color: #D8C8B6;
      font-size: 0.8em;
      bottom: 0;

      padding: 15px 15px;
      border-left: 2px solid #D8C8B6;

    }

    #menu .subm li
    {
      float: none;
      padding: 3px 0;
      margin: 0;
    }

    #menu .subm a
    {
      padding: 0;
      width: 200px; /*MOD MENU FIX*/
      text-align: left;
      font-variant: normal;
      color: #D8C8B6;
      background-color: transparent;
      border: none;
    }

/* Submenu seleccionat */
    body.equip #menu .subm a.equip,
    body.jordi-romero-arquitecte #menu .subm a.jordi-romero-arquitecte,
    body.curriculum #menu .subm a.curriculum,
    body.urbanisme #menu .subm a.urbanisme,
    body.espai-public #menu .subm a.espai-public,
    body.edificacio #menu .subm a.edificacio
    {
      color: #FFFFFF;
      text-decoration: underline;
    }

#mollesdepa
{
  font-size: 0.7em;
  margin-bottom: 20px;
}

.visible { display: block; }
.invisible { display: none; }

body.aaup .aaupsub,
body.equip .aaupsub,
body.jordi-romero-arquitecte .aaupsub,
body.curriculum .aaupsub,
body.projectes .projectessub,
body.urbanisme .projectessub,
body.espai-public .projectessub,
body.edificacio .projectessub
{
  display: block;
}


#contingut
{
  font-size: 0.8em;
  font-weight: normal;
  color: #222222;
}

#contingut hr
{
  border: 0;
  border-top: 1px solid #666666;
  margin: 15px 10px;
  clear: both;
}

#contingut p
{
  margin-bottom: 15px;
}

hr.clear
{
  clear: both;
}

#contingut li ul, #contingut  li ol {margin:0 1.5em;}
#contingut ul, #contingut ol {margin:0 1.5em 1.5em 1.5em;}

.esq { float: left; }

.dre { width: 440px; float: right; } /*MOD MENU FIX*/

.esqgran { width: 520px; }
.drepetit { width: 320px; }

#contingut a
{
  text-decoration: underline;
  
}

#contingut h1
{
  margin-bottom: 10px;
}

.quadrat
{
  display: block;
  padding: 20px;
  margin: 20px 0;
  width: 400px;
  background: #DDDDDD;
}

.esq .quadrat
{
	width: 400px;
}

.quadratgran
{
  width: 480px;
}

.quadratpetit
{
  width: 280px;
}

.quadratfoto
{
  margin: 20px 0 0 0;
}

#inici-breu
{
  background: #FFFFFF;
  background: #BDB3A5;
  height: 400px;
}
#projectes-categories
{
  background: #DDD8D0;
/*  background: #FFFFFF;*/
  border-top: 1px solid #BDB3A5;
}

#projectes-destacats
{
  margin-bottom: 40px;

}

  #projectes-destacats h2
  {
    margin-left: 15px;
  }

  #projectes-destacats .destacat
  {
    margin: 15px 11px 0 15px;
    margin: 0;
    border: 0;
    float: left;
    position: relative;
  }

  #projectes-destacats .destacat .caption
  {
    display: none;
    overflow: hidden;
  }

  #projectes-destacats .destacat:hover .caption
  {
    display: block;
    position: absolute;
    background: black;
    color: white;
    top: 0;
    width: 150px;
    height: 150px;

    opacity: .70;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }

  #projectes-destacats .destacat .caption h3
  {
    margin: 5px;
  }

  #projectes-destacats a, #projectes-destacats a:hover
  {
    text-decoration: none;
  }

#projectes-cerca
{
  background: #FFFFFF;
  background: #BDB3A5;
}
#inici-contacte
{
  padding: 40px 0;
/*  position: absolute;
  bottom: 0;*/
  font-size: 0.8em;
  width: 100%;
}

.persona
{
  display: block;
  padding: 20px;
}

  .persona img
  {
/*    padding: 5px;*/
/*    border: 1px solid #BDB3A5;*/
    margin: 0 20px;
    float: left;
  }
  
.categoria
{
}

.categoria a
{
  display: block;
  float: left;
  text-align: center;
  width: 300px;
  margin-right: 0;

}

#contingut .categoria a
{
  text-decoration: none;
}

#contingut .categoria a:hover
{
  text-decoration: underline;
}

.categoria-ultima
{
}
  .categoria h4
  {
/*    margin: 0 0 0 60px;*/
    position: absolute;
    bottom: 0;
    background: #000000;
    width: 300px;
    color: #ffffff;

    opacity: .70;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    
    line-height: 2.5em;
    font-weight: normal;
    font-size: 1.4em;
  }

  .categoria:hover h4
  {
    height: 211px;
  }
  
  .categoria img
  {
    float: left;
    clear: both;
    border: 0;
  }

  
.cerca
{
  width: 70%;
}
.cercabt
{
  width: 25%;
}

textarea
{
  width: 100%;
}

.vistaprevia
{
  background-color: #D0D0D0;
  padding: 10px;
  border: 1px solid black;
  margin-bottom: 15px;
}

.projecte
{
  display: block;
  min-height:100px;
  height:auto !important; /*This line and the next are a hack to make fucking IE work fine*/
  height:100px;
  margin: 20px 0;
}

#contingut .projecte:hover h3 a
{
  text-decoration: underline;
}

.projecte.odd
{
/*  background-color: #E6E6E6;*/
}

.projecte .projecte-thumb
{
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 10px 0 0;
}

.projecte-utils
{
  float: left;
  display: block;
  margin-left: -100px;
  width: 80px;
  text-align: right;
}

  .projecte-utils li
  {
    list-style-type: none;
  }

  .projecte-utils a
  {
      display: block;
      margin: 0;
      height: 22px;
      width: 22px;
      text-indent: 400px;
      overflow: hidden;
  }

  .projecte-utils .utils-up a
  {
      background: url("/images/up.png") no-repeat top right;
  }
 .projecte-utils .utils-down a
  {
      background: url("/images/down.png") no-repeat top right;
  }
 .projecte-utils .utils-fav a
  {
      background: url("/images/fav.png") no-repeat top right;
  }
 .projecte-utils .utils-unfav a
  {
      background: url("/images/unfav.png") no-repeat top right;
  }

.projecte .projecte-year, .projecte h3
{
  display: inline;
}

.projecte .projecte-year
{
  font-size: 0.9em;
  margin-left: 10px;
}

#contingut .projecte h3 a
{
  font-weight: normal;
  font-size: 1.1em;
  text-decoration: none;
}

.projecte .projecte-description
{
  color: #454545;
}

#admin {
	z-index: 100;
  position: absolute;
  top: 0;
  height: 25px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  display: inline-block;
  background-color: #222;
  opacity: 0.8;
  position: fixed;
  display: inline;
  margin-right: 10px;
  width: 100%; }
  #admin li {
    list-style-type: none;
    margin-left: 0px;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 4px;
    padding-right: 4px; }
    #admin li.first {
      padding-left: 0px; }
    #admin li.last {
      padding-right: 0px; }
  * html #admin {
    overflow-x: hidden; }
  #admin a {
    line-height: 20px;
		font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    text-decoration: none; }
    #admin a:hover {
      text-decoration: underline; }
  #admin ul li {
    margin-right: 20px; }


th {
  text-align: left;
}

#projecte-destacat
{
  display: block;
  width: 440px;
  height: 440px;
  float: left;
  margin-top: 20px;
}

#projecte-destacat ul
{
  margin: 0;
  padding: 0;
}
#projecte-destacat li
{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.formfoto
{
  background-color: #eee;
  padding: 10px;
  margin-bottom: 20px;
  height: 100px;
}
.formfoto img
{
  float: right;
}
.formfoto .formfotodel
{
  margin-bottom: 10px;
}

.formfoto input
{
  margin-bottom: 10px;
}

.formfoto .formfotodesc input
{
  width: 300px;
}

.destroy
{
  color: #9C0501;
}
textarea
{
  padding: 5px;
}

.noticia
{
  clear: both;
  margin-bottom: 25px;
}
.noticia date
{
  color: #666;
  float: left;
  margin-right: 10px;
}

.noticia h3, .noticia h4
{
  font-size: 1.3em;
}

#inici-noticies .mesnoticies
{
  margin-top: 25px;
}

.noticia.titol h3, .noticia.titol h4
{
  display: inline;
}
.noticia.titol date
{
  float: none;
  margin-left: 10px;
}

body.jordi-romero-arquitecte img
{
  float: right;
  margin: 0 0 25px 25px;
}