@charset "utf-8";
/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

 .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        line-height: 0px;
    }

body {
	margin: 0;
	line-height: 1;
	color: black;
	height:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #EEF1E9 url(../img/bg.jpg) fixed no-repeat top center;
	}
ol, ul {
list-style: none;
}
table {
border-collapse:separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
legend{
white-space:normal;}
strong{font-weight: bold;}
p{line-height: 1.2em;}
/*//////////////////////////////////   FIN DE RESET CSS /////*/
.min{text-transform: lowercase;}
.MAY{text-transform: uppercase;}
/*//////////////////////////////////   FIN DE HELPERS /////*/

dl, dt, dd {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	}
dl{padding: 0 10px; margin: 3px 0 30px 15px; float: left;}
dt{font-weight: bold; margin: 0 0 10px 0; position: relative; left: -25px; padding:3px 0 0 0;}
dd{line-height: 15px; position: relative; left: -5px;}
#content li{list-style-type:circle}
#content ul{margin: 0 0 20px 0;}


#wrapper{
	margin:0 auto 0 auto;
	width:975px;
	overflow:hidden;
	display:block;
}

h2{
	font-size: 36px;
	font-weight: normal;
	color: #2C3438;
	margin:0 0 20px 0;
	display:block;
	}
		
h3{
	font-size: 18px;
	height:34px;
	font-weight: normal;
	color: #333;
	}

h4{
	
}

h5{
	font-size:20px;
	color:#000;
	margin:0 0 12px 0;
	font-weight:normal;
}

h6{
	font-size:16px;
	color:#000;
	margin:0 0 12px 0;
	font-weight:normal;
	text-transform:uppercase;
	
}

.gris{
	color:#666666;
}


p{

}

/*///////////////////////////////////////////////////////////////// HEADER  ////*/
#header{
	margin: 0;
	overflow:hidden;
	}
#header #logo h1{
	line-height: 400px;
	}
#header #logo {
	width:380px;
	height:100px;
	overflow:hidden;
	background: url(../img/logo.png) no-repeat left top;
	float:left;
	clear:both;
	margin:14px 0 0 46px;
	}
#header #logo h1 a{
	display:block;
	}
#bannerSup{
	float:right;
	overflow:hidden;
	}

/*///////////////////////////////////////////////////////////////// MENU  ////*/

#menu{
	margin:0;
	display:block;
	padding:0;
	overflow:hidden;
	float:left;
	clear:both;
	width:100%;
	background:#2C3638;
	height:44px;
	
}
#menu ul{
	height: 30px;
	display:block;
	margin: 12px;
	}
#menu ul li{
	float: left;
	margin:0 33px;
	}
	.botPrinc{
		margin:0 0 0 40px;
		}
#menu li a:link, #menu li a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	text-decoration:none;
	color: #FFF;
	padding:0 0 5px 0;
	display:block;
	}
#menu li a:hover, #menu li a:active{
	color: #F63;
	}


/*///////////////////////////////////////////////////////////////// BANNERS ////*/

#banner{
	margin:0;
	overflow:hidden;
	}

/*///////////////////////////////////////////////////////////////// CONTENT ////*/
#content{
	margin:0;
	overflow:hidden;
	}
	#content a{
		color:#F30;
		text-decoration:underline;
		font-size:14px;
		font-weight:bold;
	}
	#content a:hover{
		color: #000;
	}

/*///////////////////////////////////////////////////////////////// APARTADOS  ////*/


#laSerie, #capitols, #personatges, #elPoble, #multimedia, #donaLaNota, #equip, #contacte{
	width:960px;
	float:left;	
	overflow: hidden;
	}
#laSerie, #personatges, #contacte{
	margin:0 0 0 7px;
	}
#capitols, #donaLaNota, #multimedia{
	margin:30px 0 30px 7px;
	}
#setmanesAnteriors{
	margin:0 0 30px 30px;
	}
#equip, #elPoble {
	margin:30px 0 0 7px;
	}
