html { width:100%; height:100%;}
body {font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px;}

input[type=text],
textarea{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; behavior:url(css/border-radius.htc); border: 1px solid #BABDBA;}
input.button { font: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;height: 24px;margin: 0;padding: 2px 3px; color: #fff;background: #CC0000;border: 1px solid #CC0000;}

a {text-decoration: none;color: #cc0000;border: none;		}
a:hover {color: #9c301a;border: none;}

/* -------------- zona capcalera ---------------- */
#cont-principal{width:990px; height:auto;text-align:center;position:relative; border:0px solid #CCCCCC;}
#cont-capcalera{float:left;width:990px; height:103px; border:0px solid green; }
#imatge-capcalera{float:left;width:207px; height:43px;margin:15px 0px 15px 15px;}
#caixa-menu{clear:both;padding:0;}
#caixa-menu ul {float:left;width:990px; height:30px; background-color:#CC0000;list-style: none;display: inline;text-transform: uppercase;}
#caixa-menu ul li {display: inline;margin: 0; padding: 0;}
#caixa-menu ul li a {display: block;float: left;width: 110px;margin: 0;padding: 0 15px;	border-right: 1px solid #9C301A;border-bottom: none;color: #fff;text-transform: uppercase;text-decoration: none;	letter-spacing: 1px;font: Arial, Helvetica, sans-serif;font-size:13px;font-weight: bold;line-height:30px;}
#caixa-menu ul li a:hover,#caixa-menu ul li a:active {color: #ffffff;}
#caixa-menu ul li#current a {background: #9C301A;}
#caixa-cercador{float:left;width:170px; height:auto;background-image:url(../imatges/disseny/lupa.png); background-repeat:no-repeat; background-position:top left ; border:0px solid red; margin:25px 0px 0px 570px; padding-left:25px;  }
#caixa-cercador input { background-color:#BABDBA;}

/* ------------------------ zona central ---------------------------------------------------------------- */
/* caixa esquerra */
#cont-esquerra{float:left;width:155px; height:auto; margin:20px 0px 15px 0px; border:0px solid red;}

/* caixa menu vertical */
#caixa-menu-vertical{float:left;width:155px; height:auto; text-align:left;font:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;}

/* xarxes socials esquerra */
#caixa-xarxes-socials-esq{float:left;width:151px; height:auto; border:2px solid #CC0000; margin-top:0px;}

/*  enquesta */
#caixa-enquesta{float:left;width:155px; height:auto; margin-top:15px;  border:0px solid red;}
#titol-enquesta{float:left;width:130px; height:20px; background:#CC0000; border:0px solid red;color:#FFFFFF; text-align:left;font-weight:normal;font-size:10px; line-height:20px; padding-left:25px; background-image:url(../imatges/disseny/enquesta.png); background-repeat:no-repeat; background-position:top left;}
#cos-enquesta{float:left;width:145px; height:auto; background:#BABDBA; padding:5px; border:0px solid red; text-align: justify; font-size:10px; font-weight:normal;}

#caixa-logos{float:left;width:155px; height:auto; margin-top:15px;  border:0px solid red;}
#titol-logos{float:left;width:130px; height:20px; background:#CC0000; border:0px solid red;color:#FFFFFF; text-align:left;font-weight:normal;font-size:10px; line-height:20px; padding-left:25px; background-image:url(../imatges/disseny/logos.png); background-repeat:no-repeat; background-position:top left;}
#cos-logos{float:left;width:143px; height:auto; background:#fff; padding:5px; border:1px solid #BABDBA; text-align: center; font-size:10px; font-weight:normal; vertical-align:middle;}

/* caixa centre */
#cont-centre{float:left;width:610px; height:auto; margin:10px 0px 15px 15px; *margin:20px 0px 15px 15px; border:0px solid red; font-size:11px; text-align:justify;}
#cont-dades-creuroja{float:left;width:990px; height:auto; margin:0px 0px 15px 0px; text-align:center; font-size:9px; color:#2905A1;}
#cont-publicitat{float:left;width:610px; height:67px; text-align:center;}

#cont-part-central{float:left;width:990px; height:auto; margin:0px 0px 15px 0px; border:0px solid green;}

/* ------------------ caixa dreta ------------------ */
#cont-dreta{float:left;width:195px; height:auto; margin:20px 0px 15px 15px; border:0px solid red;}
#caixa-voluntari{float:left;width:195px; height:96px; border:0px solid red;}
#dona-sang{float:left;width:155px; height:32px; background:#CC0000; border:0px solid red; margin-bottom:2px; background-image:url(../imatges/disseny/dona_sang.png); background-repeat:no-repeat; background-position:top left; color: #FFFFFF; font-size:10px; line-height:32px; text-align:left; padding-left:40px;}
#feste-soci{float:left;width:155px; height:32px; background:#CC0000; margin-bottom:2px; border:0px solid red; background-image:url(../imatges/disseny/fes-te-soci.png); background-repeat:no-repeat; background-position:top left; color: #FFFFFF; font-size:10px; line-height:32px; text-align:left; padding-left:40px;}
#feste-soci a{color:#FFFFFF;}
#feste-voluntari{float:left;width:155px; height:32px; background:#CC0000; margin-bottom:2px; border:0px solid red; background-image:url(../imatges/disseny/fes-te-voluntari.png); background-repeat:no-repeat; background-position:top left; color: #FFFFFF; font-size:10px; line-height:32px; text-align:left; padding-left:40px;}
#feste-voluntari a{color:#FFFFFF;}
#fes-donatiu{float:left;width:155px; height:32px; background:#CC0000; margin-bottom:2px; border:0px solid red; background-image:url(../imatges/disseny/fes-un-donatiu.png); background-repeat:no-repeat; background-position:top left; color: #FFFFFF; font-size:10px; line-height:32px; text-align:left; padding-left:40px;}
#fes-donatiu a{color:#FFFFFF;}

/* caixa noticies  */
#caixa-noticies{float:left;width:195px; height:auto; margin-top:30px;  border:0px solid red;}
#titol-noticies{float:left;width:185px; height:32px; background:#CC0000; border:0px solid red;color:#FFFFFF; text-align:left;font-weight:normal; font-size:10px; line-height:32px; padding-left:10px;}
#cos-noticies{float:left;width:175px; height:auto; background: #BABDBA; padding:10px; border:0px solid red; text-align: justify; font-size:10px; font-weight:normal;}

/* xarxes socials dreta */
#caixa-xarxes-socials{float:left;width:191px; height:auto; border:2px solid #CC0000;}

/* banners */
#caixa-banners{float:left;width:195px; height:auto; margin-top:10px;  border:0px solid red;}

/* fes un donatiu  */
#caixa-fes-donatiu{float:left;width:195px; height:67px; margin-top:0px;  border:0px solid red;}
#titol-fes-donatiu{float:left;width:195px; height:18px; background:#CC0000; border:0px solid red;color:#FFFFFF; padding:0px; text-align:center;font-weight:normal;font-size:10px; line-height:18px;}
#cos-fes-donatiu{float:left;width:185px; height:39px; background:#BABDBA; padding:5px; border:0px solid red; text-align: justify; font-size:10px; font-weight:normal;}

/* -------------- zona peu ---------------- */
#cont-peu{float:left;width:990px; height:28px; margin:0px 0px 0px 0px; border:0px solid red;background-image:url(../imatges/disseny/peu.png); background-repeat:no-repeat; background-position:bottom right; text-align:right; color:#FFFFFF; line-height:28px;}
#cont-peu a{ color:#FFFFFF;  font: Arial, Helvetica, sans-serif;font-size:10px; }

/* --------------- text soci ----------------- */
.soci { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color:#CC0000; text-align:left;}
.titol { font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; text-align:left;}

/* ---------------- links -------------------- */
ul.links {float: left;width: 100%;list-style-type: none;}
ul.links li{display:inline;float: left;width:50%; font-size:14px; font-weight:bold; line-height:22px;}

/* ---------------- links -------------------- */
ul.banners {float: left;width: 100%;list-style-type: none;}
ul.banners li{display:inline;float: left;width:50%;}


/* ------------- paginacion --------------------- */
#tnt_pagination {float:left;margin:15px 0px 0px 0px; text-align:center;display:block;height:22px;line-height:21px;clear:both;padding-top:3px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;}
#tnt_pagination a:link, #tnt_pagination a:visited{padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #EBEBEB;margin-left:10px;text-decoration:none;background-color:#F5F5F5;color:#cc0000;width:22px;font-weight:normal;}
#tnt_pagination a:hover {background-color:#babdba;border:1px solid #BBDDFF;color:#cc0000;}
#tnt_pagination .active_tnt_link {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #cc0000;margin-left:10px;text-decoration:none;background-color:#cc0000;color:#0072BC;cursor:default;}
#tnt_pagination .disabled_tnt_pagination {padding:7px;padding-top:2px;padding-bottom:2px;border:1px solid #EBEBEB;margin-left:10px;text-decoration:none;background-color:#F5F5F5;color:#D7D7D7;cursor:default;}

#idiomes{font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px; padding-left:3px;font-weight:bold;float:right; border:0px solid red;}
.actiu{color: #000;}