/** General **/
html, body {
	height:100%;
}
body {
	background:#000 url('/img/fons.gif') top left repeat;
	color:#fff;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:62.5%;
}
a {
	outline:none;
	text-decoration:none;
	color:#EE2038;
}

h2.capvermell {	
	line-height:19px;
	width:100%;
	background-color:#ee2038;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}
h2.capvermell span {
	margin-left:15px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
div#subcontainer {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:976px;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
div#content {
	text-align:left;
	padding-bottom:26px;
}
/** Cap i menu **/
div#cap {
	width:150px;
	height:370px;
	margin:0;
}
div#cap h1 a {
	display:block;
	width:100%;
	height:111px;
	background:#fff url('/img/logo.jpg') top center no-repeat;
	outline:none;
	text-decoration:none;
}
div#cap h1 a span {
	visibility:hidden;
}
div#cap div#menu {
	height:300px;
}
div#cap div#menu li {
	background:transparent url('/img/fons-boto-menu.png') 15px 6px no-repeat;
}
div#cap div#menu a {
	color:#ee2038;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:2px solid #bfbfbf;
	width:135px;
	height:40px;
	line-height:40px;
	display:block;
	margin:0 auto;
	text-decoration:none;
	background:transparent url('/img/boto-vermell.gif') 88% 14px no-repeat;
}
div#cap div#menu a:hover {
	background:transparent url('/img/boto-vermell.gif') 88% -51px no-repeat;
}
div#cap div#menu, div#publicitat div#bannersdreta {
	width:150px;
	text-align:center;
	background:#fff url('/img/fons-menu-publi.jpg') top left repeat-y;
}
div#cap div#peumenu {
	width:100%;
	height:50px;
	background:transparent url('/img/peu-menu.png') top left no-repeat;
}

/** Cos **/
div#cos {
	width:816px;
	text-align:left;
	margin-left:160px; /* Ample menu + 10px de marge */
	margin-top:-371px; /* L'alcada del menu */
}
/** Centre **/
div#centre {
	width:656px;
	min-height:370px;

}
div#centre div#contingut {
	width:100%;
	min-height:467px;
	height:auto;
	padding-bottom:100px;
	background:#fff url('/img/fons-centre.png') top left repeat-y;
	color:#000;
	font-size:1.1em;
}
div#centre div#contingut div#wrapper_contingut {	
	width:100%;
	height:100%;
	padding-top:20px;
}
div#centre div#peucontingut {
	width:100%;
	height:30px;
	background:transparent url('/img/peu-contingut.png') top left no-repeat;
}
div#centre div#bannerscontingut {
	width:100%;
	height:61px;
	margin-top:10px;
}
div#centre div#bannerscontingut ul {
	width:100%;
}
li.bannerHoritzonal {		
	text-align:center;
	height:61px;
	display:inline;
	margin-left:5px;
}
/** Publicitat **/
div#publicitat   {
	width:150px;
	height:465px;
	margin-left:666px; /* Ample contingut + 10px de marge */
	position:absolute;
	top:0;
}
div#publicitat div#bannersdreta h2 {
	margin-bottom:26px;
}
div#publicitat li#textpubli a {	
	width:68px;
	height:11px;
	padding-top:11px;
	padding-left:45px;
	display:block;
	margin-top:15px;
	margin-left:19px;
	background:transparent url('/img/logomini.png') top left no-repeat;
	color:#ee2038;
	font-weight:bold;	
}
div#publicitat ul {
	list-style-type:none !important;
}
li.bannerVertical {
	margin-bottom:15px;
}
div#peupublicitat {
	width:150px;
	height:30px;
	clear:both;	
	background:transparent url('/img/peu-publi.png') top left no-repeat;
}

/** Peu **/
div#peu {
	overflow: auto;
	width: 100%;
	height: 19px;
	z-index:9999;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color:#ee2038;
	line-height:19px;
	text-align:center;
	font-size:1.1em;
}
body>div#peu {
	position: fixed;
}
div#peu span {
	float:left;
	width:98%;
}
div#peu a {
	font-weight:bold;
	color:#fff;
}
div#peu div.punts {
	height:19px;
	width:9px;
}
div#peu div#peuesquerra {
	background:transparent url('/img/peu-esquerra.gif') top left no-repeat;
	float:left;
}
div#peu div#peudreta {
	background:transparent url('/img/peu-dreta.gif') top left no-repeat;
	float:right;
}

