/* Fulla d'estils Bitó Produccions */

/* ESTILS GENERALS*/

body, p, h1, h2, h3, h4, h5, h6, h7, ul, li, form{
    margin:0px;
    padding:0px;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
    font-size: 11px;
    line-height: 13px;
}

p {
	font-size: 0.70em;
	line-height: 13px;
	text-align:justify;
}

body.gran0 {font-size:100%;}
body.gran1 {font-size:105%;}
body.gran2 {font-size:117%;}
body.gran3 {font-size:125%;}

div#dades a.inactiu {
	cursor:default;
	font-family: Arial,Trebuchet MS, Futura, Verdana; 
	font-size: 9px; 
	font-style: normal; 
	line-height: 11px; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #FFFFFF; 
	text-decoration: none;
}

div#dades a.actiu {
	cursor:pointer;
	font-family: Arial,Trebuchet MS, Futura, Verdana; 
	font-size: 12px; 
	font-style: normal; 
	line-height: 14px; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #FFFFFF; 
	text-decoration: none;
}

.completa{
	position:absolute;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}

.complet{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:999;
	background-color: #000000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.70;
	min-height: 100%;
}


.pagina{
	background-image:url(../img/fons_pagina.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
	height:142px;
}

.general_dreta{
	width:728px;
	float:left;
}

.home{
	background-image:url(../img/fons.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
	height:133px;
}

.border{
	border:1px solid #000000;
}

.brclear {
    position:relative;
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both;
}

.arial11{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
}

.arial11_c{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.arial12{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.arial14{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.arial17{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 19px;
}

.arial18{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
}

.arial24{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 26px;
}

.arial28{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 30px;
}

.arial32{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 35px;
}

.nosubratllat{
	text-decoration:none;
}

.negre{
	color:#000000;
}

.blanc{
	color:#FFFFFF;
}

.gris{
	color:#666666;
}

.vermell{
	color:#BF0000;
}

.separacio5{
	padding-top:5px;
}

.separacio10{
	padding-top:10px;
}

#separadorGrisClar {
	font-size: 1px;
	line-height: 1px;
	background-color:#CCCCCC;
	height:1px;
}

#separadorGrisClar6 {
	font-size: 6px;
	line-height: 6px;
	background-color:#CCCCCC;
	height:6px;
}

#separadorGris {
	font-size: 1px;
	line-height: 1px;
	background-color:#999999;
	height:1px;
}

#separadorGris2 {
	font-size: 2px;
	line-height: 2px;
	background-color:#999999;
	height:2px;
}

#separadorBlanc {
	font-size: 1px;
	line-height: 1px;
	background-color:#FFFFFF;
	height:1px;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.dreta{
	/*float:left;*/
	width:717px;
	padding-left:11px;
}

/*HEADER*/

.eslogan{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	left: 205px;
	top: 49px;

}
.superior{
	font-size:11px;
	color:#FFFFFF;
	width:956px;
	margin-left:10px;
	height:74px;
	position:absolute;
	z-index:2000;
	background-color:#000000;
}

.superior a{
	color:#FFFFFF;
}

.inferior{
	display:none;
}

.logo {
	margin-right:auto;
	margin-left:auto;
	float:left;
}

.caixa_dreta{
	width:360px;
	float:right;
	text-align:right;
}


/* PART DEL MENÚ */
#menu_principal{
	clear:both;
	padding-top:5px;
	height: 32px;
}


#menu_principal li {
	float:left;
	padding-left:5px;
	height: 32px;
}

#menu_principal a {
	text-decoration:none;
}

.item{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
}

.item_seleccionat{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;	
}

.text_menu{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;	
}



/*COS*/

.homepage{
	/*float:left;*/
	position:relative;
	/*margin-right:auto;
	margin-left:auto;*/
	width:966px;
}


.contingut{	
	background-color:#CCCCCC;
}

.titol_seccio{	
	padding-top:5px;
	font-size:28px;
	color:#000000;
	font-weight:bold;
	line-height: 28px;
}

