@charset "utf-8";

/* CSS Document */
/* Gen�rics */


body{
  padding: 0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #797979;
  background:#e9e9e9;
  height:auto;
}

* { margin:0; padding:0;}

ul{ list-style:none;}
	ul li{ list-style:none;}

#marc-web h1, h2, h3, h4{ color:#000000;}
#marc-web h1 { text-transform:uppercase;
background:url(../images/logo-obres.png) no-repeat top left;height:9.15em; font-size:2.8em; font-weight:bold; display:block; line-height:0.82em;}

#marc-web h1 span{ clear:both; font-size:0.9em; display:block;}
#marc-web h1 span.info{ clear:both; font-weight:normal; font-size:0.7em;margin-top: 0.05em; letter-spacing:-0.04em;}
#marc-web h1 a{ text-decoration:none; padding:5.55em 0 0 2.2em; display:block; height:3.55em; width:7.4em }

#capsalera{ height:25.6em; width:100%; display:block; margin-bottom: 2.5em;background:url("http://w2.bcn.cat/obres/sites/default/files/headers/bg-random1_0.png") no-repeat scroll right center transparent;}


#marc-web h2 { font-size:1.6em;border-bottom:1px dotted #999999; margin-bottom: 0.8em;
    padding: 0 0 0.5em; line-height:1em;font-weight:bold;letter-spacing: -0.1px;}
#marc-web h2 span {font-weight:normal}
#marc-web h1 a, h2 a, h3 a{ color:#000000; }


#marc-web h3{font-size:1.2em;margin-bottom:0.7em;}
#marc-web h3 a{ text-decoration:none; border-bottom:1px solid #fad002; color:#000000; font-weight:bold;}
#marc-web h3 a:hover{  border-bottom:1px solid #000000;}
#marc-web h4 {color: #58585A;font-size: 1.2em;margin-bottom:0.7em;}

#marc-web{
	width:92.5em;
	margin:-2px auto auto;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

/* Contenidor
---------------------------------------------------------------------------------*/

#contenidor{  background:#FFFFFF;
-webkit-box-shadow: 0px 0px 4px 0px #c2c2c2;
-moz-box-shadow:70px 0px 4px 0px #c2c2c2;
box-shadow: 0px 0px 4px 0px #c2c2c2; height:auto; overflow:hidden; padding:0; margin-bottom:2.7em;  }

	#contenidor p{ font-size:1.2em;line-height:1.2em; padding-bottom:1em;}
	#contenidor a{ text-decoration:none; color:#000; border-bottom:1px solid #fad002;}
		#contenidor a:hover{  border-bottom:1px solid #000;}


#contenidor #destacats{ float:left;  width: 61.7em; border-left:1px solid #d2d2d2; margin-left:-0.1em;}

	#contenidor #destacats .caixa-destacada{ padding:2.6em 3em 2.6em 3em; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; height:auto; overflow:hidden; margin-top:-1px; margin-left:-1px; border-right:1px solid #d2d2d2; position:relative;  height:25em;}

		#contenidor #destacats .caixa-destacada div{ width:24.7em; float:left;}
			#contenidor #destacats .caixa-destacada img{ float:none; margin:0; position:absolute; bottom:2.7em;}



		#contenidor #destacats .caixa-destacada div.bn-video{ float:right; margin-right:-0.2em; width:auto; background: url(../images/sombra-video.gif) no-repeat center bottom; padding-bottom:1.4em;}
			#contenidor #destacats .caixa-destacada div.bn-video a{ border:0; text-decoration:none;}
    	#contenidor #destacats .columnas{ height:auto; overflow:hidden;}
		#contenidor #destacats .columnas .caixa-destacada{  float: left; width:24.7em; height:11.7em; border:0;  border-left:1px solid #d2d2d2; margin-left:-0.1em; border-right:1px solid #d2d2d2; position:relative; padding-bottom:16.6em}
        #contenidor #destacats .views-row { border-right:0; clear: both; padding-right: 33.8em; height:auto; overflow:hidden;}
        #contenidor #destacats .views-row img{ top:2.6em; right:2.9em;background: url("../images/sombra-video.gif") no-repeat scroll center bottom transparent;padding-bottom: 14px;}

		#contenidor  #node-21 object {margin: 13px 0}
        #contenidor #node-21 object,
        #contenidor #node-22 object {
            display: none;
        }

