@CHARSET "UTF-8";
@import url("general.css?t=1628517200_ASI_FORCED");
@import url("flashmessenger.css");
@import url("font-awesome.min.css");

/* GENERAL
   ======================================================= */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, small, strong, var, 
b, i, dl, dt, dd, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, 
aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0 none;
    font-size: 100%;
    background: none repeat scroll 0% 0% transparent;
}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, small, strong, var, 
b, i, dl, dt, dd, fieldset, form, label, legend, 
aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary, time, mark, audio, video {
    vertical-align: baseline;
}
ol, ul, li {
	margin: 0;
	border: 0 none;
    outline: 0 none;
    font-size: 100%;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
}
/* ======================================================== */
body {
	margin:0;
	padding:0;
	background-color:#47494b;
}
img { border:0 }
div {
	font-family:Arial,Verdana,Helvetica;
	font-size:small;
}
/*---*/
.txtInfomacio {
	color: #6f7072;
	font-style:italic;
}
.noCanviLinia { white-space:nowrap }

#missatges { 
	font-size:11px;
	width:80%;
	margin-bottom:4px;
}


/* COLORS de fons */
.bgris    { background-color:#808080 }
.bvermell { background-color:#cb0000 }


/* COLORS de text */
.grisFort { color:#6f7072 }
.vermell  { color:#cb0000 }

/* Separadors */
.lgris { 
	background-image:url(./default/images/linia_horitzontal_gris.png);
	background-repeat:repeat-x; 
}
.lvermell { 
	background-image:url(./default/images/linia_horitzontal_vermell.png);
	background-repeat:repeat-x; 
}

/* GENERAL
   ======================================================= */
.estructura {
	width:980px;
	margin:0 auto;
}
.fonsBody {
	background-color:#ffffff;
	width:100%;
	padding-bottom:20px;
}
.bcolor {
	width: 14px;
	height: 100%;
	float:left; 
	margin:0;
	padding:0;
}

.webBeta {
	color:#cb0000;
	position:absolute;
	z-index:100;
	margin-top:38px;
	margin-left:302px;
	font-size:0.8em;
}

a,a:hover { color:#be2649 }

/* *** LListes */
ul.horitzontal,
ul.vertical { 
	list-style:none;
	margin:0;
	padding:0;
}
ul.horitzontal li img,
ul.vertical li img { margin-right:6px }
ul.horitzontal li { 
	float:left;
	padding-right:12px;
}

/* CAPÇALERA
   ======================================================= */
#cap_info { 
	float:right;
	margin-right:6px;
	height:20px;
}   
#cap_info div {
	vertical-align:middle;		
	display:table-cell;
	height:20px;
	color:white;
	font-size:x-small;
	font-weight:bold;
}

/* CAP
   ======================================================= */

/* #cap .llibreestil {padding-top:20px} */
#cap .llibreestil a,
#cap .llibreestil a:hover {
	margin:0;
	margin-bottom:4px;
	padding:0;
	color:white;
	font-family:helvetica;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
#cap .llibreestil a .ccma { 
	color:#9D9D9D;
	font-size:16px;
	padding-top:2px;
}
#cap .logo {  }
#cap .empreses { float:right }
#cap .empreses .logos { padding-top:4px }
#cap .empreses .ccma { padding-top:63px }
#cap .empreses .tv3  {  padding-top:14px }
#cap .empreses .catradio {
	float:right;
	padding-top:14px;
}
#cap .text {
	font-weight:bold;
	font-size:large;
	padding-top:10px;
	padding-bottom:5px;
} 

/* *** MENU PRINCIPAL */
#cap .barra {
	height:25px;
	width:100%;
	background-image:url(./default/images/fons_barra.png);
	background-repeat:repeat-x;
}
#cap .barra .menu {
	margin:0 auto 0 auto;
	height:25px;
	padding:0;	
	border:0;
	border-collapse: collapse;
	border-spacing:0;
}
.menu td.opcio,
.menu td.seleccionada {	
	color:white;
	vertical-align:middle;		
	font-weight:bold;
	border-right:1px white solid;
	padding-left:8px;
	padding-right:8px;
	font-size:12px;
}
.menu td.opcio:hover,
.menu td.seleccionada {
	color:black;
	background-image:url(./default/images/fons_barra_sel.png);
}
.menu td.opcio:hover { cursor:pointer; }
.menu td.ultim { border-right:0; }

