/* style per a Fundació artigas*/
body {
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
    color:black;
    padding:0px;
    margin:0px;
}
body#home {
background:url(img/background.jpg) no-repeat 50% 0%;
}
    a {
    color:#454544;
    text-decoration: none;

    }
    a:visited {color:#454544;}
    a:hover {color: #c1c1c1;}

h1 {
    font-size: 20px;
    margin:0px }
h2 {
    font-size:22px;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin:0px;
    color:black;
}

p {
padding: 5px 0;
margin:0px;
text-align: justify;
color:#454544;
}
div#linia{
    background-color: #b2b2b2;
    height:2px;
    margin:0 0 25px 0;
    border:0px;
    padding:0px;
}
/* ----------container per centrar el layout-------- */
#contenedorGeneral{
   width:100%;
   display:table;
   border-bottom:2px solid #b2b2b2;
}
#contenedor{
   width:1000px;
   margin:0px auto;
   display:block;
}
#contenido{
   display:block;
   float:left;
}
#contenidoInterior{
width:760px;
   min-height:600px;      /* Div de contenido creciente, para que sea adaptable al contenido, pero tenga un minimo de altura siempre */
   height:auto !important;
   height:100%;
   /* _height:550px; */         /* hack internet explorer 6*/
   display:block;
   float:left;
   padding:10px 20px 10px 20px;
   color:#454544;
}
#contenidoLateral_izquierdo{
   width:170px;
   height:100%;
   display:block;
   float:left;
   }
/* ----------cabecera -------------- */

#cabecera {
width:960px;
/*height:140px; */
height:110px;
text-align: left;
padding:10px 0 0 0;
margin:0 auto;
}
a#logo{
    width:63px;
    height:103px;
    background: url(img/logo.gif) no-repeat white;
    display:block;
    float:left;
}
a#logohome{
    width:63px;
    height:103px;
    background: url(img/logo2.gif) no-repeat;
    display:block;
    float:left;
}
#titol{
    width:860px;
    float:right;
}
#titol h2,#titol h3{
    font-weight: bold;
    width:100%;
    display:block;
    margin:0px;
    padding:0px;
}
h1{
    font-size:26px;
    color:#454544;
    float:left;
    font-weight: bold;
    width:50%;
    display:block;
    margin:0px;
    padding:0 0 0 20px;
}
#titol h1{
    width:868px;
    font-size:25px;
    color:black;
    text-align:left;
    padding:10px 0 0 0;
}
#titol h3{
    font-size:14px;
    color:black;
    float:left;
    padding:5px 0;
}

/*-------------------- idiomas --------------------------*/
#idiomas,#idiomashome {
  float:right;
  display:block;
  font-size:10px;
  margin:0px;
  clear:none;
}
#idiomas ul, #idiomashome ul{
  float:left;
  list-style:none;
  margin:0;
    padding:0;
}
#idiomas ul li,#idiomashome ul li{
    width:80px;
    float:left;
    margin:0 2px;
    color:#454544;
    text-align:center;
}
#idiomas ul li#linia,#idiomashome ul li#linia{
    width:3px;
    margin:0;
    padding:0;
}
#idiomas ul li a, #idiomashome ul li a{
    color:#454544;
    }
#idiomas ul li a:hover, #idiomashome ul li a:hover{
    color:black;
}
#idiomas ul li a#activo, #idiomashome ul li a#activo{
padding:0 0 10px 0 ;
color:black;
display:block;
background: url(img/idioma.gif) no-repeat 50% 100%;
font-weight:bold;
}

#idiomashome ul li a#activo{
padding:0 0 10px 0 ;
color:black;
display:block;
background: url(img/idiomahome.gif) no-repeat 50% 100%;
font-weight:bold;
}

/*-------------------- menu --------------------------*/
#menu{
    font-size:14px;
    margin:15px 0 0 20px;
}
#menu ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
#menu ul li{
  color:#454544;
}
#menu ul li a{
  margin:0px;
  display:block;
  padding:2px 2px 2px 0px;
}
#menu ul li a:hover{
    color:black;
    font-weight: bold;
}
#menu ul li#activo a{
color:black;
display:block;
font-weight:bold;
border-color:black;
}

/* -----------------foto----------------------------- */
img#foto{
  padding:20px;
  border:2px solid #e9e9e9;
  float:right;
  margin:0 0 10px 10px;
}

