/* 4/2/2016 */
/**************************************** DESTACATS ****************************************/
/************************* - compartits  - *************************/
.destacat,
.destacat_imatge,
.destacat_imatge_extra,
.destacat_galeria,
.destacat_mini {
    display: block;
    overflow: hidden;
    float: none;
    margin: 0 0.7em 1.4em 0.7em;
}

.titol_destacat,
.titol_destacat_imatge,
.titol_destacat_galeria,
.titol_destacat_mini {
    display: block;
    overflow: hidden;
    float: none;
    background-color: #c2140b;
}
.titol_destacat h2,
.titol_destacat_imatge h2,
.titol_destacat_galeria h2,
.titol_destacat_mini h2 {
    font-weight: bold;
    color: #FFF;
}
.titol_destacat a,
.titol_destacat_imatge a,
.titol_destacat_galeria a ,
.titol_destacat_mini a {
    color: #FFF;
    text-decoration: none;
}

/************* destacats amb imatges mini *******************/
.destacat_mini {
    position: relative;
	overflow : hidden;
}

.titol_destacat_mini {
    position: absolute;
    bottom: 0.7em;
    width: 100%;
    padding: 0.2em 0.5em 0.2em 0.2em;
	margin-left:  0.6em;
}

.titol_destacat_mini h2 {
	font-size: 1.1em;
	margin-right: 1em;
	text-align: right;
}

/***************** descripcio generica de destacats ***************/
.descripcio_destacat {
    display: block;
    overflow: hidden;
    float: none;
    margin: -1.4em 0.7em 1.4em 0.7em;
}

.descripcio_destacat {
	border-left: 0.1em solid #c2140b;
	border-bottom:  0.1em solid #c2140b;
    padding: 0.4em;
}
.descripcio_destacat a {
    color: #333333;
}
.descripcio_destacat li a {
    color: #666666;
    background: url("/imatges/ico_fletxa_02.gif") 0.2em 0.1em no-repeat;
   padding: 0 0 0.2em 1.6em;	
}

.descripcio_destacat li a:hover {
    color: #ac2115;
	text-decoration: underline;
}

/************************* caixes *************************/
.destacat {
    background: #EEE;
    border: 0.1em solid #999;
    padding: 0.4em 0.6em;
}
.titol_destacat {
/*    padding: 0.3em 0; */
    padding: 0.3em;
    margin-bottom: 0.8em;
}
.titol_destacat h2 {
    font-size: 1.1em;
    text-align: center;
/*  text-transform: uppercase; */	
}
.titol_destacat h2.no_caps {
    text-transform: none;
}

/************************* imatges *************************/
.destacat_imatge,
.destacat_imatge_extra .caixa_imatge {
    position: relative;
	overflow: hidden;
}
.titol_destacat_imatge {
    position: absolute;
    bottom: 1.4em;
    left: 0em;
    width: 100%;
    padding: 0.2em 0;
}
.titol_destacat_imatge h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #FFF;
    padding: 0.1em 0.4em;
    text-align: right;
}
.titol_destacat_imatge h2 span {
    display: block;
}

.destacat .centrat, .destacat_imatge .centrat {
    text-align: center;
}
.destacat .imatge_destacat {
    width: 15.0em;
    margin: 0 auto 0.8em auto;
    text-align: center;
}
.destacat .imatge_destacat img {
    width: 15.0em;
}
.destacat .imatge_destacat img.ample_img {
    width: auto;
}
.text_destacat {
    padding-bottom: 0.6em;
}
.text_destacat a {
    color: #000;
    text-decoration: none;
}
.text_destacat a:hover {
    color: #ac2115;
    text-decoration: underline;
}
.destacat_extra {
    background: #000;
    padding: 0.4em;
}
.destacat_extra p {
    font-size: 1.1em;
    font-weight: bold;
    color: #FFF;
}

/************************* idiomes *************************/

