/*
ESTILS DE PAGINA AMB CAPÇALERA I TRES COLUMNES
Nom:	La Finestra Digital
Autor:	Aleix Cabrera
URL:	http://www.lafinestradigital.com - http://wwww.uoc.edu/alumni/lafinestradigital/
Date:	7 gener 2008
*/

/* ------------------------- etiquetes HTML basiques ------------------------- */

html, body { 
	margin: 0px; 
	padding: 0px; 
	text-align: center; 
}

body {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #336699;
	scrollbar-highlight-color: #336699;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #6699cc;
	margin: 0px;
	padding: 0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	/* background: #ffffff url(../imgweb/disseny/bg_blanc.gif) repeat-x;
	background-attachment: fixed; */
	background: url(../imgweb/disseny/blanc.gif) fixed no-repeat;
	overflow-y:scroll;
	overflow-x:hidden;
}

form {padding:0px; margin:0px; font-size: 8px;}

input, select, textarea, option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #ffffff;
	color:#777777;
	font-weight:bold;
}

p {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

samp{
	background-color: #cccccc;
	border: 1px solid #666666;
	display: block;
	font-family: "Lucida Console","Andale Mono",Monaco,"Courier New", Courier, monospace;
	font-size: 11px;
	margin: 10px;
	padding: 10px;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted #E48170;
	cursor: help;
}

#pag3esq ul {
	list-style-type:none;
	margin:0px 5px 5px 5px;
	padding:0;
}

#pag3esq li {
	background-image: url(../imgweb/disseny/punt_gris.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0px 0px 0px 8px;
}

blockquote.bq_entre {
	background: url(../imgweb/disseny/bg_micro.gif) no-repeat 110px 0px;
	margin: 15px 0px 15px 30px;
	padding: 20px 0px 5px 0px;
}
	
blockquote.bq_nota {
	background: url(../imgweb/disseny/bg_nota.gif) no-repeat 110px 0px;
	margin: 15px 0px 15px 30px;
	padding: 20px 0px 5px 0px;
}

blockquote.bq_entre p{
	font-family: Georgia, Arial, Verdana;
	font-size: 14px;
	color:#919171;
}

blockquote.bq_nota p{
	font-family: Georgia, "Georgia", Arial, Verdana;
	font-size: 14px;
	color:#919171;
}

blockquote.bq_entre img {width:100%; margin: 0px 0px;}
blockquote.bq_nota img {width:100%; margin: 0px 0px;}

div.fons_nota {background: url(../imgweb/disseny/bg_bq.gif) repeat-y 167px; padding:0px 5px;}

/* ------------------------- contenidor ------------------------- */

#contenidor {
	text-align: left;
	width: 762px;
	margin: auto;
	padding-top: 3px;
}

/* ------------------------- CAPÇALERA en 3 parts i DATA ------------------------- */

#cap {height: 52px; width: 762px;}

#cap_logo {
	float: left;
	height: 52px;
	width: 145px;
	background: url(../imgweb/disseny/cap_ull_bq.gif) no-repeat;
}

#cap_nom {
	float: left;
	height: 52px;
	width: 377px;
	background: url(../imgweb/disseny/cap_nom.gif) no-repeat;
}

#cap_espai {
	float: left;
	height: 52px;
	width: 240px;
	background: url(../imgweb/disseny/cap_espai.gif) no-repeat;
}

#data {
	color: #336699;
	text-align: right;
	margin-right:10px;
	margin-top:27px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

/* ------------------------- barra de navegacio ------------------------- */

#barra {
	clear:both;
	height: 15px;
	width: 762px;
	margin-top: 0px;
	background-image: url(../imgweb/disseny/bg_barra.gif);
	background-color: #336699;
}

#barra_text {
	color: #ffffff;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: lowercase;
	margin-right: 10px;
}

/* ------------------------- PEU i CUA------------------------- */

#final {clear: both; padding: 5px 0px 3px 0px; width:762px;}

#peu {
	height: 18px;
	width: 762px;
	background: url(../imgweb/disseny/bg_peu.gif) no-repeat top center;
	padding-top: 3px;
	color: #ffffff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#cua {
	width: 762px;
	margin-top: 10px;
	color: #cccccc;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* ------------------------- CONTINGUTS ------------------------- */

#ruta {clear:both;height:18px; margin-top:2px; color:#999999; text-transform: lowercase; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}

