@charset "UTF-8";
/* CSS Document */
/* TOC */
/* 1 - General */
/* 2 - Header */
/* 3 - Menu */
/* 3.1- Segon nivell */
/* 4 - Engrunes */
/* 5 - Cercador */
/* 6 - Barra esquerra */
/* 7 - Contingut */
/*		7.1 - Pujar*/
/*		7.2 - Paginacio */
/* 		7.3 - Articles */
/*		7.4 - Premiats */
/*		7.5 - Fotogrames */
/* 8 - Peu */
/*		8.1 - SubPeu */
/* 9 - Dreta */
/* 		9.1 - Destacats */
/* 		9.2 - Menu segon nivell */
/*		9.3 - Twitter */
/* 10 - Contactar */
/* 11 - Cercar */
/********************************************/
/* 1 - General */
.contentpaneopen_edit {
	position: absolute;
	left: -10000px;
}
.window-container {
	z-index: 99999 !important;
	}
/********************/
/********************/
/********************/
body {
	text-align: center;padding-bottom: 20px;
	}
#all {
	width: 850px;
	padding-top: 20px; 
	margin-left: auto;
	margin-right: auto;
	}
/********************************************/
/* 2 - Header */
#header {
	margin: 0px 20px 20px 20px;
	width: 810px; height: 155px;
	position: relative;
	}
#tira {
	float: right;
	width: 350px;
	text-align: right;
	}
#tira ul, #tira .u2 {
	float: left;
}
#tira li {
	float: left;
	padding-left: 5px; margin-left: 5px;
}
#tira div {
	display: inline;
}
#header #logo a {
	width: 435px; height:111px;
	display: block;
	position: absolute;
	top: 0px; left: 0px;
}
#header #logo a span {
	position: absolute;
	left: -10000px;
}
#header #tira img {
	position: absolute;
	right: -10px; bottom: 20px;
}
#transpas {
	padding-left: 20px;  
	text-align: center;
	width: 810px; /* height:221px; */
}
.flash {
	height: 221px;
}
#header div#jflanguageselection {
	display: block;
}
#tira #jflanguageselection ul {
	margin-left: 5px;
}
/********************************************/
/* 3 - Menu */
#navlist .menu {	
	height: 64px;
	width: 810px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	}
#navlist menu a {
	display: block;
}
#navlist li a { /* all list items */
	float: left;
	display: block;
	width: 122px;
	padding: 30px 0px 20px 12px;
}
/* 3.1- Segon nivell */
#navlist li li a {
	padding: 0.8em 0px 0.8em 12px;
}
#navlist li ul {
	margin-top: 24px;
}
#navlist li ul li ul {
	margin-top: 0px;
}
/********************************************/
/* 4 - Engrunes */
#breadcrumbs {
	margin-top: 10px;
	text-align: left;
	margin-left: 25px;
	}
/********************************************/
/* 5 - Cercador */
#header .search {
	margin-left:10px;	margin-top: 10px;
	float: right;
	  clear: both;
	display: block;
	}
#header .search label {
	position: absolute;
	left: -10000px;
}
.search .button {
	height: 22px;
}
/********************************************/
/* 6 - Barra esquerra */
#left {
	float: left;
	width: 152px;
	text-align: left;
	padding-bottom: 50px; padding-top: 0px;
	/*position: relative;*/
	}
#left p.imatge {
	margin-left: 0px;
	margin-bottom: 42px;
	}
#left p.mobil {
	position: relative;
	left: 151px;
	top: -566px;
	margin: 0px;
}
#left p {
	width: 94px;
	margin-left: 29px;
	margin-bottom: 1.8em;
	}
/********************************************/
/* 7 - Contingut */
#wrapper{
	margin: 20px 20px 20px 20px;
	text-align: left;
	}
#main {
	width: 470px;
}
#main,
#main2 {
	text-align: left;
}
div.principal {
	float: left;
	margin-left: 80px;
	width: 340px;
	}
div.principal .article_row {
	margin-left: 0px;
	float: none;
}
.principal h1.contentheading {
	width: 270px;
	display: block;
	margin-bottom: 0px;
}
p.buttonheading {
	margin-bottom: 0px;
	float: right;
	}
div.blog .iteminfo {
	margin-bottom: 1.8em;
}
a.readon {
	display: block;
	text-align: right;
}
/*		7.1 - Pujar*/
.amunt {
	clear: both;
	margin-top: 3px;
	text-align: right;
	width: 100%;
	padding-top: 9px;
	}
/*		7.2 - Paginacio */
.pagination {
	padding-top: 10px;
}
.pagination li {
	float: left;
	margin-right: 10px;
}
/* 		7.3 - Articles */
h1.contentheading,
.componentheading {
	margin-bottom: 60px;
}
#main {
	padding-left: 14px;
}
.noticies h1.contentheading {
	margin-bottom: 0px;
}
#main h2 {
	margin: 2em 0 1em 0;
}
#main h3 {
	margin-top: 1.8em;
	margin-bottom: 1em;
	clear: left;
	}
#page img {
	padding-right: 9px;
}
.row_separator {
	display: block;
	height: 40px;
}
#main ul, #main2 ul {
	margin-left:20px;
}
#main #page li, #main2 #page li {
	margin-bottom: .5em;
}
.peu_foto {
	margin-top: -1em;
	}