/* *** Cercador */
#cap .cercador {
	margin-top:10px;	
	height:71px;
	width:100%;
	background-image:url(./default/images/fons_cercador.png);
	background-repeat:repeat-x;	
	background-color:#c90104;
	color:white;
}
#cap .cercador .capsa {
	height:71px !important;
}
#cap .cercador .capsa table {
	margin:0 auto 0 auto;
	padding:0;
	border:0;
	border-collapse: collapse;
	border-spacing:0;
}
#cap .cercador .capsa table td.criterisCerca {
	padding-left:50px;
}
#cap .cercador .capsa label {
	font-size:large;
	font-weight:bold;
	padding-right:8px;
}
#cap .cercador .capsa input.boto { padding-left: 8px }
#cap .cercador .capsa input.cerca {	
	border:1px solid;
	border-color:#d08f90;
}
#cap .cercador .capsa span.radio { }
#cap .cercador .capsa a,#cap .cercador .capsa a:hover {
	padding-left:14px;
	font-size:x-small;	
	text-decoration:none;
	color:white;
}
#cap .cercador .capsa a:hover { 
	text-decoration:underline;
	color:yellow;
}

/* *** SubBarra */
.subbarra {
	padding-top:10px;
	width:100%;
}
.subbarra .ajudes,.subbarra .navegacio {
	border:1px solid #cecece;
	height:30px;
	background-color:white;
	vertical-align:middle;
}
.subbarra .ajudes div,.subbarra .navegacio div { float: left; }
.subbarra .imatge { padding:2px 12px 0 12px }
.subbarra .separador { 
	margin-top:4px;
	margin-bottom:4px;
	background-image:url(./default/images/linia_vertical.png);
	background-repeat:repeat-y;
	width:1px;
	height:22px;
}

.subbarra .ajudes { 
	float:right;
	width:350px;
	margin-left:15px;
}
.subbarra .ajudes .bcolor { }
.subbarra .ajudes .opcions img { background-color:#000000 }
.subbarra .ajudes .opcions { 
	margin-left:14px;
	margin-top:7px;
}
.subbarra .ajudes .opcions a,
.subbarra .ajudes .opcions a:hover {
	color:#cb0000;
	text-decoration:none;
}
.subbarra .ajudes .opcions a:hover { text-decoration:underline }

.subbarra .navegacio { width: 610px } 
.subbarra .navegacio .bcolor { }
.subbarra .navegacio .cami {
	margin-left:14px;
	margin-top:7px;
}
.subbarra .navegacio .cami,
.subbarra .navegacio .cami a,
.subbarra .navegacio .cami a:hover { 
	color:#808080;
	text-decoration:none;
}
.subbarra .navegacio .cami a:hover { text-decoration:underline }
.subbarra .navegacio .cami .actual { color:#cb0000 }


/* COS
   ======================================================= */
#cos { 
	margin-top:20px; 
	min-height: 420px;  
	height: auto !important;  
	height: 420px;
}   

#contenidor {	
	width:  100%;
	border:1px solid #cecece;
	background-color:white;
} 
#contenidor table.contingut {
	margin:0;
	padding:0;	
	border:0;
	border-collapse: collapse;
	border-spacing:0;
	width:  100%;
}
#contenidor table.contingut td.cnt_bcolor { width: 14px }
#contenidor table.contingut td#cnt_info { 
	padding: 14px;
	color:rgb(90,90,90);
	vertical-align:top;
}

#contenidor table.contingut td#cnt_info p { 
	margin-bottom:1em;
	line-height:1.5em;
	
}
#contenidor .contingut h1 {
	padding:0;
	font-size:2em;
	margin-bottom:4px;
}
#contenidor .contingut h1.titol {
	float:left;
}
#contenidor h2.subtitol {
	float:left;
	font-size:1.1em;
	/* margin-top:1.6em; */
}
#contenidor .contingut h2 {
	padding:0;
	font-size:1.3em;
	margin-bottom:4px;
}
#contenidor .contingut .linia {
	height:1px;
	width:100%;	
	margin-bottom:6px;
}
#contenidor .contingut .btImprimir {
	cursor:default;
	float:right;
	margin-right:8px;
}
#contenidor .contingut .btImprimir:hover { cursor:pointer }

