@charset "utf-8";

/* RESETTING DEFAULTS
------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin-bottom:20px;
}


/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
background:url(../logos/bg_body.png) repeat-x #c9c9c9 fixed;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000;
text-align:center; /*si no ho poso IE 5.5 no centrara el container*/
}

a:link {
text-decoration:underline;
color:#829900;
}

a:visited {
text-decoration:underline;
color:#829900;
}

a:hover {
text-decoration:none;
color:#aebd59;
}

a:active {
text-decoration:underline;
color:#aebd59;
}

ul {
margin-left:30px;
padding-left:0;
}

ol {
margin-left:30px;
padding-left:0;
}


/* HEADINGS
------------------------------------------------------------------------*/
h1 {
width:621px;
padding-left:45px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:25px;
padding-top:8px;
padding-bottom:10px;
color:#fff;
background:url(../logos/bg_titol.gif) no-repeat left top #4d590d;
}

h1 a:link {color:#fff; text-decoration:none;}
h1 a:visited {color:#fff; text-decoration:none;}
h1 a:hover {color:#aebd59; text-decoration:none;}
h1 a:active {color:#fff; text-decoration:none;}

h2 {
color:#4d590d;
border-bottom:1px dotted #829900;
font-size:18px;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {text-decoration:none;}

h3 {
color:#4d590d;
font-size:15px;
}

h4 {
color:#4d590d;
font-size:12px;
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#container {
width:954px;
margin:0 auto;
padding:25px 0 20px 0;
background:url(../logos/bg_peace.gif) no-repeat 15px bottom #fff;
}

#header {
width:924px;
height:74px;
margin:0 auto;
}

#header img {
float:left;
border:0;
}

#header .logo {
width:288px;
height:74px;
margin-right:15px;
}

#header .tagline {
width:349px;
height:44px;
}

#header form {
float:right;
font-size:9px;
}

#header fieldset {border:none;} 

#header label {text-align:right;}

#header select {
font-size:11px;
border:1px solid #999;
background-color:#efefef;
}

#enclose {
width:924px;
margin:0 auto;
text-align:left; /*anulem el text centrat del body*/
overflow:hidden; /*Simple Clearing of Floats (amb overflow:auto apareix scroll)*/
}

#columnLeft {
float:left;
width:288px;
margin-right:15px;
}

#columnRight {
float:left;
width:621px;
}

#columnRight p {line-height:15px;}

#footer {
width:924px;
height:25px;
margin:30px auto 0 auto;
font-size:9px;
line-height:25px;
text-align:center;
color:#fff;
background:url(../logos/bg_footer.gif) repeat-x;
overflow:hidden;
}

#footer a {text-decoration:none;}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#navcontainer {width:288px;}

#navcontainer ul {
margin-bottom:14px; /*restem 6px de border-bottom (20-6=14)*/
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

#navcontainer a {
display:block;
padding:2px 2px 2px 30px;
width:256px; /*restem 32px (2+30) de padding lateral (288-32=256)*/
background:url(../logos/ico_fletxa_menu.gif) no-repeat 12px 6px #9ab21a;
border-bottom:6px solid #fff;
}

#navcontainer a:link, #navlist a:visited {
color:#fff;
text-decoration:none;
}

#navcontainer a:hover {
background:url(../logos/ico_fletxa_menu_over.gif) no-repeat 12px 6px #d7e0a3;
color:#4d590d;
text-decoration:underline;
}

#navcontainer #current {
background:url(../logos/ico_fletxa_menu.gif) no-repeat 12px 6px #000;
color:#fff;
text-decoration:none;
}


/* MENU ONGs
------------------------------------------------------------------------*/
#eligeOngtitol {
width:257px; /*restem 31px de padding-left (288-31=257)*/
height:21px;
padding-left:31px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
line-height:20px;
background:url(../logos/ico_elige_ong.gif) no-repeat 10px 3px #4d590d;
}

#navOngcontainer {
width:286px; /*288 amb borders*/
margin-bottom:20px;
border:1px solid #4d590d;
background:url(../logos/bg_elige_ong.gif) repeat-x left top #d7e0a3;
}

#navOngcontainer ul {
margin-top:10px;
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

