@charset "ISO-8859-1";
/* CSS Document */
body {
	
	margin: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	
	background: transparent 
url(../images/fonsweb1.jpg) no-repeat
;
	background-attachment: fixed;
	background-position: center top;

	
}
div#maincontainer{
	width: 840px; /*Width of main container*/
	margin: 0 auto;
	padding:0 20px 0 20px;
	background: transparent url(../images/fonswebp.gif) no-repeat center top;
	
background-color: #FFF;
}

div#topsection{
height:198px; /*Height of top section*/
padding:0px;
}
div#Capcalera {
	
	height:auto;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	position: relative;
	
}
div#superior {
	width:820px;
	height:140px;
	
	float: left;
	position: relative;
}
div#topLogo {
	background-image: url(../images/logo.jpg);
	width: 224px;
	height: 30px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	position: relative;
}
div#top2 {
	background-image: url(../images/cap.jpg);
	position: absolute;
	left:224px;
	top:0px;
	width:596px;
	height:30px;
	
}
div#festival {
	position:absolute;
	width: 820px;
	height:20px;
	float: left;
	position: relative;
}
.festivalnom {
float: left;
margin-left: 10px; 
color: #FFF; 
font-size: 1.1em; 
width:auto; 
font-weight: bold;
margin-top:3px;
}

.festivaldates {
	position: absolute;
	left: 480px;
	
	color: #FFF;
	font-size: 1.1em;
	width:96px;
	text-align: right;
	margin-top:3px;
}

.festivaldatacurta {
	left: 700px;
	margin-right: 10px;
	color:#FFF;
	font-size: 1em;
	width:auto;
	font-weight: bold;
}

div#sota {
	width:820px;
	height:auto;
	
	float: left;
	position: relative;
	padding-bottom: 0px;
	border-bottom: 8px solid #898989;
}
.path {
	font-size: 1.6em;
	color:#FF2323;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	
}
/*    */
div#contentwrapper{
clear:both;
float: left;
width: 100%;
position:relative;
	margin-top: 30px;
	margin-bottom:10px;
	
	
}
div#leftcolumn{
	position: relative;
	float:left;
	left: 0px;
	width: 250px;
	
	
}
div#leftcontent {
	
	float: left;
	width: 90%;
	height: auto;
	margin-top: 10px;
}
div#rightcolumn{
	position: relative;
	width: 110px; /*Width of right column*/
	right: 0px;
	float: right;
	/*min-height:440px;*/
	padding:0px 0px 0px 25px;
	
	
	
}
div#centre {
	float: left;
	width: 390px;
	height: 100%;
	border: 1px solid #B2B2B2;
	padding:20px;
	overflow: visible;
		
}
div#centre2cols {
	
	float: left;
	width: 690px;
	height: auto;
	
	overflow: visible;
}
.separa {
	position:relative;
	width:99%;
	height:auto;
	float: left;
	margin-top: 10px;
	border-bottom: 1px dotted #898989;
	margin-bottom: 10px;


	
}
.separapeu {
	position:relative;
	width:820px;
	height:auto;
	float: left;
	margin-top: 20px;
	border-bottom: 1px dashed #898989;
	


	
}
div#peu{
	clear: left;
	width: 100%;
margin-bottom:5px;
padding-top: 5px;
	

}
.peutext{
	color: #898989;
	font-size: 0.7em;
	
	text-align: center;
	line-height: 2;
}