/* Internes
---------------------------------------------------------------------------------*/
#contingut{padding:2.6em 2.9em 2.6em 3em; width:56em; float:left; color:#58585a;}
#contingut .col-0, #contingut .col-1 { width:44.8%; float:left;}
	#contingut .col-0 { margin-right:2.9em;}
	#contingut .col-1 { margin-left:2.9em;}

#sidebar-right{   float: left;
    width: 30.5em; border-left:1px solid #d2d2d2;}

	#sidebar-right ul{ list-style:none; border-right:1px solid #d2d2d2;}
	#sidebar-right ul li{ border-bottom:1px solid #d2d2d2;position:relative}
		#sidebar-right ul li a, .page-node-4 .view-men-lateral ul li a, .page-node-15 .view-men-lateral ul li a { padding:1em; text-decoration:none; border:0; height:auto; overflow:hidden; display:block;height: 6.3em; letter-spacing:-0.03em; line-height: 1.25em; padding: 2.1em 1em 0 12.6em;border:0 !important; font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:700; font-size:1.2em; }

			#sidebar-right ul li a:hover, .page-node-4 .view-men-lateral ul li a:hover, .page-node-15 .view-men-lateral ul li a:hover{ text-decoration:none; border:0; background-color:#efefef;}
			#sidebar-right ul li a.active, .page-node-4 .view-men-lateral ul li a.active,.page-node-15 .view-men-lateral ul li a.active{ background-color:#e2e2e2;}
			.page-node-4 .view-men-lateral,.page-node-15 .view-men-lateral {margin-top:60px;margin-bottom: 35px;}
	#sidebar-right ul li a span, .page-node-4 .view-men-lateral ul li a span, .page-node-15 .view-men-lateral ul li a span{ font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:300;  display:block; color:#1a171b}
	#sidebar-right ul li a img, .page-node-4 .view-men-lateral ul li a img, .page-node-15 .view-men-lateral ul li a img { position:absolute; top:1.4em;left:1.4em}



#contenidor #paginador{ height:auto; overflow:hidden; clear:both; display:block; position:relative; font-size:1.1em; border-top:1px dotted #999999; padding:1.4em 0 0; color:#797979;}
	#contenidor #paginador h3{ display:none;}
	#contenidor #paginador ul{ width:100%; text-align:center;}
		#contenidor #paginador ul li{ display:inline; color:#000; padding:0 0.35em;  font-weight:bold;}
			#contenidor #paginador ul li a{  color:#797979; font-weight:normal; }
			#contenidor #paginador ul li a:hover{  color:#000; font-weight:bold; }
			#contenidor #paginador ul li.active{ text-decoration:underline;}

	#contenidor #paginador a{ border:0; text-decoration:none;}
	#contenidor #paginador .pager-previous a, #contenidor #paginador .pager-next a{ position:absolute; top:1.3em; width:auto; display:block; font-weight:bold; color:#000000; border:0;}
		#contenidor #paginador .pager-previous a:hover, #contenidor #paginador .pager-next:hover a{ border-bottom:1px solid #000;}
		#contenidor #paginador .pager-previous a{ left:0; text-transform: capitalize;}
		#contenidor #paginador .pager-next a{ right:0; text-transform: capitalize;}
		#contenidor #paginador .pager-first, #contenidor #paginador .pager-last {display: none;}

/* Not�cies + llistat
---------------------------------------------------------------------------------*/
body.front #contenidor #block-actulitat0{ width:24.7em; float:left; padding:2.6em 3em ; border-right:1px solid #d2d2d2; margin:0;}
	 #contenidor #block-actulitat0 h2{  font-weight:bold;}
