html { width:100%; height:100%;}
body {font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; width:100%; /*height:872px; *height:910px;*/ height:100%; background-color:#000000; background-image:url(imatges/disseny/BLOCCAFE_fons2.png); background-repeat:no-repeat; background-position:top centeR;}

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: 0px 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: #F33500;border: 0px solid #CC0000;}

a {text-decoration: none;color: #fff;border: none;		}
a:hover {color: #F33500;border: none;}

/* -------------- zona capcalera ---------------- */
.contador{
  font: 18px "Comic Sans MS";
  font-weight:bold;
  background:#F33500;
  color: #fff;
  width: auto;
  height: 20px;
  float: left;
  line-height:20px;
} 

#cont-principal{width:1098px; height:720px;text-align:center;position:relative; border:0px solid red;background-image:url(imatges/disseny/pixel_fons_transp_2.png); background-repeat:repeat; /*margin-top:40px;*/}
#trans-capcalera{ float:left;width:1098px; height:auto;text-align:center; border:0px solid red;background-image: url(imatges/disseny/imatge_fons_transp_capcalera.png); background-repeat: no-repeat; background-position:top right;}
#cont-fons{ float:left;width:1098px; height:auto;text-align:center; border:0px solid red;background-image: url(imatges/disseny/imatge-capacalera-rama.png); background-repeat: no-repeat; background-position:top right;}
#cont-idiomes{float:left;width:950px; height:30px; text-align: right; border:0px solid red; padding-right:10px; line-height:30px;}
#cont-capcalera{float:left;width:1046px; height:204px; text-align:left; border:0px solid green;
/*background-image:url(imatges/disseny/pixel_fons_transp.png); background-repeat:repeat;*/ padding-left:45px; }
#logo-capcalera{ float:left; border:0px solid red;}
#text-capcalera{ float:left; margin:50px 0px 0px 100px; width:300px; height:auto; border:0px solid red; font-weight:bold; color:#F33501;}
#cont-menu{float:left;width:1098px; height:30px; border:0px solid blue; padding-top:5px; background-image:url(imatges/disseny/BLOCCAFE_menu.png); background-repeat:no-repeat; background-position:center;}
#cont-data-hora{float:left; width:300px; height:23px; padding:0px 10px 0px 10px; margin-left:10px; border:0px solid red; line-height:23px; text-align:left; color:#FFFFFF; font-size:12px;}
#cont-text-menu{float:left;width:675px; height:30px; border:0px solid blue;}

#cont-esquerra1{float:left;width:246px; height:210px; margin-left:10px;border:0px solid black;background-image:url(imatges/disseny/pixel_fons_transp_2.png); background-repeat:repeat; /*background-color:#99FF33;*/ }
#cont-esquerra2{float:left;width:246px; height:210px; margin-left:10px;border:0px solid black;background-image:url(imatges/disseny/pixel_fons_transp_2.png); background-repeat:repeat; margin-top:15px; /*background-color:#99FF33;*/ }
#cont-dreta{float:right;width:1098px; height:400px; border:0px solid red;background-image:url(imatges/disseny/pixel_fons_transp_2.png); background-repeat:repeat;margin-right:0px; /*background-color:#009999;*/ color:#000000; }
/* ---------------- mes noticies ------------------ */
#caixa-detall-noticia{ float:left; width:820px; height:120px; border:0px solid #FF0000; margin-bottom:10px; padding-bottom:5px;}
#caixa-detall-noticia img{}
#caixa-detall-pilot-text img {visibility:hidden;max-height:0px; max-width:0px;}
#caixa-detall-noticia-nom{float:left; width:872px; height:20px;color:#000; font-weight:bold; font-size:12px; padding-left:20px; border-bottom:2px dashed #999900;}
#caixa-detall-noticia-foto{float:left; width:25%; height:100px; padding-top:20px;}
#caixa-detall-noticia-text{float:left; width:70%; height:100px; text-align:justify; font-size:12px; color:#000;}
/* ----------- novetats -----------*/
#cont-novetats{ float:left; width:94%; height:95%; border:0px solid red; margin:0px 0px 10px 10px; text-align:left;font-size:12px; color:#FFF;/*font-weight: bold;*/ text-align:justify;}
/* ----------- banners -----------*/
#cont-banners{ float:left; width:90%; height:95%; margin:0px 10px 10px 10px; border:0px solid red; text-align:left;}
/* ------------caixa contingut dreta -----------------*/
#caixa-contingut-dreta-titol{ float:left; width:95%; height:auto; margin-left:10px; margin-right:0px;border:0px solid red; text-align:left; font-size:14px; color:#000; overflow:hidden; text-align:justify; background:none;}

#caixa-contingut-dreta{ float:left; width:95%; height: auto/*91%*/; max-height:91%; margin:0px 0px 10px 10px;border:0px solid red; text-align:left; font-size:14px; color:#000; overflow:hidden; text-align:justify; padding-right:5px;}

#caixa-contingut-flechas{ float:left; width:12px; height:auto; margin-top:0px; border:0px solid red; text-align:left; font-size:14px; color:#FFFFFF; overflow:hidden; text-align:justify;}


/* --------------- text titol ----------------- */
.titol {font-size: 20px;font-weight: bold; color:#F33500; text-align:left;}
.text-blanc{font-size:12px; color:#FFF;}
.text-mes-info{font-size:12px;font-weight: bold; color:#F33500;}
.text-mes-info a{font-size:12px;font-weight: bold; color:#F33500;}
.text-mes-info a:hover{font-size:12px;font-weight: bold; color:#F33500;}

/* ---------------- linea horitzontal taronja -------- */
#div-linea-horitzontal{ float:left; width:100%; height:5px; background-image:url(imatges/disseny/linea-horitzontal.png); background-repeat:repeat-x;}

/* -------------- zona peu ---------------- */
#cont-peu{float:right;width:1098px; height:35px; border:0px solid red;background-image:url(imatges/disseny/pixel_fons_transp_2.png); background-repeat:repeat;margin-right:0px; text-align:left;}
#peu{ float:left; width:1042px; height:35px;  border-top:2px solid #FFFFFF; text-transform:uppercase; line-height:35px; color:#FFFFFF; font-size:14px; font-weight:bold; margin-left:10px; text-align:center; }


/* ------------------ menu desplegable ------------------- */
/* Reset */
ul.menu , li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* Style */
ul.menu {
	list-style: url(none) none;
	text-transform:uppercase;
	font-size:14px;
}
ul.menu li {
	display: inline;
	float: left;
	position: relative;
	background-color: #F33501;
	font-size:14px;
	margin: 0;
	height:21px;
    line-height:21px;
	width:20%;
	color:#FFFFFF;
	 cursor:pointer;
}
ul.menu  li a {
	text-decoration: none;
	background-color: #F33501;
	font-size: 1.5em;
	display: block;
	padding: 2px 5px;
	font-size:14px;
	color:#FFFFFF;
	white-space:nowrap;
 
}
ul.menu  li a:hover, ul li a:active {
	background-color: #333333;
	color:#FFFFFF;
}
ul.menu  li ul {
	position: absolute;
	left:0px;
	display: none;
	width:100%;
	border-right:0px solid red;
	text-align:left;
}
ul.menu  li ul li {
	display: list-item;
	float: left;
	margin: 0;
	min-width:100%;
	max-width:150%;
}
ul.menu  li ul li a {
	font-size: 1em;
	background-color: #999999;
}
/* ---------------------------------------- */
#imatge-capcalera{float:left;width:207px; height:150px;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:12px;font-weight: normal;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:11px;}

/* 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 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:10px; 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:225px; height:195px; margin-top:5px;  border:0px solid red;}
#titol-noticies{float:left;width:220px; height:32px; 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:220px;height:auto;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;}


/* ---------------- links -------------------- */
ul.links {float: left;width: 100%;list-style-type: none; padding:0px; margin:0px;}
ul.links li{display:inline;float: left;width:25%; border:0px solid red; color:#FFFFFF; padding:25px 0px 0px 0px;}
ul.links li a{color:#000; font-size:14px;}
ul.links li a:hover{color:#F33501; font-size:14px;}

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

.nav { border:0px solid #BABDBA; margin: 7px 0; width:100%; text-align:left; background-color:transparent;}
#nav{ /*margin: 0 5px;*/padding:10px 5px 3px 5px;*padding: 3px 4px 3px 5px; border-bottom:0px solid #CC0000; background-color:transparent;/*background: #fc0;*/ text-decoration: none; margin-bottom:0px; width:95%;text-align:left;}
#nav a {color:#000; padding-right:5px; padding-left:5px; text-align:center;}
#nav a.activeSlide { border:1px solid #000; color:#000; margin-top:50px;}
#nav a:focus { outline: none;border:1px solid #000; color:#000;}

/* ------------- 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;}*/