@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700italic,700);
@font-face {font-family: "playfairdisplay";
    src: 	
	url("fonts/playfairdisplay-regular-webfont.eot"), /* IE9*/ 
	url("fonts/playfairdisplay-regular-webfont.woff2") format("woff2"), /* IE6-IE8*/
    url("fonts/playfairdisplay-regular-webfont.woff") format("woff"), /* chrome firefox */
    url("fonts/playfairdisplay-regular-webfont.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("fonts/playfairdisplay-regular-webfont.svg") format("svg"); /* iOS 4.1- */
	
	
}


/*______________________________*/
/*___________GENERAL____________*/
/*______________________________*/
body{ font-family: Source Sans Pro}
.link, .linkExt{cursor: pointer;}
.clear{clear:both;}
.hide{display:none;}
.img-portfoli{width:100%; height:220px; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.mainImage{max-width:100%;margin-bottom: 15px;}
.center{text-align:center !important;}
.bold{ font-weight:bold;}
.imageFull{max-width:100%; height:auto;}
/*.row .row{margin-right: 0.5rem;margin-left: 0rem;}*/
/*.row #plantillaTitolEnquesta.row  {margin-right: 0.5rem;margin-left: 0rem;}*/
.bold{ font-weight:bold;}
ol{list-style-position: inside;}
.avisShoot{display:none;}
/*per moment*/
#toTop{display:none;}
#miss_form_contacte.success{color: rgb(21, 80, 12); background-color:#88c592; border:1px solid rgb(21, 80, 12); padding:5px;}
#miss_form_contacte.error{color: rgb(80, 12, 12); background-color:#e38686; border: 1px solid rgb(80, 12, 12); padding:5px;}
.sinPadding{padding:0px;}

/*______________________________*/
/*____________HEADER____________*/
/*______________________________*/
#fullHeaderTop{ background-color:#7D725D; color:#fff;height:50px;}
#headTop{ max-width:1100px;}
#headTop .logo{ background-image: url('../images/logo-adalt.png');  height:50px; background-position:center center; background-repeat:no-repeat; background-size:160px auto;}
#headTop .logoHeader{margin-top:0.4rem; max-width: 75%;}
#headTop .menu-text {font-size:1rem; padding-left: 0px; padding-right: 30px;font-weight: normal;padding-top: 1.05rem; font-weight:bold;}
#headTop #headerCercador{padding: 0px; position:relative;}
#headTop #headerCercador .icon-lupa{height: 40px;width: 71px;float: right;background-repeat: no-repeat;background-size: 100% 80%;background-image: url('../images/cercador.png');    cursor: pointer;background-position: -32px 8px; position: absolute; left:16px;}

#headerCercador .cercadorTop{display:none;position: absolute;    left: -100px;    width: 180%;    padding: 6px;top: 4px;}
#headerCercador .cercadorTop input{ border-radius:25px; background-color:#f1eded; margin:0px; border: none;height: 30px;}

#headTop #headerSegueixnos{text-align: right;margin-top: 0.75rem;position: relative;font-style: italic;font-weight: bold;}
#headTop #headerSegueixnos .icon-xarxes{height: 28px;width: 28px;float: right;background-repeat: no-repeat;background-size: 133% 80%;
background-image: url('../images/xarxes.png');background-position: 7px 3px;}

#headTop #headerSegueixnos .redes{float: right;text-align: right;display: none;line-height: 1.75rem;position: absolute;right: 12px;top: 38px;z-index: 1;}
#headTop #headerSegueixnos .redes .icon{height: 28px;width: 28px;  background-repeat:no-repeat;  background-image: url('../images/facee.png');z-index: 1;}

#headTop #headerSegueixnos .redes .twitter {background-position: 0px 0px;background-color: rgb(216, 213, 213)}
#headTop #headerSegueixnos .redes .facebook{background-position: -26px 0px;background-color: rgb(203, 226, 240);}




#banderaGroga {width: 24.6%;position: absolute;top: 2%;left: -15px;background-image: url('../images/bandera.png');height: 223px;background-position: center center;background-repeat: no-repeat;background-size: 100% auto;    z-index: 100;}

#headTop span.select{cursor: pointer;border-bottom: 1px solid #fff;}

/*NAV*/
.clear:before, .clear:after {content: " ";    display: table;}	
.clear:after { clear: both;}	
.clear { *zoom: 1;}
.contenedorIconMenu { display: none;}
nav #contentpulltext{display: none;}
a#pull { display: none;}
nav #contentpulltext{display: none;}
nav { width: 100%; position: relative;}
nav ul { padding: 0; margin: 0 auto;  height: 40px;}
nav li { display: inline; float: left;}
nav a { color:#666; display: inline-block; width: 100px; text-align: center;    line-height: 40px;}
nav li a { border-right: 1px solid #576979;}
nav a:hover, nav a:focus {color:#666;}	
.contenedorIconMenu{border: 2px solid #80715D;height: 35px;width: 35px;padding: 3px; position:relative;}
.lineaIconMenu{ height: 2px;width: 100%;margin: 5px 0px;}
@media only screen and (max-width : 639px) {
	#fullHeaderTop  ul{ float:none;margin-right:0px;}		
    nav {border-bottom: 0; height: auto;}
    nav ul {display: none; height: auto;width: 100%; height: 40px; text-align:center;}    
	nav li { width: 100%; float: left; position: relative;}    
	nav a { text-align: left; width: 100%;text-indent: 25px; line-height: 40px;}
    nav .contenedorIconMenu { display: block;  width: 35px; position:fixed;top: 8px;right: 11px;z-index: 100;}
	nav #contentpulltext{display: block;}
	nav #pulltext{display: block;  margin-left:15px; }
	
	.menu > li{width:100% !important;background-color: #80715D;}
	.menu > li:hover{ opacity:1;}
	.menu.simple a{text-align:center;}
	 nav{ position:fixed; z-index: 100; top: 45px;left: 0px;}

}

/*********PUBLICACIONS**********/

.img-publi {
  height: 350px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.indexTitularPubli{font-size: 16px;line-height: 18px;padding-top: 8px; background-color:#f1eded; padding-left:15px;    height: 46px;color: #0a0a0a;    padding-right: 15px; overflow: hidden;}


/*______________________________*/
/*____________FOOTER____________*/
/*______________________________*/
#fullFooter{background-color:#f1eded; color:#666;font-size:0.75rem;margin-top: 4rem; }
#fullFooter a{color: #666;}
#footer .logo{ background-image: url('../images/logo2.png');height: 44px;background-position: center center;background-repeat: no-repeat;background-size: 166px 62px;}
#footer .paddingTop{padding-top: 16px;padding-bottom: 3px;}
#footer{max-width:1100px;  position:relative;}
#footer .linkfooter{padding:0px; text-align:right; padding-bottom:10px;}

#footer .lineaSuperior {border-top:1px solid #666;padding-top: 0.35rem;}

.lineaSuperior.large-7{width:58.333%}
.lineaSuperior.large-2{width: 11.04%;}
.lineaSuperior.large-2.center{width: 19.33%;}
.lineaSuperior.large-1{width: 11.3%;}

/*______________________________*/
/*__________BREADCRUMB__________*/
/*______________________________*/
#breadCrumb{max-width: 1100px;font-size:0.8rem;color:#333;    margin: 0 auto; margin-bottom: 1.875rem}
#breadCrumb .columns{padding:0px;}
#breadCrumb .select{color:#58585A;}



/*______________________________*/
/*_____________INDEX____________*/
/*______________________________*/
.mainImage .columns{padding:0px;} 
#fullIndex .img-portfoli{ height:133px;}


#fullIndex #indexRow1 {margin-top:50px; color:#fff; max-width:1100px;}
#fullIndex #indexRow1 .texta{ text-align:center; background-color:#80715D;}
#fullIndex #indexRow1 .texta.blue{border-top:5px solid #0071B8}
#fullIndex #indexRow1 .texta.yellow{border-top:5px solid #FFD200;}
#fullIndex #indexRow1 .texta.black{border-top:5px solid black;}
#fullIndex #indexRow1 .titol{font-size:42px;padding-top: 5px;font-family: playfairdisplay; }
#fullIndex #indexRow1 .titol a{color:#fff}
#fullIndex #indexRow1 .descripcio{font-size: 1.1rem;padding: 2% 20% 1%;line-height: 20px;min-height: 70px;color: #FFF;}

.mainImage .img-portfoli{background-size:cover;}
#fullIndex #indexRow2{padding: 50px 190px; max-width:1100px; }
#fullIndex #indexRow2 #indexcercador{ border-radius:25px; background-color:#f1eded; margin:0px; border: none; padding-left:20px;}
#fullIndex #indexRow2 .columns{position:relative}
#indexRow2 .imatgeCercador{background-repeat: no-repeat;background-image: url('../images/cercador.png');height: 33px;width: 33px;position: absolute;top: 3px;
left: 93%;background-position: -2px; cursor:pointer;}

#fullIndex #indexRow3{font-size: 1rem;color:#333; margin-bottom:25px; max-width:1100px;}
 
#fullIndex #indexRow4 {max-width:1100px; } 
#fullIndex #indexRow5 {max-width:1070px; margin-left: auto; margin-right:auto;}
.bgGris {background-color:#f2f2f2;}
.padBg {padding-top: 33px}
.midamini {width:160px;height:160px;margin-left:35px;}
.img-portfoliHome{ height: 135px;background-size:cover; background-position:center;background-repeat: no-repeat;margin-left:20px;}


/*______________________________*/
/*___________INDEX_DEV__________*/

.capçalera{padding:15px 30px;text-align: center;font-size:30px;}
.primer {border-bottom:10px solid #0071b8}
.segon {border-bottom:10px solid #ffd200}
.tercer {border-bottom:10px solid #000000}
/* .capçalera > a {color:black;} */
.secondColumn2 { background-color:#CBE2F0;padding:10px;}
.secondColumn2 .titol{ font-family: Source Sans Pro; font-weight:bold; font-size:1rem; float:left; width:50%;margin-bottom: 1rem;}
.secondColumn2 .titol{padding-left: 10px;}
.secondColumn2 .titol2{margin-top:95px; text-align:center;}
.secondColumn2 .titol span{ font-weight:normal; font-size: 155px;line-height: 121px;margin-left: -16px; color:#80715D; font-family:playfairdisplay}
.secondColumn2 .descripcio{clear:both;border-top: 1px solid;padding-top: 1rem;}
.secondColumn2 .descripcio a{  text-decoration:none;}
.secondColumn2 .descripcio p{ line-height:1.1;border-bottom: 1px solid;padding-bottom: 1rem; font-weight: bold;}

.firstColumn2 {border: 1px solid #58585A;padding:10px;margin-top:29px;}
/*#fullIndex .grid-sizer.firstColumn{min-height:301px}*/
.firstColumn2 .titol{ font-family: Source Sans Pro; }
.firstColumn2 .descripcio a{ text-decoration:none;}
.firstColumn2 .descripcio p{ line-height:1.0}
.firstColumn2 .descripcio span{font-size:1.1rem}
.relatiu {position:relative;}
.homeTool {
  position:absolute;
  bottom:-111%;
  left:0%;
  width:100%;
  z-index:100;
}
.ocult {display:none;}
.visible {display:block;}
.posLeft{width:40px; height:auto;position: absolute; top:30%; left:-5%}
.posRight{width:40px; height:auto;position: absolute; top:30%; right:-5%}
.ocult2 {display:none;}


/*______________________________*/
/*__________VIVINTARTA__________*/
/*______________________________*/
#fullVivintArta{min-height: calc(100% - 412px);}
#fullVivintArta .row{max-width:1100px;}


/*______________________________*/
/*__________AJUNTAMENT__________*/
/*______________________________*/
#fullAjuntament{min-height: calc(100% - 412px);}
#fullAjuntament .row{max-width:1100px;}


/*______________________________*/
/*______RESULTATS CERCADOR______*/
/*______________________________*/
#cercador{min-height: calc(100% - 177px);}
.resultats .textaCercat{color:#58585A; font-size:1.5rem;line-height: 2.7rem; font-style:italic;}
.btnArticle{float:right; margin-bottom:1rem;}
.llegirMesBtn {background-color: rgb(203, 226, 240);padding: 7px;font-size: 0.8rem;cursor: pointer;box-shadow: 0px 0px 1px rgb(0, 113, 184);color:#58585A;}
#CercadorRow #plantilla .llegirMesBtn {background-color: #f1eded;padding: 7px;font-size: 0.8rem;cursor: pointer;box-shadow: 0px 0px 1px rgb(0, 113, 184);color:#58585A;}

#CercadorRow,.row.resultats{max-width:1000px;}

/*______________________________*/
/*____________AGENDA____________*/
/*______________________________*/
.datepicker1{  margin-top: 0px; }
.datepicker2 { margin-top: 30px;}	
/*.datepicker1 .ui-datepicker-prev, .datepicker1 .ui-datepicker-next, .datepicker2 .ui-datepicker-next, .datepicker2 .ui-datepicker-prev{padding: 5px 14px;}*/
.datepicker1 a.ui-state-default.ui-state-active, .datepicker2 a.ui-state-default.ui-state-active{color: #FFF;}
#cercadorAgenda  #indexcercador{ border-radius:25px; background-color:#f1eded; margin:0px; border: none;background-repeat: no-repeat;
background-image: url('../images/cercador.png');background-position: calc(100% + 35px)}

.cercleLlistat{border-radius: 200px 200px 200px 200px;-moz-border-radius: 200px 200px 200px 200px;-webkit-border-radius: 200px 200px 200px 200px;width: 0px;height: 0px;padding: 10px;text-align: right;margin: 0 80%;}
.llegenda{margin-bottom: 0;max-width: 100%;}
.llegenda .columns{margin-bottom:0; cursor:pointer; /*padding:0.1rem;*/ }
.llegenda .elementLlegenda {width: 85%;float: left;color: #58585A;font-size: 0.85rem;line-height: 1.1rem;margin-left: 0.2rem;}
.llegenda .elementLlegenda.select{ font-size:0.8rem; font-weight:bold;}
.llegenda .cercle {width: 15px;height: 15px;border-radius: 15px;float: left;margin-bottom:5px;}
.agendaRow .element a{color:#58585A;}
.ui-datepicker .ui-datepicker-title {margin:0;}
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  padding: 2% 20%;
  margin: -1px -10px;
}
.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  padding: 2% 20%;
  margin: -1px -31px;
}
.ui-datepicker {
  border: none;
  background-color: #3E3D40;
  z-index: 9999999999;
  display: none;
  width: 103%;
  -webkit-transform: translateZ(1px);
  color: #fff;
  height: 100%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .6em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker-header {
  padding: 10px 30px 10px !important;
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #565A5C;
  background: none;
  border: none;
}
.negreta {font-weight:bold;font-size: 14px !important;}
/*______________________________*/
/*________MENU ESQUERRA_________*/
/*______________________________*/
/*#menuLeft{margin-top:40px;}*/
#menuLeft .categoria{color:#58585A; background-color:#f1eded; margin-bottom: 3px; padding:7px; cursor:pointer;position: relative;}
#menuLeft .categoria a{color:#58585A;}
#menuLeft .subCategories{ background-color:#fff; color:#58585A; display:none;   margin-top: 3px; margin-bottom:3px;}
#fullVivintArta #menuLeft .subCategoriesN2{ background-color:#EAF1F6; color:#58585A; display:none;   margin-top: 0px; margin-bottom:3px;}
#fullAjuntament #menuLeft .subCategoriesN2{ background-color:#F8EDBD; color:#58585A; display:none;   margin-top: 0px; margin-bottom:3px;}
#menuLeft .subCategoria{ font-size:0.875rem; padding:0px 0px 3px 21px;position: relative;}
#menuLeft .subCategories a{ color:#58585A;}

#menuLeft .subCategoriaN2{font-size:0.875rem; padding:0px 0px 3px 21px; color:#58585A;}
#menuLeft .subCategoriesN2 a{ color:#58585A;}

#fullVivintArta #menuLeft .subCategoria:hover{ background-color:#CBE2F0; cursor:pointer}
#fullVivintArta #menuLeft .subCategoria.select{ background-color:#CBE2F0; cursor:pointer}
#fullAjuntament #menuLeft .subCategoria:hover{ background-color:rgba(255, 210, 0, 0.5); cursor:pointer}
#fullAjuntament #menuLeft .subCategoria.select{  background-color:rgba(255, 210, 0, 0.5); cursor:pointer}


#fullVivintArta #menuLeft .subCategoriaN2:hover{ background-color:#CBE2F0; cursor:pointer}
#fullVivintArta #menuLeft .subCategoriaN2.select{ background-color:#CBE2F0; cursor:pointer}
#fullAjuntament #menuLeft .subCategoriaN2:hover{ background-color:rgba(255, 210, 0, 0.5); cursor:pointer}
#fullAjuntament #menuLeft .subCategoriaN2.select{  background-color:rgba(255, 210, 0, 0.5); cursor:pointer}

#toTop {position: fixed; bottom: 5%; right: 5%;    display: none; padding:14px; font-size:0.95rem;color:#58585A; }
#fullVivintArta #toTop {border: 3px solid #0071B8; border-radius: 20px;}
#fullAjuntament #toTop {border: 3px solid #FFD200; border-radius: 20px;}
.toTopNeutre {border: 3px solid #f1eded !important;}
#menuLeft .imageFletxa{background-image: url('../images/flecha.png');height: 10px;margin-bottom: 15px;width: 13px;position: absolute;right: 16px;top: 16px;
						cursor: pointer;background-repeat: no-repeat;}
#menuLeft .imageFletxa.gira{-webkit-transform: rotate(180deg);transform: rotate(180deg);     top: 14px;}

#menuLeft .subCategoria .imageFletxa{top:9px;}
#menuLeft .subCategoria .imageFletxa.gira{top: 8px;}



/*********/
/*GENERAL*/
/*********/
.columnaDreta{margin-bottom:30px; padding-left:2.5rem;}
.titol{color:#58585A; font-size:31px;line-height: 2.7rem;margin-bottom: 30px;margin-top: 10px;font-family:playfairdisplay;}
.titol a{color:#58585A; }
.trans .titol {border-bottom: 2px solid #ffd200;padding-bottom: 0.2rem;}
.descripcio .subtitol{font-size:1.5rem;line-height: 1.8rem;}
.descripcio{font-size:0.95rem; color: #58585A; margin-top:23px; }
.descripcio a{color:#58585A;         text-decoration: underline;}
.fecha{font-size:0.8rem;color: #333;margin-top: 10px;}


#subMenu{margin: 0 auto;}
#subMenu.row .columns:last-child:not(:first-child){float:left;}
#subMenu.row .columns{text-align:center;padding: 0.5rem;color: rgb(88, 88, 90);cursor: pointer; font-size: 0.8rem;}
#fullVivintArta #subMenu.row .columns{background-color:#CBE2F0;}
#fullAjuntament #subMenu.row .columns{background-color: rgba(255, 210, 0,0.5);}

#subMenu.row .columns.large-4.medium-4{width: 32.8%;margin-right: 0.5%; }
#subMenu.row .columns{margin-bottom:0.2rem;}
#fullVivintArta #titosubMenu, fullAjuntament #titosubMenu{width:66%;max-width: 66%;}

#titosubMenu{margin-right: 0rem;margin-left: 0rem; margin-top: 1rem;margin-bottom: 0.5rem;}
#titosubMenu .titolDocuments{padding-left: 0px; padding-top: 0px; color:#58585A; font-weight:bold;}
#titosubMenu .linea{margin-top: 0.95rem;background-color: #FFD200;/*height: 0.2rem;*/padding-top: 0px;}


.borderCel {border-top: 6px solid #0071B8;}
.llistat.borderCel {margin-top:1rem;}
.borderGrog {border-top: 6px solid #FFD200;}
.llistat.borderGrog {margin-top:1rem;}
.borderGris {border-top: 6px solid #f1eded;}
.llistat.borderGris {margin-top:1rem;}

.llistat ul{list-style-position: inside;}

.agendaRow .blanc .columns:nth-child(3), .agendaRow .gris .columns:nth-child(3){text-align: right;}
.blanc{ background-color:#fff; font-size:0.95rem; padding:5px; color:#58585A;}
.gris{ background-color:#f1eded; font-size:0.95rem;padding:5px; color:#58585A;}



.sliderNotica{max-width:33rem; margin-left:0px;}
.sliderNotica .img-portfoli{ height:400px;  background-size: cover; background-position: 0% 50%;}
.sliderNotica .columns{padding:0px;}
.contenedorImatge{max-width:66%; margin-top: 2rem;}

#fullVivintArta .capsaleraNoticies.row, #fullAjuntament .capsaleraNoticies.row{max-width: 66%;margin-top: 2rem; margin-bottom:0.5rem;}
.capsaleraNoticies .titol{ color:#58585A; font-weight:bold;}
#fullVivintArta .capsaleraNoticies .linea{margin-top: 0.95rem;background-color: rgb(203, 226, 240);}
#fullAjuntament .capsaleraNoticies .linea{margin-top: 0.95rem;background-color: rgb(255, 210, 0);}

.redes .texta {float: right;margin-left: 4px;}
.icon-xarxes.select, .redes.select{ background-color:rgb(228, 228, 228);}
.filaNoticies .columns.not{padding:0rem;background-color:#f1eded; margin-top:0.25rem;}
.filaNoticies .columns.not:after{clear:both;}
#fullVivintArta .filaNoticies.row, #fullAjuntament .filaNoticies.row{margin-right: 0rem;margin-left: 0rem;max-width: 66%; }
.filaNoticies.row a{color:#58585A;}
.filaNoticies .titularNot{line-height: 1rem;font-size: 0.85rem; background-color:#f1eded;padding-left: 0.5rem;padding-right: 0.25rem;padding-top: 0.35rem;
padding-bottom: 0.35rem; width: 60%; float:left;}

.filaNoticies .linksNot{ font-size: 0.6rem; color:#333; background-color:#f1eded; padding-top: 0.35rem; padding-bottom: 0.35rem;padding-left: 0.5rem; float:right;position: relative; width:40%} 
.filaNoticies .linksNot span{text-decoration: underline;cursor:pointer;}
.filaNoticies .linksNot .icon-xarxes{height: 28px;width: 28px; float:right; background-repeat:no-repeat; background-size: 100% 70%;
background-image: url('../images/xarxes.png');  background-position: -11px 5px; }
.filaNoticies .linksNot .redes{float: right;text-align: right; display:none; line-height: 1.75rem; }
.filaNoticies .linksNot .redes .icon{height: 28px;width: 28px; float:right; background-repeat:no-repeat;  background-image: url('../images/facee.png');}

.filaNoticies .linksNot .redes .twitter {background-position: 0px 0px;background-color: rgb(216, 213, 213)}
.filaNoticies .linksNot .redes .facebook{background-position: -26px 0px;background-color: rgb(203, 226, 240);}

#fullVivintArta .capsaleraDocuments.row, #fullAjuntament .capsaleraDocuments.row{margin-right: 0rem;margin-left: 0rem; max-width: 66%;margin-top: 2rem;margin-bottom: 0.5rem;}
.capsaleraDocuments .titolDocuments{padding-left: 0px; padding-top: 0px; color:#58585A; font-weight:bold;}
.capsaleraDocuments .linea{margin-top: 0.95rem;background-color: #FFD200;padding-top: 0px;}
#fullAjuntament.capsaleraDocuments .linea{margin-top: 0.95rem;background-color: #FFD200;padding-top: 0px;}
#fullVivintArta .capsaleraDocuments .linea{margin-top: 0.95rem;background-color: rgb(203, 226, 240);padding-top: 0px;}

.row.empresa{color:#58585A;margin: 0px; margin-bottom:15px;font-size: 0.9rem; line-height:19px;}
.row.empresa .columns{ padding:5px 5px;}
.row .primeraFila{background-color:#ECE9E6}
.row.avisos.empresa .primeraFila{border-bottom: 1px solid #f1eded;}
.row .segonaFila{background-color:#F8F7F6}
.row .segonaFila.first{color:#328DC6;font-weight: bold;}
.row.empresa a{ color:#58585A; text-decoration:none;}

.row.telInteres{font-size:0.8rem; color:#58585A; margin: 0px 0px 5px; background-color:#ECE9E6}
.row.telInteres .columns{line-height: 15px;padding-top: 3px;padding-bottom: 3px; min-height: 21px;}
.row.telInteres .titol{ font-size: 0.81rem;padding-top: 10px;padding-bottom: 10px;line-height: 20px;font-weight: bold;font-family:playfairdisplay; margin-bottom: 0px;
margin-top:0px;}
.row.telInteres a{ color:#58585A; text-decoration:none;}
.row.telInteres .info{margin-top:6px;}



#emergenciesRow #llistatCercador{border-radius:25px; background-color:#f1eded; margin:0px; border: none;background-repeat: no-repeat;
background-image: url('../images/cercador.png');background-position: calc(100% + 35px); margin-bottom: 30px;}
#emergenciesRow2{ text-align: center; margin:0px; }
#emergenciesRow2 .columns{border-top:6px solid #f1eded;padding: 15px;}
#emergenciesRow2 .columns .lloc{font-size:1.5rem;}
#emergenciesRow2 .columns .numero{font-size:2rem;}

#fullVivintArta .filaDocuemnts.row, #fullAjuntament .filaDocuemnts.row{margin-right: 0rem;margin-left: 0rem;max-width: 66%; }
.filaDocuemnts.row a{color:#58585A;}
.filaDocuemnts .columns.not {padding:0rem;background-color:#f1eded; margin-top:0.25rem;}
.filaDocuemnts .columns.not:after{clear:both;}
.documentRelacionat{line-height: 1rem;font-size: 0.85rem; background-color:#f1eded;padding-left: 0.5rem;padding-right: 0.25rem;padding-top: 0.35rem;padding-bottom: 0.35rem;  float:left;}
.filaDocuemnts .infoDoc{line-height: 1rem;font-size: 0.7rem; background-color:#f1eded;padding-left: 0.25rem;padding-right: 0.5rem;
padding-top: 0.35rem;padding-bottom: 0.35rem;  float:right;}
.filaDocuemnts .infoDoc .info{margin-left:0.4rem;}
.filaDocuemnts .infoDoc .iconDoc{width: 20px;display: inline-block;}

.row.equipsGovern .columns{padding-top:0px;}
.equipGovern p{margin-bottom:0px;}
.equipGovern .oposicio .borderGris{ margin-bottom:1rem;}
.equipGovern .oposicio p{margin-bottom:1rem;}
.equipGovern .oposicio span{font-size:2rem;}

.dadesContacte{margin-top: 2rem; color: #58585A;}



.qui .img-portfoli{width:75%; height:203px; background-position:center top; background-repeat:no-repeat; /*background-size:100% 100%;*/}
.qui .logoqui.img-portfoli {width: 100%;height: 70px;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
.qui .descripcio .candidat{ font-weight:bold;}
.qui .descripcio .carrecPolitic{color:#333;}
.qui .descripcio .correu{color:#0071b8;}
.qui.borderGris {margin-bottom:1rem; margin-top:1rem;}
.qui .descripcio{ margin-top:0px;}
.qui .titol{ margin-bottom:14px;}
.qui .documentRelacionat a {text-decoration: none;}


.serveisMunicipals.row{margin-right: 0rem;margin-left: 0rem;}
.serveisMunicipals .columns.servei {padding: 0.6rem 0.3rem 0rem;position:relative;}
.serveisMunicipals .columns.servei .img.yellow{border-bottom: 5px solid #FFD200; height:80px;background-size: cover;background-position: center;}
.serveisMunicipals .titularser{line-height: 1.2rem;font-size: 1rem; background-color:#7D725D;padding:0.5rem;cursor:pointer;height: 6rem;font-weight:bold; color:#FFC}
.serveisMunicipals .submenuServei{ position:absolute; padding:0.5rem; display:none; background-color: #7D725D; text-align:left;font-size: 0.9rem;font-weight: normal;}
.serveisMunicipals .submenuServei li{ list-style-type: none;    padding: 0.2rem 0rem;}
.serveisMunicipals .submenuServei a {color:#FFF}



.descripcioServei {margin: 0px; margin-top: 3rem;     color: #58585A;    font-size: 0.9rem; max-width: 33rem;}

.fitxaServei .row {margin-left:0px; margin-right:0px;}
.fitxaServei .row.blanc{font-size:0.9rem;}
.fitxaServei .row.item:nth-child(2n){background-color: #f1eded;}
.fitxaServei .sliderNotica{margin-top:2rem;}
.fitxaServei .filaNoticies .titularNot{padding-top:0.75rem;}
.fitxaServei a{color: #58585A;}
.serveisMunicipals.row .columns:last-child:not(:first-child){float:left;}

.fitxaServei .icon { height: 23px; width: 23px; float: left; background-repeat: no-repeat; background-image: url(../images/facee.png); background-size: cover;}
.fitxaServei  .facebook { background-position: -23px 0px; }
.fitxaServei .twitter { background-position: 0px 0px; }


.partitPolitic{text-align:right;}
.componentsPartit{margin-bottom:1rem;}
.equipCarreg {color: #333;}
.contenedorImatge{max-width:66%; margin-top: 2rem;}
.dadesContacte{margin-top: 2rem; color: #58585A;}
iframe {margin-top:30px; width:66%; height:23rem;}
 iframe.article {margin-top:30px; width:100%; height:23rem;}
.certificats iframe{width:100%; height:625px;}
.facebook iframe{margin-top:0px; width:100%; height:100%;}
#robotFormulari iframe{margin-top:0px;width:100%; height:auto;}
.sliderarticulo{margin-top: 30px;}


/*__________NOTICIA____________*/

.columnaDreta.noticiesSeccio #cercadorLlistat{ margin-bottom: 0px;}
.listaNoticias .noticia { margin-top: 30px;}
.listaNoticias .noticia.columns:last-child:not(:first-child) { float: left;}
.listaNoticias .img-portfoliNoticia{ height: 135px;background-size:cover; background-position:center;background-repeat: no-repeat;}
.listaNoticias .indexTitular{ font-size:0.7rem; color:#333; padding-top: 8px; background-color:#f1eded;}
.listaNoticias .indexTitular span{margin-left:15px;}
.listaNoticias .indexTitularNoticia{font-size: 16px;line-height: 18px;padding-top: 8px; background-color:#f1eded; padding-left:15px;    height: 46px;color: #0a0a0a;    padding-right: 15px; overflow: hidden;}
.listaNoticias .indexTitularNoticiaLinks{  font-size:0.7rem; color:#333; padding-top: 10px; padding-bottom: 29px;  background-color:#f1eded;padding-left:15px; position:relative;} 
.listaNoticias .indexTitularNoticiaLinks a{text-decoration: underline; cursor:pointer; color: #333;}
.listaNoticias .indexTitularNoticiaLinks .icon-xarxes{float:right;/*margin-right: 10px;*/  background-repeat:no-repeat; background-size: 100% 70%;
background-image: url('../images/xarxes.png');background-position: -10px 3px;height: 23px;width: 23px;}
.listaNoticias .indexTitularNoticiaLinks .redes{float: right;text-align: right; display:none;    line-height: 1.45rem;}
.listaNoticias .indexTitularNoticiaLinks  .redes .icon{height: 23px;width: 23px;float: right;background-repeat: no-repeat;background-image: url('../images/facee.png');background-size: cover;}
.listaNoticias .indexTitularNoticiaLinks  .redes .twitter {background-position: 0px 0px;background-color: rgb(216, 213, 213)}
.listaNoticias .indexTitularNoticiaLinks  .redes .facebook{background-position: -23px 0px;background-color: rgb(203, 226, 240);}
.listaNoticias .indexTitularNoticiaLinks  .redes .whatsapp{background-position: 0px 0px;background-color: rgb(216, 213, 213);height: 18px;width: 18px;float: right;background-repeat: no-repeat;background-image: url('../images/whatsapp.png');background-size: cover;}
.btnMesDestecats.row{margin-left:0px; margin-right:0px;}
.btnMesDestecats .columns{text-align: center;background-color:rgb(224, 197, 197);margin-top: 0.6rem;padding: 3px;color: rgb(255, 255, 255);cursor: pointer;}

.noticiaFitxa{ position:relative;}
#fullVivintArta .row.sliderNotica, #fullAjuntament .row.sliderNotica{max-width:33rem; margin-left:0px;}
.fecha .redes{float: right;text-align: right;   line-height: 1.45rem; position:absolute; right: 15px;top: 6px;}
.fecha  .redes .icon{height: 23px;width: 23px;float: right;background-repeat: no-repeat;background-image: url('../images/facee.png');
background-size: cover; cursor:pointer}
.fecha .redes .twitter {background-position: 0px 0px;background-color: rgb(216, 213, 213)}
.fecha .redes .facebook{background-position: -23px 0px;background-color: rgb(203, 226, 240);}


/*___LLISTAT DE EMPRESES __*/
#cercadorLlistat{font-family: Source Sans Pro;    font-size: 16px !important; margin-bottom:30px;}
#cercadorLlistat  #llistatCercador{ border-radius:25px; background-color:#f1eded; margin:0px; border: none;background-repeat: no-repeat;
background-image: url('../images/cercador.png');background-position: calc(100% + 35px)}

.cercadorLlistat{padding: 5px 0px;}
.cercadorLlistat #llistatCercadorP, .cercadorLlistat #llistatCercadorA, .cercadorLlistat #llistatCercadorPe{ border-radius:25px; background-color:#f1eded; margin:0px; border: none;background-repeat: no-repeat;background-image: url('../images/cercador.png');background-position: calc(100% + 35px);}
.cercadorLlistat #llistatCercadorP {background-position: calc(100% + 35px);}
.cercadorLlistat #llistatCercadorA, .cercadorLlistat #llistatCercadorPe{background-position: calc(100% + 35px);}

/*___TELEFONS DINTERES___*/

#cercadorTelInteres{padding: 60px 0px;padding-left: 30%;}
#cercadorTelInteres  #telInteresCercador{ border-radius:25px; background-color:#f1eded; margin:0px; border: none;}


/*_________ENQUESTAS_________*/
#plantilla #plantillaTitolEnquesta.servei{/*text-align: center;*/font-size: 42px;color:#58585A;font-family:playfairdisplay; margin-bottom:2rem;}
#plantilla #plantillaTitolEnquesta .columns{ padding-left:0px; padding-right:0px;font-family:playfairdisplay;}
.columns.neutre .img-portfoli.enquesta{width:100%; height:203px; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.infoEnquesta{ margin-bottom:2rem;}
.infoEnquesta .titol, .enquestaInfo .titol{font-size:31px !important; font-family:playfairdisplay; margin-bottom:20px;}
.enquestaInfo{margin-bottom:2rem;}
/*.opscionsVotsCont{margin: 0px !important;}*/
.opscionsVotsCont .columns{padding:0px;}
.legend{max-width: 350px;float: left;margin-top: 40px; font-size:0.8rem;	 color: #58585A;}
.legend .elementLegend{width: 350px; position:relative; margin-left:20px; margin-bottom:1rem;}
.legend .elementLegend div {height: 15px;width: 15px;border-radius: 25px;position: absolute;top: 5px;left: -20px;}
.chartContent{margin: 0px;margin-top:5rem;border-top: 6px solid #FFD200;}
.chartContent .columns{padding:0px;}
.chartContent .titol{font-size: 1.7rem;font-family:playfairdisplay;}
.estat{float: right;margin-right: 15px; margin-top:5px;color: #58585A;background-color: rgba(255,210,0,0.5);padding: 5px 10px;}
.estat a{color: #58585A}





/*_________________*/
/*__Transparencia__*/
/*_________________*/
.row.transAcordeon{ margin:0px;}
.trans.nv1{padding: 8px;background-color: #ECE9E6; cursor:pointer;color: #58585A; margin-bottom: 4px;}
.trans .nv2{background-color: #F8F7F6;padding: 3px 8px;padding-left: 1.5rem;margin-bottom: 3px; cursor:pointer;
color: #58585A;}
.trans .toggleOpen{ font-weight:bold; cursor:pointer;}
.trans.continv1{display:none;padding-top:0px;}
.continv2{display:none;font-size: 0.9rem;}
.continv2 .linkTrans{display: inline-block;width: 93%;}
.continv2 .cumpleixIta.si{display: inline-block;width: 5%;text-align: center;background-color: #090;padding: 4px;color: #F1F1F1;vertical-align: top;}
.continv2 .cumpleixIta.no{display: inline-block;width: 5%;text-align: center;background-color: #900;padding: 4px;color: #F1F1F1;vertical-align: top;}
.continv2 ul{list-style: none;margin-bottom: 0.5rem;}
.continv2 ul li{padding: 5px 0px;padding-left: 3rem;line-height: 1rem;}
.continv2 ul li:hover{ background-color:#FFD200;}
.continv2 a{color: #58585A;}



/*_________________*/
/*____FORMULARI____*/
/*_________________*/
#formulariArta .columns{ padding:0px;}
.formulari{font-size: 0.9rem;color:#58585A;    line-height: 19px;}
.contentForm.row{margin:0px}
.contentForm.row label{line-height: 2.2;     color: #58585A; font-size: 16px;}
.formulari #nomFormulari {width:50%;}
.formulari #mailFormulari {width:50%; display: none;}
.formulari #mailFormulari2 {width:50%;}
.formulari #dniFormulari{width:50%; }
.formulari #datapickerIFormulari2{width:50%; }
.formulari #imatgeFormulari {width:50%;}
.formulari #tipusIncidenciaCont{width:50%;}
.formulari #EnivarFormulari{text-align:right;}
.formulari #apellidoFormulari{ width: 50%; }
.formulari #direccioFormulari{ width: 50%; }
.formulari #telefonFormulari{width: 50%;}
/*.formulari #apellidosInput{margin-bottom: 0;}*/
.formulari #stores {width: 50%; margin-top: 1rem;}
#tipusIncidenciaCont .columns:nth-child(2){ width: calc(85.3% - 10px); margin-left: 10px;}
#formulariArta select{border:none; color:#58585A; box-shadow:none; background-color:#f1eded;    margin-bottom: 1rem;    height: 2rem;    padding: 0rem;    padding-left: 0.5rem;}
#formulariArta #imatgeFormulari label{border: 1px solid #f1eded; margin-bottom: 10px; text-align: center; cursor: pointer;}
#formulariArta [type=file] {display: none;}
.formulari [type="text"], .formulari [type="email"], .formulari textarea,.formulari input[type=checkbox]{border:none; color:#58585A; box-shadow:none; background-color:#f1eded;}
.formulari input[type=checkbox]{margin: 0.6rem 0 0 ; }
.formulari [type="button"]{border: medium none;padding: 1rem 2rem;font-size: 1rem; color: #58585A;}
#miss_form_contacte.success{color: rgb(21, 80, 12); background-color:#88c592; border:1px solid rgb(21, 80, 12); padding:5px;}
#miss_form_contacte.error{color: rgb(80, 12, 12); background-color:#e38686; border: 1px solid rgb(80, 12, 12); padding:5px;}

#stores .icono{ background-image: url('../images/stores.jpg'); background-size: cover;width: 160px;height: 52px;}
#stores .icono#playStore{ background-position: 0px 0px;}
#stores .icono#appleStore{ background-position: 0px 56px;}

.artacard-titol{font-size: 30px; color:#d77f2f; margin: 25px 0px; font-weight: 700;    line-height: 1;  }
.artacard-list{color: #2c4585; font-size: 22px;  line-height: 1.2;    list-style-position: inside;  list-style: none;}
.artacard-list li{    margin-bottom: 10px;}
.artacard-list li a{color:#d77f2f; text-decoration: underline;}
.artacard-list li:before { content: "•";  padding-right: 8px; color: #d77f2f;     font-size: 38px;   line-height: 1;}
#footer-artacard{margin-top: 50px;}
#footer-artacard .content-footer{background-color: #d77f2f; padding: 40px 100px; text-align: center; color:#FFF;}
#footer-artacard .tam-1 {font-size: 30px; line-height: 1; font-weight: 700; margin-bottom: 20px}
#footer-artacard .tam-2 {font-size: 22px; line-height: 1.1; margin-bottom: 7px}
#footer-artacard .tam-3 {font-size: 26px; line-height: 1;  font-weight: 700;margin-bottom: 20px; margin-top: 13px;}
#footer-artacard .tam-4 {font-size: 18px; line-height: 1;  font-style: italic;}

/*_________________*/
/*____ENQUESTA____*/
/*_________________*/

.opcio{ height:20px; margin-bottom: 4px;}
.laberMarca{ color: #58585A;font-size:0.8rem;}
.squaredOne {float:left; width:20px; height:20px;  position:relative;  background:#FFD200;background: -webkit-linear-gradient(top, #FFD200 0%, #FFD200 40%, #FFD200 100%);
  background: linear-gradient(to bottom, #FFD200 0%, #FFD200 40%, #FFD200 100%); margin-right: 5px; border-radius: 25px;}
.squaredOne label {width:20px;  height:20px; position:absolute; top:0px; left:-8px; cursor:pointer;}
.squaredOne label:after {content: '';  width: 16px;  height: 16px;  position: absolute;  top: 2px;  left: 2px;  background: #fff;  opacity: 1;border-radius: 25px; }
.squaredOne label:hover::after {  opacity: 0.8;    background-color:#ff;}
.squaredOne input[type=checkbox] {  visibility: hidden;}
.squaredOne input[type=checkbox]:checked + label:after {  opacity: 1;   background-color:#FFD200;}
.squaredOne label.select:after{  opacity: 1;   background-color:#FFD200;}
.botonVotar{text-align:right;}
.botonVotar [type="button"]{border: medium none;padding: 0.5rem 1rem;font-size: 1rem;color: #58585A;}




/*______________________________*/
/*____________PLENARI___________*/
/*______________________________*/
.plenariFull .row.cercador{ margin:0px;}
.plenariFull .descripcio{margin-bottom:2rem;}
#plenaris{margin-top:30px;}
#plenaris .any{padding: 8px;background-color: #ECE9E6;cursor: pointer;color: #58585A;margin-bottom: 4px;position: relative;}
#plenaris .any a{color:#58585A;}
#plenaris .anysPlenaris{display:none;}
#plenaris .anyPlenari{ background-color:#F8F7F6;padding: 3px 8px;padding-left: 1.5rem; margin-bottom: 3px;cursor: pointer; color: #58585A;}
#plenaris .anysPlenaris a{ color:#58585A;}
.anyPlenari .infoDocs{float:right;padding-right: 10px;padding-top: 3px;width: 30px;}
#plenaris .anyPlenari:hover, #plenaris .anyPlenari.select{ background-color:#FFD200; cursor:pointer}
#plenaris .imageFletxa{background-image:url('../images/flecha.png');height: 10px;margin-bottom:15px;width: 13px;position: absolute;right: 16px;top:16px; 
cursor:pointer;    background-repeat: no-repeat;}
#plenaris .imageFletxa.gira{-webkit-transform: rotate(180deg);transform: rotate(180deg);     top: 14px;}


/*______________________________*/
/*_________FITXA PLENARI________*/
/*______________________________*/
.titolfPlenari{background-color: #ECE9E6;text-align: center;padding: 0.5rem;color: #999797;margin: 0px !important;margin-top:1.5rem !important;}
.titolfPlenari .numero{font-size: 1.2rem;padding-left: 12px; font-weight:normal;}
.contingutPlenari{ background-color:#F8F7F6;color:#808081;padding-top: 1rem;padding-bottom:1rem;margin: 0px !important; }
.contingutPlenari .titol{font-weight: bold;font-size: 1.2rem;margin-top: 10px;margin-bottom: 0px;line-height: 0.9rem;color:#808081;}
.contingutPlenari .titol span.texta{font-size:1rem;font-weight: normal}
.contingutPlenari .titolOrdres{color:#58585A; font-size:1.6rem;font-family:playfairdisplay;margin-top: 1.2rem;}
.contingutPlenari .pleDocs{margin-top: 0.6rem;}
.contingutPlenari .pleDocs .texta{margin-bottom:0.2rem;font-size:1rem;}
.contingutPlenari .row.iconosC{ position:relative;padding: 2rem 0rem;}
.contingutPlenari .iconos{ background-image: url('../images/iconosPle.jpg');height: 50px;width: 50px;position: absolute;cursor: pointer;background-size: cover;}
.contingutPlenari .iconos.sonido{background-position: 0px 0px;top: 1rem;left: 16px}
.contingutPlenari .iconos.peli{background-position: 50px 0px;top: 1rem;left: 70px}




.contingutPlenari .row.iconosC a{color:#808081; text-decoration: none;}
.contingutPlenari .row.iconosC .descarrega{background-color: rgb(236, 233, 230);border-bottom: 1px solid;padding: 0.2em 0.6rem;
position: absolute;top: 2rem; cursor:pointer; font-weight:bold;}
.contingutPlenari .iconDoc{width: 20px;display: inline-block;padding: 0px;}
/* text-based popup styling */

.mfp-container{padding:0px;}

.white-popup {
  position: relative;
  background: #FFF;
  width: auto;  
  margin: 0 auto;

}

#avisRow{ max-width: 600px;margin: 0px auto;line-height: 27px;}
#avisRow #row1{padding-top: 10px; color:#333; font-size:0.8rem;}
#avisRow #row1 span{ padding-right:15px;}
#avisRow #row2{padding-top: 25px; color:#58585A; font-size:21px;font-weight: bold;}
#avisRow #row3{padding-top: 25px; color:#58585A; font-size:18px;}
#avisRow #row4{ padding-top:40px; padding-bottom:10px; color:#333; font-size:0.8rem;}
#avisRow #row4 a{text-decoration: underline; color:#333;}
.mfp-close-btn-in .mfp-close{ background-image:url('../images/cancelar.png'); background-size: cover; color:#fff}
.mfp-close {width: 42px;height: 42px;right: 8px;top: 8px;}

#credits-popup .linkCredits {
	margin-top:10px;
}



/*ELECCIONS*/
.eleccions .anyEle{text-align: center;}
.eleccions .anyEle #anyEle{ width:50%;    margin-bottom: 0px;}
.row.eleccionsCartelera{ margin-top:2rem;}
.eleccionsCartelera .columns:last-child:not(:first-child){float:left;}
.eleccionsCartelera .titol{text-align:center; font-weight:bold; font-size:1.4rem;}
.eleccionsCartelera .candidat{margin-top:1.5rem;}
.eleccionsCartelera .imgs{text-align:center;}
.eleccionsCartelera .imgs .imgCandidat, .eleccionsCartelera .imgs .imgPartit{padding-right:0.3rem; padding-left:0.3rem;}
.eleccionsCartelera .imgs .imgCandidat{text-align: right;}
.eleccionsCartelera .imgs .imgPartit{text-align: left;}
.eleccionsCartelera .imgs .imgCandidat img, .eleccionsCartelera .imgs .imgPartit img{height: 76px;}
.eleccionsCartelera .infoCandidat{text-align:center;font-size: 0.71rem;}
.eleccionsCartelera .infoCandidat .nom{padding:0rem}
.enquestaVots{margin-top:8rem;}

.enquestaVots table{ width:75%;} 
.enquestaVots thead, .enquestaVots tbody{border:none;}
.enquestaVots tr{ background-color:#FFF;}
.enquestaVots .regidors{text-align:center}
.enquestaVots .total{text-align:right}

.resultatEleccions, .resultatParticipacio {margin-top:6rem;}
.resutatsTaula table{ width:100%;}
.resutatsTaula .titol{font-size:1.2rem; margin-bottom:1rem;}
.resutatsTaula thead td, .resutatsTaula thead th{padding:0.1rem 0.25rem 0.1rem;font-size:0.75rem; text-align:center;color: #58585A;font-weight:bold;	                                                            border-bottom:3px solid #FFF;}	
.resutatsTaula tbody td, .resutatsTaulat tbody th{padding: 0.15rem 0.45rem 0.15rem;font-size:0.75rem; text-align:right;color: #58585A;
												 			 border-bottom:1px solid #FFF;}
.resutatsTaula th.clar{ background-color: #FFD200;}
.resutatsTaula th.oscur{background-color: rgb(215,190,76);}
.resutatsTaula td.clar{ background-color: #F8F7F6;}
.resutatsTaula td.oscur{ background-color: #ECE9E6;}
.enquestaResultats .titol, .enquestaParticipacio .titol{font-size:1.2rem; margin-bottom:1rem;margin-top:6rem;}

/*****HOMES ******/


#fullIndex .grid-sizer{width: 32%;padding: 0.7rem 1rem 2rem; margin-bottom:30px; margin-right:0.75%; margin-left:0.25%;}
.grid-sizer{width: 48%;padding: 0.7rem 1rem 2rem; margin-bottom:30px; margin-right:1.5%; margin-left:0.5%;}


.grid-sizer.firstColumn {border: 1px solid #58585A;}
/*#fullIndex .grid-sizer.firstColumn{min-height:301px}*/
.grid-sizer.firstColumn .titol{ font-family: Source Sans Pro; }
.grid-sizer.firstColumn .descripcio a{ text-decoration:none;}
.grid-sizer.firstColumn .descripcio p{ line-height:1.1}
.grid-sizer.firstColumn .descripcio span{font-size:1.1rem}


.grid-sizer.secondColumn { background-color:#CBE2F0;}
.grid-sizer.secondColumn .titol{ font-family: Source Sans Pro; font-weight:bold; font-size:1.1rem; float:left; width:50%;margin-bottom: 1rem;}
#fullIndex .grid-sizer.secondColumn .titol{padding-left: 10px;}
.grid-sizer.secondColumn .titol2{margin-top:95px; text-align:center;}
.grid-sizer.secondColumn .titol span{ font-weight:normal; font-size: 300px;line-height: 200px;margin-left: -16px; color:#80715D; font-family:playfairdisplay}
.grid-sizer.secondColumn .descripcio{clear:both;border-top: 1px solid;padding-top: 1rem;}
.grid-sizer.secondColumn .descripcio a{  text-decoration:none;}
.grid-sizer.secondColumn .descripcio p{ line-height:1.1;border-bottom: 1px solid;padding-bottom: 1rem; font-weight: bold;}

.grid-sizer.thirdColumn, #fullIndex .grid-sizer.thirdColumn{padding:0px; }
#fullIndex .grid-sizer.thirdColumn{min-height:303px}
.grid-sizer.thirdColumn { background-color:#ECE9E6;}
.grid-sizer.thirdColumn .img{ height:80px;}
.grid-sizer.thirdColumn .titol{ font-family: Source Sans Pro; font-weight:bold; font-size:1.1rem; margin-bottom: 1rem;padding: 0rem 1rem 0rem;}
.grid-sizer.thirdColumn .yellow{border-bottom: 5px solid #FFD200;background-color: #FFF;}
.grid-sizer.thirdColumn .descripcio{padding: 0rem 1rem 2rem;}
.grid-sizer.thirdColumn .descripcio p{ line-height:1.1;}


#fullIndex .grid-sizer.calendar{padding:0px;}
#fullIndex .grid-sizer.calendar .indexTitular{ font-size:0.95rem; color:#333; padding-top: 10px; background-color:#f1eded;text-align: center;font-size: 36px; min-height:72px;}


.grid-sizer.banner,#fullIndex .grid-sizer.banner{ padding:0px;}
.bannerPle{width: 343px; height: 210px; background-image: url('../images/proper_ple.jpg');    background-repeat: no-repeat; background-size:contain;          background-position: center;}

@media only screen and (max-width: 890px) {
.grid-sizer.secondColumn .titol2{margin-top:60px;}
.grid-sizer.secondColumn .titol span{ font-size: 190px;line-height: 130px;}	
} 

@media only screen and (min-width: 640px) {
	#fullIndex	.grid-sizer.secondColumn .titol2{margin-top:45px;}
	#fullIndex	.grid-sizer.secondColumn .titol span{ font-size: 150px;line-height: 100px;}
}

@media only screen and (max-width: 640px) {	
	.grid-sizer, #fullIndex .grid-sizer{width: 100%;padding: 0.7rem 1rem 2rem; margin-bottom:30px; }
	.grid-sizer.secondColumn .titol2, #fullIndex .grid-sizer.secondColumn .titol2{margin-top:95px;}
	.grid-sizer.secondColumn .titol span, #fullIndex .grid-sizer.secondColumn .titol span{font-size: 300px;line-height: 200px;}
	#fullIndex .grid-sizer.secondColumn .titol { padding-left: 5px;}
}


.row #ajuntamentInici .row { margin:0rem;}
#ajuntamentInici{margin-top: 1.5rem;padding-left: 40px;}

#ajuntamentInici #titolAjuntamnet .titol{color: #58585A;font-size: 31px;font-family: playfairdisplay; background-color:#FFF; text-align:left; padding:0px; }
#ajuntamentInici #titolAjuntamnet .descripcio{color: #58585A;font-size: 0.9rem; margin-bottom:2.4rem;}
#ajuntamentInici .columns{padding-left: 0rem;padding-right: 0.4rem;}
#ajuntamentInici .ajuntamentEsquerra, #ajuntamentInici .ajuntamentDreta{font-size:42px;padding: 20px;font-family: playfairdisplay;background-color:#80715D;color:#fff; margin-bottom: 0.8rem;line-height: 2.5rem;min-height: 119px;}
#ajuntamentInici .ajuntamentEsquerra{ text-align:left;}
#ajuntamentInici .ajuntamentDreta{ text-align:right;}
#ajuntamentInici .imatge{ background-size:100% auto; background-repeat:no-repeat; width:100%;}
#ajuntamentInici .titol{font-size:36px;padding: 15px;font-family: playfairdisplay; text-align:center; background-color:#80715D;}
#ajuntamentInici .titol a{color:#fff}

#ajuntamentInici .titolServeis{font-size:36px;margin-top: 2.4rem;font-family: playfairdisplay; text-align:center; color:#58585A; margin-bottom:0.8rem}

#ajuntamentInici .serveisMuni .columns{padding-right: 0.2rem;}
#ajuntamentInici .contingutIcono{background-color:#FDD300; padding:1rem; text-align:center; padding-left: 0rem;padding-right: 0rem;}
#ajuntamentInici .contingutIcono .texta{color:#231F20}
#ajuntamentInici .contingutIcono .icono{height:55px; width:100%;background-image: url('../images/iconMedi.png');background-repeat: no-repeat;
background-position: center center;}



/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/**********Modal**********/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}







@media only screen and (min-width: 1400px) and (max-width: 1500px) {
#banderaGroga {top: 1%;}	
} 

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
#banderaGroga {top: 0%;}	
} 

@media only screen and (min-width: 1150px) and (max-width: 1299px) {
#banderaGroga {top: -1%;}	

} 

@media only screen and (min-width: 1025px) and (max-width: 1149px) {
#banderaGroga {top: -2%;}
#headerCercador .cercadorTop{left: -90%;width: 170%;}	
.redes .texta{display:none;}


} 


@media only screen and (min-width: 1024px) and (max-width: 1024px) {
#headerSegueixnos{width: 8.33333%;}	
#headTop #headerCercador{width: 16.66667%;}
} 


@media only screen and (min-width: 640px) and (max-width: 1023px){
    #headTop .logoHeader{margin-top:0.4rem;  width: 160px;}
/*	#fullIndex #indexRow4 #indexAgenda{margin-top:1.2rem}
	#fullIndex #indexRow4 #indexNoticia .img-portfoli{height:273px;}*/
	#ajuntamentInici .contingutIcono .icono{ background-size: 60% auto;}
	#ajuntamentInici .contingutIcono .texta {font-size: 0.8rem;}	
	#ajuntamentInici .titol {font-size: 24px;}	
}

@media only screen and (min-width: 640px) and (max-width: 1024px) { 
#headTop .menu-text{font-size: 0.825rem;padding-right: 0.77rem; }
#headTop #headerSegueixnos{font-size: 0.825rem; padding-top: 0.1rem;}
#headTop #headerSegueixnos span{display:none;}
#toTop{bottom: 7%; right:2%;padding: 0.5rem;font-size: 0.7rem;}
#toBack{bottom: 10%;right: 2%;padding: 0.5rem;font-size: 0.7rem;}
#banderaGroga {width: 24.6%;position: absolute;top: -3%;left: -15px;background-image: url('../images/bandera.png');height: 223px;background-position: center center;
background-repeat: no-repeat;background-size: 100% auto;}
#headerCercador .cercadorTop{left: -15%;width: 95%;}
#headerSegueixnos{width: 5.33333%;}	
#headTop #headerCercador{width: 19.667%;}


#fullFooter{font-size:0.7rem}
.lineaSuperior.large-2.center { width: 18.33%;}
.lineaSuperior.large-2 {width: 14%;}
.lineaSuperior.large-1 { width: 10.34%;}

#fullIndex #indexRow2{padding:10% 10%;}



#menuLeft .categoria{ padding:0.3rem;font-size: 0.8rem;}
#menuLeft .subCategoria{padding:1px; font-size:0.6rem}


.columnaDreta{padding-left:1.5rem;}


.agendaRow tfoot td, tfoot th, thead td, thead th, .resutatsTaula thead td, .resutatsTaula thead th{	padding: .1rem .2rem .1rem;}
.agendaRow .gris{font-size:0.7rem;}
.agendaRow .blanc{font-size:0.7rem;}

.row.capsaleraNoticies .columns:last-child:not(:first-child){float:left;}
.redes .texta{display:none;}
.legend {max-width: 10rem; margin-top:1px; }
 #subMenu.row .columns.large-4.medium-4{ min-height:60px;}
.formulari #nomFormulari, .formulari #mailFormulari, .formulari #imatgeFormulari, .formulari #tipusIncidenciaCont, .formulari #apellidoFormulari, .formulari #stores, .formulari #telefonFormulari,.formulari #mailFormulari2,.formulari #dniFormulari, .formulari #datapickerIFormulari2, .formulari #direccioFormulari  {width:100%;}
#stores .icono{ background-image: url('../images/stores.jpg'); background-size: cover;width: 138px;height: 48px;}
#stores .icono#appleStore{ background-position: 0px 49px;}


}





@media only screen and (min-width: 750px) and (max-width: 899px) { 
#banderaGroga {top: -4%;}
#fullFooter{font-size:0.55rem}
#indexRow2 .imatgeCercador{left:92%}
#fullIndex #indexRow1 .titol{font-size:22px;}
#fullIndex #indexRow1 .descripcio{font-size:0.75rem;}
}

@media only screen and (min-width: 690px) and (max-width: 749px) { 
#fullFooter{font-size:0.55rem}
#banderaGroga {top: -5%;}
#indexRow2 .imatgeCercador{left:91%}
#fullIndex #indexRow1 .titol{font-size:22px;}
#fullIndex #indexRow1 .descripcio{font-size:0.75rem;}
}

@media only screen and (min-width: 640px) and (max-width: 689px) { 
#fullFooter{font-size:0.5rem}
#banderaGroga {top: -5%;}
#indexRow2 .imatgeCercador{left:90%}
#fullIndex #indexRow1 .titol{font-size:22px;}
#fullIndex #indexRow1 .descripcio{font-size:0.75rem;}
}






@media only screen and (min-width: 310px) and (max-width: 639px) { 
#headerSegueixnos{display:none;}
/* #indexRow1{display:none;} */
#indexRow2{display:none;}
.row.mainImage{display:none;}
#banderaGroga{display:none;}
#headTop .logoHeader{margin-top:0.75rem; max-width: 100%;     width: 130px;}
.columnaDreta{padding-left: .9375rem;padding-right: .9375rem;}
.midamini {width:160px;height:160px;margin-left:15px;}

 
#agendaContenedoDreta{padding-left: .9375rem; padding-right:.9375rem}
.agendaRow .titol { font-size: 36px; text-align: center; margin-top:1rem;}
/*.agendaRow .calendari .columns, .agendaRow .llegenda .columns{ padding-right:0px;}*/
.agendaRow .llegenda {margin-bottom: 1rem;    max-width: 100%;    text-align: center;}
.agendaRow .blanc .event, .agendaRow .gris .event, .agendaRow .blanc .mercat, .agendaRow .gris .mercat, .agendaRow .blanc .cinema, .agendaRow .gris .cinema
{margin: 0px;}


#menuLeft .imageFletxa{top:12px;}

#subMenu.row .columns.large-4.medium-4{ width:100% ; margin-right:0px;}
.formulari .titol {line-height: 2.5rem;margin-top: 1rem;}
.row #formulariArta .row{margin:0;}
.row.contentForm .columns{padding:0;}

.row #formulariArta .row#stores {margin-top: 8px;}
.formulari [type="button"] { margin-top: 1rem;}
.formulari #nomFormulari, .formulari #mailFormulari, .formulari #imatgeFormulari, .formulari #tipusIncidenciaCont, .formulari #apellidoFormulari, .formulari #stores   {width:100%;}
.formulari #nomFormulari, .formulari #mailFormulari, .formulari #imatgeFormulari, .formulari #tipusIncidenciaCont, .formulari #apellidoFormulari, .formulari #stores, .formulari #telefonFormulari,.formulari #mailFormulari2,.formulari #dniFormulari, .formulari #datapickerIFormulari2, .formulari #direccioFormulari  {width:100%;}
#stores .icono{ background-image: url('../images/stores.jpg'); background-size: cover;width: 138px;height: 48px;}
#stores .icono#appleStore{ background-position: 0px 49px;}

.qui .img-portfoli {width: 100%;height: 390px;background-position: center center; background-repeat: no-repeat;   background-size: 100% auto; margin-bottom:0.5rem}


#cercadorLlistat #llistatCercador,#cercadorAgenda #indexcercador,#plantilla #emergenciesRow #llistatCercador,#cercadorContractant #contractantCercador,.cercadorLlistat #llistatCercadorP {    background-position: calc(100% + 35px);}


#headerCercador .cercadorTop{left:0px;}

#headTop .menu-text{font-size: 0.825rem;padding-right: 0.8rem; }
#headTop .menu.simple {float:right;}
#headTop #headerCercador{ text-align:center;}
#headTop #headerSegueixnos{font-size: 0.825rem;padding-top: 0.5rem;}



#fullFooter{font-size:0.5rem; margin-top:0rem;}



#breadCrumb{padding-top:1rem;}

#fullIndex #indexRow2{padding:10% 10%;}
/*#fullIndex #indexRow4 #indexAgenda{margin-top:1.2rem}*/


#menuLeft .categoria{ padding:0.3rem;font-size: 0.9rem;}
#menuLeft .subCategoria{padding:1px; font-size:0.75rem}


.agendaRow tfoot td, tfoot th, thead td, thead th{	padding: .1rem .2rem .1rem;}

.agendaRow .gris{font-size:0.7rem;}
.agendaRow .blanc{font-size:0.7rem;}
.agendaRow .blanc .columns:nth-child(3), .agendaRow .gris .columns:nth-child(3){text-align: center;}

.galeriaNoticies .titularNot{min-height:45px;}
.redes .texta{display:none;}

iframe{width: 100%;height: 13rem;}

#fullVivintArta .capsaleraDocuments.row, #fullAjuntament .capsaleraDocuments.row{max-width:100%;}
#fullVivintArta .filaDocuemnts.row, #fullAjuntament .filaDocuemnts.row{max-width:100%;}

.row.sliderNotica,.capsaleraDocuments.row, .capsaleraNoticies.row, .capsaleraNoticies.row,.filaNoticies.row,.contenedorImatge,.contenedorImatge,
.capsaleraDocuments.row , .capsaleraDocuments.row,.filaDocuemnts.row{max-width:100%}

#fullVivintArta .row.sliderNotica, #fullAjuntament .row.sliderNotica{max-width:100%}





.infoEnquesta{max-width:100%; margin-left:0rem;margin-bottom: 2rem;}
.legend .elementLegend{max-width: 10rem; width:130px;}
.legend {max-width: 10rem; margin-top:0rem;font-size: 0.7rem;}
.legend .elementLegend div{top:1px;}

.continv2 ul li{padding-left: 2rem;}
.continv2 .linkTrans{width:90%;}
.continv2 .cumpleixIta.si, .continv2 .cumpleixIta.no{width:8%;padding: 2px;}

.resutatsTaula tbody td, .resutatsTaulat tbody th,.resutatsTaula thead td, .resutatsTaula thead th{padding:0px;}



#ajuntamentInici .ajuntamentEsquerra, #ajuntamentInici .ajuntamentDreta{text-align:center; font-size:32px; padding:15px; line-height:1.6rem; min-height:0px;}

#ajuntamentInici .contingutIcono { margin-bottom: 0.2rem;}
#ajuntamentInici .contingutIcono .texta {font-size: 0.8rem;}	
#ajuntamentInici .titol {font-size: 24px;}	

.eleccions .anyEle #anyEle{ width:100%;}

.artacard-titol{font-size: 24px; }
.artacard-list{font-size: 18px; }
.artacard-list li{    margin-bottom: 7px;}
.artacard-list li:before { font-size: 30px; }

#footer-artacard .content-footer{ padding: 40px 40px; ;}
#footer-artacard .tam-1 {font-size: 24px; margin-bottom: 15px}
#footer-artacard .tam-2 {font-size: 18px;  margin-bottom: 5px}
#footer-artacard .tam-3 {font-size: 21px; margin-bottom: 15px; margin-top: 8px;}
#footer-artacard .tam-4 {font-size: 16px; }
.img-portfoliHome{ height: 135px;background-size:cover; background-position:center;background-repeat: no-repeat;margin-left:0px;}

}






.dialogVotar.ui-corner-all{padding:0px;border-radius: 0px;}
.dialogVotar.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: #FFD200;
    border: none;
	font-size: 1rem;
	color:#58585A;
	font-family: ubuntu;
	padding: 0.75rem;
	font-weight: 400;
	border-radius: 0px;
	border-bottom:1px solid #58585A;
}




.dialogVotar .ui-dialog-titlebar-close{ position: absolute;right: .3em;width: 20px;padding: 1px;height: 20px;}
	 
.dialogVotar .ui-button .ui-icon {background-image: url('http://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_777777_256x240.png')}	 
	 

.dialogVotar .ui-button-icon-only .ui-icon { position: absolute;top: 50%;left: 50%;margin-top: -8px; margin-left: -8px;}

.dialogVotar .ui-icon-closethick { background-position: -96px -128px;}

.dialogVotar .ui-icon { width: 16px; height: 16px;}

.dialogVotar .ui-icon {display: inline-block;vertical-align: middle;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}

.dialogVotar .ui-dialog-titlebar-close .ui-button-text { display:none;}
 
	 
	 
/*.dialogVotar .ui-dialog-titlebar-close.ui-state-default  .ui-icon{background-image: url("../images/ICONOS/creu.png");height: 25px;
width: 25px;background-position: 0px 0px;}*/

#dialogVotar{padding: .7em 0rem 0rem;height: 80% !important;}

.dialogVotar #dialogVotar span{font-size: 1rem;font-size: 0.8rem;font-weight: bold;	font-family: ubuntu;}
.dialogVotar.ui-corner-all{ background-color:#FFF;border: 1px solid #58585A;}


.dialogVotar.ui-dialog .ui-dialog-buttonpane{border: none;padding: 0rem 0.6rem;margin-top: 0.3rem;}

.dialogVotar .ui-dialog-buttonset { text-align:right}
.dialogVotar  .ui-button-text-only{ background: #FFD200;color: #58585A;font-size: 1rem;padding: 0.3rem 0.5rem;border: none;font-weight: bold;}
.dialogVotar .ui-dialog-buttonpane button{margin-bottom:1rem;}
.ui-widget-overlay.ui-front{ opacity:0.6}

.dialogVotar #dialogVotar ::-webkit-input-placeholder {color: #999;} /* WebKit, Blink, Edge */
.dialogVotar #dialogVotar :-moz-placeholder {color: #999;opacity:  1;} /* Mozilla Firefox 4 to 18 */
.dialogVotar #dialogVotar ::-moz-placeholder {color: #999;opacity:  1;} /* Mozilla Firefox 19+ */
.dialogVotar #dialogVotar :-ms-input-placeholder {color: #999;} /* Internet Explorer 10-11 */

.dialogVotar .datepicker1{ margin-top:0px;}


tbody td, tbody th {
    padding: .5rem .625rem .625rem;
    border: none;
}

.ui-widget.ko {font-family: Quicksand;font-size: 1em;}
.ko .ui-widget-content {background: #F9F9F9; border: 1px solid #b12a36;color: #222222;}
.ui-dialog.ko {left: 0;outline: 0 none; padding: 0 !important; position: absolute;top: 0;}
.ui-dialog.ko .ui-dialog-content {background: none repeat scroll 0 0 transparent;border: 0 none;overflow: auto;position: relative;}
.ko .ui-widget-header {background: #b12a36;border: 0;color: #fff;font-weight: normal;}
.ui-dialog.ko .ui-dialog-titlebar { padding: 0.1em .5em;position: relative;font-size: 1.5em;}

.ok .ui-widget-header {background: green;    color: #FFF;}
.ok .ui-widget-content {background: #F9F9F9; color: #222222;}
     


/*CSS PAGINA VIAL COSTANER*/
.titol_form{
    color: #58585A;
    font-size: 25px;
    line-height: 2.7rem;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: playfairdisplay;
}

#enviarBtn{
    float: right;
    background-color: #0071B8;
    color: #fff;
    border: none;
    padding: 20px;
    width: 170px;
    font-size: 20px;
}

#enviarBtn2{
    float: right;
    background-color: #2c4585;
    color: #fff;
    border: none;
    padding: 20px;
    width: 170px;
    font-size: 24px;
    margin-top: 6px;
    border-radius: 10px;
}

#seguiment span{color:#58585A; cursor: pointer;}
#seguiment span:hover{color:#b83d00}
#seguiment .left{float:left;}
#seguiment .nom-eix{width: 100%; margin-top:10px;}
#seguiment .per-eix{width: 100%;background-color: rgba(234, 234, 234, 0.7);  border-radius: 5px;}
#seguiment .per-eix .barra{background-color: #5bc0de; border-radius: 5px; width: 50%; color:#FFF; text-align: center; }

#seguiment .objectius{padding: 5px 0px 15px 30px; display:none; width: 100%}
#seguiment .nom-objectiu{width: 100%; margin-top:8px; font-size: 14px;}
#seguiment .per-objectiu{width: 100%;background-color: rgba(234, 234, 234, 0.7);  border-radius: 5px;}
#seguiment .per-objectiu .barra{background-color: #5cb85c; border-radius: 5px; width: 50%; color:#FFF; text-align: center; font-size: 14px; }

#seguiment .actuacions{padding: 10px 0px 25px 50px; display:none;width: 100%}
#seguiment .nom-actuacio{width: 100%; margin-top:6px; font-size: 12px;}
#seguiment .per-actuacio{width: 100%; background-color: rgba(234, 234, 234, 0.7);  border-radius: 5px;}
#seguiment .per-actuacio .barra{background-color: #FFD200; border-radius: 5px; width: 50%; color:#000; text-align: center; font-size: 12px; }

#seguiment .altres-periodes{ margin-top: 100px;}
#seguiment .altres-periodes div{width: 100%}
#seguiment .altres-periodes .titolp{font-weight: 700; font-size: 18px}
#seguiment .altres-periodes a{color:#58585A; font-size: 14px;}


.ui-dialog.seguiment .ui-dialog-title{font-size: 14px;color:#58585A;}
.ui-dialog.seguiment .ui-state-default .ui-icon,ui-dialog.seguiment .ui-icon,.ui-dialog.seguiment .ui-widget-content .ui-icon { background-image: url(ui-icons_888888_256x240.png) !important;background-position: -97px 112px;}
.ui-dialog.seguiment .dialog{ font-size: 12px;color:#58585A;}
.ui-dialog.seguiment .left{float:left; width: 100%; margin-bottom: 10px;}
.ui-dialog.seguiment .left.half{ width: 47%; margin-right: 3%;}
.ui-dialog.seguiment p{ margin-bottom: 2px;}
.ui-dialog.seguiment .per-actuacio{width: 100%; background-color: rgba(234, 234, 234, 0.7);  border-radius: 5px;}
.ui-dialog.seguiment .titolS.left{margin-bottom: 2px;}
.ui-dialog.seguiment .per-actuacio .barra{background-color: #FFD200; border-radius: 5px; width: 50%; color:#000; text-align: center; font-size: 12px; }
.ui-dialog.seguiment .ui-dialog-buttonset .ui-button-text{color:#58585A; border:1px solid #58585A; font-size: 14px;}


 #documents-pam .blog{float:left; width: 100%; color: #58585A} 
 #documents-pam .carpeta{font-weight: 700;cursor: pointer;}
 #documents-pam .carpeta,#documents-pam  .docs-content{margin-bottom: 10px; } 
 #documents-pam .document{margin-bottom: 5px; font-size: 14px;} 
 #documents-pam .document a{ color: #58585A}
 #documents-pam .nivell-2{padding-left: 10px;display: none;}
 #documents-pam .nivell-3{padding-left: 20px;display: none;}
 #documents-pam .nivell-4{padding-left: 30px;display: none;}
 #documents-pam .nivell-5{padding-left: 40px;display: none;} 
 #documents-pam .nivell-1.docs-content{padding-left: 10px; display: none;}
 #documents-pam .nivell-2.docs-content{padding-left: 20px;}
 #documents-pam .nivell-3.docs-content{padding-left: 30px;}
 #documents-pam .nivell-4.docs-content{padding-left: 40px;}
 #documents-pam .nivell-5.docs-content{padding-left: 50px;}
 
 
 
 table.dataTable  tr.odd {background-color:#cbcdce}
 .area1{background: #FFD200 !important;}
.area2{background: #0071B8 !important;}
.area3{background: #c866a4 !important;}
.area4{background: #d0912e !important;}
.area5{background: #e7e56b !important;}
.form-cont .titoltaulaPropostes {font-size: 36px; font-weight: 600; padding: 20px;}
.votar-accio{width: 24px; height: 24px; background-repeat: no-repeat; background-image: url('../participacio/images/icons/tick.png'); margin: 0 auto;}
.votar-accio.actiu{width: 24px; height: 24px; background-repeat: no-repeat; background-image: url('../participacio/images/icons/cross.png'); margin: 0 auto;background-color: green;    border-radius: 5px;}