@charset "utf-8";
/* CSS Document */


/* generics *********************/

body {
	margin: 0;
	padding: 3.8em 0 0 0;
	font-size: 62.5%;
	background:url(../img/bg-body.jpg) top #FFF repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

img{ border:0;}
a{ color:#b9680b; text-decoration:none;}
form, input, select, textarea, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd { margin: 0; padding: 0; line-height: 1em;}
ul{ list-style-type:none;}
p{ font-size:12px; line-height:1.1em;}
ul#idiomes{ font-family:Verdana, Arial, Helvetica, sans-serif;}

h1#central{ float:left; margin-left:-6px;  margin-bottom:15px;}
h2{ font-size:40px; line-height:.8em; margin-bottom:22px;}
	h2 span{ color:#bd711a; display:block; font-weight:bold; font-size:22px;}
h4{ font-size:22px; font-weight:bold;}
h5{ color:#bd711a; font-size:22px; text-transform:uppercase; margin-top:2px;}
/* Barra Corporativa
-------------------------------------------------------------------------------- */
#barra-corporativa{
	position: relative;

	margin: 0;
	padding: 0;
	background-color: #000;
	color: #fff;
}
#barra-corporativa:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
#barra-corporativa img{ display:block; width:170px; height:30px; float:left;}
ul#idiomes{ list-style-type:none; float:right; margin-top:.9em; margin-right:.9em; margin-bottom:0;  }
ul#idiomes li{ display:inline; margin-right:3px;}
	ul#idiomes li.separador{ background: url(../img/separador.gif) left no-repeat; padding-left:8px;}

ul#idiomes a{ color:#FFFFFF;}

/*******************/
#marc-web-superior{ width:792px;margin:0 auto; padding:18px 0 0 0; background:url(../img/bg-marc-superior.jpg) no-repeat; height:1%;}
#marc-web{ width:756px; margin:0 auto; padding:0 18px 10px; background:url(../img/bg-marc.png) repeat-y; height:1%;}
#contenidor{ background: url(../img/bg-contenidor.gif) top #FFF repeat-x; padding:19px 29px 0;}

#contingut{ clear:both; position:relative; background:url(../img/bg-contingut.gif) top #fff repeat-x; padding:0 30px; }


.caixa-introduccio{ float:right; width:368px; margin-top:55px; margin-right:-2px;}
	.caixa-introduccio p{ font-size:13px; text-align:justify; line-height:1.2em;}

#intro{ clear:both; font-size:13px; }
	#intro p{ line-height:1.3em; margin-bottom:20px; text-align:justify; }

.caixa-capitol { clear:both; padding-top:30px; height:15.2em; background:url(../img/bg-caixa-capitol.gif) top repeat-x;}
	.caixa-capitol.primer{ background:none;}
.caixa-capitol h3 {font-weight:bold; font-size:14px; margin-bottom:14px; margin-top:12px; }
.caixa-capitol  a{  border-bottom:1px dotted #c9914f;}
	.caixa-capitol  a:hover{ border-bottom:1px solid #c9914f ;}
.caixa-capitol img{ float:left; margin-right:19px; margin-top:2px; margin-left:-4px;} 
.caixa-capitol span{ font-size:12px; margin-left:7px; font-weight:normal; }



#caixa-novetats{ position:relative; clear:both; background-color:#eeeeee; margin-top:16px; margin-bottom:30px; padding:18px 18px 12px;}
#caixa-novetats:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#caixa-novetats ul{ font-size:12px; margin-top:15px; margin-left:8px; }
#caixa-novetats ul li{ line-height:1.3em; background:url(../img/raquo.gif) left 4px no-repeat; padding-left:10px;}

.mes-novetats{  margin-top:10px;  float:right; font-weight:bold;}
.mes-novetats  a{ background:url(../img/raquo.gif) left 3px no-repeat; padding-left:10px; border-bottom:1px dotted #c9914f;}
	.mes-novetats  a:hover{ border-bottom:1px solid #c9914f ;}

#peu{ background:url(../img/bg-peu.gif) no-repeat; height:43px; margin:0 auto; padding-top:11px; width:792px; text-align:center;}
	#peu a{ color:#000000; font-size:11px;}
	
span.punts{ color:#b9680b; font-weight:bold; font-size:13px;}
span.continua-intro { font-size:12px; font-weight:bold; margin-left:15px; background:url(../img/raquo-bottom.gif) right no-repeat; padding-right:11px;}

.resum{background:url(../img/raquo-top.gif) right no-repeat!important; }
span.continua-intro a{ border-bottom:1px dotted #c9914f;}
	span.continua-intro a:hover{ border-bottom:1px solid #c9914f ;}

/** Cantonades ******************/

.cantonades{ position:absolute;}
#barra-corporativa .sd{ position:absolute; background: url(../img/barra-corporativa-sd.gif) no-repeat; width:8px; height:8px; top:0; right:0;}
	#contingut .sd, #caixa-novetats .id, #caixa-novetats .ie,  #caixa-novetats .sd, #caixa-novetats .se, #contingut .se{ position:absolute; width:10px; height:9px;}
	
	 #caixa-novetats .sd, #contingut .sd { background: url(../img/contingut-sd.gif) no-repeat; top:0; right:0;}
	 #caixa-novetats .se, #contingut .se { background: url(../img/contingut-se.gif) no-repeat; top:0; left:0;}
		#caixa-novetats .id{ background: url(../img/contingut-id.gif) no-repeat; bottom:0; right:0;}
		#caixa-novetats .ie{background: url(../img/contingut-ie.gif) no-repeat; bottom:0; left:0;}
		
/** Novetats ***********************/
body#novetats #contingut{ padding-bottom:40px; padding-top:30px;  margin-top:10px; }
body#novetats p{ font-size:12px;}
body#novetats p img{ float:left; margin-right:10px; margin-bottom:30px;}
body#novetats h2{font-size:22px; font-weight:bold; margin-bottom:5px;}
body#novetats h3{ font-size:22px; font-weight:bold;}
body#novetats h3{color:#bd711a; font-size:22px; text-transform:uppercase; margin-top:2px;}
body#novetats #contenidor{ padding-bottom:30px;}
body#novetats h4{ clear:both; margin-top:30px; margin-bottom:10px;   font-size:14px; font-weight:bold;}

body#novetats h1{position:relative; margin-bottom:10px; margin-left:20px;}

a.torna{ position:relative; margin-left:27px; border-bottom:1px dotted #c9914f; font-weight:bold; background:url(../img/raquo-anterior.gif) left no-repeat; padding-left:8px; cursor:pointer;}


a.torna:hover{ border-bottom:1px solid #c9914f;}



/** Reproductor **************************/

body.reproductor #contingut{ padding-right:20px; }
#reproductor{position:relative; float:left; margin-right:20px; margin-bottom:10px;}
.aclara{ clear:both;}
body#novetats h2.capitol{ line-height:1.1em; font-size:14px; font-weight:bold; margin-bottom:15px; }

body#novetats p{ margin-bottom:10px;}

.altres-formats{ padding-bottom:20px; margin-bottom:20px; background:url(../img/bg-caixa-capitol.gif) bottom repeat-x; margin-right:10px;}
.altres-formats ul{ font-size:12px; font-weight:bold;height:1%;}

	li.quick{ background:url(../img/raquo-quick.gif) left no-repeat; padding:4px 25px; margin-bottom:5px; }
	li.wmedia{ background:url(../img/raquo-wmedia.gif) left no-repeat; padding:4px 25px; }
	
	
	
ul.altres-capitols{ font-size:14px; font-weight:bold; margin-left:5px; height:1%;}	
ul.altres-capitols li{ background:url(../img/raquo.gif) left no-repeat; padding-left:10px; margin-bottom:10px;}
ul.altres-capitols span { color:#000000; font-weight:normal; font-size:12px; }