/*******************************************************************

  Definició de les variables less

  Aquest fitxer s'inclou a tots els fitxers less del template, de
  manera que es poden usar a qualsevol fitxer.


*********************************************************************/
/** Tipus de lletres *****/
/** Colors *****/
/****  Color general per la web   ****/
/** Enllaç general  ****/
/** Botons ****/
/** Titols i resaltats ***/
/** Bullet llista ****/
/*** menu ***/
/**********************************************************************************************
***
***     Maquetació vista llista
***
******************************************************************************************/
#vista_llista {
  padding: 10px 0px 30px 50px;
  text-align: left;
  line-height: 150%;
}
#vista_llista li {
  list-style-type: none !important;
  padding: 0px;
  margin: 0px;
}
#vista_llista li:before {
  content: none;
}
#vista_llista li .fa {
  color: #AE142E;
}
#vista_llista li a {
  color: #000000;
  font-weight: 300;
  display: inline-block;
  padding-left: 30px;
  font-size: 20px;
  margin-bottom: 15px;
  text-decoration: none;
}
#vista_llista li a:hover {
  color: #AE142E;
}
/**********************************************************************************************
***
***  FI VISTA LLISTA 
***
******************************************************************************************/
/**********************************************************************************************
***
***     Maquetació  vista prèvia mosaic
***
******************************************************************************************/
.item_vp {
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 0px;
  text-align: left;
  position: relative;
}
.item_vp.parell {
  margin-left: 0px;
  margin-right: 20px;
}
.item_vp img {
  width: 100%;
}
.item_vp .img_principal {
  top: 0;
  left: 0;
  overflow: hidden;
}
.item_vp .titol {
  font-size: 20px;
  line-height: 110%;
  background-color: #AE142E;
  padding: 10px 10px;
  text-align: center;
  display: block;
  width: 100%;
  color: #ffffff;
}
.item_vp:hover .titol {
  background-color: rgba(174, 20, 46, 0.8);
}
@media screen and (max-width: 768px) {
  .item_vp {
    margin-right: 0px;
  }
}
/**********************************************************************************************
***
***     FI Maquetació  vista prèvia mosaic
***
******************************************************************************************/
/**********************************************************************************************
***
***     Maquetació vista prèvia
***
******************************************************************************************/
.noticies_item_info {
  margin-left: 10px;
}
.item_vista_previa {
  clear: both;
  margin-bottom: 30px;
}
.item_vista_previa .img-vp {
  margin-top: 10px;
  width: 271px;
  display: inline-block;
  float: left;
  margin-bottom: 40px;
}
.item_vista_previa .data_info {
  display: inline-block;
  margin-top: 10px;
  margin-left: 30px;
  font-weight: 600;
  color: #999999;
}
.item_vista_previa .titol_vista a {
  font-weight: 400;
  color: #333;
  font-size: 36px;
  line-height: 120%;
  text-decoration: none;
}
.item_vista_previa:hover .titol_vista a,
.item_vista_previa:hover .info a {
  color: #000000;
}
.item_vista_previa .info {
  margin-top: 15px;
}
.item_vista_previa .info a {
  font-weight: 300;
  color: #333;
  font-size: 16px;
  line-height: 120%;
  padding: 0;
  text-decoration: none;
}
.item_vista_previa .info a:hover {
  color: #333;
}
/**********************************************************************************************
***
***     FI Maquetació vista prèvia
***
******************************************************************************************/
/**********************************************************************************************
***
***     Maquetació formulari a continguts
***
******************************************************************************************/
#formulari_mes_info {
  display: none;
  background: #FBFBFB;
  padding: 35px;
  margin-bottom: 20px;
}
#formulari_mes_info .tanca_boto_mes_info {
  text-align: right;
  margin-bottom: 20px;
}
#formulari_mes_info .tanca_boto_mes_info .fa {
  font-size: 25px;
  cursor: pointer;
}
#formulari_mes_info .tanca_boto_mes_info .fa:hover {
  color: #AE142E;
}
.barra_boto {
  float: right;
}
.barra_boto #boto_mes_info {
  vertical-align: top;
  display: inline-block;
  padding: 10px 15px;
  color: #ffffff;
  background: #AE142E;
  text-decoration: none;
  letter-spacing: 1px;
  margin: 25px 15px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 0.8em;
}
.barra_boto #boto_mes_info:hover {
  background: rgba(49, 49, 143, 0.5);
}
#cos_info .dates_acte {
  color: #000000;
  font-size: 15px;
}
/**********************************************************************************************
***
***     FI Maquetació formulari a continguts
***
******************************************************************************************/
/**********************************************************************************************
***
***     Estils per a blog (comuns a llista i contingut )
***
******************************************************************************************/
.blog_social {
  margin: 10px 0px 10px 0px;
  float: right;
  width: 140px;
}
.c_vista_previa_blog_titol {
  text-align: left;
  padding-top: 3px;
}
.c_vista_previa_blog_titol h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}
.c_vista_previa_blog_titol a {
  font-weight: 200;
  text-decoration: none;
  font-size: 25px;
  color: #000000;
}
.c_vista_previa_blog_titol a:hover {
  color: #AE142E;
  text-decoration: none;
}
.blog_autor {
  font-size: 15px;
  color: #444444;
  font-style: italic;
}
.c_vista_previa_blog {
  margin-bottom: 15px;
  padding-bottom: 2px;
  border-bottom: 1px solid #dddddd;
}
.blog-autor-foto {
  border-radius: 50%;
  margin-left: 15px;
  margin-top: 5px;
}
.blog_continua_llegint {
  display: block;
  width: 200px;
  float: left;
  padding: 10px 0px 10px 0px;
  color: #AE142E !important;
  font-size: 15px;
}
.blog_foto_principal {
  float: right;
  padding: 0px 0px 10px 10px;
}
.blog_data {
  margin: 5px 0px 15px 0px;
  text-align: left;
  color: #555555;
}
.bloc_contingut_previ {
  clear: both;
  color: #444444;
  font-size: 15px;
  margin-top: 20px;
}
.blog_etiquetes {
  padding: 0px 0px 10px 0px;
  float: left;
  text-align: left;
  width: 510px;
  font-size: 14px;
}
.blog_etiquetes a {
  color: #AE142E !important;
  font-size: 14px;
}
.blog_comentaris {
  padding: 0px 0px 10px 0px;
  float: right;
  text-align: right;
  color: #333333;
  font-size: 12px;
  width: 115px;
}
.blog_comentaris a {
  color: #AE142E !important;
  font-size: 14px;
}
.blog_comentaris a:hover {
  text-decoration: none;
}
.blog_entradeta {
  color: #AE142E;
  font-weight: 400;
  line-height: 120%;
  font-size: 16px;
  margin-bottom: 10px;
}
.m_secundari_blog {
  padding: 15px 0px 0px 0px;
  margin-bottom: 15px;
}
.m_secundari_blog h3 {
  color: #333333;
  font-weight: 400;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.m_blog_item {
  padding: 0px 0px 30px 0px;
  text-align: left;
}
.m_blog_item .item_arxiu_blog {
  display: block;
  padding: 5px 0px 5px 0px;
  font-size: 13px;
}
.m_blog_item .item_arxiu_blog a {
  text-decoration: none;
  color: #AE142E;
}
.m_blog_item .item_arxiu_blog a:hover {
  color: #000000;
  text-decoration: none;
}
.m_blog_etiquetes {
  margin-bottom: 20px;
  text-align: left;
  margin-top: 10px;
}
.m_blog_etiquetes a {
  display: inline-block;
  color: #B20000;
  font-size: 14px;
}
.m_blog_etiquetes a:hover {
  text-decoration: none;
}
.item_arxiu_blog {
  padding: 0px 0px 0px 0px;
}
.item_arxiu_data {
  padding: 4px 0px 0px 0px;
  font-size: 0.85em;
}
.item_arxiu_data a {
  display: block;
  margin-left: 10px;
  text-align: left;
}
.bloc_social {
  padding-top: 10px;
}
.blog_historic {
  margin-top: 30px;
  text-align: left;
}
.blog_historic_item {
  margin-bottom: 15px;
}
.blog_all_posts {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 0.9em;
}
/******************************************************************************************
***
*** FI Estils per a blog (comuns a llista i contingut )
***
******************************************************************************************/
/******************************************************************************************
***
*** Estils RSS
***
******************************************************************************************/
.llista_rss {
  margin-bottom: 30px;
  margin-top: 30px;
}
.llista_rss .item_rss {
  margin-bottom: 10px;
  text-align: left;
  clear: both;
}
.llista_rss .item_rss .fa {
  margin: 0px 10px 0px 10px;
}
.llista_rss .item_rss a {
  text-decoration: none;
}
.rss_intro {
  color: #333;
  font-size: 0.95em;
}
.rss_minim {
  font-size: 0.9em;
  color: #000000;
  text-align: left;
}
.text_rss .fa {
  float: right;
  margin-left: 10px;
}
/******************************************************************************************
***
*** FI - Estils RSS
***
******************************************************************************************/
/******************************************************************************************
***
*** Estils Comentaris
***
******************************************************************************************/
.titols_comentaris {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #333;
  font-size: 1.4em;
  text-align: left;
  font-weight: 400;
}
.titols_comentaris_form {
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  text-align: left;
  color: #333;
  font-weight: 400;
}
.barra_comentaris {
  margin-bottom: 15px;
  background-color: #f3f3f3;
  color: #333333;
  font-size: 15px;
  padding: 9px 0px 9px 25px;
}
#llista_comentaris {
  text-align: left;
  width: 100%;
}
.llista_comentaris_espai {
  padding-bottom: 25px;
}
.comentari {
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #dddddd;
}
.comentari_bottom {
  min-height: 21px;
  height: auto !important;
  height: 21px;
}
.comentari_bottom_espai {
  padding-top: 5px;
  padding-left: 0px;
}
.comentari_nom {
  color: #444444;
  font-size: 0.9em;
  margin-left: 80px;
  text-align: left;
}
.comentari_data {
  color: #444444;
  font-size: 0.9em;
  float: left;
  width: 65px;
  text-align: right;
}
.noticia_data_interior {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  color: #333333;
  text-transform: uppercase;
}
.comentari_cos {
  color: #444444;
  font-size: 0.9em;
}
.comentari_fi {
  width: 100%;
  height: 10px;
  margin-bottom: 10px;
}
/* formulari de comentaris */
#form_comentaris {
  background-color: #f3f3f3;
  padding: 10px 0px 10px 0px;
  margin-bottom: 10px;
  border: 0px;
}
.error_comentaris {
  color: #ff0000;
  padding: 5px 5px 5px 20px;
}
#form_envia_comentaris {
  margin: 30px;
}
/******************************************************************************************
***
***  FI Estils Comentaris
***
******************************************************************************************/
#boto_tancar_form {
  text-align: right;
  cursor: pointer;
}
#boto_tancar_form .fa {
  font-size: 25px;
  color: #AE142E;
}
#boto_tancar_form .fa:hover {
  color: rgba(49, 49, 143, 0.5);
}
/*# sourceMappingURL=estils.css.map */