/*
 == INFORMACION: =================================================
 * Nome do arquivo:             arela.css
 * Descripcion:                 Codigo Artabro CSS
 * Version:                     2.6.1 (2009-08-08)
 * Url do sitio:                http://arela.com.es
 * Autor:                       Laegnur
 == ESTRUCTURA: ==================================================
 @body                          Estilos Xenerais 
 @contedor                      Contedor Xeral
 @cabeceira                     Cabeceira da Paxina
 @idioma                        Selector do Idioma
 @logo                          Logotipo da Paxina
 @navegacion                    Navegacion da Paxina
 @corpo                         Corpo da Paxina
 @columna                       Columna Lateral
 @bloque                        Contido da Columna
 @contido                       Seccion da Paxina
 @modulo                        Contido da Seccion
 @pe                            Pe da Paxina
 =================================================================
*/

/*
 @body
 =====
*/

body
{
  background-image: url('../img/arela_background.png');
  background-repeat: repeat-x;
  background-position: top left;
}

/*
 @contedor
 =========
*/

div#contedor
{
  width: 960px;
  overflow: hidden;

  margin: 0 auto;
}

.content
{
  padding: 10px;
}

.pre50
{
  padding-left: 50px;
}

.suf50
{
  padding-right: 50px;
}

.suf10
{
  padding-right: 10px;
}

/*
 @cabeceira
 ==========
*/

div#cabeceira
{
  display:inline;
  float: left;

  position: relative;

  width:938px;
  height: 110px;
  overflow: hidden;

  margin: 10px;
  margin-top: 20px;
  margin-bottom: 0;

  border: 1px #060 solid;

  background-color: #fff;
  background-position: top right;
  background-repeat: no-repeat;
}

div#cabeceira.benvida
{
  background-image: url('../img/arela_head01.jpg');
}

div#cabeceira.froitos
{
  background-image: url('../img/arela_head02.jpg');
}

div#cabeceira.productos
{
  background-image: url('../img/arela_head03.jpg');
}

div#cabeceira.recetario
{
  background-image: url('../img/arela_head04.jpg');
}

div#cabeceira.novas
{
  background-image: url('../img/arela_head05.jpg');
}

div#cabeceira.enlaces
{
  background-image:url('../img/arela_head06.jpg');
}

div#cabeceira.contacto
{
  background-image:url('../img/arela_head07.jpg');
}

div#cabeceira.especiais
{
  background-image:url('../img/arela_head08.jpg');
}

/*
 @idioma
 =======
*/

div#idioma
{
  float: right;
  
  position: relative;

  height: 11px;
  
  padding: 5px;

  line-height: 11px;
}

/*
 @logo
 =====
*/

div#logo
{
  width: 250px;
  height: 112px;

  background-image: url('../img/arela_logo.png');
  background-position: top left;
  background-repeat: no-repeat;
}

div#logo h1, div#logo h2
{
  display: none;
}

/*
 @navegacion
 ===========
*/

ul#navegacion
{
  float: right;

  width: 940px;

  margin: 10px 10px 0 10px;
  
  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #006600;

  list-style: none;

  font-size: 14px;
}

ul#navegacion li
{
  display: inline;

  margin: 0;

  padding: 0;
}

ul#navegacion a
{
  
  float: right;

  margin: 0;

  padding: 0 0 0 9px;

  text-decoration: none;
  
  background: url("../img/arela_left.png") no-repeat left top;
}