#multimedia img:hover, #elPoble img:hover, #laSerie img:hover, #capitols img:hover{
	filter:alpha(opacity=40);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}

	.portada{
		float:left;
		overflow:hidden;
		width:592px;
		margin:0 50px 0 0;
		}
	
	
	.descripcion,
	.descripcion2{
		overflow:hidden;
		width:272px;
		display:block;
		float:left;
		}

	.descripcion{
		margin:40px 0 0 0;
		}
	.descripcion2{
		margin:0 60px 0 30px;
		}
		.descripcion p,
		.descripcion2 p{
			margin:0 0 8px 0;
			font-size:13px;
			line-height:1.3em;
			}

#capitols{
		}
	  .listado {
		  float:left;
		  overflow-y:scroll;
		  width:310px;
		  height:300px;
		  position:relative;
		  }
	  
	  .scrollCap,
	  .scrollMus{
		  overflow:hidden;
		  padding:0;
		  width:279px;
		  }
	  .scrollCap {
		  float:right;
		  margin:0;
		  }
	  .scrollMus {
		  float:left;
		  margin:0 30px 0 0;
		  }
	  .listadoCap,
	  .listadoEquip{
		  float:right;
		  overflow-y:scroll;
		  width:280px;
		  position:relative;
		  margin:0;
		  padding:20px 0 0 0;
		  background:url(../img/bg_capitols.png) left top repeat-y;
		  }
	   .listadoCap{
		   height:450px;
		   } 
	   .listadoEquip {
		  height:410px;
		  }
		  .cabAnteriors{
			  background:url(../img/bg_cab_otros.png) left top no-repeat;
			  height:31px;
			  width:265px;
			  overflow:hidden;
			  margin:0;
			  padding:10px 0 0 15px;
			  display:block;
			  float:right;
			}
	  .capituloGran, #fonsPantalla{
		  float:left;
		  width:585px;
		  }
		.capituloGran{
		  float:left;
		  width:585px;
		  margin:0 60px 0 30px;
		  }
		#fonsPantalla{
			margin:0 0 20px 0;
			}
	  .capituloGran p{
		  line-height: 1.4em;
		  margin-bottom: 8px;
		  font-size:13px;
		  }
	  .capituloGran img{
		  border:1px solid #000;
		  padding:2px;
		  margin: 0 0 10px 0;
		  }
	  .capituloPeq{
		  float:left;
		  margin:0 10px 20px 20px;
		  overflow:hidden;
		  width:220px;
		  }
	  .capituloPeq p{
		  font-size:11px;
		  line-height: 12px;
		  margin: 0 0 4px 0;
		  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		  }
	  .capituloPeq img{
		  float: left;
		  border:1px solid #000;
		  padding:2px;
		  margin: 4px 10px 10px 0;
		  }
	  .titutarCapitulo{
		  font-size:18px;
		  font-weight:bold;
		  }
		 .capituloPeq ul{
			 margin:0 0 0 60px;
			 display:block;
			 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			 font-size:13px;
			 }


#multimedia {}

	.fonsPantalla{
		}
	.descarregaFons{
		float:left;
		margin:0 25px 25px 0;
		width:160px;
		}
	.descarregaFons a,
	.capituloPeq a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #C33;
		font-weight:bold;
		}	
	.descarregaFons a:hover,
	.capituloPeq a:hover{
		color: #000;
		}
	.descarregaFons p{
		margin:0 20px 20px 0;
		width:106px;
	}
	.descarregaFons img{
		border:1px solid #000;
		padding:2px;
		margin: 0px 0px 1px 0;
		}
	.descarrega2{
		float:left;
		margin:0 25px 25px 0;
		width:370px;
		}
		.descarrega2 p{
			font-size:13px;
			}
	
	.listadoMus {
		 float:right;
		 overflow:hidden;
		 width:280px;
		 height:350px;
		 margin:0;
		 padding:20px 0 0 0;
		 background:url(../img/bg_capitols.png) left top repeat-y;
		  }
		
#donaLaNota{}
	
	#comentarisPrograma{
		overflow:scroll;
		display:block;
		height:450px;
		font-size:13px;
		line-height:1.3em;
		}
		#comentarisPrograma ul{
			margin:0 10px 0 20px;
			list-style-position:outside;
			}
		#comentarisPrograma ul li{
			display:block;
			margin:0 0 10px 0;
			list-style-type: circle;
			}



#noticias, #contacto{
	margin:0 0 0 29px;
	width:900px;
	float:left;	
	overflow: hidden;
	}