.separador {
	font-size: 1px;
    line-height: 0px;
	margin-top:10px;
}

.intro_produccions{
	padding-left:10px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	width:717px;
	float:left;
	position:relative;
}

.home_produccions{
	position:relative;
	float:left;
	width:307px;
	margin-left:10px;
	background-color:#FFFFFF;
	margin-top:-10px;
}

.home_serveis{
	width:300px;
	margin-top:40px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #FFFFFF;
}

.produccions{
	position:relative;
	float:left;
	width:307px;
	background-color:#FFFFFF;
}

.ajax_fotografia{
	width:320px;
	position:relative;
}

.ajax_fotografia_miniatures{
	width:60px;
	float:left;
	position:relative;
	padding-right:5px;
	padding-bottom:5px;
}

.festivals{
	position:relative;
	float:left;
	width:308px;
	margin-left:10px;
	background-color:#FFFFFF;
	margin-top:-10px;
}

.caixa_serveis{
	position:relative;
	float:left;
	width:340px;
}

.caixa_serveis_right{
	position:relative;
	float:right;
	width:340px;
}

.text_servei{
	font-size:11px;
	color:#666666;
	line-height: 13px;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-top:10px;
}

.serveis{
	position:relative;
	float:left;
	width:319px;
	margin-left:12px;
	margin-top:-15px;
	background-image:url(../img/fons_serveis.jpg);
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	height:600px;	
}

/* NOTICIES */

.titol_noticia{
	font-size:12px;
	text-transform:uppercase;
	color:#BF0000;
	font-weight:bold;
}

.titol_noticia a{
	color:#BF0000;	
}

.text_noticia{
	font-size:11px;
	color:#666666;
	line-height: 13px;
	margin-bottom:20px;
	padding-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #CCCCCC;;
}

/*PEU*/

.footer{	
	width:966px;
	margin-top:15px;
	float:left;
}

.text_footer{
	color:#666666;
	font-size:11px;
	float:left;
	margin-left:10px;
}

.taula{
	margin:10px;
}

/* PAGINES */

.pagines{
	background-image:url(../img/fons_contingut.jpg);
	background-repeat:repeat-y;
	float:left;
	/*margin-top:15px;*/
	width:966px;
}

.videos{	
	width:320px;
	float:left;
	padding-left:10px;
}

.cartell{	
	width:330px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	padding-top:15px;
	text-align:center;
	border:1px solid #999999;
}

.seccio{
	position:absolute;
	left:10px;
	top:122px;
	z-index:200;
	color:#FFFFFF;
	font-size:16px;	
	font-weight:bold;
}

.text_seccio{
	width:365px;
	margin-top:10px;	
}

.contingut_seccio{	
	position:relative;
	width:717px;
	padding-left:11px;
}

.submenu{
	position:relative;
	float:left;
	width:238px;
	/*margin-top:-6px;*/
	background-image:url(../img/fons_seccio.jpg);
	background-repeat:no-repeat;
	height:334px;
}

.submenu a{
	text-decoration:none;
}

.item_menu{	
	position:relative;
	width:217px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-left:10px;
}

.subitem_menu{	
	position:relative;
	width:207px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-left:20px;
}

.item_menu  a {
	color:#666666;
}

.subitem_menu  a {
	color:#666666;
	padding-left:10px;	
}

.item_menu_seleccionat  a {
	color:#000000;	
}

.subitem_menu_seleccionat  a {
	color:#000000;
	padding-left:10px;	
}

.item_menu_seleccionat {	
	position:relative;
	color:#000000;
	width:217px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-left:10px;
}

.subitem_menu_seleccionat {	
	position:relative;
	width:207px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-left:20px;	
}

