@charset "utf-8";
@font-face {
	font-family: 'ArialBlack';
	src: url('http://www.catalanfilmsdb.cat/skins/public/fonts/ariblk-webfont.eot');
	src: local('Arial Black'), url('http://www.catalanfilmsdb.cat/skins/public/fonts/ariblk-webfont.woff') format('woff'), url('http://www.catalanfilmsdb.cat/skins/public/fonts/ariblk-webfont.ttf') format('truetype'), url('http://www.catalanfilmsdb.cat/skins/public/fonts/ariblk-webfont.svg#webfontC8utH7Y6') format('svg');
	font-weight: normal;
	font-style: normal;
}
#header h1,#languages a,#menu a,#sidebar h2,h1.title {font-family: 'ArialBlack', sans-serif;}
/**************************************************************************
CSS ANFIBIC 20100104
***************************************************************************/
body 		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background-color:#000;}
.container 	{width:944px; margin:0 auto;}

h2.title {
	background-color: #333333;
	border: 1px solid #818181;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	margin-bottom: 10px;
}

/**************************************************************************
HEADER
***************************************************************************/
#header { 
	margin-top: 25px; 
	margin-bottom: 3px;
	height: 101px;
}
#header h1 { 
	float: left;
	padding-left: 265px;
	padding-top: 30px;
	width: 400px;
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 18px;
}
#header #languages { 
	float: right;
	padding-right: 25px;
	padding-top: 34px;
	width: 105px;
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align:left;
}
#header #languages a { 
	color: #ffffff;
	text-decoration:none;
}
#header #languages a:hover { 
	color: #ffff10;
	text-decoration:none;
}
/**************************************************************************
FOOTER
***************************************************************************/
#footer{
	float: right;
	width: 708px;
	margin-top: 12px;
	color: #666666;
}
#anfibic {
	width: 26px;
	float: left;
	padding-top: 2px;
	margin-right: 4px;
}
/**************************************************************************
MENU
***************************************************************************/
#menu {
	border: 1px solid #818181;
	margin-bottom: 3px;
	height: 28px;
}
#menu li {
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:left;
	padding: 4px 21px 0px 21px;
	border-right: 1px solid #818181;
	height: 24px;
}
#menu li.last {
	border-right: none;
}
#menu li a {
	color: #ffffff;
	text-decoration:none;
}
#menu li a:hover {
	color: #ffff10;
	text-decoration:none;
}
#menu li a.active {
	color: #ffff10;
	text-decoration:none;
}
/**************************************************************************
SIDEBAR
***************************************************************************/
#sidebar {
	width: 230px;
	float:left;
	margin-right: 4px;
}
.sibebarBlock {
	border: 1px solid #818181;
	background-color: #4d4d4d;
	margin-bottom: 3px;
}
#sidebar .sibebarBlock  h2 {
	min-height:20px;
	padding: 4px 8px;
	background-image:url(../imagenes/bg/sidebar_h2.gif);
	border-bottom: 1px solid #818181;
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffff10;
}
#sidebar .sibebarBlock .blockContent {
	padding: 8px 8px 8px 8px;
}
#sidebar .sibebarBlock .blockContent a{
	color: #ffff10;
	text-decoration:none;
}
#mostviewed {
	padding: 0px 8px 0px 8px;
}

#mostviewed li {
	margin-top: 0px;
	margin-bottom: 3px;
}
#mostviewed li.last {
	margin-top: 0px;
	margin-bottom: 0px;
}
.sb_contactar_left {
	float: left; 
	width: 60px; 
}

.sb_contactar_right {
	float: right; 
	width: 145px;
	margin-bottom: 10px;
}
/**************************************************************************
MAIN BLOCK
***************************************************************************/
.mainBlock {
	float: right;
	width: 708px;
	border: 1px solid #818181;
	background-color: #4d4d4d;
	margin-bottom: 3px;
	min-height: 662px;
}
.mainBlock h1.title {
	height:20px;
	padding: 4px 8px;
	background-image:url(../imagenes/bg/sidebar_h2.gif);
	border-bottom: 1px solid #818181;
	font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffff10;
}
.mainBlockContent {
	padding: 10px 15px 10px 15px;
}