/* Home*/
div#homecap {
	float: left;
	width: 690px;
	height: auto;
	border: 1px solid #B2B2B2;
		
	
}
div#capgalery{
	height:30px;
	width: 100%;
	border-bottom: 1px solid #B2B2B2;
	display: block;
	font-size: 1.2em;
	color: #888888;
	text-decoration:none;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 1px;
	text-indent: 20px;
	/*
background-color: #FFF;
*/
}
.peugalery {
	position:relative;
	width:400px;
	height:auto;
	margin-top: -8px;
	padding-left:15px;
	font-size:10px;
	color: #FFF;
}
.capgalerydata{
	
	font-size: 0.8em;
	color: #888888;
	text-decoration:none;
	font-weight: normal;
	
}
/*
.homeleftcolumn{
	position: relative;
	float:none;
	margin-left: 500px;
	width: 150px;
	min-height:340px;
	margin-top: -150px;
	
	
	
}
.imatgeh {
	position:  relative;
	
	border: 1px solid #CCCCCC;
	padding:5px;
	overflow: hidden;
	

}*/
.hsepara {
	position:relative;
	width:99%;
	height:auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;


	
}
div#homenews {
	float: left;
	width: 300px;
	height: auto;
	border: 1px solid #B2B2B2;
	padding:10px;	
	
}
div#ntitol {
	font-size: 1.4em;
	color:#FF2323;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	float: left;
	height: auto;
	width:100%;
	position: relative;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	z-index: 10;	
}
.mapa {
	background: transparent url(../images/mapamini.png) no-repeat right top;
	float: right;
	height: 100px;
	width:100%;
	position: relative;
	z-index: 100;
	margin-top: -50px;
	margin-right: -10px;
}

div#homevid {
	right: 0px;
	float: right;
	width: 325px;
	height: auto;
	border: 1px solid #B2B2B2;
	padding:14px;
	position: relative;
		
	
}
div#capvideo{
	height:30px;
	width: 353px;
	border-bottom: 1px solid #B2B2B2;
	display: block;
	font-size: 1.2em;
	color: #888888;
	text-decoration:none;
	font-weight: normal;
	margin: -14px;
	
	margin-bottom: 10px;
	text-indent: 20px;
	
	
}
.tube {
	
	z-index: 1;	

}
div#ntrailer {
	font-size: 1.4em;
	color:#FF2323;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	float: left;
	height: auto;
	width:100%;
	position: relative;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	margin-bottom:10px;
	z-index: 10;
}
.Imgvideo {
	
	width:100px;
	height:auto;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	
	padding:5px;
	
	
	
	

}
.video {
	position:relative;
	width:auto;
	height:auto;
	font-style: normal;
	font-size: 11px;
	color: #888888;
	
}
.videotit {
	position:relative;
	width:auto;
	height:auto;
	font-style: normal;
	padding: 0px 0px 2px 0px;
	font-size: 12px;
	color:#FF2323;
}
.videodir {
	
	width:auto;
	height:auto;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #888888;
}
/* Films-Imatges*/
.titolpeli
 {
	font-size: 1.6em;
	color:#FF2323;
	font-weight: bold;
	padding: 5px 10px 5px 0px;
	background-color:#EDEEE9;
	text-align: right;
	width:auto;	
}
div#cappeli{
	height:auto;
	width: auto;
	
}
.noconcurs
 {
	font-size: 0.6em;
	color:#333333;
	font-weight: normal;
	padding-left: 1.5em;
}
.noconcursf
 {
	font-size: 0.7em;
	color:#333333;
	font-weight: normal;

}

.destaca
 {
	color:#898989;
	font-weight: bold;
}
div#fitxapeli{
	padding-left: 2px;
	font-size: 0.8em;
	height:auto;
	width: auto;
	margin-top: 30px;
	/*background-color:#EDEEE9;*/
}
div#foto1a{
	width: auto;
	height: auto;
	border: 1px solid #CCCCCC;
	
	overflow: hidden;
	
}
/*.fotogran {
	
	align:center;
}*/
.imatgeslist {
	position:relative;
	width:140px;
	float: right;
	margin-top: 0px;
	right: 0px;
}
.imatge {
	position:relative;
	width:110px;
	height:auto;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
	padding:5px;
	right: 0px;
	overflow: hidden;
	
}
.imatge2 {
	position:relative;
	/*width:95px;*/
	height:63px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding:5px;
	right: 0px;
	overflow: hidden;
	

}
.imatgega {
	height:100px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	padding:5px;
	
	

}
.imatgegallery {
	position:relative;
	/*width:95px;*/
	height:75px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding:5px;
	right: 0px;
	overflow: hidden;
	

}
/*
.clipin{
  position:absolute;
 clip:rect(50px 200px 155px 100px);
  top:-50px;
  left:-82px;

} */


