body
{ font-size: 10px;
  color: black;
  font-family: "DejaVu Sans", verdana;
  margin: 0px;
  padding: 0px; }

/* As cousas globais */
a 
{ color: #3465a4;
  text-decoration: none; }
a:hover
{ text-decoration: underline; }

p { margin: 10px;
    font-style: normal; }
img { margin: 10px auto; }
form { margin-top: 10px; }

input
{ border: 1px solid #babdb6;
  font-size: 10px; 
  background: white;
  }

input:hover
{ background: #e5f2ff; }


/* Todo o que hai que esconder. */
hr,
#page-title a span 
{ display: none; }

#wrapper
{ padding: 0px; 
  max-width: 940px; 
  margin: auto;
  position: relative; /* Isto é un hack para que o do login se vexa ben. */
  }

#container
{ background: #f4f4f4 url("imaxes/esquina2-esq.png") no-repeat;
  background-position: left -10px;
  margin-top: 50px;
  }

#container2
{ background: #f4f4f4 url("imaxes/esquina2-der.png") no-repeat; 
  margin-left: 10px; 
  height: 10px; 
  background-position: right -10px;
  }

#footer
{ clear: both; }

#page-title 
{ height: 61px;
  width: 405px; 
  background: url("imaxes/cabeceira.png") no-repeat left bottom; 
  margin: 10px;
  margin-top: 30px; }
#page-title a
{ display: block;
  height: 100%;
  width: 100%;
  background: url("imaxes/bgzbeta.png") no-repeat bottom right; }


.lermais
{ display: block;
  text-align: right;
  font-size: 90%; 
  color: #888a85; }

/******* As columnas principais e os seus elementos ********/
/* As columnas principais. */
#contidos, #central, #social
{ width: 300px;
  margin-right: 10px;
  margin-top: 0px; 
  float: left; }

#contidos img, #central img, #social img
{ max-width: 230px;
  display: block;
  margin: 0px auto 10px auto; }

/* Queremos que o planeta poida medrar ata os 600px 
   Non funciona porque as columnas están na orde que 
   se lles supón: contidos, planeta e social.
   Se puxesemos social e contidos antes de planeta,
   funcionaría, creo.
*/
/*
#planeta
{ width: auto; 
  min-width: 300px;
  max-width: 600px; 
  float: none; 
  margin-left: 310px; }
*/

.bloque
{ padding: 0px;
  border-bottom: 1px solid #babdb6; 
  margin-bottom: 40px; 
  background: white; }

.bloque ul, .bloque ol
{ padding-left: 30px; 
  }

.bloque form, .bloque dl
{ padding: 0px 10px; }

.bloque h2 span
{ display: none; }

.bloque h2
{ height: 22px; 
  display: block; 
  margin: 0px;
  margin-top: -22px; }

#soportais h2
{ background: url("imaxes/bloque-soportais.png") no-repeat 10px top; }
#chuzacultura h2
{ background: #f4f4f4 url("imaxes/bloque-chuzacultura.png") no-repeat 10px top; }
#novasculturais h2
{ background: #f4f4f4 url("imaxes/bloque-novasculturais.png") no-repeat 10px top; }
#planeta h2
{ background: url("imaxes/bloque-planeta.png") no-repeat 10px top; }
#pesquisa h2
{ background: url("imaxes/bloque-pesquisa.png") no-repeat 10px top; }
#convocatorias h2
{ background: #f4f4f4 url("imaxes/bloque-convocatorias.png") no-repeat 10px top; }
#chat h2
{ background: #f4f4f4 url("imaxes/bloque-chat.png") no-repeat 10px top; }
#estatisticas h2
{ background: #f4f4f4 url("imaxes/bloque-estatisticas.png") no-repeat 10px top; }
#streaming h2
{ background: #f4f4f4 url("imaxes/letras/bloque-streaming.png") no-repeat 10px top; }
#usuariodia h2
{ background: #f4f4f4 url("imaxes/letras/bloque-usuariodia.png") no-repeat 10px top; }

.publicidade 
{ margin-top: -20px; }
.publicidade h2 span { display: block; }
.publicidade h2
{ /* background: url("imaxes/bloque-publicidade.png") no-repeat 10px top;  */
  background-color: #f4f4f4;
  color: #bababa;
  font-weight: normal;
  font-size: 10px;
  height: 12px;
  margin-top: -12px;
  margin-bottom: 10px; }


/* Os soportais */
.soportal
{ border-left: 15px solid #bababa;
  border-bottom: 1px solid #bababa; }

.soportal h3 span { display: none; }

.soportal h3
{ margin-top: 0px;
  padding-top: 10px;
  height: 23px; }

.soportal h3 a
{ display: block;
  height: 100%;
  height: 100%; }

#letras h3
{ background: url("imaxes/soportal-letras.png") no-repeat 10px 10px; }
#letras
{ border-color: #f6bb63; }

#arquivo h3
{ background: url("imaxes/soportal-arquivo.png") no-repeat 10px 10px; }
#arquivo
{ border-color: #729fcf; }

#multimedia h3
{ background: url("imaxes/soportal-multimedia.png") no-repeat 10px 10px; }
#multimedia
{ border-color: #ad7fa8; 
/*  opacity: 0.2; */
  }
/* #multimedia a { display: none;  } */

#colabora h3
{ background: url("imaxes/soportal-colabora.png") no-repeat 10px 10px; }




/* O Planeta Blogomillo */
.post
{ border-bottom: 1px solid #f4f4f4;
  padding-top: 5px; }

.post h3 
{ font-size: 135%;
  font-weight: bold;
  margin: 0px 10px 10px 10px;
  padding: 0px;
  font-family: "Liberation Sans", tahoma;
  }
.post h3:first-letter
{ text-transform: uppercase; }

.post .orixe span
{ display: none; }

.post .orixe
{ color: #888a85;
  padding: 0px;
  margin: 5px 10px;
  }

.post .orixe:first-letter
{ text-transform: uppercase; }

.post .orixe a
{ color: #bababa; }

.destacada
{ border-color: #d14747; }
.destacada .orixe, .destacada a, .destacada .orixe a
{ color: #d14747; }


/* A caixa de busca. */
#pesquisa input.input
{ width: 200px; }
#pesquisa input.boton
{ width: 70px; }

/* A caixa de login. */
#login
{ 
  position: absolute;
  top: -30px;
  right: 0px;
  margin-left: 250px; 
  float: right;
  width: 190px;
  height: 80px;
  background: url("imaxes/bloque-login.png") top left no-repeat;
  padding-left: 24px;
  padding-right: 10px;
  text-align: left;}

#login *
{ font-size: 9px; }

#login p
{ margin: 0px;
  padding: 0px; }

#login h2
{ display: none; }

#login ul
{ list-style: none; 
  margin: 0px;
  padding: 0px;
  text-align: center;
  clear: both; }

#login input
{ margin-bottom: 5px;
  margin-left: 5px; 
  }

#user_login:before { content:"Usuario"; }
#user_pass:before { content:"Contrasinal"; }

#user_login, #user_pass
{ width: 175px; }

#wp-submit, #signup-submit 
{ display: inline-block; 
  width: auto; }


#login label
{ float: right; 
  display: block; }

#login .axuda
{ position: relative;
  top: 73px;
  right: 10px; }

/* O pe. */
#footer
{ background: #e5f2ff;
  border-top: 1px solid white;
  display: block; }

#footer * 
{ margin: 0px;
  padding: 0px;
  display: inline-block; }

#footer hr { display: none; }

#copyright, #acercade ul li, #sementes
{ border-right: 1px solid white;
  padding: 7px;
  vertical-align: middle; }

#copyright span
{ display: none; }

#copyright
{ vertical-align: middle;
  width: 170px; 
  display: inline-block;
  background: url("imaxes/blogaliza-pequecho.png") no-repeat center left;
  height: auto;
  border-left: 0px solid black;
  min-height: 14px;
  margin-left: 10px; }

#copyright a
{ display: block;
  height: 100%;
  width: 100%; }

#acercade h2 { display: none; }

#sementes
{ vertical-align: middle; }

#sementes h2
{ font-size: 10px;
  color: #babdb6;
  font-weight: normal;
  display: inline-block; }

#sementes ul
{ list-style: none;
  margin: 0px;
  padding: 0px; 
  display: inline-block; }

#sementes ul li
{ display: inline-block; }

#sementes ul li:after
{ content: ","; }
#sementes ul li.last:after
{ content: "."; }


/* Para o 'auch', cando BGZ falla. */
#wrapper.auch #header
{ display: none; }
#wrapper.auch #aviso h2
{ text-align: center;  }
#wrapper.auch #aviso
{ height: 411px;
  width: 300px;
  padding: 240px 20px 20px 20px;
  margin: auto;
  margin-top: 10%; 
  background: url("imaxes/bgz-auch-full.png") no-repeat top center; }


/* Desactivar seccións.
   Hai que engadir a clase .desactiva á sección. */
div.desactiva *
{ opacity: 0.2;
  background: white; }

/* Isto desactiva os enlaces das seccións desacttivadsa. */
/* .desactiva a
{ display: none;  } */


/* A praza da verdura */
#chat
{ padding-bottom: 5px;
  }
#chat .lareta *,
#chat .twitter *,
#chat .chuza *
{ margin: 0px;
  padding: 0px; }

#chat .lareta ul,
#chat .twitter ul,
#chat .chuza ul
{ list-style: none; }

#chat .lareta ul li,
#chat .twitter ul li,
#chat .chuza ul li
{ min-height: 16px;
  border-top: 1px solid #f4f4f4;
  padding: 5px 10px 5px 30px;
  }

#chat .lareta ul li
{ background: url("imaxes/ico-lareta.png") no-repeat 10px 5px; }
#chat .twitter ul li
{ background: url("imaxes/ico-twitter.png") no-repeat 10px 5px; }
#chat .chuza ul li
{ background: url("imaxes/ico-chuza.png") no-repeat 10px 5px; }

/* Compartir as novas */
.compartir
{ float: left;
  width: 16px;
  height: 16px; 
  margin-left: 10px;
  margin-top: -2px;
  background: url("imaxes/ico-share.png") no-repeat center center; }
.compartir h3 span,
.compartir .globo { display: none; }
.compartir:hover .globo,
.compartir .globo:hover
{ display: block; }
.compartir .globo
{ position: relative;
  width: 193px; 
  margin-left: -4px; 
  margin-top: 3px;}
.compartir .globo ul.tripa li
{ margin: 0px;
  padding: 0px;
  display: inline;
  float: left;
  }
.compartir .globo h3
{ margin: 0px;
  padding: 0px; 
  height: 25px;
  background: url("imaxes/share-globo-top.png") no-repeat top center; 
  }
.compartir .globo ul.tripa
{ background: url("imaxes/share-globo-middle.png") repeat-y center center;
  margin: 0px; 
  padding: 0px; 
  padding-left: 8px;
  list-style: none;
  height: 20px; }
.compartir .globo span.base
{ display: block; 
  margin-bottom: -15px;
  margin-top: -5px;
  height: 15px;
  background: url("imaxes/share-globo-bottom.png") no-repeat bottom center; }


/* O reprodutor multimedia */
#reprodutor
{ width: 280px;
  height: 239px; 
  background: url("imaxes/reprodutor.png") center center no-repeat; 
  margin: 10px auto; }


/* Revisar as marxes aqui. */
#usuariodia h3
{ margin-top: 10px;
  margin-bottom: 0px; }
#usuariodia
{ padding-bottom: 10px; }
#usuariodia img.gravatar-large
{ float: left;
  margin: 10px 10px 10px 10px
  }
#usuariodia p, #usuariodia ul, #usuariodia li
{ display: inline; 
  list-style: none;
  padding: 0px; 
  margin: 0px;
  }
#usuriodia li:after
{ content: ","; }

/* Os globos de axuda */
.axuda
{ width: 10px;
  height: 10px;
  background: url("imaxes/axuda.png") no-repeat center center;
  float: right;
  margin-top: -17px;  
  }

.axuda .globo h3 span,
.axuda .globo { display: none; }

.axuda:hover .globo,
.globo:hover
{ display: block; }

.globo
{ position: relative;
  width: 193px; 
  margin-left: -177px; 
  margin-top: 0px; 
  font-size: 90%; }

.globo div.tripa p 
{ margin: 0px;
  padding: 0px 12px;
  margin-bottom: 5px;
  }

.globo h3
{ margin: 0px;
  padding: 0px; 
  height: 25px;
  background: url("imaxes/axuda-globo-top.png") no-repeat top center; 
  }
.globo div.tripa
{ background: url("imaxes/axuda-globo-middle.png") repeat-y center center;
  margin: 0px; }

.globo span.base
{ display: block; 
  margin-bottom: -15px;
  margin-top: -5px;
  height: 15px;
  background: url("imaxes/axuda-globo-bottom.png") no-repeat bottom center; }

/* O caso especial do globo de axuda do login. */
#login .axuda .globo 
{ font-size: 100%; }
#login .axuda .globo p
{ margin: 0px 15px 5px 15px; }