/* ESPAI PER COLUMNES */
#cnt_info th,
#cnt_info td { padding:4px; }

.BlocContingut { 
	margin:20px 8px 20px 8px;	
	padding:0;
}
.LimitContingut {
	margin:0 auto 0 auto;
	width:700px;
	display: table;
}
.LimitContingut_fila {
	display: table-row;
}
.LimitContingut_Esquerra,
.LimitContingut_Dreta {
	display: table-cell;
	padding: 4px 12px; 
}

.BarraCosNormal,
.BarraCosTitol,
.BarraLateral   {
	background-color:#9c9c9c;
	background-image:url(./default/images/fons_barra_cos.png);
	height:24px;
	margin:0px;
	margin-top:12px;
	margin-bottom:6px;
	padding:0;
	padding-left:20px;
	padding-right:10px;
	color:white;
	font-weight:bold;
}
.BarraCosTitol {
	height:26px;
	font-size:1.2em;
	padding-top:4px;
}
.BarraLateral {
	background-color:#303030;
	background-image:url(./default/images/fons_barra.png);
}
.BarraLateral,
.BarraCosNormal {
	padding:4px 4px 0px 10px;
}
.BarraSepara {
	height:6px;
	padding:0;
	margin:0;
	margin-top:-6px;
}
.lBSepara {
	padding:0;
	margin:0;
	margin-top:8px;
}
.infoBarra { float:right }

/* Estils d'element 
   --------------------------- */
.grupHistorial {
	clear:left;
	margin:20px 4px 10px 10px;
	padding:0;
}   
.grupHistorial a,
.grupHistorial a:hover {
	color:#cb0000;
	margin-right:2px;
	padding:0;
}

.home_altaveu {
	margin-left:4px;
	vertical-align:middle;
	border:0;
	padding:0;
}

/* Llista d'entrades 
   --------------------------- */
.cosCapsa .entrada {
	clear:both;
   	margin-bottom:8px;
   	width:100%;
}

.cosCapsa .entrada img {
	margin-right:6px;
	margin-left:6px;
}
.cosCapsa .entrada a {
	color:#000;
	text-decoration:none;
}
.cosCapsa .entrada a:hover {
	color:#cb0000;
	text-decoration:underline;
}

.cosCapsa #llistaToponims { float:left }	
.cosCapsa #imgToponims {
	float:right;	
	margin:0px 0 10px 8px;
	text-align:right;
	width:250px;
}
.cosCapsa #imgToponims a { text-decoration:none }	
.cosCapsa #imgToponims a:hover { text-decoration:underline }

/* Elements Globals
   --------------------------- */
.btAltaveu,
.btAltaveu:hover { 
	float:left; 
	cursor:default;
	display:block;
	margin-left:4px;
}
.btAltaveu:hover { cursor:pointer }

/* Capses Fitxa 
   -------------------------- */
.BlocInformacio { 
	width:100%;
	padding:0;	
	margin:0;
}
.minBlocInfo {
	min-width: 350px;  
	width: auto !important;  
	width: 350px;
	padding-left:8px;
}
.BlocInformacio td { 
	vertical-align:top;
} 

.infoIco {
	float:right;
	margin-left:2px;
	margin-right:2px;
}
.taulaFonetic {
	width:100%;	
	margin-left:10px;
	margin-right:10px;
}
.taulaFonetic td { 
	padding:0 !important;
	padding-right:4px;
	vertical-align:top;
}
.taulaFonetic td.grupFonetic {
	width:70px;
	white-space:nowrap;
}
.taulaFonetic td .fonetica { 
	float:left;
	font-size:0.9em;	
}   
.taulaFonetic td.titolF { 
	font-size:9px;
	vertical-align: bottom;
}
.taulaFonetic td.separaF { height:4px }

.escoltaTit,
.escoltaTit:hover { 
	margin-left:20px;
	color:#a5b2bd;
	text-decoration:none;
	font-size:11px;
}
.FitxaContingut {
	margin:0;
	padding:0 20px 10px 20px;
}
.imgPrincipal {
	float:right;
	margin:0 0 10px 10px;
	text-align:center;
}
.imgPrincipal .peuImg { margin-top:2px }
.imgPrincipal .peuImg,
.imgPrincipal .peuImg a {
	font-size:9px;
	color:#000;
	font-style:italic;
}