#navOngcontainer a {
display:block;
padding:2px 2px 0 30px;
width:254px; /*restem 32px (2+30) de padding lateral (286-32=254)*/
background:url(../logos/ico_fletxa_doble.gif) no-repeat 12px 7px;
border-bottom:1px dotted #4d590d;
}

#navOngcontainer a:link, #navOnglist a:visited {
color:#4d590d;
text-decoration:none;
}

#navOngcontainer a:hover {
background:url(../logos/ico_fletxa_next.gif) no-repeat 17px 7px #d7e0a3;
color:#4d590d;
text-decoration:underline;
}

#navOngcontainer #currentOng {
background:url(../logos/ico_fletxa_next_blanc.gif) no-repeat 17px 7px #838c4d;
color:#fff;
text-decoration:none;
}


/* AÑADIR ONG
------------------------------------------------------------------------*/
#anadirOngtitol {
width:257px; /*restem 31px de padding-left (288-31=257)*/
height:21px;
padding-left:31px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
line-height:20px;
background:url(../logos/ico_anadir_ong.gif) no-repeat 10px 4px #9ab21a;
}

#anadirOngfoto {
width:286px;
height:67px;
margin-bottom:20px;
border:1px solid #9ab21a;
}


/* ULTIMES ENTRADES BLOG
------------------------------------------------------------------------*/
#entradesBlogtitol {
width:257px; /*restem 31px de padding-left (288-31=257)*/
height:21px;
padding-left:31px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
line-height:20px;
background:url(../logos/ico_blog.gif) no-repeat 10px 4px #9ab21a;
}

#navBlogcontainer {
width:286px; /*288 amb borders*/
margin-bottom:20px;
border:1px solid #9ab21a;
background-color:#fff;
}

#navBlogcontainer ul {
margin-top:10px;
margin-left:0;
padding-left:0;
list-style-type:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

#navBlogcontainer a {
display:block;
padding:2px 2px 0 30px;
width:254px; /*restem 32px (2+30) de padding lateral (286-32=254)*/
background:url(../logos/ico_fletxa_doble_blog.gif) no-repeat 12px 7px;
border-bottom:1px dotted #9ab21a;
}

#navBlogcontainer a:link, #navBloglist a:visited {
color:#4d590d;
text-decoration:none;
}

#navBlogcontainer a:hover {
background:url(../logos/ico_fletxa_next_blog.gif) no-repeat 17px 7px #d7e0a3;
color:#4d590d;
text-decoration:underline;
}


/* NAVEGACIO LINEAL
------------------------------------------------------------------------*/
#navLineal {
width:100%;
font-size:11px;
border-top:1px dotted #4d590d;
overflow:hidden; /*Simple Clearing of Floats*/
}

#navLineal p {
margin:0;
padding:0 11px;
}

#navLineal a {text-decoration:none;}

.navLinealBack {
float:left;
text-align:left;
background:url(../logos/ico_fletxa_back.gif) no-repeat left 4px;
}

.navLinealNext {
float:right;
text-align:right;
background:url(../logos/ico_fletxa_next.gif) no-repeat right 4px;
}


/* ONGs DESTACADES
------------------------------------------------------------------------*/
#destacadaOngtitol {
width:596px; /*restem 25px de padding-left (621-25=596)*/
height:21px;
padding-left:25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
line-height:20px;
background:url(../logos/ico_destacada_ong.gif) no-repeat 9px 4px #9ab21a;
}

#destacadaOngcontainer {
width:619px; /*621 amb borders*/
margin-bottom:20px;
text-align:center;
background-color:#fff;
border:1px solid #9ab21a;
}

#destacadaOngcontainer img {
width:167px;
height:82px;
margin:7px;
}

#destacadaOngcontainer a:link img {border:1px solid #fff;}
#destacadaOngcontainer a:visited img {border:1px solid #fff;}
#destacadaOngcontainer a:hover img {border:1px solid #829900;}
#destacadaOngcontainer a:active img {border:1px solid #829900;}


