/* generic */
html { overflow:auto; }
html.portada { overflow:auto; }
body {
	background-color: #000;
/*	background: url( 'img/fons.jpg' ) no-repeat;*/
  font: 10px/13px Verdana,Helvetica, Arial, sans-serif;
/*	line-height: 1.7em;*/
	padding: 0;
	margin: 0;
	text-align: center;
	overflow:hidden;
   color:white;
}
a{	margin:0;padding:0; 	text-decoration: none; }
a:focus{ outline: 0px;}
img{ 	border:0; }
.gris,#gris{ color: #3b372d; }
.groc,#groc{ color: #e9af26; }
.clear,#clear{
	clear: both;
}
/* portada*/
body.portada {
	background: #000;
   font: 11px/16px Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.7em;
	padding: 0;
	margin: 150px auto;
	text-align: center;
	overflow: hidden;
}
body.comments{
	background:#b7b4ae;
	text-align: left;
}
/*#lang {height: 16px; border: 0; margin: 0px auto;padding: 0;width: 220px;}
div.lca,div.les,div.len{ display: block; height:16px; margin:0; padding:0;}
div.lca {float: left;background: url( 'img/catala_t.gif' ) no-repeat bottom left; width:56px; margin-right:17px;}
div.les {float: left; background: url( 'img/espanol_t.gif' ) no-repeat bottom left; width:68px;margin-right:17px;}
div.len {float: left; background: url( 'img/english_t.gif' ) no-repeat bottom left; width:62px;}
div.lca a {background: url( 'img/catala_g.gif' ) no-repeat bottom left;}
div.les a {background: url( 'img/espanol_g.gif' ) no-repeat bottom left;}
div.len a {background: url( 'img/english_g.gif' ) no-repeat bottom left;}
div.lca a,div.les a,div.len a{ display: block; text-decoration: none; height:16px;}
div.lca a:hover,div.les a:hover,div.len a:hover{background-image: none;}
div.lca span,div.les span,div.len span{visibility:hidden;}
*/
#lang {float:right;height: 16px; border: 0; margin: 10px auto;padding: 0;width:460px; text-align: center;}
div.len,div.les{ float:left; display: inline; height:16px; margin:0 0 0 15px; padding:0;}
div.len a,div.les a {color: #e9af26; text-decoration: underline; height:16px;}
div.len a:hover,div.les a:hover{text-decoration: none; }
div.lca span,div.les span,div.len span{/*visibility:hidden;*/}

/*layout*/
#lang2 {height: 18px; border: 0; margin: 10px 0 0 0;padding: 0; float:right;width:200px;}
div.ca,div.es,div.en,div.barra{ display: block; height:18px; margin:0; padding:0;overflow:hidden;}
div.barra {	float:left;background: url( 'img/barra.gif' ) no-repeat bottom left; width:8px;}
div.ca {float: left;background: url( 'img/cat_t.gif' ) no-repeat bottom left; width:24px; }
div.es {float: left; background: url( 'img/esp_t.gif' ) no-repeat bottom left; width:28px;}
div.en {float: left; background: url( 'img/eng_t.gif' ) no-repeat bottom left; width:28px;}
div.ca a {background: url( 'img/cat_g.gif' ) no-repeat bottom left;}
div.es a {background: url( 'img/esp_g.gif' ) no-repeat bottom left;}
div.en a {background: url( 'img/eng_g.gif' ) no-repeat bottom left;}
div.ca a,div.es a,div.en a{ display: block; text-decoration: none; height:18px;}
div.ca a:hover,div.es a:hover,div.en a:hover{background-image: none;}
div.ca span,div.es span,div.en span,div.barra span{/*visibility:hidden;*/}
#container {
    position: relative;
    margin:50px auto;
    width: 800px;
    height: 600px;
    background: #000;
	text-align:left;
	border: 0;
}
#news {margin:0;padding: 0;width: 800px;height: 13px;background: #28251F ;text-align:left;}
#caixa {position:relative;width:800px;height:12px;overflow:hidden;background-color:#28251F;}
#interior span{visibility:hidden;}
/*header*/	
#header {
    margin:0;
    padding: 0;
    width: 800px;
	 height: 162px;
    background: #000;
	 text-align:left;
}
/*menu*/
#menu {background-color: #3b372d;height: 20px; border: 0; margin: 0px auto;padding: 0;width: 800px;}
div.synopsis,div.director,div.credits,div.photos,div.press,div.calendar,div.comments{ display: inline; height:20px; margin:0; padding:0;}
div.synopsis a,div.director a,div.credits a,div.photos a,div.press a,div.calendar a,div.comments a{ display: block; text-decoration: none; height:20px;}
div.synopsis a:hover,div.director a:hover,div.credits a:hover,div.photos a:hover,div.press a:hover,div.calendar a:hover,div.comments a:hover{background-image: none;}
div.synopsis  span,div.director  span,div.credits  span,div.photos  span,div.press  span,div.calendar  span,div.comments  span{visibility:hidden;}