/** Graella **/
div#contingut div#graella {
	margin-left:22px;
	width:441px;
	float:left;
}
div#contingut div#graella span.comentarigraella{
	text-align:right;
	display:block;
	color:#a1b3b3;
	font-size:0.9em;
	margin-bottom:5px;
	margin-right:3px;
}
div#contingut div#graella table {
	width:100%;
	text-align:center;
	border-collapse:collapse;
}
div#contingut div#graella table th {
	font-weight:bold;
	text-align:center;
}
div#contingut div#graella table thead th {
	background-color:#DCE2E2;
	height:40px;
	border:5px solid white;
	border-bottom:none;
}
div#contingut div#graella table thead td {
	background: transparent url('/img/tele.jpg') top left no-repeat;
	height:42px;
}
div#contingut div#graella table thead th span {
	background-color:#808080;
	line-height:25px;
	display:block;
	width:80px;
	margin-left:5px;
}
div#contingut div#graella table tbody th {
	background-color:#000;
	width:47px;
	color:#fff;
	vertical-align:top;
}
div#contingut div#graella table tbody th#h1945 {
	padding-top:4px;
}
div#contingut div#graella table tbody td {
	background-color:#DCE2E2;
	width:90px;
	height:39px;
	border:5px solid white;
	border-top:none;
	border-bottom:none;
	vertical-align:top;
}
div#contingut div#graella table tbody td a {
	color:#000;
	text-decoration:none;
}
div#contingut div#graella table tbody td a:hover {
	text-decoration:underline;
}
span.titolnoticies {
	padding-left:320px;
}
div#contingut div#noticies {
	width:170px;
	height:410px;
	float:right;
	border-left:2px solid #ccc;
	padding-left:10px;
}
div#contingut div#noticies div.noticia h3.titolnoticia {
	font-weight:bold;
	margin-bottom:13px;
	width:150px;
}
div#contingut div#noticies div.noticia p {
	width:150px;
}
div#contingut div#noticies div.noticia p.textnoticia {
	color:#666;
	margin-top:9px;
}
div#contingut div#noticies hr {
	border:1px solid #EE2038;
	margin:9px 0;
	width:150px;
}
/** Contacte **/
div#contingut.contacte {
	text-align:center;	
}
div#contingut div#contacte {
	width:538px;
	background: #dce2e2 url('/img/fons-contacte.png') 118px 50px no-repeat;
	text-align:left;
	margin:0 auto;
	padding:30px;
}
div#contingut div#contacte div.vcard {
	background: transparent url('/img/fons-hcard.png') top left no-repeat;
	padding-left:30px;
	margin-top:-30px;
	height:290px;
	width:140px;
	float:left;
}
div#contingut div#contacte div.vcard p {
	line-height:25px;
}
div#contingut div#contacte div.vcard p.org {
	padding-top:27px;
	font-weight:bold;
}
div#contingut div#contacte div.vcard div.adr {
	margin-bottom:16px;
}
div#contingut div#contacte div.vcard a.url {
	margin-top:13px;
	display:block;
}
div#contingut div#contacte div.vcard a  {
	text-decoration:none;
	color:black;
}
div#contingut div#contacte a#vcard_download {
	text-decoration:none;
	height:18px;
	width:29px;
	display:block;
	margin-top:10px;
	background: transparent url('/img/hcard.png') top left no-repeat;
}
div#contingut div#contacte a#vcard_download span {
	visibility:hidden;
}
div#contingut div#contacte div#formulari {
	float:right;
	width:310px;
	height:290px;
}
div#contingut div#contacte div#formulari label, div#contingut div#contacte div#formulari input, div#contingut div#contacte div#formulari textarea {
	float:left;
	clear:both;
	width:308px;
	border:1px solid #EE2038;
	background-color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}