ul#navegacion a span
{

  float: right;

  display: block;

  padding: 5px 10px 5px 1px;

  color: #060;
  text-transform: uppercase;
  font-weight: bold;

  background: url("../img/arela_right.png") no-repeat right top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#navegacion a span
{
  float:none;
}
/* End IE5-Mac hack */

ul#navegacion a:hover span
{
  color:#333;

  background-position: 100% -28px;
}

ul#navegacion a:hover
{
  position: relative;
  top: 1px;

  background-position: 0% -28px;
}

ul#navegacion a.activa
{
  position: relative;
  top: 1px;
  
  color: #933;

  background-position: 0% -28px;
}

ul#navegacion a.activa span
{
  color: #933;

  background-position: 100% -28px;
}

/*
 @corpo
 ======
*/
div#corpo
{
  display: inline;
  float: left;

  position: relative;

  width: 938px;
  min-height: 250px;
  overflow: hidden;

  margin-left: 10px;
  margin-right: 10px;

  border-left: 1px solid #060;
  border-right: 1px solid #060;
  border-bottom: 1px solid #060;

  background-color: #fff;
}

/*
 @columna
 ==========
*/

div#columna, div#columna_longa
{
  display:inline;
  float: right;

  position: relative;

  min-height: 200px;

  margin-top: 30px;
  margin-left: 10px;
  margin-bottom: 20px;
}

div#columna
{
  width: 180px;
}

div#columna_longa
{
  width:459px;
}

div.bloque
{
  margin-bottom: 20px;
}

div.bloque img
{
  width: 130px;

  border: 1px #060 solid;
}

div.bloque fieldset
{
  width: 105px;

  padding: 15px 15px 15px 15px;
  *padding-top: 0;

  border: 1px #060 solid;

  color: #060;

  background-color: inherit;
}


div.bloque legend
{
  margin-left: -5px;
  margin-bottom: 0;
  *margin-bottom: 15px;

  padding-left: 5px;
  padding-right: 5px;

  text-transform: uppercase;
  line-height: 18px;

  font-size: 14px;
}

div.bloque h3
{
  padding-left: 20px;

  font-size: 14px;
  line-height: 18px;

  background-image: url("../img/arela_ul.png");
  background-repeat: no-repeat;
  background-position: left top;
}

/*
 @contido
 ==========
*/

div#contido, div#contido_corto, div#contido_longo
{
  display:inline;
  float: left;

  position: relative;

  min-height: 250px;

  margin-top: 30px;
  margin-right: 10px;
  margin-bottom: 20px;
}

div#contido
{
  width: 738px;
}

div#contido_longo
{
  width: 938px;
}

div#contido_corto
{
  width:459px;
}

/*
 @modulo
 =======
*/

div.modulo h3
{
  border-bottom:1px solid #006600;

  color:#006600;

  background-color:inherit;
}

div.modulo h4
{
  padding-left: 20px;

  color: #060;
  text-decoration: underline;
  
  background-color: inherit;
  background-image: url("../img/arela_ul.png");
  background-repeat: no-repeat;
  background-position: left 4px;
}

div.modulo ul
{
  padding-left: 20px;
  padding-right: 15px;
}

div.modulo p
{
  text-indent: 30px;
  text-align: left;
}

div.modulo span
{
  display: block;

  padding-left: 30px;

  text-align: center;
}

div.froita img
{
  float: right;

  margin-left: 5px;
  margin-top: 4px;
  *margin-top: 8px;
  margin-bottom: 5px;
  
  border: 1px #060 solid;

  text-align: right;
  
  background-color: #fff;
}

div.seccions1, div.seccions2, div.seccions3,div.seccion_longa1, div.seccion_longa2
{
  display:inline;

  position: relative;

  float: left;

  margin-left: 10px;
  margin-right: 10px;

}

div.seccions1
{
  width: 180px;
}

div.seccions2
{
  width: 309px;
}

div.seccions3
{
  width: 206px;
}

div.seccion_longa1
{
  width: 458px;
}

div.seccion_longa2
{
  width: 399px;
}

div.pdf
{
  float: left;

  width: 150px;

  margin: 18px;

  text-align: center;

  background-color: #FFFFFF;
}

div.pdf p
{
  font-size: 10px;
  font-weight: bold;
}

div.enlace img
{
  float: right;

  margin-left: 5px;
  margin-bottom: 5px;
  
  border: 1px #060 solid;

  text-align: right;
  
  background-color: #fff;
}

div#mapa
{
  float: right;

  height: 240px;
  width: 360px;

  margin-top: 0px;
  *margin-top: 10px;

  padding-left: 10px;

  border: 1px #060 solid;

  background-color: #FFFFFF;
}

div.bodas
{
  text-align: center;
}

div.bodas p
{
  text-align: center;
  text-indent: 0;
}

div.bodas img
{
  border: 1px #060 solid;
}

div.bodas.pdf img
{
  border: 1px solid #006600;
  width: 130px;
}

p.nota
{
  font-size: 10px;

}

div.ingredientes
{
  margin-top: 9px;

  padding: 5px;

  text-align: right;
  color: #fff;

  background-color: #060;
}

div.ingredientes h4
{
  font-weight: bold;
  text-decoration: none;
  color: #fff;

  background-image: none;
}

div.ingredientes h5
{
    border-bottom: 1px #fff solid;

    text-decoration: none;
}

div.ingredientes img
{
  width: 170px;
}

div.contacto p
{
  margin-left: 30px;

  text-indent: 0px;
}

/*
 @pe
 ======
*/
div#pe
{
  display: inline;
  float: left;

  position: relative;

  width: 938px;
  height: 50px;

  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;

  border: 1px #060 solid;

  background-color: #fff;
}

div#pe p
{
  margin-bottom: 0px;

  font-size: 10px;
  text-align: right;
  line-height: 15px;
  color: #060;
}