/*
-----------------------------------------------
Festa Avant 2010 Template

Name:     Festa Avant 2010 Template
Designer: Hipertextos
URL:      www.hipertextos.net
Date:     25 may 2010
----------------------------------------------- */
#navbar-iframe {
	height: 0px;
	visibility: hidden;
	display: none;
}

#space-for-ie {
	height: 0px;
	visibility: hidden;
	display: none;
}

* {
  margin:0px;
  padding:0px;
  border:none;
}

body {
  background:url('http://www.avantdigital.org/wp-content/themes/church_40/images/background.jpg') repeat center top fixed #fff;
  color:#333;
  font: 100%/12px Helvetica, Arial, Verdana, sans-serif;
  line-height:1.2em;
  text-align:center;
}

a {
  color:#A09786;
  text-decoration:none;
}
a:hover {
  color:#111;
}
a:visited {
  color:#A09786;
  text-decoration:none;
}
a:visited:hover {
  color:#555;
}

blockquote {
  border-left:1px solid #999;
  font:12px Times, Serif;
  margin:20px 10px 10px 30px;
  padding:0px 0px 0px 10px;
}
blockquote div {

}

h1 {
  color:#000;
  clear:both;
  display:block;
  font-size: 24px;
  margin:20px auto;
}
h2 {
  font-size: 14px;
  margin:5px 0px;
  text-align:center;
}
h3 {
  clear:both;
  color:#000;
  display:block;
  font-size: 24px;
  line-height:1.2em;
  margin:5px 0px;
  padding:0px;
  text-align:left;
}
h3 a {
  border-left:24px solid #AA0000;
  color:#AA0000;
  display:block;
  padding:0px 0px 0px 5px;
}
h3 a:visited {
  border-left:24px solid #666;
  color:#666;
  display:block;
  padding:0px 0px 0px 5px;
}
h3 a:hover {
  border-left:24px solid #CD3300;
  color:#CD3300;
  display:block;
  padding:0px 0px 0px 5px;
}
h3 a:visited:hover {
  border-left:24px solid #CD3300;
  color:#CD3300;
  display:block;
  padding:0px 0px 0px 5px;
}
h4 {
  color:#000;
  cursor:pointer;
  display:block;
  font-size:18px;
  margin0px;
  padding:5px;
  text-align:center;
}
h5 {
  display:block;
  font-size:18px;
  margin:80px 0px 0px;
  padding:0px;
  text-align:center;
}
h6 {
  border-bottom:2px solid #ddd;
  color:#A09786;
  cursor:pointer;
  display:block;
  font-size:24px;
  margin:30px 0px 10px;
  padding:10px 5px;
  text-align:center;
}
h6:hover {

}
ul {
  list-style:none;
  margin:0 auto 20px;
}
li {
  list-style:none;
  padding-left:5px;
}
li a {
  display:block;
  font-weight:bold;
  padding:2px 10px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
li a:hover {
  color:#666;
}

ul.pdf,ul.link {
  padding:0px 0px 0px 20px;
}
ul.pdf li {
  background: url('http://fpereardiaca.org/images/pdf.gif') no-repeat left center;
  font-size:16px;
  padding:0px 5px 0px 14px;
}
ul.link li {
  background: url('http://fpereardiaca.org/images/link.gif') no-repeat left center;
  font-size:16px;
  padding:0px 5px 0px 14px;
  text-align:left;
}

p {
  margin:0px;
}

.left {
  float:left;
  margin:10px 5px;
  text-align:left;
  width:45%;
}
.right {
  float:right;
  margin:10px 5px;
  text-align:left;
  width:45%;
}
.leftlittle {
  float:left;
  margin:10px 5px;
  text-align:left;
  width:150px;
}
.rightbig {
  float:right;
  margin:10px 5px;
  text-align:left;
  width:700px;
}

#page {
  margin:10px auto;
  width:100%;
}
#head {
  background:url('http://fpereardiaca.org/img/headavantpcc.jpg') no-repeat center bottom #aaa;
  height:130px;
  margin:0px auto;
  width:960px;
  box-shadow:4px 4px 4px #333;
  -moz-box-shadow:4px 4px 4px #333;
  -webkit-box-shadow:4px 4px 4px #333;
}
#head.ciberactivisme {
  background:url('http://fpereardiaca.org/img/headavantciberactivisme.jpg') no-repeat center bottom #aaa;
}
#head.festa {
  background:url('http://fpereardiaca.org/img/headavantfesta.jpg') no-repeat center bottom #aaa;
}
#head.avant {
  background:url('http://fpereardiaca.org/img/headavant.jpg') no-repeat center bottom #aa0000;
}
#head.pcc {
  background:url('http://fpereardiaca.org/img/headavantpcc.jpg') no-repeat center bottom #aa0000;
}
#head.realitat {
  background:url('http://fpereardiaca.org/img/headrealitat.jpg') no-repeat center bottom #fff;
}