.canvi_idioma {
    float: none;
    display: block;
    overflow: hidden;
    margin: 0 0.7em 0.5em 0.7em;
	position: relative;
}
.canvi_idioma .link_mesinfo {
	position: absolute;
	top: 0.3em;
	right: 0.6em;
}
.canvi_idioma  h2.titol_caixa .titol {
	font-size:1.2em;
}
.canvi_idioma .caixa_idiomes {
    padding: 0 0 0 0.4em;
}
.canvi_idioma ul {
    float: right;
    display: block;
    overflow: hidden;
    margin-left: -1.0em;
    text-align: center;
}
.canvi_idioma li {
    float: left;
    display: inline;
    border-left: 0.1em solid #000;
    padding-left: 0.6em;
    margin: 0 0.6em 0.2em 0;
    font-size: 1.1em;
}
.canvi_idioma li.seleccionat {
    text-decoration: none;
    color: #000000;
}
.canvi_idioma li a {
    text-decoration: none;
    color: #ac2115;
}
.canvi_idioma a:hover {
    text-decoration: underline;
}

/************************* agenda *************************/
.visita_virtual{
}
.visita_virtual li {
    background: url(img/guio-llista.gif) no-repeat 0 0.3em;
    padding: 0 0 0.4em 0.8em;
}
.visita_virtual li a {
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
}
.visita_virtual li a:hover {
    color: #ac2115;
    text-decoration: underline;
}

/************************* llistes *************************/
.destacat .llista_simple li,
.destacat_intranet .llista_simple li,
.destacat .llista_completa li,
.destacat_intranet .llista_completa li {
	padding-bottom: 0.4em;
}

/************************* agenda *************************/
.scroll_destacats {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 24.0em;
}
.caixa_agenda {
}
.caixa_agenda dl {
    /*font-size: 1.1em;*/
}
.caixa_agenda dt {
    margin-bottom: 0.2em;
    display: block;
    overflow: hidden;
    float: none;
}
.caixa_agenda dd {
    border-bottom: 0.1em solid #c2140b;
    margin: 0.2em 0.2em 1.0em 0.8em;
    padding-bottom: 0.6em;
}

.canal_parla {
    background: url(/imatges/camera_p_01.gif) no-repeat 50% 50%;
    width: 2.0em;
    height: 1.5em;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    float: left;
    margin-right: 0.4em;
}

/************************* cercador *************************/
.cercador_columna {
}
.cercador_columna h2 {
    font-size: 1.2em;
    padding-bottom: 0.8em;
}
.cercador_columna form {
    display: block;
    overflow: hidden;
    float: none;
}
.cercador_columna .camp_cercador {
    border: 0.1em solid #999;
    width: 9.0em;
    font-family: Verdana, Arial, Helvetica;
    font-size: 1.1em;
    color: #666;
    float: left;
    padding: 0.2em 0;
}
.cercador_columna .bt_cerca {
      float: right;
}
.cercador_columna .link_cerca {
    background: url(/imatges/ico_fletxa_02.gif) no-repeat 0 0.1em;
	margin-top: 0.5em;
    padding-bottom: 0.2em;
}
.cercador_columna .link_cerca a {
    font-size: 1.1em;
    padding-left: 1.2em;
    color: #666;
    text-decoration: none;
}
.cercador_columna .link_cerca a:hover {
    color: #ac2115;
    text-decoration: underline;
}

/************************* Links president *************************/
.links_president {
	padding-top: 1.4em;
}
.links_president p {
	text-align: center;
	padding-bottom: 1.6em;
}
.links_president p a {
	font-size: 1.1em;
}
.links_president li {
	background: none;
	padding-bottom: 0.6em;
	padding-left: 0.4em;
	display: block;
	float: none;
	overflow: hidden;
	clear: both;
}
.links_president li img {
	float: left;
	vertical-align: middle;
}
.links_president li a {
	font-size: 1.1em;
	margin-left: 6.0em;
	display: block;
	overflow: hidden;
}
.links_president a {
	color: #666;
	text-decoration: none;
}
.links_president a:hover {
	color: #ac2115;
	text-decoration: underline;
}