#noticias img {
	margin: 0 20px 10px 0; 
	float:left;
}
.noticiaResumen{
	overflow:hidden;
	margin:0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom:1px solid #CFD1D3;
	}
.noticiaResumen p{
	font-size: 13px;
	line-height:1.2em;
	color: #333;
	margin: 0 0 4px 0;
	}
.noticiaResumen .titularNoticia{
	font-weight:bold;
	}
	
.noticiaDesarrollo{
	overflow:hidden;
	margin:0 0 20px 0;
	}
.noticiaDesarrollo p{
	font-size: 13px;
	line-height:1.2em;
	color: #333;
	margin: 0 0 8px 0;
	}
.noticiaDesarrollo .titularNoticia{
	font-weight:bold;
	}

	

#contacto{	
	}
#contacto img {
	margin: 0 35px 60px 0; 
	float:left;
	}
#contacto p {
	font-size:13px;
	margin: 0;
	line-height:1.4em;
	}
#contacto a {
	text-decoration: underline;
	color: #000;
	}
#contacto a:hover {
	text-decoration: none;
	color: #F30;
	}
#contacto .formulario {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	float: right;
	width:270px;
	height:370px;
	background:url(../img/bg_formulario.jpg) left top no-repeat;
	padding:30px 30px 30px 40px;
}
.campo_registro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 170px;
	border: 1px solid #CED7CE;
	margin:5px 0 0 5px;
	padding: 0 0 0 5px;
}
.rojo{
	color: red;
}



/*///////////////////////////////////////////////////////////////// FOOTER  ////*/
#footer{
	margin:0 auto 10px auto;
	width:960px;
	font-size: 11px;
	color: #999999;
	overflow:hidden;
	clear:both;
	display:block;
	}
#footer a{
	font-size: 11px;
	color: #512C1D;
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:20px;
	}
#footer a:hover{
	color: #F30;
	}
	.cont1{
		background:#630 url(../img/bg_footer.jpg) left top repeat-x;
		overflow:hidden;
		width:100%;
		height:60px;
		display:block;
		}
		.botSec{
			float:left;
			display:block;
			overflow:hidden;
			margin:0 10px 0 0;
			}
		.logosPie{
			margin:0;
			float:right;
			display:block;
		}
		.logosPie a{
			display:block;
			float:left;
		}
	
	.cont2{
		overflow:hidden;
		display:block;
		width:100%;
		margin:10px 0;
		}
		.cont2 a{
			text-align:center;
			display:block;
			}


/*///////////////////////////////////////////////////////////////// VARIOS  ////*/

.fecha{
	font-weight:normal;
	color: #999;
	font-size:11px;
	}

.botonMas{
	width: 9px;
	height: 9px;
	margin: 0 0 5px 0;
	background: url(../img/botmas.gif) no-repeat;
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 3px;
	text-indent: -9999px;
	}
	
#paginador{
	position: relative;
	height: 30px;
	overflow:hidden;
}
#paginador p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
	line-height:normal;
	float: left;
	position: relative;
	font-weight: normal;
	padding: 0;
	}
.botones{
	float: right; 
	height: 20px; 
	width: 40px;
	margin: 0;
}
.botones a{
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	margin: 0 0 0 5px;
}
.botones a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}
.botAnt{
	background: url(../img/bot_ant.gif) no-repeat ;
	display:block;
	line-height:100px;
	overflow:hidden;
	height: 13px;
	width: 13px;
	margin: 0 5px 0 0; 
	}
.botSig{
	background: url(../img/bot_sig.gif) no-repeat ;
	}
#volver{
	float: right;
	width: 55px;
	margin: 0;
	}
#volver p{
	float:right;
	margin:-3px 0 0 0;
	}
#volver a{
	font-size:11px;
	color:#000;
	text-decoration:none;
	}
#volver a:hover{
	color: #F60;
	text-decoration:underline;
	}
#volver .botAnt{
	float:left;
	}

input:focus,
textarea:focus,
select:focus{
	border: 1px solid #666;
	background-color: #F8F8F8;
}
label{
	display: block;
	margin: 0;
	font-size:12px;
	color: #666;
}
input, textarea, select{
	border: 1px solid #CCC;
	width: 280px;
	padding:3px;
	font-size:12px;
	color:#000;
	
	}