/* BOTONS
------------------------------------------------------------------------*/
/*** Botons tipus SUBMIT ***/
.boto_submit {
width:120px;
height:22px;
padding-bottom:3px;
font-size:11px;
color:#fff;
background:url(../logos/bg_boto.gif) repeat-x #000;
cursor:pointer;
/*border:none;*/
}

.boto_submit_gran {
width:300px;
height:50px;
padding-bottom:3px;
font-size:18px;
color:#fff;
background:url(../logos/bg_boto_gran.gif) repeat-x #000;
cursor:pointer;
}

/*** Botons tipus TEXT ***/
.boto {
width:130px;
height:20px;
font-size:11px;
color:#fff;
text-align:center;
line-height:18px;
border:2px outset;
}

.boto a {
display:block;
width:100%;
height:20px;
background:url(../logos/bg_boto.gif) repeat-x #000;
}

.boto a:link {color:#fff; text-decoration:none;}
.boto a:visited {color:#fff; text-decoration:none;}
.boto a:hover {color:#fff; background:url(../logos/bg_boto_over.gif) repeat-x #4d4d4d;}
.boto a:active {color:#fff; background:url(../logos/bg_boto_over.gif) repeat-x #4d4d4d;}

.boto_gran {
width:340px;
height:50px;
font-size:16px;
font-weight:bold;
color:#fff;
text-align:center;
line-height:48px;
border:2px outset;
}

.boto_gran a {
display:block;
width:100%;
height:50px;
background:url(../logos/bg_boto_gran.gif) repeat-x #000;
}

.boto_gran a:link {color:#fff; text-decoration:none;}
.boto_gran a:visited {color:#fff; text-decoration:none;}
.boto_gran a:hover {color:#fff; background:url(../logos/bg_boto_gran_over.gif) repeat-x #4d4d4d;}
.boto_gran a:active {color:#fff; background:url(../logos/bg_boto_gran_over.gif) repeat-x #4d4d4d;}




.warning {color:red;}


/* TAULES
------------------------------------------------------------------------*/
.taula {
width:100%;
margin-bottom:20px;
font-size:11px;
border:none;
background-color:#fff;
}

.tr_titol {
background:url(../logos/bg_tr_titol.gif) repeat-x #9ab21a;
color:#fff;
font-weight:bold;
}

.td {
padding:4px 10px;
text-align:center;
border-bottom:1px dotted #ccc;
}

.td img,div {margin:0 auto;}

.td a:link img {border:1px solid #fff;}
.td a:visited img {border:1px solid #fff;}
.td a:hover img {border:1px solid #829900;}
.td a:active img {border:1px solid #829900;}

.td_titol {
padding:4px 10px;
text-align:center;
border-right:1px dotted #fff;
}

.td_titol_last {
padding:4px 10px;
text-align:center;
}

.td_left {
padding:4px 10px;
text-align:left;
border-bottom:1px dotted #ccc;
}


/* CONTAINERS VARIS
------------------------------------------------------------------------*/
/*** Home ***/
#screenshot_container {
width:621px;
height:257px;
margin-bottom:20px;
}

#screenshot_container #boxOne {
float:left;
width:320px;
height:257px;
overflow:hidden;
}

#screenshot_container #boxTwo {
float:left;
width:301px;
height:257px;
overflow:hidden;
}

/*** ONG i Empresa ***/
#dadesOng_container {
width:621px;
height:160px;
margin-bottom:10px;
}

#dadesOng_container #boxOngOne {
float:left;
width:401px;
height:160px;
overflow:auto;
}

#dadesOng_container #boxOngTwo {
float:left;
width:220px;
height:160px;
overflow:hidden;
text-align:center;
}

#boxOngTwo a:link img {border:1px solid #fff;}
#boxOngTwo a:visited img {border:1px solid #fff;}
#boxOngTwo a:hover img {border:1px solid #829900;}
#boxOngTwo a:active img {border:1px solid #829900;}

#boxOngTwo img {
width:167px;
height:82px;
}


/* ALTRES
------------------------------------------------------------------------*/
.link_email {
background:url(../logos/ico_email.gif) left 1px no-repeat;
padding-left:19px;
}

.separa {
background:url(../logos/separador.gif) 5px 1px no-repeat;
padding-left:14px;
}

.nota {
font-size:10px;
color:#666;
}