/* ------------------------- capçalera de secció ------------------------- */

#capseccio {clear: both; width:762px;}
#titseccio {width: 152px; height: 100px; float: left}
#imgseccio {width: 610px; height: 100px; float: left}
.z_seccioimg {width: 610px; height: 100px;}
.z_secciotit {width: 152px; height: 100px;}

/* ------------------------- TEXT CENTRAL, contingut i blanca ------------------------- */

#contingut, #blanca {clear:both; background-color: #ffffff; width: 762px; padding: 15px 0px;}

#contingut p {padding: 0px 80px 0px 167px;}
#contingut h3, #contingut h4 {padding: 0px 80px 0px 167px; text-align:justify;}
#contingut h1, #contingut h2 {padding: 0px 0px 0px 167px; text-align:left;}
#contingut h1 {margin:5px 0px 15px 0px;}
/*	#contingut h2 {font-size: 14px; font-family: Arial;} */
#contingut h3 {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 18px; font-weight:normal;}
#contingut p.autor {color:#999999;padding-bottom:30px; font-size:10px;}
#blanca p.autor {color:#999999; padding-bottom:25px; font-size:10px;}

#navega {width:100px; float:right; text-align:right; font-size:10px;}
.z_amunt {width: 150px; float:left; color:#999999;display:inline;}
.segueix {float:right; color:#999999; display:inline;}

#contingut p.llista, #blanca p.llista {
	background-image: url(../imgweb/disseny/punt_blau.gif) ;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 80px 0px 12px; 
	margin: 0px 0px 0px 177px;
	font-family: Arial; font-size:13px; margin-bottom: 8px;
	text-align:justify;
}

p.llista {
	background-image: url(../imgweb/disseny/punt_blau.gif) ;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 5px 0px 12px; 
	margin: 0px 0px 0px 0px;
	font-family: Arial; font-size:13px; margin-bottom: 8px;
	text-align:justify;
}

/* ------------------------- MENU ESQUERRE ------------------------- */

#pag3esq {
	width: 150px;
	float: left;
	padding: 0px 0px 5px 0px;
	background: #f5f5f5;
	border: solid 1px #dddddd;
	font-size:11px;
	text-align:left;
}

#pag3esq h2, #pag3esq h3 {padding: 10px 5px 5px 4px;}
#pag3esq h2, #destacats h2 {color: #336699; font-weight: bold; font-size:13px;}
#pag3esq p {padding: 3px 5px; text-align:left;}

#pag3esq p.llista {
	background-image: url(../imgweb/disseny/punt_gris.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0px 0px 0px 8px;
	margin: 0px 0px 0px 5px;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
}

#pag3esq p a, #pag3esq p a:visited, #pag3esq p a:active {font-weight:normal;color:#666666;}
#pag3esq p a:hover {color:#999999;background-image: none;}

/* ------------------------- DESGLOSSAT ------------------------- */

#pag3dreta {
	width: 200px;
	float: right;
	margin: 0px 0px 15px 15px;
	color: #919171;
	font-size:11px;
	text-align:left;
	background: #f7f7e7;
}

#pag3blanc {width:auto; height:20px; margin:0px; padding:0p; background: #ffffff;}

#pag3notafi, #pag3notacap {width:auto; height:6px; margin:0px; padding:0p;}
#pag3notafi img, #pag3notacap img, #pag3blanc img {width:100%;}
#pag3dreta p {padding: 3px 8px; text-align:left;}

#pag3dreta h2 {	
	padding: 0px 8px 4px 8px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #919171;
	margin-bottom:2px;
}

#pag3dreta h2.pestanya {background: #CCCC99; color: #ffffff;}

#pag3dreta h3 {padding: 4px 8px; text-align:left; font-size: 11px; font-weight:bold;}
img.img_despiece {max-width:180px; border:1px solid #919171; text-align:center;}
#pag3dreta p.llista {
	background-image: url(../imgweb/disseny/punt_ocre.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:0px 0px 0px 8px;
	margin: 0px 0px 0px 5px;
	text-align:left;
	font-family: Verdana;
	font-size: 11px;
}

#pag3dretablanc {
	width:auto;
	margin:0px;
	padding:0p;
	height: 11px;
	background-image: url(../imgweb/disseny/quadreblanc.jpg);
	background-repeat: repeat;
	background-position: top left;
}