.mainBlockContentTop {
	padding: 10px 15px 10px 15px;
	background-color: #393939 !important;
	border-bottom: 1px solid #818181;
}

p.destacado {
	color: #ffffff;
	font-weight:bold;
	font-size:14px;	
}
h2.blocktitle {
	color: #ffff10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #818181;
	padding-bottom: 10px;
}
.pagesBlock {
	float: right;
	width: 708px;
	border: 1px solid #818181;
	background-color: #4d4d4d;
	margin-bottom: 3px;
}
.paginacion {
	display:block;
	height: 12px;
}
.paginacion li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #818181;
}
.paginacion li a {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	font-size: 11px;
}
.paginacion li a.active {
	color: #ffff10;
}
.paginacion li.first {
	padding-left: 0px;
}
.paginacion li.last {
	padding-right: 0px;
	border: none;	
}
/**************************************************************************
FILMS
***************************************************************************/
.film_ficha_home {
	border-bottom: 1px solid #818181;
}
.film_ficha_home  .blockImg {
	width: 166px;
	float:left;
	margin-bottom: 10px;
}
.film_ficha_home  .blockTxtImg {
	width: 475px;
	float:left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
}
.film_ficha_home  .blockTxtImg2 {
	width: 690px;
	float:left;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 0px;
}
.film_ficha_home  .blockTxtImg p {
	line-height: 20px;
}