/* Premsa */
.pressimatgeslist {
	position:relative;
	width:200px;
	float: left;
	margin-top: 0px;
	right: 0px;
}
.pressimatgelist {
	position:relative;
	width:200px;
	height:auto;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding:5px;
	right: 0px;
	overflow: hidden;
	
}
.presspeu {
	position:relative;
	width:auto;
	height:auto;
	padding:5px;
	font-size:10px;
	
}
.pressimatgesportada {
	position:relative;
	width:130px;
	float: left;
	margin-top: 10px;
	left: 0px;
}
.pressimatgeportada {
	position:relative;
	width:120px;
	height:auto;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding:5px;
	right: 0px;
	overflow: hidden;
	float:none
	
}
.pressportada {
	position:relative;
	width:130px;
	float: left;
	margin-top: 10px;
	left: 0px;
}
.pressportadasubtitol {
margin: 10px 0px 5px 0px;

font-size: 1.2em;
}
div#Pathtitol {
	font-size: 1.4em;
	color:#FF2323;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	float: left;
	height: auto;
	width:100%;
	position: relative;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
}
div#Titolsec {
	position:relative;
	width:auto;
	height:auto;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	color: #888888;
	text-decoration: none;
	padding: 0px 0px 20px 0px;
	
		
}
.Datan {
	position:relative;
	width:100%;
	height:auto;
	font-style: normal;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 10px;
	margin-bottom: 10px;
}
div#PortadaImatges {
	position:relative;
	width:160px;
	float: left;
	margin-top: 5px;
	height:auto;
}
.PortadaImatge {
	position:relative;
	width:140px;
	height:auto;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	padding:5px;
	float: left;
	

}
.portadasubtitol {
	/*
position:relative;
*/
	width:auto;
	height:auto;
	font-style: normal;
	padding: 0px 0px 5px 0px;
	font-size: 0.8em;
	color: #888888;
}
.separapress {
	position:relative;
	width: 100%;
	height:auto;
	float: left;
	margin-top: 2px;
	border-bottom: 1px dashed #898989;
	margin-bottom: 5px;


	
}
div#leftTitolsec {
	position:relative;
	width:100%;
	height:auto;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #888888;
	text-decoration: none;
	padding: 0px 0px 20px 0px;
	
		
}
.leftData {
	position:relative;
	width:100%;
	height:auto;
	font-style: normal;
	font-weight: bold;
	font-size: 0.7em;
	
	margin-bottom: 10px;
}
/*.rightcolumntop{
	height:10px;
	
}
.rightcolumncentre{
	background-image: url(../images/2008/cat/latdcentre.png);
	background-repeat: repeat;
	min-height: 420px;
	border: 1px solid #FF0017;
}
.rightcolumnpeu{
	height:10px;
	
}
.textcolumn{
	width:  150px;
	padding-left: 10px;
	padding-right: 10px;
} */

.premsa{
margin-top: 15px;
padding-left: 15px; 
color: #898989; 
font-size: 0.8em;  
width:auto;
}

/* programacio */
.pdata {
	width:100%;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 3px;
}
.ptitol {
	color:#FF2323;
	font-style: normal;
	margin-bottom: 3px;
}
.pfilm {
	color:#FF2323;
	font-weight: bold;
	

}
.pseccio {
	font-style: italic;
	
}
.plloc {
	text-transform: uppercase;	
}
/* titols */


h1
 {
	font-size: 1.4em;
	color:#FF2323;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	float: left;
	height: auto;
	width:100%;
	position: relative;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
}

h2
{
	font-size: 1.36em;
	color:#898989;
	text-decoration:none;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
}



h3 {
	font-size: 1.3em;
	color:#898989;
	text-decoration: none;
	font-weight: bold;
	
	margin: 0px;
	margin-bottom: 10px;	

}