.fondo_bito{
	background-image:url(../img/bito_vertical.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	width:966px;
}

.mapa{
	position:relative;
	float:left;
	width:479px;
}

.titol_adresa{
	font-weight:bold;
	color:#000000;
	font-size:18px;
}

.text_adresa{
	color:#000000;
	font-size:11px;
	margin-top:10px;
}

.contingut_estret{	
	position:relative;
	float:left;
	width:228px;
	margin-right:10px;
	padding-left:10px;
}

.text_estret{
	position:relative;
	float:left;
	width:218px;
	margin-right:-10px;
}

.navegador{
	border-bottom:1px solid #999999;
	padding-bottom:5px;
	padding-left:10px;
	width:718px;
	position:relative;
	line-height: 13px;
	height:15px;
	background-color:#FFFFFF;
}

.navegador a{
	text-decoration:none;
}

.ruta{
	width:500px;
	position:relative;
	padding-left:11px;
}

.data{	
	width:217px;
	float:right;
	position:relative;
	text-align:right;
}

/*SERVEIS*/

.contingut_serveis{
	width:717px;
	position:relative;
	float:left;
	padding-left:11px;
}

.text_serveis{
	width:705px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:-10px;	
}

.columna_serveis{
	width:340px;
	margin-right:auto;
	float:left;
	margin-left:-10px;
	margin-top:10px;
}

/*PRODUCCIONS*/

.produccions{
	width: 726px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	position: relative;
	background:transparent;
}

.titol_destaca{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:-5px;
	padding-bottom:5px;
	line-height: 13px;
	border-bottom:1px solid #CCCCCC;
}

.contingut_produccions{
	width:465px;
	margin-right:auto;
	padding-right:10px;
	margin-left:auto;
	float:left;
	position:relative;	
}

.text_produccions{
	width:455px;
	color:#666666;
	padding-top:10px;
	margin-top:10px;
	padding-right:10px;
	margin-left:10px;
	line-height: 13px;
	/*border-bottom:1px solid #CCCCCC;*/
	padding-bottom:5px;
	float:left;
	position:relative;
}

.columna_noticies{
	float:left;
	margin-right:auto;
	margin-left:13px;
	width:238px;
	position:relative;
	margin-top:-5px;
}

.fons_titol_noticies{
	width:245px;
	position:relative;
	background-color:#BF0000;
	height:24px;
	padding-top:5px;
	padding-left:5px;
}

.noticies{	
	width:218px;
	float:left;
	position:relative;
	margin-left:10px;
}

.titol_noticies{
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

.titol_noticies_petit{
	font-size:12px;
	color:#BF0000;
	margin-top:10px;
	font-weight:bold;
	line-height:16px;
	height:16px;
}

.data_noticies_petit{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	margin-top:10px;
}

.text_noticies_petit{
	font-size:11px;
	margin-bottom:10px;
}

.fondo_noticies{
	background-image:url(../img/fons_noticies.jpg);
	background-repeat:repeat-y;
	background-position:right bottom ;
	float:left;
	width:966px;
}

.fondo_blanc{
	background-color:#FFFFFF;
	width:728px;
	position:relative;
	padding-top:5px;	
}


/*PRODUCCIO*/

.cartell{
	width:319px;
	height:415px;
	position:relative;
	float:left;
	margin-right:0px;
	margin-left:0px;
}

.fitxa{	
	width:730px;
	position:relative;
}

.fitxa_tecnica{	
	position:relative;
	width:717px;
	height:21px;
}

.item_fitxa_tecnica {
	position:relative;
	float:right;
	padding-right:5px;
	padding-left:18px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	border-right:1px solid #999999;
	padding-bottom:5px;
	background-color:#FFFFFF;
	background-image:url(../img/pdf.gif);
	background-repeat:no-repeat;
	background-position:left middle;
}

.item_fitxa_tecnica a{	
	color:#BF0000;
}

.foto_fitxa_tecnica {
	position:relative;
	float:right;
	padding-right:5px;
	padding-left:22px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	border-right:1px solid #999999;
	padding-bottom:5px;
	background-image:url(../img/fotos.gif);
	background-repeat:no-repeat;
	background-position:left middle;
	background-color:#333333;	
}

.foto_fitxa_tecnica a{	
	color:#FFFFFF;
}

.caixa_fitxa{
	width:387px;
	position:relative;
	float:left;
}

.caixa_fitxa_interior{
	width:183px;
	position:relative;
	float:left;
	padding-right:10px;
	line-height:20px;
}


.titol_fitxa{
	font-size:18px;
	color:#BF0000;
	font-weight:bold;
	position:relative;
	line-height:20px;
}

.contingut_produccio{
	width:717px;
	position:relative;
	float:left;
	padding-left:11px;
}

.text_serveis{
	width:705px;
	padding-left:10px;
	margin-bottom:10px;
	float:left;
	position:relative;	
}

.columna_serveis{
	width:340px;
	margin-right:auto;
	margin-left:auto;
	float:left;
	margin-left:10px;
	margin-top:10px;	
}

.caixa_fotografies{
	width:387px;
	float:left;
}

/*#fotobito img{	
	margin-left:5px;
}*/

.extres{
	width:717px;
}

/*HISTORIC*/


.anys_historic{
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
	padding-bottom:5px;
	line-height: 13px;
}

.anys_historic a{
	color:#666666;
}


.titols_historic{
	text-align:right;
	float:left;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:188px;
	margin-top:10px;
}

.intro_historic{
	padding-left:10px;
	padding-top:10px;
	margin-bottom:40px;
}

.contingut_historic{
	width:717px;
	margin-right:auto;
	padding-right:10px;
	margin-left:auto;
	float:left;
	position:relative;	
}

.caixa_historic{
	margin-right:auto;
	margin-left:auto;
	padding:left;
	position:relative;
}

.text_historic{
	width:508px;
	color:#666666;
	padding-top:10px;
	margin-top:10px;
	padding-right:10px;
	padding-left:10px;
	line-height: 13px;
	padding-bottom:5px;
	float:left;
	position:relative;
}


/*OBRES*/

.negreta_obres{
	font-size:11px;
	color:#000000;
	font-weight:bold;
}

/*FESTIVALS*/

.caixa_festivals{
	width:707px;
	margin-right:auto;
	padding-right:10px;
	margin-left:auto;
	float:left;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	border-top:1px solid #CCCCCC;
}

.text_festivals{
	width:498px;
	color:#666666;
	padding-top:10px;
	margin-top:10px;
	padding-right:10px;
	padding-left:10px;
	line-height: 13px;
	padding-bottom:5px;
	float:left;
	position:relative;
}

/*TEATRES*/

.caixa_teatre{
	width:375px;
	height:319px;
	position:relative;
	float:left;
	margin-right:auto;
	margin:10px;
	margin-bottom:-5px;
	border-bottom:1px solid #CCCCCC;
	top:-10px;
}

.text_teatre{
	width:375px;
	color:#666666;
	padding-top:10px;
	padding-right:10px;
	line-height: 13px;
	padding-bottom:5px;
	float:left;
	position:relative;
}

.fitxa_impresio{	
	position:relative;
	clear:both;
	margin-right:auto;
	width:375px;
	float:left;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
}

.item_fitxa_impresio {
	position:relative;
	float:right;
	padding-right:5px;
	padding-left:18px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	background-image:url(../img/pdf.gif);
	background-repeat:no-repeat;
	background-position:left middle;
}

.item_fitxa_impresio a{	
	color:#BF0000;
}

/*AMPLIA IMATGE*/

.boto{	
	padding-left:10px;
	padding-right:5px;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	color: #bf0000;
}

.fons_produccions{
	background-image:url(../img/repetir_produccions.gif);
	background-repeat:repeat-y;
	width:717px;
}

.fons_calendari{
	width:310px;
	padding-left:10px;
	padding-top:5px;
	height:33px;
}

.input1{
	border: 1px solid #999999;
    font-family: Arial,Trebuchet MS, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:212px;
	height:15px;
	background-color: #FFFFFF;
}

.input2{
	border: 1px solid #999999;
    font-family: Arial,Trebuchet MS, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:264px;
	height:15px;
	background-color: #FFFFFF;
}

.input3{
	border: 1px solid #999999;
    font-family: Arial,Trebuchet MS, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	width:462px;
	height:113px;
	background-color: #FFFFFF;
}


.input4 {
	font-family: Arial, Verdana;
	font-size: 11px; 
	font-style: normal; 
	line-height: 15px; 
	font-weight: normal; 
	font-variant: normal; 
	color: #000000; 
	height: 20px; 
	width: 270px; 
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.input_cercador {
	font-family: Arial, Helvetica;
	font-size: 11px; 
	font-style: normal; 
	line-height: 13px; 
	font-weight: normal; 
	color: #000000; 
	height: 15px; 
	width: 135px; 
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

.caixa_mini2 { 
	font-size: 10px; 
	color: #666666; 
	font-famliy: Arial, Verdana, sans-serif; 
	text-decoration: none; 
	width: 40px; 
}

.caixa_mini3 { 
	font-size: 10px; 
	color: #666666; 
	font-family: Arial, Verdana, sans-serif; 
	text-decoration: none; 
	width: 100px; 
}
.fons_home{
	background-image:url(../img/fons_home.gif);
	background-repeat:repeat-y;
	width:955px;
}

.fons_serveis{
	background-image:url(../img/fons_serveis_home.jpg);
	background-repeat:no-repeat;
	width:319px;
}

.img_transparent { 
	behavior: url(includes/iepngfix.htc);
}

#continentp {
	background-color: #CCCCCC;
	/*position: absolute;
	left: 450px;
	top:20px;
	z-index:2000;*/
	margin: 4px;
}

#contingutp {
	background-color: #FFFFFF;
	border: solid 1px #666666;
	position: relative;
	padding:5px;
}

.casellacalns { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; background-color: #FFFFFF; text-align: center; height: 18px; width: 20px; }
.casellacals { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #666666; text-align: center; height: 18px; width: 20px; }
.casellacal { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; background-color: #B7B7B7; text-align: center; height: 18px; width: 20px; }
.casellacalp { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none; background-color: #FFFFFF; border: 1px solid #E9E9E9; text-align: center; height: 18px; width: 20px; }

#desti{
	position:absolute;
	z-index:1000;
	left:180px;
}

#desti2{
	position:absolute;
	z-index:1000;
	left:180px;
	top:50px;
}

.fons_pop{
	background-image: url(../img/fons_condicions.png);
	background-repeat: no-repeat;
	width:570px;
	height:623px;
	padding-top:97px;
	padding-left:100px;
	padding-right:100px;
}

.fons_mapa{
	background-image: url(../img/fons_mapa.gif);
	background-repeat: repeat-y;
	width:217px;
	padding-left:11px;
}

#calendari{
	display:none;
}

#fonsagenda{
	position: relative;
	width: 166px;
	height: 170px;
	padding-left: 11px;
	padding-right: 11px;
	background-color:#FFFFFF;
}

#pastilla {
	display:none;
}

#contingutMobil {
	position: relative;
	width: 188px;
	height: 207px;
	top: 0px;
	z-index: -100;	
	/*border:1px solid #FF9900;*/
}

.casellacal_vermell{
	font-family: Arial;
	font-size:11px;
	width:19px;
	height:18px;
	color:#FFFFFF;
	background-image: url(../img/dia_vermell.gif);
	background-repeat: no-repeat;
	line-height:18px;
}

.casellacal_gris{
	font-family: Arial;
	font-size:11px;
	width:19px;
	height:18px;
	color:#FFFFFF;
	background-image: url(../img/dia_gris.gif);
	background-repeat: no-repeat;
	line-height:18px;
}
#cercador{
	display:none;
}
/******************************************************************************/
/*Estils cercador*/
.search_result{
	font-family: Arial, Helvetica, sans-serif;
	color:#BF0000;
	font-size: 11px;
	line-height: 13px;
	text-decoration:none;
	font-weight:bold;
}

.search_page{
	font-family: ,Arial, Helvetica, sans-serif;
	color:#CC0001;
	font-size: 11px;
	line-height: 13px;
}

/******************************************************************************/