#contenidor #block-actulitat0 h3 {
    font-size: 1.6em;
}
	 #contenidor #block-actulitat0 strong {color:#000;font-weight:bold;font-size: 1em;}
		#block-actulitat0 div { margin-bottom:1em; height:auto; overflow:hidden; }
			#block-actulitat0 div img{ float:left; margin:0.2em 1em 0.8em 0; height:100%; object-fit: cover;}
			#block-actulitat0 p{ font-size:1.1em;}
			#block-actulitat0 p.video {clear:both;background:url(../images/ico-video.gif) no-repeat left 0; line-height:1.2em; height:2em; padding-top:0.4em; }
				#block-actulitat0 p.video a{ margin-left:2.2em; font-weight:bold; width:auto; margin-top:0.2em}

				#block-actulitat0 a.altres-link{ font-size:1.1em; font-weight:bold; background:url(../images/raquo.gif) no-repeat left center; padding:0 0 0 0.6em !important;}

.block-bcn-news .block-content .news-content {
    display: flex;
}

.block-bcn-news .block-content .item {
    border: 0;
}

.block-bcn-news .block-content .item h3 {
    line-height: initial;
}

#block-actulitat0 .embed-responsive {
    height: 100%;
}

.block-bcn-news .block-content .item .media-destacat {
    width: 80px !important;
    height: 80px !important;
}

.block-bcn-news .block-content .item .media-content {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    width: calc(100% - 80px);
}

.block-bcn-news .block-content .item .media-content p.text-new {
    display: block;
}
/* Unio Europea
---------------------------------------------------------------------------------*/

.unio-europea{
    height:auto;
    color:#6c6c6c;
    overflow:hidden;
    position:relative;
    margin-bottom:2.6em;
    padding: 1.6em 2.9em 1.1em 14.8em;
}
.unio-europea a {
    top: 0;
    width:66em;
    left:2.9em;
    z-index:10;
    display:block;
    position:absolute;
}
	.unio-europea h2 {
        border:0;
        margin:0;
        padding:0;
        color:#6c6c6c;
        font-size:1.8em;
        font-weight: bold;
    }
	.unio-europea h3 {
        margin:0;
        color:#6c6c6c;
        font-size:1.6em;
        font-weight:normal;
        letter-spacing:-0.03em;
        text-transform:uppercase;
    }
	.unio-europea p {
        font-size:1.6em;
        font-weight:bold;
        letter-spacing:-0.03em
    }
	.unio-europea img {
        float:left;
        width: 100px;
        margin-top: 2.1em;
        margin-right:1.7em;
    }


/* Peu
---------------------------------------------------------------------------------*/
/*#peu{background:#000000; }
#info-pagina{ height:auto; overflow:hidden;color:#FFFFFF; margin:auto; width:92.5em;}
	#info-pagina a{ color:#FFFFFF; text-decoration:none;}
		#info-pagina a:hover{ text-decoration:underline;}

#info-pagina ul { list-style:none; font-size:1em;padding: 0 3.1em; background:url(../images/copyright.gif) no-repeat left  center; }
	#info-pagina ul li{ list-style:none; display:inline-block; vertical-align:middle;border-right: 1px solid #4D4D4D; font-size:1.1em; letter-spacing:0.01em; margin-right: 0.5em; padding-right: 0.8em;}

		#info-pagina ul li.separador{ letter-spacing: -0.02em; padding: 1.2em 1em 1em 0; width: 25.3em; margin-right:1.7em; font-size:0.9em;}

			#info-pagina ul li.separador a{ color:#0d8ed1; text-decoration:none; }
		#info-pagina ul li.ajuntament a{ font-weight:bold; }
		#info-pagina ul li.correu{ border:0;}
			#info-pagina ul li.correu a{ text-decoration:none; border-bottom:1px dotted #737373; background:url(../images/ico-sobre.gif) no-repeat left 0.4em;padding-left: 1.5em;}
			#info-pagina ul li.correu a:hover{ text-decoration:none; border-bottom:1px solid #737373;}
			#info-pagina ul li.correu #boto-enviar{ background: url(http://w2.bcn.cat/obres/sites/all/themes/basic/images/ico-sobre.gif) no-repeat left 0.45em #000000; border: 0 none; color: #FFFFFF; font-size: 1em; margin-top: -2px; padding: 0 0 0 13px; border-bottom:1px dotted #737373; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}*/