/************************* Videos destacats o ultims videos *************************/
.videos_destacats {
	padding: 0.8em 0;
}
.videos_destacats li {
	background: none;
	border-top: 0.1em dotted #999;
	padding-top: 1.2em;
	margin-top: 0.8em;
	display: block;
	float: none;
	overflow: hidden;
	clear: both;
}
.videos_destacats li:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
.videos_destacats li img {
	border: 0.1em solid #EEE;
	float: left;
	display: block;
	margin-right: 0.8em;
	width: 6.3em;
	/*height: 4.7em;*/
}
.videos_destacats li img:hover {
	border: 0.1em solid #c2140b;
}
.videos_destacats li div {
	display: block;
	overflow: hidden;
	float: none;
}
.videos_destacats li h3,
.videos_destacats li p {
	font-size: 1.0em;
}
.videos_destacats p {
	color: #666;
}
.videos_destacats a {
	color: #666;
	text-decoration: none;
}
.videos_destacats a:hover {
	color: #ac2115;
	text-decoration: underline;
}


/************************* compartits *************************/
.destacat_intranet {
	background: #FFFFFF;
    display: block;
    overflow: hidden;
    float: none;
    border: 0.1em solid #999999;
    padding: 0.4em;
    margin: 0 0.7em 1.4em 0.7em;
}
.titol_destacat_intra {
    display: block;
    overflow: hidden;
    float: none;
	margin-bottom: 0.8em;
	padding: 0.3em 0;
}
.titol_vermell {
    background-color: #c2140b;
}
.titol_gris {
    background-color: #999999;
}
.titol_destacat_intra h2 {
	font-size:1.1em;
    font-weight: bold;
    color: #FFFFFF;
	padding: 0.2em 0.4em;
}
.titol_destacat_intra a {
    color: #FFF;
    text-decoration: none;
}
.destacat_intranet .llista_completa h3 {
	padding-bottom: 0;
}
.destacat_intranet .llista_completa h3 a {
	font-weight: normal;
}
.destacat_intranet .llista_completa .links_relacionats {

}

/************************* destacat imatge_text  *************************/

.destacat_imatge_text .text_destacat {
	border-bottom:0.1em solid #c2140b;
	border-left:0.1em solid #c2140b;
	font-size:1.1em;
	margin:0;
	padding:0.4em 0.7em 0.6em 0.6em;
	width:14.7em;
}

.destacat_imatge_text .imatge_destacat {
	text-align:center;
	width:17.8em;
}

.destacat_imatge_text {
	display:block;
	float:none;
	margin:0 0.7em 1.4em;
	overflow:hidden;
}

/******** destacats Google Translator *****/

.destacat_google_translator {
	padding: 0;
	margin-top: 0.7em;
}

.destacat_google_translator p {
	padding: 0.6em;
}

.destacat_google_translator span {
	float: left; padding: 0.3em 0.3em 0.8em 0.3em;
}

.destacat_google_translator_pcat {
    float: none;
    margin: 0 0.7em;
    overflow: hidden;
}

.destacat_google_translator_pcat p {
    color: #164d86 !important;
    background-color: #e4e4e4;
    border: 0.1em solid #999;
    font-size: 1.1em;
    padding: 0.7em;
    margin-top: 0.7em;
}

select#llistaIdiomes { margin-left: 0.7em; }

/* solapes idiomes */
ul.destacat_pestanyes {
    border-bottom: 0.3em solid #c2140b;
    display: block;
    float: none;
    margin: 0 0.7em 0 0.7em;
	padding: 0 0 0.7em 0;
    overflow: hidden;
}