#pag3dretablanc img {width:100%; height:11;}

/* ------------------------- TEXT ------------------------- */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #336699;
	margin-bottom: 10px;
	padding:0px;
}

.h1entre {font-size:30px; color:#ff9933; font-weight:normal;}
.h1proposta {font-size:22px; font-weight:normal;}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding:0px;
	color: #999999;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding:0px;}

#cel_entre h3, #cel_article h3, #cel_especial h3 {color: #999999; font-weight: bold; text-transform: uppercase;}
#cel_noticia h3, #cel_agenda h3 {color: #336699; font-weight: bold;}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	margin: 0px;
	padding:0px;}

.cos {font-family: Arial; font-size:13px; margin-bottom: 10px; text-align: justify;}
.lead {font-family: Arial;font-size:13px; font-weight:bold; margin-bottom: 15px; text-align: justify;}
.pregunta {font-family: Arial;font-size:13px; font-weight:bold; margin-bottom: 0px; margin-top:8px; text-align: justify;}
.resposta {font-family: Arial; font-size:13px; font-style: normal; margin-bottom: 10px; text-align: justify;}
.centre {margin-bottom: 10px; text-align: center;}

.col_taronja {color: #ff9933;}
.col_verd {color: #77aa00;}
.col_roig {color: #cc3333;}
.col_gris {color: #999999;}
.col_grisf {color: #666666;}
.col_blau, #cel_critica h2 {color: #336699;}
.col_blauc {color: #6699cc;}

/* ------------------------- HIPERTEXT ------------------------- */

a:link, a:active, a:visited {color:#336699; font-weight:bold; text-decoration:none;}
a:hover {color:#cccc99; font-weight:bold; text-decoration:none;}
#barra a, #barra a:visited, #barra a:active {color:#ffffff;}
#barra a:hover {color:#cccc99;}
#peu a, #peu a:visited, #peu a:active {font-weight:normal;color:#ffffff;}
#peu a:hover {color:#cccc99;}
#ruta a, #ruta a:visited, #ruta a:active {color:#999999; font-weight:normal;}
a.lletreta, a:visited.lletreta, a:active.lletreta {color:#999999; font-weight:normal;}
.z_amunt a, .z_amunt a:visited, .z_amunt a:active, .segueix a, .segueix a:visited, .segueix a:active {color:#999999; font-weight:normal;}
#ruta a:hover, a:hover.lletreta, .z_amunt a:hover, .segueix a:hover {color:#cccc99; font-weight:normal;}

/* ------------------------- FOTOS esquerra, dreta, i peus foto ------------------------- */

div.img_esq {
	float: left;
	margin: 5px 8px 5px 0px;
	padding: 0px 0px 0px 0px;
	/*border:1px solid #cccccc;*/
	text-align:left;
	color:#919171;
	font-size:10px;
	/*width:150px;*/
}

div.img150_esq {
	float: left;
	margin: 5px 8px 5px 0px;
	padding: 0px 0px 0px 0px;
	/*border:1px solid #cccccc;*/
	text-align:left;
	color:#919171;
	font-size:10px;
	width:150px;
}

p.img_esq {
	float: left;
	margin: 5px -70px 5px -167px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#919171;
	font-size:10px;
}

div.peu_esq {width: 150px; padding-top:3px;}

p.img_dreta {
	float: right;
	margin: 5px -80px 5px -157px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	color:#919171;
	font-size:10px;
}

div.img_dreta {
	float: right;
	margin: 5px 0px 5px 8px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	/*border:1px solid #cccccc;*/
	color:#919171;
	font-size:10px;
}

img.imgsp_esq {float:left;margin: 5px 8px 5px -157px;}

div.cita {
	float: left;
	margin: 5px 8px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	font-family: Georgia, Times, Arial, Verdana;
	color:#919171;
	font-size:20px;
	width:150px;
}

/* ------------------------- ALTRES ESTILS ------------------------- */

.info, .acronim {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
}

.lletreta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #cccccc;}
.z_ma {cursor: pointer;}
.z_clr{clear:both;padding:auto;margin:auto;text-align:center;}
.z_espai8 {height: 8px;}
.z_espai4 {height: 4px;}
.z_espai2 {height: 2px;}

/* ------------------------- RETOLS SECCIO ------------------------- */

#ret_entre, #ret_article, #ret_especial, #ret_gris, #ret_noticia, #ret_agenda, #ret_blau, #ret_estrena, #ret_critica, #ret_cerca, #ret_proposta {
	height: 18px;
	margin-top: 2px;
	display:block;
}

/* ------------------------- CASELLA SECCIO ------------------------- */

#cel_entre {
	border-top: 3px solid #ff9900;
	border-right: 1px dashed #ff9900;
	border-bottom: 1px dashed #ff9900;
	border-left: 1px dashed #ff9900;
	padding: 5px 0px 10px 0px;
}

#cel_article {
	border-top: 3px solid #99cc00;
	border-right: 1px dashed #99cc00;
	border-bottom: 1px dashed #99cc00;
	border-left: 1px dashed #99cc00;
	padding: 5px 0px 10px 0px;
}

#cel_especial {
	border-top: 3px solid #ff6666;
	border-right: 1px dashed #ff6666;
	border-bottom: 1px dashed #ff6666;
	border-left: 1px dashed #ff6666;
	padding: 5px 0px 10px 0px;
}

#cel_noticia, #cel_agenda {
	border-top: 3px solid #cccccc;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	padding: 5px 0px 10px 0px;
	margin:0px;
}

#cel_estrena, #cel_critica, #cel_proposta, #cel_cerca {
	border-top: 3px solid #6699cc;
	border-right: 1px dashed #6699cc;
	border-bottom: 1px dashed #6699cc;
	border-left: 1px dashed #6699cc;
	padding: 5px 0px 10px 0px;
	margin:0px;
	/*width:auto;
	display:block;
	vertical-align:top;*/
}

/* ------------------------- PROPOSTES ------------------------- */

#proposta_ico {
	margin: 15px 10px 5px 10px;
	text-align:center;
	display:block;
	height:auto;
}

#proposta_ico img{
	vertical-align: top;
	width: 50px;
	height: 50px;
	border:1px solid #cccccc;
	margin: 0px 15px;
}

div.z_proposta {display:block; width:358px; float:left; padding: 25px 2px 0px 2px; margin: 0px 0px 0px 10px;}

.z_propostaimg {
	float:left;
	vertical-align:top;
	width: 120px;
	height: 194px;
	margin: 0px 8px 2px 0px;
	border:1px solid #cccccc;
}

/* div#cel_proposta h1 {font-size: 18px; margin:0px 0px 15px 0px;} */
div#cel_proposta p.autor {color:#999999; padding-top:8px; font-size:10px;}
div#cel_proposta p.cos {text-align:justify;}

/* ------------------------- DESTACATS ------------------------- */

#destacats {
	margin: 5px 0px 0px 12px;
	padding: 5px 0px 0px 0px;
	text-align:center;
	display:block;
	height:auto;
	vertical-align: top;
}

#destaico {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	text-align:center;
	display:block;
	height:auto;
	vertical-align: top;
}