div.cnt1,div.cnt2,div.cnt3,div.cnt4,div.cnt5,div.cnt6,div.cnt7{ display: inline; height:16px; margin:0 0 0 10px; padding:0;float: left; width:800px;}
div.cnt1 { background: url( 'img/cnt1.gif' ) no-repeat top left;}
div.cnt2 { background: url( 'img/cnt2.gif' ) no-repeat top left;}
div.cnt3 { background: url( 'img/cnt3.gif' ) no-repeat top left;}
div.cnt4 { background: url( 'img/cnt4.gif' ) no-repeat top left;}
div.cnt5 { background: url( 'img/cnt5.gif' ) no-repeat top left;}
div.cnt6 { background: url( 'img/cnt6.gif' ) no-repeat top left;}
div.cnt7 { background: url( 'img/cnt7.gif' ) no-repeat top left;}
div.cnt1 span,div.cnt2 span,div.cnt3 span,div.cnt4 span,div.cnt5 span,div.cnt6 span,div.cnt7 span{ visibility : hidden; height:0; width:0;}

/*footer*/
#footer {margin:0px auto;padding: 0;width: 800px;height: 80px;background: #000;/*	border: 1px solid #3b372d;*/}

div.logo{ display: inline; height:44px; margin:0; padding:0;float: left; background: url( 'img/logo.gif' ) no-repeat top left; 
width:128px; margin:14px 0 0 12px;}
div.logo a{ border:0;display: block; text-decoration: none; height:44px;}
div.logo span { visibility : hidden; height:0; width:0;}

div.downloads{	 display:inline;float: left; margin:14px 0 0 130px;padding:0;height:30px;width:250px;}
div.downloads ul{	margin-top:0;color: #e9af26; list-style-image: url(img/fletxes.gif);}
div.downloads ul li {line-height:1.3em; letter-spacing:-0.1em; }
div.downloads ul li a{color: #e9af26;text-decoration: underline; }
div.downloads ul li a:hover{ text-decoration: none;}

div.contactar{margin-top:5px;float:right; margin-right: 20px; height:50px;width:200px;display:inline;text-align:right;/*letter-spacing:-0.1em;*/}
div.contactar a{color: white;text-decoration: underline;}
div.contactar a:hover{text-decoration: none;}

/*contingut*/
#contingut {
    margin:0;
    padding: 0;
    width: 800px;
	 height: 290px;
    background: #000;
	 text-align:left;
/*	border: 1px solid #3b372d;*/
}

div#left{float:left;display:inline;background-color: #000;width:320px;height:290px;}
div#right{float:left;display:inline;background-color: #000;width:480px;height:290px;}
div#marc{
	width:465px;height:288px;margin:2px 0 0 10px;padding:0;
}
div#dal{
	width:465px;height:8px;background: url(img/marc_dal.gif) no-repeat top;float:left;margin:0;padding:0;clear:both;overflow:hidden;}