#headline {
  margin:50px 20px 0px 340px;
}

#social-net {
  display:block;
  float:right;
  padding:0px;
  width:220px;
}
#social-net img {
  display:block;
  float:left;
  height:16px;
  margin:5px 1px;
  padding:0px;
  width:16px;
}

#menu {
  background:#000;
  height:24px;
  font-size:12px;
  margin:0px auto 0px;
  padding:6px 0px 0px;
  width:960px;
}
#menu ul {
  margin:0px auto 0px;
  padding-left:100px;
}
#menu li {
  float:left;
  margin:-6px 0px 0px;
  width:120px;
}
#menu a {
  background:#000;
  color:#fff;
  padding:5px 0px 4px;
}
#menu a:hover {
  background:#222;
  border:none;
  color:#eee;
  text-decoration:underline;
}

#menu2 {
  background:url('http://www.avantdigital.org/wp-content/themes/church_40/images/navbar.png') repeat center top;
  font-size:12px;
  height:30px;
  margin:-20px auto 0px;
  width:960px;
  box-shadow:4px 4px 4px #333;
  -moz-box-shadow:4px 4px 4px #333;
  -webkit-box-shadow:4px 4px 4px #333;
}
#menu2 ul {
  padding:0px 0px 0px 50px;
}
#menu2 li {
  float:left;
  width:175px;
}
#menu2 a {
  border:none;
  color:#fff;
  margin:1px 0px 0px;
  padding:4px 0px;
}
#menu2 a:hover {
  background:#222;
  border:none;
  color:#aaa;
  text-decoration:underline;
}

#pdfbox {
  background:url('http://lh5.ggpht.com/_9R3YsTvwdfQ/S-ccvn338LI/AAAAAAAABp0/AVIIz4VbxLU/s800/portada.jpg') no-repeat right top;
  border-bottom:2px solid #aaa;
}
#pdfboxint {
  background:#fff;
  clear:both;
  padding:10px 10px 50px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

#breadcrumb {
  background:url('http://www.avantdigital.org/wp-content/themes/church_40/images/navbar.png') repeat center top;
  color:#ddd;
  font-size:12px;
  font-weight:bold;
  height:30px;
  line-height:1em;
  margin:-5px auto 0px;
  text-align:left;
  width:960px;
  box-shadow:4px 4px 4px #333;
  -moz-box-shadow:4px 4px 4px #333;
  -webkit-box-shadow:4px 4px 4px #333;
}
#breadcrumb a {
  color:#ddd;
}
#breadcrumbroute {
  float:left;
  padding:6px 20px;
  width:720px;
}
#breadcrumbsearch {
  float:left;
  padding:4px 0px;
  width:200px;
}
#breadcrumbsearch input {
  padding:2px;
  -webkit-border-radius: 6px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}

#content {
  background:#fff;
  border:1px solid #333;
  margin:0px auto 0px;
  width:960px;
  -webkit-border-radius: 0px 6px 0px 6px;
  -opera-border-radius: 0px 6px 0px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  box-shadow:4px 4px 4px #333;
  -moz-box-shadow:4px 4px 4px #333;
  -webkit-box-shadow:4px 4px 4px #333;
}

#main {
  background:#fff;
  float:left;
  margin:20px 10px 30px;
  padding:0px 0px 200px;
  width:520px;
}

#sidebar {
  display:block;
  float:left;
  margin:10px 0px;
  padding:10px;
  text-align:left;
  width:400px;
}

#sidebar1 {
  display:block;
  float:left;
  margin:20px 0px;
  padding:10px;
  text-align:left;
  width:180px;
}
#sidebar1 ul {

}
#sidebar1 li {

}
#sidebar1 a {
  border:1px solid transparent;
}

#sidebar2 {
  display:block;
  float:left;
  margin:20px 0px;
  padding:10px;
  text-align:left;
  width:180px;
}
#sidebar1 img, #sidebar2 img {
  margin:0 auto;
  width:140px;
}
#sidebar2 a {
  border:1px solid transparent;
}