#destaico img{
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border:1px solid #cccccc;
	margin: 0px 15px;
}

div.z_destacat {
	display:block;
	width:175px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

div.z_destacont {
	width:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #f5f5f5;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

div.z_destatext {
	width:auto;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 0px 0px;
	font-size:11px;
	text-align:left;
}

.z_destacont img{
	vertical-align: top;
	width: 173px;
	height: 60px;
	border:0px;
	margin: 0px;
}

#arxiu {
	padding: 0px 0px 0px 60px;
	margin: 35px 20px 10px 40px;
	font-size:11px;
	text-align:left
}

#arxiu img {float:left; margin:7px 0px 0px -36px; width: 24px; height: 24px; border:1px solid #cccccc;}
#arxiu h2 {padding: 6px 0px; color:#6699cc;}

/* ------------------------- ESTRENES ------------------------- */

#menuestrenes {
	width: 150px;
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px 6px;
	font-size:11px;
	text-align:left;
}

#menuestrenes p {padding-bottom:2px;}

#estrenesdest {
	width: auto;
	margin-left:165px;
	padding: 0px 4px;
	text-align:center;
}

#estrenesdest img.img_gran {border:1px solid #cccccc; margin: 0px 4px; width:120px; height:169px;}

#estrenesdest img.img_mini {border:1px solid #cccccc; margin: 0px 4px; width:70px; height:120px;}