.marcaFitxa {
	margin-left:22px;
	margin-bottom:4px;
	vertical-align:bottom;
}
.marcaFitxa a {
	color:#000;
	text-decoration:none;
}
.marcaFitxa a:hover {
	color:#cb0000;
	text-decoration:underline;
	font-style:italic;
}
.marcaFitxa a.vermell { color:#cb0000 }

/* Menu lateral
   --------------------------- */
#menuLateral {
	float:right;	
	margin:20px 6px 10px 4px;
	width:200px;
	padding-left:10px;
	padding-bottom:10px;
	border-left:1px dotted #e0e0e0;
	border-bottom:1px dotted #e0e0e0;
}
#menuLateral .capseta,
#menuLateral .menu {
	padding-bottom:4px;
	margin-bottom:12px;
}
#menuLateral .menu {
	border: #9c9c9c solid 1px;
}

#menuLateral .capseta .cosCapsa {
	padding-left:16px;
}
#menuLateral .capseta .cosCapsa a {
	color:#000;
	text-decoration:none;
	font-style:italic;	
}
#menuLateral .capseta .cosCapsa a:hover {
	color:#cb0000;
	text-decoration:underline;
}
#menuLateral .cosCapsa {
	padding-left:5px;
	padding-right:5px;
} 
	
/* Llistes al contingut
   -------------------------------*/
#cnt_info ul, #cnt_info ol { 	
	padding-top:6px;
	padding-bottom:6px; 
}
#cnt_info ul li,
#cnt_info ol li {
   padding:2px 0 2px 2px;
}
#cnt_info ul li,
#cnt_info ol li ul li {
   list-style-type: none;
   background-image: url("./default/images/ico_li.png");
   background-repeat:no-repeat;
   background-position:0 4px;   
   padding-left:16px;
}
#cnt_info ol li ul li { padding-top:4px; }
#cnt_info ul li li,
#cnt_info ol li ul li li,
#cnt_info ol li li  {	
	padding:0 0 2px 2px;
}
#cnt_info ul li li,
#cnt_info ul li ul li li,
#cnt_info ol li li,
#cnt_info ol li ul li li {
	background-image: url("./default/images/ico_li1.png");
    background-repeat:no-repeat;	
	background-position:0 0;
	padding-left:16px;
}

#menuLateral .capseta ul li {
	list-style-type: none;
	background-image:none;
	padding:0;
}

#missatges ul li,
#missatges ul li ul li { 
	background-image:none;
}	


/* (CERCA): TAULA LLISTA
   ======================================================= */
#resultats { width :100% }
#resultats #llista { 
	margin:0 auto;
	width:700px; 
}

.llistaTaula th,
.llistaTaula td {
	padding:0;
	margin:0;
}
	
.llistaTaula {
	padding:0;
	margin:0;	
	border-collapse:collapse;
	width:100%;
}
.llistaTaula th {
	text-align:left;
	font-weight:bold;
	border-top:1px dotted #000;
}
.llistaTaula .divisor { border-left:1px dotted #e0e0e0; }
.llistaTaula th,
.llistaTaula td {
	padding-top:4px;
	padding-bottom:4px;
	vertical-align:top;
}
.llistaTaula .text {
	padding-left:8px;
	padding-right:8px;
}
.llistaTaula .logo,
.llistaTaula .altaveu,
.llistaTaula .llegenda { 
	width:24px;
	text-align:center;
	vertical-align:top;
}
.llistaTaula .llegenda { width: 60px }
.llistaTaula .seccio { width: 250px }
.llistaTaula td a { text-decoration:none }
.llistaTaula td a:hover { text-decoration:underline }
.llistaTaula .llegenda img { margin-right: 2px }

.llistaTaula tr.fosc { background-color:#f0f0f0 }
.llistaTaula tr.clar { background-color:#fff }

.titCerca {
	font-size:1.1em;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:2px;
}
/* ------ PAGINADOR */
.llistaTaula .paginador {
	margin-bottom:10px;
	vertical-align:middle;
	width:640px; 
}
.paginador .numPag {
	font-size:10px;
	color:#a0a0a0;
}
.paginador .bloc {
	float:right;
	max-width:400px;
}
.paginador .bloc span,
.paginador .bloc a {
	text-decoration:none;
	color:#a0a0a0;
	font-size:11px;
	margin-right:3px;
	float:left;
}
.paginador .bloc a:hover { text-decoration:underline }
.paginador .bloc a:hover,
.paginador .bloc span {
	color:#cb0000;
}
.paginador .bloc  span {
	font-size:11px;
}
.paginador .bloc span.punts { color:#000 }
.paginador a.pagprev { margin-right:6px; }	
.paginador a.pagnext { margin-left:4px;  }
	
/* PEU
   ======================================================= */
#peu {
	min-height: 100px;  
	height: auto !important;  
	height: 100px;
	margin-top:14px;
} 
#peu .logo { margin-right:16px }
#peu .menu { padding-top:8px }	
#peu .menu li {
	border-left:1px solid #777777;
	padding:8px 14px 8px 14px;
}
#peu .menu li a {
	color:white;
	text-decoration:none;
}
#peu .menu li a:hover {
	color:yellow;
	text-decoration:underline;
}
#peu .login { font-weight:700 }