.film_ficha_list {
	border-bottom: 1px solid #818181;
}
.film_ficha_list .blockImg {
	width: 100px;
	float:left;
	margin-bottom: 10px;
}
.film_ficha_list  .blockTxtImg {
	width: 541px;
	float:left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 20px;
}
.film_ficha_list  .blockTxtImg2 {
	width: 690px;
	float:left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 0px;
}
.film_ficha_list  .blockTxtImg p {
	line-height: 20px;
}
.film_ficha_list  .blockTxtImg2 p{ 
	line-height: 20px;
}
.film_ficha_details h2 {
	background-color: #333333;
	border: 1px solid #818181;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	margin-bottom: 10px;
}
.film_ficha_mblock {
	margin-bottom: 10px;
}
.film_territoris li.cl {
	width: 130px;
	float: left;
	margin-bottom: 10px;
}
.film_territoris li.cr {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.film_fichatecnica{
	width: 330px;
	float:left;
}
.film_fichatecnica li.cl {
	width: 130px;
	float: left;
	margin-bottom: 10px;
}
.film_fichatecnica li.cr {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.film_details_multimediaSide {
	float: right;
	width: 330px;
}
.film_details_multimedia {
	float: left;
	width: 322px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.empresa_ficha_details .film_details_multimedia {
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.empresa_ficha_details .film_details_multimediaSide {
	float: right;
	width: 502px;
}
.empresa_ficha_details h2 {
	background-color: #333333;
	border: 1px solid #818181;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	margin-bottom: 10px;
}

.empresa_fichatecnica{
	width: 330px;
	float:left;
}
.empresa_fichatecnica li.cl {
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
.empresa_fichatecnica li.cr {
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

.film_details_multimediaSide .empresa_fichatecnica{
	width: 245px;
	float:left;
}
.film_details_multimediaSide .empresa_fichatecnica li.cl {
	width: 100px;
	float: left;
	margin-bottom: 10px;
}
.film_details_multimediaSide .empresa_fichatecnica li.cr {
	width: 145px;
	float: left;
	margin-bottom: 10px;
}

#filmPlayer {
	margin: 3px 0px 0px 0px;
	border: 1px solid #818181;
}
.film_details_multimedia h3 {
	background-color: #333333;
	border: 1px solid #818181;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}
.film_details_multimedia h3 a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.film_details_multimedia h3 span {
	padding: 3px 3px 3px 3px;
	display:inline-block;
}
.film_details_multimedia h3 span.selected {
	background-color: #656565;
	border-left: 1px solid #818181;
	border-right: 1px solid #818181;
}

#filmFotos img {
	border: 1px solid #818181;
	margin: 3px 0px 0px 3px;
	float: left;
}


.searchadvlinks li {
	float:left;
	margin-right: 25PX;
}

/**************************************************************************
FORMULARIOS
***************************************************************************/
.fieldset {
	float:left;
	display:inline;
	margin:0px 0px 7px 0px;
	width:220px;
}
label {
	font-weight:bold;
	color: #ffff10;
}
.fieldset select {
	width:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.fieldset input {
	width:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
input.text {
	width:400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
textarea.text {
	width:400px;
	height: 150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.bt {
	background-color:#000000;
	border: none;
	color: #FFFFFF;
	padding: 3px 5px 3px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.textSB {
	width: 139px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	padding: 3px 3px 3px 3px;
}
.searchTable3Columns {
	padding: 10px 0px 10px 0px;
}
.searchTable3Columns li {
	width: 222px;
	float: left;
	margin-bottom: 5px;
}
/**************************************************************************
COMODINES
***************************************************************************/
.fright {
	float: right;
}
.fleft {
	float: left;
}
.t9 {
	font-size:9px;
}
.t11 {
	font-size:11px;
}
.t12 {
	font-size:12px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb10 {
	margin-bottom: 10px;
}
.mt10 {
	margin-top: 10px;
}
.mb5 {
	margin-bottom: 5px;
}

.keeplinks a {
	background-color:#000000;
	color: #FFFFFF !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	text-decoration:none;
	display:inline-block;
	line-height: 10px;
	margin: 2px 0px 2px 0px;
}
.keeplinks a:hover {
	color: #ffff10 !important;
}
.blacklink {
	background-color:#000000;
	color: #FFFFFF !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	text-decoration:none;
	display:inline-block;
	line-height: 10px;
	margin: 2px 0px 2px 0px;
}
.blacklink:hover {
	color: #ffff10 !important;
}

.greylink {
	background-color:#7d7d7d;
	color: #FFFFFF !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 3px 3px 3px;
	text-decoration:none;
	display:inline-block;
	line-height: 10px;
	margin: 2px 0px 2px 0px;
}
.greylink:hover {
	color: #ffff10 !important;
}

.gris {
	color: #999999;
}
.gris2 {
	color: #666666;
}
.bgris {
	border: 1px solid #818181;
}
.groc {
	color: #ffff10;
}
.white {
	color: #ffffff;
}
.sb {
	border: none;
}
.dlb {
	display:inline-block;
}
.tdn {
	text-decoration:none;
}
/**************************************************************************
ALERTAS
***************************************************************************/
#popup_container 				{width:342px;}
#popup-alert-top 				{background:url(../imagenes/alerts/alert-top.png) no-repeat 0 0; height:8px; width:342px;}
#popup-alert-content 			{float:left; background:url(../imagenes/alerts/alert-content.png) repeat-y 0 0; width:335px; padding:0 0 10px 7px;}
#popup-alert-bottom				{background:url(../imagenes/alerts/alert-bottom.png) no-repeat 0 0; height:8px; width:342px;}
#popup_container h1				{background:url(../imagenes/alerts/alert-title.gif) no-repeat 0 0; width:328px; height:27px; line-height:27px; padding:0; margin:0;}
#popup_container.claseError h1	{background:url(../imagenes/alerts/alert-title-error.gif) no-repeat 0 0 !important;}
#popup_title 					{font-weight: bold; padding:8px 7px; color:#FFF; line-height:27px; text-align:center; background-color:#F00;}
#popup_message 					{color:#FFF; text-align:center; padding:10px 20px;}
#popup_panel 					{padding:0 0 0 123px;}
#popup_ok 						{width:67px; border:none; cursor:pointer; display:block; height:25px; float:left; background-color:#bbb9b9; text-align:center; color:#FFF; text-transform:uppercase; font-weight:bold; font-size:11px; margin-left:10px;}
.conClien 						{text-align:right;}
.conClien img 					{margin:0 0 4px 4px;}