.programa th {
	padding: 3px;
	text-align: center;
	}
.programa td {
	padding-top: 5px; padding-bottom: 5px;
	}
.programa td strong {
	display: block;
	margin: 10px 0px 10px 110px;
	}
/*		7.4 - Premiats */
.premis td {
	padding-left: 5px;
	padding-right: 15px;
	}
#main table.premis.pgm {
	width: 470px;
	}
.premis.pgm td {
	padding: 4px 15px 4px 5px;
	}
.premis th {
	padding-left: 5px;
	}
.premis .anys {
	padding: 0.3em 20px 0.3em 5px;
	}
/*		7.5 - Fotogrames */
#main .article_column {
	width: 229px;	height: 110px;
	position: relative;
	float: left;
}
.mnScreen .article_column .introArticle, .mnScreen .article_column .buttonheading, .mnScreen .article_column .readon {
	display: none
	
}
#main .column1 {
	margin: 0px 6px 42px 0px;
}
#main .column2 {
	margin: 0px 0px 42px 0px;
}
#main .article_column img {
	position: absolute;
	top: 3px; left: 3px;
}
#main .article_column h1.contentheading {
	position: absolute;
	top: 90px;
	left: 2px;
}
#main .article_column {
	width: 229px;	height: 142px;
	position: relative;
	float: left;
}
#main .column1 {
	margin: 0px 6px 42px 0px;
}
#main .column2 {
	margin: 0px 0px 42px 0px;
}
#main .article_column img {
	position: absolute;
	top: 3px; left: 3px;
}
#main .article_column h2.contentheading {
	position: absolute;
	bottom: 2px; left: 3px;
	line-height: 1.2em;
	margin: 0;
}
/* Desfer el merder per noticies */
#main .noticies .article_column {
	width: auto;	height: auto;
	position: relative;
	float: none;
}
#main .noticies .column1 {
	margin: 0px 0px 0px 0px;
}
#main .noticies .article_column img {
	position: relative;
	top: auto; left: auto;
}
#main .noticies .article_column h2.contentheading {
	position: relative;
	top: auto;
	left: auto;
		
}
/********************************************/
/* 8 - Peu */
#footer {
	width: 810px;
	clear: both;
	padding: 7px 20px 0px 20px;
	}
#footer .moduletable {
	padding-bottom: 14px;
	margin-bottom: 14px;
	}
#footer h3 {
	text-align: left;
	margin-bottom: 15px;
	}
#footer .moduletable img {
	margin-right: 10px;	margin-bottom: 10px;
	}
#footer div.colab p {
	margin-left: auto; margin-right: auto;
	width: 713px;
	line-height: 43px;
}
#footer div.colab img{
	margin: 1px 1px 1px 1px;
	}
/*		8.1 - SubPeu */
#estandards {
	height: 29px; width: 810px;
	clear: both;
	margin-right: auto; margin-left: -20px; margin-bottom: -1px;
	padding-left: 20px; padding-right: 20px;
	text-align: center;
	}
.esquerra {
	float: left;
	margin-top: 5px;
	}
.dreta {
	float: right;
	margin-top: 5px;
	}
/********************************************/
/* 9 - Dreta */
#right {
	float: right;
	text-align: left;
}
/* 9.1 - Destacats */
body #right div.destacats {
	width: 182px;
	margin-right: 0px;
	padding-bottom: 0px; padding-left: 0px;
	}
body #right .destacats h4 a {
	width: 173px; 
	display: block;
	height: 30px;
	padding-left: 9px;
	padding-top: 6px;
	overflow: hidden;
		}
body div.destacats .article_separator {
	width: 182px; height: 20px;
	display: block; 
	margin-top: 9px;
}
body div.destacats img {
	margin-bottom: 0.8em;
}
/* 9.2 - Menu segon nivell */
#right .moduletable {
	width: 207px;
	padding: 0px 0px 150px 29px;
	text-align: left;
	position: relative;
	}
#right .moduletable h3 {
	margin: 15px 0px 37px 0px;
	}
#right .moduletable li {
	margin-bottom: 5px;
	}
#right .moduletable li li {
	padding-left: 15px;
	}
#right .moduletable li.active {
	margin-left: -46px;
	padding-left: 46px;
	width: 207px;
	position: relative;	
	}
#right .moduletable .menu li li.active {
	margin-left: -41px;
	padding-left: 56px;
	width: 192px;
	}
/*		9.3 - Twitter */
#right .moduletable.tuita {
    padding: 0;
    position: relative;
    text-align: left;
    margin-top: 40px;
    width: 182px;
    
}
/* !9.4 Login */
	#right .moduletable.modLogin {
		margin-top: 20px;
		padding: 10px;
	}
	#right .moduletable.modLogin h3 {
		margin-bottom: 20px;
		}
	#right .moduletable.modLogin fieldset input{
		margin-bottom: 1em;
	}
	#right .modLogin .form-login > p {
   		display: none;
   		}
   	#right .modLogin .button {
	   	display: block;
	   	margin-top: 10px;
   	}
/********************************************/
/* 10 - Contactar */
.contact #emailForm {
	margin-top: 30px;
}
.contact label {
	display: block;
}
/********************************************/
/* 11 - Cercar */
.results h4 {
	margin-top: 60px;
}