.segueixnos div { float:right }
.segueixnos .titol {
	color:white;
	font-size:large;
	font-weight:bold;
}
.segueixnos .links { margin-left:6px; }
.segueixnos .links a { padding-left:4px }

/* ESTILS MANTENIMENT
   ======================================================= */
.mant_disc {
	text-align:center;
	font-size:1em;
	font-weight:bold;
}
.mant_pag {
	text-align:center;
	vertical-align:top;
	font-size:1.4em;
	font-weight:bold;
	height:20px;
	
}
.mant_img {
	height:128px;
	text-align:center;
}

/* SelAudio
   ======================================================= */
#selAudio {
	display:none;
	z-index:1000;
	position:absolute;
	border:1px solid black;
	background:white;
	padding:6px;
	margin:0;
}
#player {
	display:none;
	z-index:10000;
	position:absolute;
	border:1px solid black;
	background:white;
	padding:6px;
	margin:0;	
}

.imgAltaveu:hover { cursor:pointer; }

/* MASCARA
   ======================================================= */
#Mascara
{
    opacity: 0.7;
    filter: alpha(opacity=70);
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 1000;
    background:#000000;
    display:none;
    position:fixed;
}
#infoMascara{
	left:50%;
	top:50%;
	z-index:10000;
	display:none;
	background:white;
	border:1px solid black;	
	position:fixed;
}
iframe#mascaraFrame {
	border:0;
}
#infoMascara #titolMsc {
	width:100%;
	background:#4c4c4c;
	border:0;
	text-align:right;
}
#infoMascara #titolMsc a,
#infoMascara #titolMsc a:hover {
	color:white;
	text-decoration:none;
	font-weight:bold;
	margin:2px;
}

#infoMascara #titolMsc .info {
	float:left;
	font-weight:bold;
	color:white;
	font-size:11px;
	margin: 1px 5px 1px 5px;
}

/*-- Taula AUTOLIST --*/
table.autolist {
	margin:8px 10px 8px 10px;
	border:1px dotted #e9e9e9;
	border-collapse: collapse;
	border-spacing:0;
}
table.autolist td {
	padding:2px 10px 2px 10px;
	border-left:1px dotted #e9e9e9;
}
table.autolist td a { text-decoration:none } 
table.autolist td a:hover { text-decoration:underline }

table.senseBorder,
table.senseBorder td { border:0 }	

/*-- Taula FORMATADES i altres estils ESPECIFICS --*/
table.ambBorder,
table.ambBorder td,
table.ambBorder tr {
	border:1px solid black;
}
table.ambBorder {
	border-collapse: collapse;
	border-spacing:0;
}
.BlocContingut  .destacat,
.FitxaContingut .destacat{
	padding:5px 20px 5px 20px;
	background-color:#ededed;
}

table.Pad20 td,
table.Pad20 tr { padding:20px }
table.Pad10 td,
table.Pad10 tr { padding:10px }
table.Pad4 td,
table.Pad4 tr { padding:4px }
table.Pad2 td,
table.Pad2 tr { padding:2px }

div.grupEsquerra div { 
	float:left;
	margin-right:2px;
}
.clear { clear:both; }