#slideshow {
    background:#fff;
    clear:both;
    position:relative;
    height:275px;
    margin:0px 5px 0px;
    overflow:hidden;
    width:390px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    width:390px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.tabs {
  font-size:12px;
  line-height:1.4em;
  text-align:left;
}
ul.tabNavigation {
  height:1px;
}
ul.tabNavigation li {
  border-right:1px solid #aaa;
  float:left;
  margin:1px;
  text-align:left;
}
ul.tabNavigation li a {
  color:#AA0000;
}
ul.tabNavigation li a.active {
  color:#000;
}
#first, #second, #third, #fourth {
  border:1px solid #aaa;
  margin:0px 0px 0px;
  padding:15px 5px 5px;
  -opera-border-radius: 6px;
  -moz-border-radius: 6px;
}
img.tab {
  width:380px;
}
#first, #second, #third, #fourth p {
  text-align:justify;
}

.post {
  border-top:2px solid #ddd;
  color:#555;
  font-size:12px;
  line-height:1.2em;
  margin:10px 0px 0px;
  padding:10px 10px 10px;
  text-align:justify;
}

p.previous {
  color:#aaa;
  font-size:18px;
  font-weight:bold;
  margin:20px auto;
  text-align:center;
}
p.previous a {
  color:#000;
}

p.post-date {
  border-top:1px solid #eee;
  font-size:12px;
  margin:0px 0px 0px;
  text-align:left;
}
p.post-date a {
  font-weight:bold;
}
p.post-body {
  text-align:justify;
}
.post img {
  background:#eee;
  border:1px solid #ccc;
  float:left;
  margin:10px 10px 0px 0px;
  padding:5px;
  width:250px;
}
.post img.big {
  background:#eee;
  border:1px solid #ccc;
  float:left;
  margin:10px 10px 20px 0px;
  padding:5px;
  width:490px;
}
p.post-source {
  font-size:12px;
  margin:0px 0px 0px 0px;
  text-align:left;
}
p.post-source a {
  font-weight:bold;
}
p.post-footer {
  clear:both;
  font-size:0.8em;
  margin:10px auto;
  padding:5px;
}
p.post-footer p {

}
.post-footer a {
  background:transparent;
  border:1px solid transparent;
  color:#aa0000;
  font-size:12px;
  font-weight:bold;
  margin:0px 10px;
  padding:5px 10px;
}
p.post-footer a:hover {
  background:#ddd;
  border:1px solid #aaa;
  color:#fff;
}
p.blogger-labels {
  border-top:1px solid #ddd;
  clear:both;
  display:block;
  font-size:0em;
  margin:0px;
  padding:10px 0px 0px 0px;
}
p.blogger-labels a {
  background:#eee;
  border:1px solid #ddd;
  font-size:12px;
  margin:0px 5px;
  padding:5px 10px;
}
p.blogger-labels a:hover {
  background:#ddd;
  border:1px solid #aaa;
}
.comments {
  margin: 10px;
  font-size: 12px;
  text-align:left;
}
.comments-block {
  background: #eee;
  border: 1px solid #ddd;
  font-size:1.4em;
  line-height: 1.6em;
  margin-bottom: 20px;
  padding: 10px;
}
.comment-body {
  background: #ddd;
  border:1px solid #aaa;
  color: #999;
  font-size:0.9em;
  padding:5px;
  text-align:justify;
}
.comment-timestamp {
  font-size: 0.9em;
}
a.comment-link {
  font-size: 1.2em;
  color: rgb(76,86,108);
}
.home-previous {
  color:#999;
  display:block;
  margin:0px auto;
  padding:2px;
}
.home-previous a {
  color:#A09786;
  font-weight:bold;
}
.home-previous a:hover {
  color:#666;
}

#archive {
  margin:30px 0px;
}
#previous {
  margin:30px 0px;
}

#footer {
  background:#fff;
  border:1px solid #aaa;
  font-size:13px;
  margin:40px auto 100px;
  padding:10px;
  width:960px;
  -webkit-border-radius: 0px 6px 0px 6px;
  -opera-border-radius: 0px 6px 0px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  box-shadow:4px 4px 4px #333;
  -moz-box-shadow:4px 4px 4px #333;
  -webkit-box-shadow:4px 4px 4px #333;
}
#footer p {
  font-size:12px;
}
#footer p.staff {
  font-size:18px;
  font-weight:bold;
}

#footer img {
  margin:10px auto;
}