#peu {
    overflow: auto;
    background-color: #f2f2f2;
}

#peu #info-pagina {
    width: 1080px;
    margin: 0 auto;
}

#peu .logo-peu {
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;
}

#peu .menu-peu {
    float: right;
    margin-top: 15px;
    text-align: right;
    font-size: 0.8rem;
    display: inline-block;
}

#peu .menu-peu > li {
    font-size: 13px;
    margin-left: 1.4rem;
    display: inline-block;
}

#peu .menu-peu > li:first-child {
    color: #000;
}

#peu .menu-peu > li a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #fad002;
}

#peu .menu-peu > li a:hover {
    border-bottom-color: #000;
}

/* Llista noticies
---------------------------------------------------------------------------------*/
body.page-noticies #contingut {
    width: 100%;
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
}

#noticies form {
    display: none;
}

#noticies #list-news {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#noticies #list-news > div {
    width: 49%;
}

#noticies #list-news .news-content {
    display: flex;
}

#noticies #list-news > div .item .media-destacat {
    height: auto;
}

#noticies #list-news > div .item .media-content {
    border: 0;
    height: auto;
}

#noticies #list-news > div .item .media-content .event-date {
    font-size: 1.1em;
}

#noticies #list-news > div .item .media-content p {
    display: block;
}

#noticies .item-list .pager a {
    font-size: 1.1em;
}

/* Detall not�cia
---------------------------------------------------------------------------------*/
body.page-noticia #contingut {
    width: 100%;
    max-width: 100%;
    position: relative;
    box-sizing: border-box;
}

body.page-noticia #destacats {
    width: 100% !important;
    float: none;
    border: none !important;
    border-top: 1px solid #d2d2d2 !important;
}

body.page-noticia #destacats .views-row {
    border: none !important;
    padding-left: 0 !important;
}

#detall-noticies h2 {
    font-size: 2em !important;
    margin-bottom: 1rem !important;
}
#detall-noticies h3{ margin-bottom:0.2em;}
#detall-noticies h4{ font-size:1.2em; color:#000000; font-weight:bold; padding-bottom:1em; }
#detall-noticies p{ font-size: 12px; }

#detall-noticies .entradeta {
    margin-bottom: .5rem;
}

#detall-noticies .entradeta strong {
    font-size: 12px;
    font-weight: 600;
}

#detall-noticies li {
    font-size: 12px;
}
	#detall-noticies p a{ font-weight:bold;}
	#detall-noticies p.data{ font-size:1.1em;}
	#detall-noticies p.video {clear:both;background:url(../images/ico-video.gif) no-repeat left 0; line-height:1.2em; height:2em; padding-top:0.4em; }
		#detall-noticies p.video a{ margin-left:2.5em; font-weight:bold; width:auto; margin-top:0.2em; font-size:0.9em;}

		#contingut #detall-noticies .col-0{ margin-right:0; width:54.5%;}
		#contingut #detall-noticies .col-1{ width: 40.3%;}
			#contingut #detall-noticies .col-1 h4{ color:#f7cd01; background:#2c2c2c; margin:0; padding:0.5em 1.4em;border:1px solid #000000; border-bottom:1px solid #444; }
			#contingut #detall-noticies .col-1 img{ margin-bottom:5.3em;}

#detall-noticies .date {
    margin-bottom: 0;
}

#detall-noticies .content {
    margin-bottom: 0;
}

#detall-noticies .pull-left {
    width: 48.5%;
    float: left;
}

#detall-noticies .pull-right {
    width: 48.5%;
    float: right;
}

#detall-noticies  .caixa-info{ background:#000000; padding:0.7em 1.9em;}
#detall-noticies .caixa-info ul{ list-style:none; font-size:1.2em; margin-top:0.2em;}
	#detall-noticies .caixa-info ul li{ list-style:none; background:url(../images/raquo-relacionats.gif) no-repeat left 0.35em; padding-left:0.9em; margin-bottom:0.2em;}
#detall-noticies .caixa-info a{ color:#FFFFFF; border:0;}

#detall-noticies .owl-nav {
    display: none !important;
}