/* CONFIGURACIÓ RESPONSIU ------------------------------------------------*/
#cap .barra nav { display:none; }

.respCaixa { 
	float:right;
	margin-top:12px;
	display:none; 
}
.respCaixa div {
	height:40px;
	width:40px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	border:1px solid black;
	font-size:30px;
	float:right;
	margin-right:2px;
	letter-spacing: 1px;
	border-radius:5px;
}
.respCaixa div i { margin-top:4px; }
.respCaixa div:hover { cursor:pointer; }
.respBlocInfo,
.respImgPrincipal  { display:none; }



@media screen and (min-width:640px) {
		.llistaPellicules tr td,
		.llistaPellicules tr th { display:table-cell; }
}	
@media screen and (max-width:800px ) {
	.amagaResponsive { display:none; }
	.redueixText { font-size: smaller; }
	
	html, body { 
		width: 100vw; 
		height:100vh;
		max-width:100%;
	}	

	.fonsBody, .estructura {
	 	width:100vw;
		min-width:100%;
		max-width:100%;
	}
	.fonsBody { background-position:center -10px; }
	
	#cap_info, #peu, #cap .barra table,
	#cap .llibreestil, #cap .empreses .logos {
		display:none;
	}
	
	#cap .barra {
		height:0px;
		width:100vw;
		max-width:100%;
		background-image:none;
	}	
	#cap .barra .menu { display:none; }
			
	#cap .text { 
		font-size:0.9em;
		padding:2px;
		padding-left:0;
		margin-top:8px;
	}

	#cap .text,
	#cap .logo { 
		margin-left:3px; 
		padding-top:11px;
	}
	 
	#cap .empreses { 
		margin-top:-10px;
		margin-right:8px;
		clear:right;
	}	
    #cap .logo img {
    	width:50vw;
    	height:auto;
    	max-width:330px;
    	max-height:88px;
    }	
    
	#cap .empreses .ccma { 
		padding-top:36px;
		scale: 75%;
	}

    .webBeta {
    	margin-top: 10px; 	
    	margin-left: 47vw;
	}
     
    #cap .empreses img {
    	width:40vw;
    	height:auto;
    	max-width:269px;
    }
    
    #cap .cercador {
    	height:80px;
    	width:100vw;
    	display:none;
    	max-width:100%; /* vw */
	}
	#cap .cercador .capsa { padding-top:5px; }    				 
    #cap .cercador .capsa label { display:none; }
    #cap .cercador .capsa a,
    #cap .cercador .capsa a:hover { padding-left: 0; }
    #cap .cercador #cercaVal  {
    	height:30px;
    	margin-left:8px;
   	}   	
   	#cap .cercador td.aux_cerca { display:none; }
 
	#cap .barra nav {
		display:block;
		width:75%;
		height:100%;
		left:-100%;
		top:0;
		margin:0;
		position: fixed;
		background:black;
		z-index:1000000;
		overflow-y:auto;
	} 	
	#cap .barra nav ul {
		overflow:hidden;
		list-style:none;
		margin-top:6px;
		padding-left:2px;
	}	   	
   	#cap .barra nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
		padding:5px;
		color:white;
	}
	#cap .barra nav ul li.seleccionada { color: #CB0000; }

	#cap .barra nav ul li.opcio,
	#cap .barra nav ul li.seleccionada {
		padding:8px 2px 8px 10px;
	}	
	#cap .barra nav ul li.seleccionada[onclick^="location="]:hover,
	#cap .barra nav ul li.opcio:hover { 
		cursor:pointer; 
		color:yellow;
	}
	#cap .barra nav .navPeu { margin-top:20px; }
	#cap .barra nav .navPeu .links { 
		float:right;
		margin-right:6px;
		font-size:20px;
	}
	#cap .barra nav .navPeu .links a { margin-left:3px; }	
	#cap .barra nav .navPeu .links a:hover { color:white; }
	#cap .barra nav .navPeu .navAvis { margin-left:6px; }
	#cap .barra nav .navPeu .navAvis a {
		color:#999999;
		text-decoration:none;
		font-size:0.8em;		
	}
	#cap .barra nav .navPeu .navAvis a:hover {
		text-decoration:underline;
		color:yellow;
	}
	
	.respCaixa { display:block; }	
	#menuLateral { display:none; }
	
	/* #cnt_info td a { padding:5px; } */
	.sensePadding .valor a:first-of-type { padding-left:0 !important; }
	
	#resultats #llista { width:100vw; 	}	
	#resultats #llista > div:first-child { display: none; }
	
	#contenidor table.contingut td#cnt_info {
		 padding-right:2px;
		 padding-left:2px;
	}
	#contenidor table.contingut td#cnt_info img {
		max-width:96%;
		max-width:96vw;
		height:auto;
	} 
	
	.paginador .bloc span,
	.paginador .bloc a { font-size: 16px; }
	.paginador .bloc a img {
		width:16px;
		height:16px;
	} 
	
	h2.subtitol,
	#contenidor .contingut .btImprimir { display:none; }
	.respBlocInfo {
		display:block;
		margin-top:6px;
	}
	.minBlocInfo {
		width:0;
		min-width:0;
		display:none;
	}
	#cnt_info td.minBlocInfo { padding:0; }
	.imgPrincipal { display:none; }
	.respImgPrincipal { 	
		display:block;
		text-align:center;
		margin-top:18px;
		margin-bottom:18px;
	}
	.respImgPrincipal img {
		max-width:85% !important;
		max-width:85vw !important;
		height:auto;
		margin:8px auto 8px autop;
	}
	
	.FitxaContingut { 
		padding-left:8px;
		padding-right:8px;
	}	
	.FitxaContingut #llista { 
		padding-left:-8px;
    	max-width: 90vw;		
	}
	.FitxaContingut #llista .llistaTaula { 
		width:100%;
		max-width:100%;
	}
	.paginador .bloc { max-width: 50vw; }
	
	#contenidor table.contingut td.cnt_bcolor { 
		min-width:8px;
		width:8px;
	}
	#contenidor table.contingut td#cnt_info { max-width:96vw; }
	
	.grupHistorial { display:none; }	
}