/*-------------------- Listados gerenales ---------------------------*/

ul{
    list-style: none;
    color:#454544;
    margin-top:0px;
    padding:0px;
}
center{
  margin:10px 0px;
    color:#454544;
}


/*-------------------- cuadros ---------------------------*/
#cuadro{
  width:710px;
  background-color:#ededed;
  border-width:2px 0px;
  border-style:solid;
  border-color:#b2b2b2;
  padding:15px 25px;
  margin:0 0 5px 0;
  float:left;

}
#cuadro table{
width:100%;
float:left;
padding:0 5px 10px 5px;

}
#cuadro table td{
  padding:0 10px 0 0;
  vertical-align: top;
}
#cuadro table#foto{
  width:195px;
  margin:0 0px 10px 0px;
  padding:0px;
}
#cuadro table#foto td{
  padding:0px 20px;
}
#cuadro table img{
height:130px;
}
#cuadro table span{
  float:right;
  font-size:10px;
}
 /*------------------- ediciones ----------------------*/
 #cuadroEdiciones{
  background-color:#ededed;
  border-width:0 0 2px 0px;
  border-style:solid;
  border-color:#b2b2b2;
  padding:0px;
  margin:0;
  float:left;
  width:760px;
}
 #cuadroEdiciones table{
  width:100%;
}
 #cuadroEdiciones table td#linia{
background-color:#b2b2b2;
height:2px;
}
 #cuadroEdiciones table#edicion{
  width:740px;
  margin: 0 10px;
}
 #cuadroEdiciones table#edicion td{
padding:20px 5px;
}
#cuadroTituloEdiciones{
  background-color:#dcdcdc;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color:#b2b2b2;
  padding:0px 10px;
  display:block;
  float:left;
  width:740px;
  margin:5px 0 0 0 ;
}
 #cuadroTituloEdiciones table td{
padding:2px 5px;
font-weight:bold;
}
/*-------------------- cuadro titulo ---------------------------*/
#cuadroTitulo{
  background-color:#dcdcdc;
  border-width:2px 0 0 0;
  border-style:solid;
  border-color:#b2b2b2;
  padding:2px 20px;
  display:block;
  float:left;
  width:720px;
  margin:5px 0 0 0 ;
}
#cuadroTitulo span {
    font-size:14px;
    font-weight: bold;
    padding:0px;
    margin:0px;
    float:left;
}

#cuadroTitulo font {
    font-size:12px;
    padding:2px 0 0 15px;
    margin:0px;
    float:left;
}
#ver{
  margin:0 0 15px 0;
  display:block;
  float:left;
}
#ver a{
float:right;
display:block;
font-weight:bold;
}
/*-------------------- buscador ---------------------------*/
#buscador{
  width:100%;
  display:block;
  margin:10px 0;
}
#busca{
float:right;
  display:block;
  margin: 0;
}
strong#resultado{
  display:block;
  float:left;
}
#busca #text{
border:1px solid #dcdcdc;
height:14px;
padding:2px;
color:#454544;
}
#busca #boton{
border:1px solid #dcdcdc;
background-color:#888888;
color:white;
height:20px;
}
/*---------------contacto---------------*/
#mapa{
  padding:20px;
  border:2px solid #e9e9e9;
  float:right;
  margin:10px 0 10px 10px;
  display:block;
}
#formulario{
float:left;
display:block;
margin:10px 0 0 0;
}
#formulario ul{
padding:0;
margin:0;
}
#formulario li{
width:356px;
padding:2px;
}
#formulario li input{
width:350px;
border:1px solid #dcdcdc;
padding:2px;
color:#454544;
}
#formulario li textarea{
width:350px;
height:100px;
border:1px solid #dcdcdc;
padding:2px;
color:#454544;
font-size:12px;
font-family:Verdana;
}
#formulario li input#boton{
width:100px;
border:1px solid #dcdcdc;
background-color:#888888;
color:white;
padding:2px;
font-weight:bold;
float:right;

}

/*  ----------------pie---------------------- */
#pie, #piehome{
width:950px;
height:20px;
display: block;
margin:0 auto;
padding:3px 0 0 0;
text-align:right;
font-size:10px;
font-weight:bold;
}

#pie a, #piehome a {
color:black;
}
 #piehome a {
color:white;
}