/* Detall videos (entrevistes)
---------------------------------------------------------------------------------*/


 h3.entrevistes{font-size:1.2em; color:#58585a; border-bottom:1px dotted #999999; margin-bottom: 1.1em; padding: 0 0 0.8em; line-height:1em; letter-spacing:-0.02em;}
	h3.entrevistes span{ font-weight:normal;}
#visor-video{ margin-bottom:1.7em;height:338px;margin-top: 1.7em;}
 #videos ul { margin-right:-2em;}
	#videos ul li{ float:left; display:block; height:auto; overflow:hidden; width:46%;font-size:1.2em; height:auto; overflow:hidden; margin-bottom:1.4em; margin-right:2em; color:#58585a; position:relative;}
		 #videos ul li.views-row-even{ margin-right:0;}
		 #videos ul li a{ border:0;}
			 #videos ul li a img { float:left; margin-right:1em; border:1px solid #9f9f9f;}
			 #videos ul li a img.player { position:absolute; z-index:10em; top:1.3em; left:3.5em; border:0;}
			#videos ul li.seleccionat a img.player { display:none; }
			#videos ul li a span{ display:block; font-size:0.9em; color:#58585a;}
			#videos ul li a strong{display:list-item; padding-top: 0.1em;}

/* Europa
---------------------------------------------------------------------------------*/
#detall-fonseuropeu h4{ font-size:1.2em; font-weight:bold; margin-bottom:1em;}

#contenidor .banners {margin-top: 28px;margin-bottom: 10px;}
	#contenidor .banners a {border-bottom: 0 none;padding-right: 60px;}
	#contenidor .banners a.ultim {padding-right: 0;}
	.info-relacionada h4 {background: url("../images/raquo1.gif") no-repeat scroll 2px center transparent;padding-left: 1em;}



/* Menú horitzontal videos (flash)
---------------------------------------------------------------------------------*/

.page-node-4 #contingut,.page-node-15 #contingut {
width: 86.55em;
}
.page-node-4 .view-men-lateral ul, .page-node-15 .view-men-lateral ul {
    border: 1px solid #D2D2D2;
    display: block;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 61em;
}
.page-node-4 .view-men-lateral ul li, .page-node-15 .view-men-lateral ul li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D2D2D2;
    border-style: solid;
    border-width: 1px 0 0 1px;
    display: block;
    float: left;
    margin-left: -0.1em;
    margin-top: -0.1em;
    text-align: left;
    width: 30.5em;
	position: relative;
}
#llegenda ul {
    border: 1px solid #000000;
    color: #0F3F4C;
    display: block;
    height: auto;
    margin-top: -5px;
    overflow: hidden;
    padding: 1em 0 0.4em 0.8em;
    width: 301px;
}
#llegenda ul li {
    display: block;
    float: left;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 0.3em;
    padding-left: 2.2em;
    width: 39%;
}
#llegenda ul li.llegenda1 {
    background: url("../images/ico-map-atles.gif") no-repeat scroll left center transparent;
}
#llegenda ul li.desactivat {
    background: url("../images/ico-map-desactivat.gif") no-repeat scroll left center transparent;
    width: 42%;
}
#llegenda ul li.llegenda2 {
    background: url("../images/ico-map-nodes.gif") no-repeat scroll left center transparent;
}
#llegenda ul li.europeu {
    background: url("../images/ico-map-europeu.gif") no-repeat scroll left 1px transparent;
    width: 42%;
	line-height:1;

}
#llegenda ul li.llegenda3 {
    background: url("../images/ico-map-infraestructures.gif") no-repeat scroll left center transparent;
}

/* Fancy del video youtube(flash)
---------------------------------------------------------------------------------*/