@media screen and (max-width:640px) {	
	#cap .text span { display:none; }
	#cap .text:after { content: "El portal lingüístic de la CCMA"; }
	
	/* Per android browser 4.1 */
    #cap .logo img { 
    	max-width:50%; 
    	max-width:50vw;
    }
    #cap .empreses { 
    	max-width:40%;
		max-width:40vw;       
    	text-align:right; 
	}    	
    #cap .empreses img {    	 
    	 max-width:100%;
		 max-width:40vw;     	  
    }

	#cap .empreses .ccma { 
		padding-top:30px;
	}

    /* Fi android browser */
    
	.llistaTaula {
		max-width:100vw;
		width:100vw;
	}
	
	
	.llistaTaula .logo,
	.llistaTaula .llegenda,
	.llistaTaula .seccio { 
		width:0;
		display:none;
	}
	#resultats #llista th { display:none; } 
	
	#cnt_info ul, #cnt_info ol {
		padding-left: 8px;
	}
	
	#cnt_info .llistaTaula th, 
	#cnt_info .llistaTaula td {	 
		padding-left:2px;
		padding-right:2px;
	}
	
	#cnt_info .llistaTaula td.logo img,
	#cnt_info .llistaTaula td.llegenda img,
	#cnt_info .llistaTaula td.altaveu img {	
		width:12px;
		height:auto;	
	}
	#cnt_info .llistaTaula td.logo,
	#cnt_info .llistaTaula td.llegenda,
	#cnt_info .llistaTaula td.altaveu {
		max-width:14px;
	}	
		
	#cnt_info .llistaTaula td.element a { font-size:1.2em; }
	.subbarra { display:none; }
	
	.llistaPellicules tr td:not(:first-child),
	.llistaPellicules tr th:not(:first-child) { display:none; }	
}


@media screen and (max-width:400px) { 
	#cap .cercador #cercaVal { max-width:225px; }
	#cap .empreses .ccma { padding-top:22px; }
}

@media screen and (max-width:300px) {
	#cap .empreses img {	 	
		max-width:30vw; 
		width:30vw;
	}
}

/* Enumera taules 
   --------------------------------------- */
table.autonum {
    counter-reset: rowNumber;
}

table.autonum tr {
    counter-increment: rowNumber;
}

table.autonum tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}   


<!--[if IE]>
body { overflow: hidden; }
#Mascara {
  height: 100%;
  width:  100%;
  overflow: auto;
}
<![endif]-->