@charset "utf-8";

.amplada-pagina-marges {
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}

.amplada-pagina-marges-int {
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;		
}

.amplada-pagina-marges-rotador {
	width: calc(100% - 80px);
	margin-left: 40px;
	margin-right: 40px;
}


/* Columna de contingut interior */
#columna-contingut-int-amb-columna-dreta { /* contingut amb columna dreta: elements adicionals, banners,... */
	width: 64%;
}

#camp-llista-int{
width: 100%;	
}
/* Barra d'elements a la dreta */
#columna-dreta {
	width: 34%;	
}

#columna-contingut-registre {
   width: 64%;
}
#columna-dreta-registre {
	width: 34%;
}
	
#peu-intern {
	padding-bottom: 70px;
}
#peu #peu-menu>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 3em;
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
}
#peu #peu-menu>ul>li:first-child, #peu-menu>ul>li {
	margin-top: 20px;
    padding: 0 20px 0 20px;
	width: calc(50% - 40px) !important;
}
#peu .logo-peu {
	margin-left: 13px;
	float: left;
}
#peu #peu-colabora {
    margin-top: 30px;
    text-align: left;
    font-size: 13pt;
    color: #ffffff;
    float: left;
    margin-left: calc(50% - 130px);
}


.element-destacat-titol {
	font-size: 22px;
}


.force-100-w600 {
	width: 100% !important;
}

ul#rotador-portada li img {
	width: 190% !important;
	max-width: 190%;
    margin-left: -45% !important;
    height: auto;
}
.element-rotador .rotador-contingut .rotador-contingut-int .rotador-contingut-esquerra {
	max-width: none;
	width: 100%;
}
.element-rotador .rotador-contingut .boto-rotador {
	position: inherit;
	margin: 25px 0 20px;
    text-align: left;
    bottom: inherit;
    right: inherit;
}


.marge-dreta .area-interna-primera {
	margin-right: 0;
}
.marge-esquerra .area-interna {
	margin-left: 0;
}
ul.marcador-imatge-rotador li>a, ul.marcador-imatge-rotador li>span {
	border-radius: 5px;	
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 50%;
    position: relative;
}
ul.marcador-imatge-rotador li>a>img, ul.marcador-imatge-rotador li>span>img {
	position: absolute;
    top: -50%;
}

ul.marcador-imatge-superior li {
	width: calc(50% - 10px);
}

.registre-accions .registre-accions-int {
	width: 100%;
}