#marc-video {background: none repeat scroll 0 0 #000000;min-height: 451px;overflow: hidden;text-align: center;}
	#marc-video object{margin:0 auto}
	#marc-video h2#titol {border-bottom: 0 none;color: white;font-size: 1.6em;font-weight: normal;letter-spacing: -0.1px;line-height: 1em;margin-bottom: 0.8em;padding: 3em 2.5em 0.5em;text-align: left;}
	#fancybox-outer #fancybox-close {background: url("../images/tancar.png") no-repeat scroll 0 0 transparent;border-bottom: 0 none !important;cursor: pointer;height: 24px;position: absolute;right: 8px;top: 8px;width: 24px;z-index: 1103;}
	.page-detall #fancybox-outer #fancybox-close,.page-welcome #fancybox-outer #fancybox-close, .page-node-14 #fancybox-outer #fancybox-close,.page-node-5 #fancybox-outer #fancybox-close{right:-22px;top:-22px}
	#fancybox-overlay {opacity:0.75 !important}
	#_fancybox-inner {z-index: -1 !important}


/* Galeria videos fem Europa
------------------------------------------------------------------------------------*/

iframe.galeria-videos{
	width:255px;
	height:200px;
	display:block;
	border:0;
	 float:right;
	 margin-top:-3.5em;
	 margin-left:2em;
	  overflow:hidden;

}

.prioritats{
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;
 padding:1em 0;
 height:auto;
 overflow:hidden;
 margin-top:-1px;
}

.prioritats.galeria h4{ width:288px;}
.prioritats.last{ margin-bottom:1.5em;}


/*  Projectes
 *  ------------------------------------------------------------------------------------*/

#projectes {
    float: left;
    width: 61.7em;
    background-color: #FFF;
}

#projectes .view-content {
    padding: 2.6em 3em 2.6em 3em;
}

    #projectes .view-content iframe {
        float: left;
        width: 300px;
        display: none;
        border: 3px solid #ccc;
    }

    #projectes .view-content .detalls {
        float: right;
        width: 240px;
    }

    #projectes .view-content .detalls .title {
        color: #000;
        font-size: 1.35em;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

    #projectes .view-content .detalls .date {
        margin-bottom: 1.5em;
        font-style: italic;
        font-size: 0.9em;
    }

    #projectes .view-content .detalls .date .field-content {
        display: inline;
    }

    #projectes .view-content .detalls .body .field-content p {
        color: #797979;
        font-size: 1.1em;
    }

    #projectes .view-content .detalls .body .field-content a {
        padding: 0.4em 1em;
        border-radius: 0.4em;
        background-color: #fad002;
        border-bottom: none;
    }

    #projectes .view-content .detalls .body .field-content a:hover {
        background-color: #edb700;
        border-bottom: none;
    }

    #projectes .view-content .item-list {
        position: relative;
        float: left;
        margin: 15px 0;
        width: 305px;
    }

    #projectes .view-content .item-list ul {
        margin: 0 1em 1em 1em;
    }

    #projectes .view-content .item-list ul li.views-row {
        padding: 0;
        margin: 0 5px;
        float: left;
    }

    #projectes .view-content .item-list div.views-field-field-url-video a {
        text-decoration: none;
        border: 0;
    }

    #projectes .view-content .item-list button {
        cursor:pointer;
        position: absolute;
        height: 20px;
        width: 10px;
        top: 12px;
        border: 0;
    }

    #projectes .view-content .item-list button.previous {
        left: 0;
        background: url(../images/left-arrow.png) no-repeat;
        border: 0;
    }

    #projectes .view-content .item-list button.next {
        right: 0;
        background: url(../images/right-arrow.png) no-repeat;
    }

/*  Destacat
 *  ------------------------------------------------------------------------------------*/
#destacat {
    float: left;
    width: 55.7em;
    padding: 26px 30px;
    background-color: #FFF;
}

#destacat .content {
    display: flex;
    justify-content: space-between;
}

#destacat .left,
#destacat .right {
    width: 50%;
}

#destacat .left img {
    width: 100%;
    height: auto;
}

#destacat .right {
    padding-left: 2em;
}

#destacat .right .button {
    color: black;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 600;
    padding: .7rem .5rem;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fad002;
    border-bottom: 0;
}

#destacat .right .link-paragraph {
    text-align: center;
}

/*  Avís legal
 *  ------------------------------------------------------------------------------------*/
.legal ul li ul {
    margin-left: 1em;
    margin-bottom: 1.5em;
}

.legal ul li ul li {
    font-size: 1.2em;
    list-style: circle;
}