.destacat_pestanyes li {
    background: #eeeeee none repeat scroll 0 0;
    border-color: #333333;
    border-style: solid;
    border-width: 0.1em;
    color: #333333;
    display: inline;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    overflow: hidden;
    padding: 0.3em 0.6em;
}

.destacat_pestanyes li a {
    color: #333333;
    font-size: 1.1em;
    text-decoration: none;
}

/***** destacat xarxes socials *****/

.destacat_xsoc {
    display: block;
    overflow: hidden;
    float: none;
    margin-bottom: 0.8em;
}


/***** destacat giny llista twitter *****/
 #destacat_giny_twitter, #giny_twitter {
    overflow: hidden;
    position: relative;
    display: block;
    float: none;
/*    width: 17.3em;	*/
}

#destacat_giny_twitter, .destacat_giny_twitter_inferior {
    background: none repeat scroll 0 0 #eeeeee;
    color: #000000 !important;
}

#destacat_giny_twitter {
  margin: 0 0.7em 1.4em 0.7em;
}

iframe.twitter-timeline-rendered { background-color: #c2140b; }

#destacat_giny_twitter h3, #destacat_giny_twitter h4 {
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
}

#destacat_giny_twitter .titol_widget, .destacat_giny_twitter_inferior, .twitter_seguiment {
  padding: 0.5em 0.4em 0.7em 0.6em;
  font-size: 1.1em;
}

.obrir_widget {
  margin: 0.8em 0 0.8em 1em;
}

.obrir_widget span {
  background: url("/css/img/ico_fletxa_01.gif") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  padding-left: 1.2em;
  font-weight: bold;
}

.obrir_widget span, .twitter_seguiment a {
  color: #ffd90e !important;
  text-decoration: none;
}

.obrir_widget span:hover {
  text-decoration: underline;
}

.twitter_seguiment a:hover {
    text-decoration: underline;
}

.twitter_seguiment {
/*  background: url("/imatges/grafics_20/ico_giny_tw.png") no-repeat scroll 0.5em 0.4em transparent;
  text-indent: 1.7em; 	*/
}

#giny_twitter .twtr-ft {
  display: none !important;
}

.twitter_seguiment {
   color: #ffffff;
   border-radius: 0;
   font-size: 1.1em;
}

#giny_twitter .twtr-doc {
 border-radius: 0;
}

#destacat_giny_twitter .twitter_seguiment {
  margin: 0 !important;
}



.twitter_seguiment_llista {
  margin: 0 0.7em 1.2em 0.7em;
}

.twitter_seguiment_llista_tot {
  border: 0 !important;
  background-color: transparent !important;
}

/* WIDGET TWITTER v2*/
#destacat_giny_twitter a {
   text-decoration: none;
}

#destacat_giny_twitter a:hover {
 text-decoration: underline;
}
.titol_widget, .twitter_seguiment {
  background-color: #ac2115;
  color: #ffffff;
}

.timeline.var-chromeless { border: 1px solid #c2140b; }
#twitter-widget-0 { min-width: 173px !important; }
.var-chromeless button.load-more { width: 96% !important; }
#destacat_giny_twitter .tweet-actions { 
	position: relative !important;
	float: left;
}

.var-narrow .header .profile .p-name, .var-narrow .timeline-header .byline, .var-narrow .timeline-header .list-description, .var-narrow .e-entry-title, .var-narrow .cards-base h3, 
a.expand,
.var-narrow .header .p-nickname {
    font-size: 11px !important;
}

.var-narrow.var-chromeless .tweet {
    padding: 12px 2px 10px 5px !important;
}


/* Banner transparencia */
.dest_transparencia { background-color: black; height: 9.6em; }
.dest_transparencia .text { letter-spacing: 0.2em; font-size: 2.7em; color: white; font-weight: bold; padding-left: 7.5em; padding-top: 1.7em; } 
@media screen and (max-width: 1200px) {
	.dest_transparencia .text {
		padding-top: 0.5em;
	}
}