h4 {
	font-size: 1.2em;
	color:#3A454C;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	
}

h5 {
	font-size: 1.2em;
	color:#898989;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0px;
	margin-bottom: 5px;	

}

h6 {
	
	font-size: 1.0em;
	color:#3A454C;
	text-decoration: none;
	font-weight: bold;
	
	margin-top: 4px;
	margin-bottom: 6px;	

}

.texte {
	position:relative;
	width:auto;
	height:auto;
	font-style: normal;
	padding: 0px 0px 5px 0px;
	font-size: 0.8em;
	letter-spacing: normal;
	line-height: 17px;
}

.subtitol {
margin: 10px 0px 5px 0px;

font-size: 1.2em;
}

.menu1 {
	font-size: 1em;
	color:#FF2323;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 2px;
	text-transform: capitalize;
}
.menu1b {
	font-size: 0.7em;
	color:#898989;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 3px;	

}

.menu2 {
	font-size: 0.8em;
	color: #898989;
	text-decoration: none;
	
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	
}
.menu2b {
	
	font-size: 0.8em;
	color: #898989;
	text-decoration: none;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	
}

a {
	color:#898989;
	text-decoration: none;
}

a:hover {
	text-decoration:none;
	color:#FF2323;
}

/* taules */
.taula_td_justificat
{
	/*text-align:justify;*/
	text-align:left;
	border:0;
	
}


.taula
{
	border-top: 1px solid #e5e4e4;
	border-bottom: 1px solid #e5e4e4;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-style:solid;
	border-collapse:collapse;
}


.taula_td {
	
	text-decoration: none;
	border-bottom: 1px solid #e5e4e4;
	
	
}


.taula_th 
{
	color: #ffffff;
	text-decoration: none;	
	background: #525a5e;
	border-left: 1px solid #e5e4e4;
	border-right: 1px solid #e5e4e4;
}





.taula_caption 
{	
	color: #ffffff;
	text-decoration:none;	
	border-right: 1px solid #ffffff;	
	text-align:left;
	padding:3px 3px 3px 6px;
	background: #525a5e;	
}




/* llistes no ordenades */
ul li
{
	list-style-image:  url(../images/2008/boleta.png); 
	
}

.formItem
{
	border: 1px solid #428DBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#333333;
	background-image:none;
	width:150px;
}

.formButton
{
	border: 1px solid #428DBB;
	font-size: 0.8em;
	color:#A37E0E;	
	background-image:none;
	
}
td {
	font-size: 0.8em;
	
}

th {
	font-size: 0.8em;;
	color: #999999;
	background-color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border: thin solid #009966;;
}
/* forms */
/*

input, select, checkbox, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-color: #000000;
	border-width: 0 1px 1px 0;
	margin-bottom: 2px;
	margin-left: 5px;
	background-color: #F6F6F6;
}
*/
.etiquetes {
	font-size: 0.7em;
	color: #A4A4A4;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: right;	
	width:150px;
}
.afegeix {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	border: 1px solid #333333;
	margin-right: 5px;
	background-color: #FFFFFF;
}
.modifica {
	font-size: 100%;
	color: #330066;
	border: 1px solid #330066;
	margin-right: 5px;	
}

.elimina {
	font-size: 100%;
	color: #006600;
	border: 1px solid #006600;
	margin-right: 5px;
}
select, checkbox {
	font-size: 0.8em;
	color: #000000;
	
	border-width: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	
}
input, textarea {
	font-size: 0.8em;
	color: #000000;
	
	border-width: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	
}
input.entrada, textarea.entrada {
	color:#000;
	width: 100%;
	border:1px solid #898989;
}
textarea.entrada:focus, input.entrada:focus {
background-color:#FFFFFF;
border:1px solid #000;

}
div#leftcolumn ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
div#leftcolumn li {
	float:left;
	margin:0;
	padding:0;
	width: auto;
	height: 100px;	
}
div#leftcolumn li a:hover, div#leftcolumn li.actiu a{
	margin-top: 10px;
	border-bottom: 5px dotted #898989;
}