div#contingut div#contacte div#formulari label {
	margin:5px 0;
	border:none;
	background-color:transparent;
	font-weight:bold;
}
div#contingut div#contacte div#formulari input, div#contingut div#contacte div#formulari textarea {
	padding:5px;
	width:298px;
}
div#contingut div#contacte div#formulari textarea {
	height:120px;
	font-size:1em;
}
div#contingut div#contacte div#formulari input.submit{
	width:60px;
	margin-top:10px;
	margin-left:250px;
	padding:0;
	background-color:#EE2038;
	color:white;	
}
div#contingut div#contacte div.mapa {
	padding-top:30px;
	clear:both;	
}
div#contingut div#contacte div.mapa a {
	color:black;
	clear:both;
	line-height:20px;
}
/** Programes **/
div#contingut div#programes {
	width:556px;
	height:400px;
	padding: 5px 30px 0 70px;
	clear:both;
	background: transparent url('/img/tele.jpg') 20px 0px no-repeat;
}
div#contingut div#programes div.programa {
	width:100%;
	height:122px;
	margin-top:10px;
	clear:both;
}
div#contingut div#programes div.programa div.capprograma {
	width:409px;
	height:22px;
	line-height:22px;
	padding:0px 10px;
	background-color:black;
	color:white;
	font-weight:bold;
	position:relative;
	z-index:2;
}
div#contingut div#programes div.programa div.capprograma h3 {
	float:left;
	font-weight:bold;
}
div#contingut div#programes div.programa div.capprograma span {
	float:right;
}
div#contingut div#programes div.programa div.cosprograma, div#contingut div#programes div.programa div.imatgeprograma {
	height:115px;
	background-color:#DCE3E3;
	margin-top:-10px;
	position:relative;
	z-index:1;
}
div#contingut div#programes div.programa div.cosprograma {
	width:387px;
	height:90px;
	margin-left:10px;
	padding:10px;
	padding-top:15px;

	float:left;
}
div#contingut div#programes div.programa div.cosprograma h4.titoltextprograma {
	float:left;
	font-weight:bold;
	height:13px;
}
div#contingut div#programes div.programa div.cosprograma span.horaprogama {
	float:right;
	height:13px;
}
div#contingut div#programes div.programa div.cosprograma p.textprograma{
	clear:both;
	padding-top:5px;
	height:65px;
}
div#contingut div#programes div.programa div.imatgeprograma {
	width:128px;
	float:left;
}
/** Informacio **/
div#contingut div#informacio {
	margin-left:70px;
	width:570px;
	height:1220px;
	clear:both;
}
div#contingut div#informacio div#quisom-historia {
	width:378px;
	float:left;
}
div#contingut div#informacio div#quisom-historia h3.titol {
	background-color:#000;
	color:#fff;
	width:366px;
	height:18px;
	font-weight:bold;
	font-size:1.1em;
	line-height:16px;
	padding-left:12px;
}
div#contingut div#informacio div#quisom-historia p, div#contingut div#informacio div#quisom-historia h4.subtitol {
	width:330px;
	padding: 6px 18px;
	background-color:#dce3e3;
	margin-left:12px;
}
div#contingut div#informacio div#quisom-historia h4.subtitol {
	color:#EE2038;
	font-weight:bold;
}
div#contingut div#informacio div#sabiesque {
	width:170px;
	height:470px;
	float:right;
	border-left:2px solid #ccc;
	padding-left:10px;
}
div#contingut div#informacio div#noticies {
	height:100%;
}
div#contingut div#informacio h3.titolgris {
	background-color:#a1b3b3;
	color:#fff;
	height:18px;
	font-weight:bold;
	font-size:1.1em;
	line-height:16px;
	padding-left:7px;
	margin-bottom:20px;
}
div#contingut div#informacio div#sabiesque p {
	width:160px;
	padding-left:10px;
	height:187px;
}
div#contingut div#informacio div#sabiesque hr {
	border:1px solid #EE2038;
	margin:12px 0;
	width:155px;
	margin-left:9px;
}
/** Noticies **/
div#contingut div#llista_noticies {
	width:600px;
	height:400px;
	text-align:left;
	margin:0 auto;
	padding:10px;
}
div#contingut div#llista_noticies div.noticia h3.titolnoticia {
	font-weight:bold;
	margin-bottom:5px;
}
div#contingut div#llista_noticies div.noticia p.textnoticia {
	color:#666;
}
div#contingut div#llista_noticies hr {
	border:1px solid #EE2038;
	margin-top:9px;
	margin-bottom:25px;
	width:100%;
}
div#contingut div#paginacio {
	width:600px;
	text-align:left;
	margin:0 auto;
	padding:10px;
	bottom:110px;
	position:absolute;
}

div#contingut div#paginacio a#enrere {
	float:left;
margin-left:20px;
}
div#contingut div#paginacio a#endavant {
	float:right;
}
.directe #wrapper_contingut{
	padding-top:0px;
}
.directe #wrapper_contingut #video{
	margin-left:90px;
	margin-top:20px;
}
div#logo_links{
	float:right;
	margin-right:75px;
}
div#logo_links a {
	background:transparent url('/img/ofert.png') top left no-repeat;
	float:left;
	height:18px;
	width:112px;
	margin:10px;
	margin-top:3px;
}
div#logo_links a span{
	visibility:hidden;
}
div#centre div#contingut.noticies {
	height:580px;
	}
/** Videos **/
#wrapper_contingut #video_diferit{
	margin-left:60px;
	margin-bottom:20px;
}
div#centre div#contingut.vid {
	height:530px;
	}