div#esq{
	width:13px;height:239px;background: url(img/marc_esq.gif) no-repeat left;float:left;margin:0;padding:0;}

div#centre{
	width: 438px;height:239px;background-color: #a9a69f;float:left;margin:0;padding:0;overflow:hidden;}

div#dre{
	width:14px;height:239px;background: url(img/marc_dre.gif) no-repeat left;float:left;margin:0;padding:0;}
div#bai{
	width:465px;height:41px;background: url(img/marc_bai.gif) no-repeat left;float:left;margin:0;padding:0;}

div#player{
	margin-top:20px;
}
div#ph_left{
	margin-top:2px;
}

/*scroll, etc.*/
div#wrap {
	float: left;
   width: 380px;
	height: 225px;
	padding: 0;
	margin:0 0 0 10px; 
	text-align:left;
	display:inline;
}
#clipping {
	float:right;
	position: absolute;
	top:225px;
   width: 380px;
	overflow: hidden;
	padding: 0;
	margin:0;
	color:black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -0.05em;
}
#clipping em{
	color: white;
	font-style: normal;
}
#clipping span{
	font-weight:bold;
}
#clipping a{
	color: black; 
	text-decoration:underline;
}
#clipping a:hover{
	text-decoration:none; 
}
#clipping img{
	margin:4px;
}
#scroll{
	float:right;
	width:20px;
	height: 225px;
}
.up{
	height: 16px; width: 17px; margin:5px 0 0 0; padding:0;
	background: url( 'img/up.gif' ) no-repeat; display: block; 
}
.down{
	height: 16px; width: 17px; margin:190px 0 0 0; padding:0;
	background: url( 'img/down.gif' ) no-repeat; display: block; 
}
.up span,.down span { visibility : hidden; height:0; width:0; font-size: 1px; line-height: 1px; }
/*photos*/
div.miniatura{
	display: inline;
	width:86px; height:86px;
	float:left;
	margin: 7px 8px 8px 0px;
	text-align:center;
	line-height: 86px;
	overflow: hidden;
}
img.mini{
	vertical-align: bottom;
	text-align:center;
}


/*comments*/
form{
	margin: 10px 0 0 10px;
	padding: 0;
	width:390px;
	display: inline;
}
label.normal {
	clear:both;
	width: 140px;
/*	float:left;*/
	text-align: left;
	color: #000;/*#948c8c;*/
	margin: 7px 5px 0 10px;
	padding:4px 0 0 0;
	font-weight: bold;
	display:inline;
}
label.llarg {
	clear:both;
/*	float:left;*/
	color: #000;
	margin:5px 0 0 10px;
	padding:0;
	font-weight: bold;
	text-align: left;
	display:inline;
}
input{
	margin:0;
}
input.itext{
	clear:both;
/*	float:left;*/
	margin: 7px 0px 5px 10px;
	padding:2px;
	border: 1px solid white;
	background-color: #b7b4ae;
	color: white;
  	font: 11px/13px Verdana,Helvetica, Arial, sans-serif;
}
textarea#comment{
	clear:both;
	float:left;
	border: 1px solid white;
	margin: 5px 0 0 10px;
	padding:0;
  	font: 11px/13px Verdana,Helvetica, Arial, sans-serif;
	display:inline;
	width: 375px;
	height: 200px;
}

input#submit{
	padding:0;
	clear:both;
	float:left;
	margin:10px 5px 10px 10px;
	background-color: #a2a09b;
	border: 1px solid #a2a09b;
	color: #FFF;
	font-weight:bold;
	font-size: 1em;
	padding:0;
	width:55px;
	display:inline;
  	font: 11px/13px Verdana,Helvetica, Arial, sans-serif;
}
.error{
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	color: black;
	display: block;
}