/*

       ÍNDEX

                        lin.
caixes.botons --------- 63
menú ----------------- 134
títols pàgines ------- 201
slider sota menú ----- 217
destacat preg. freq. - 330
calendari ------------ 385
contacta ------------- 417
manifest ------------- 443
deu punts ------------ 454
premsa --------------- 491
informes ------------- 553
   informes-mòbil ---- 753
cartelleria ---------- 951
enllaços ------------ 1057
preuntes freq. ------ 1126
mapes --------------- 1207
afiliat ------------- 1238
   afiliat-lateral -- 1454
participa ----------- 1520
manuals-index ------- 1570
consells ------------ 1750
adreces ------------- 1828
org. bloc ----------- 1844
ensQuedem ----------- 1861
footer -------------- 1899













*/


/* ----- COLORS ------------
Vermell: #EF4C29
Negre-palid: #2A201E
Taronja-palid: 	#FF794F
Taronja: #ed5600 
*/

body.home div#secondary{
	
	display:none;
	
	
}


/*--- CAIXES, BOTONS---*/

.separadorNegre{
	
	background:black;
	color:white;
	font-size:1.3em;
	font-weight:900;
	margin-bottom:40px;	
	padding:2px;
	padding-left:20px;
	

}

.caixaMoccasin{
	
	font-size:1.1em;
	background:moccasin;
	margin-top:6px;
	margin-bottom:60px;
	padding:25px;
	padding-left:30px;
	font-weight:bold;
	float:none;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	
	
}

.botoNegre{
	
	font-size:1.1em;
	
	border:5px solid black;
	background:black;
	color:white;
	padding:6px;
	padding-left:17px;
	padding-right:17px;
	
	margin-right:10px;
	margin-bottom:100px;
	line-height:400%;
	
	

}

.botoNegre:hover{

	color: black;
	font-weight:900;
	border:5px solid black;
	background:white;

}

.notes-i-referencies b{
	
	font-size:.9em;	
	
}

.notes-i-referencies li{
	
	font-size:.7em;	
	margin-bottom:15px;
}


/*--- MENÚ ---*/

.menu-primary-container li>a{
	
	padding-left:20px;
	padding-right:20px;
	
}



/*--- CAPÇALERA ---*/

#header-text{
	
	height:140px;
	
}

#site-title{
	margin-top:93px;

	
}

#header-text>h3>a{
	
	color:#EF4C29;
	
}

#qtranslate-2{
	
	margin-top:40px;
	font-size:1.2em;
	
}

#header-text-nav-container{
	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/3449351093_e277b8bab2_o.0.jpg");
	
	background-size:cover;
	
	
	
}

.news-bar{
	
	background: rgba(255,255,255,0);
	border:0px;
	box-shadow:0px 0px 0px;
}

@media only screen and (max-width: 750px){
	#header-text{
	
	display:none;
}
	
}





/*--- TÍTOLS PÀGINES --- */

article.type-page header.entry-header>h1{
	
	padding-bottom:20px;
	margin-bottom:80px;
	
	border-bottom:20px solid transparent;
	border-image: url(https://sindicatdellogateres.org/wp-content/uploads/2018/01/vora-colors.jpg) 60 round;
	
	
	
}



/*--- SLIDER SOTA MENU ---*/

.front-page-top-section section {
	
	float:left;	
	margin-right:20px;

	
}

@media only screen and (max-width: 600px){
	
	.front-page-top-section section {
	
	float:left;	
	
	max-height:100px;
	
	overflow:hidden;
	margin-top:30px;
	
}
	
	.front-page-top-section section:nth-child(2) img,.front-page-top-section section:nth-child(3) img{
	width:350px;
	transform:translateY(-210px);
}
	
.front-page-top-section section:nth-child(4) {
	display:none;
}

	
section#text-21>.textwidget>p>a.destacat-assemblea-inquilines>time.hora,
section#text-21>.textwidget .localitzacio{
		display:none;
	}

}




.widget_slider_area{
	
	width:100%;	
	margin-bottom:50px;
	margin-top:10px;
}



section#custom_html-24{
	width:100%;
	max-width:1070px;
}

.banner-manuals{
	border-top: 3px solid DarkSlateGray;
	border-bottom: 3px solid DarkSlateGray;
	
	width:100%;
	height:70px;
	padding:0px;
	padding-left:30px;
	padding-top:0px;
	padding-right:6px;
	margin-top:15px;
}
.banner-manuals h2{
	
	font-size:3em;
	font-weight:900;
	font-style:italic;
	color:white ;
	text-shadow:		
		
		1px 1px #ef4c29,
		2px 2px #ef4c29,
		3px 3px #ef4c29,
		4px 4px #ef4c29,
		5px 5px #ef4c29,
		6px 6px #ef4c29,
		7px 7px #ef4c29,
		8px 8px #ef4c29,
		9px 9px #ef4c29
		
		;
	
	animation: ombraManuals .7s alternate infinite;
}

@media only screen and (max-width: 450px){
	
	.banner-manuals h2{
	
	font-size:2.5em;
	}
	
}

@keyframes ombraManuals{
	
	from{text-shadow:		
		
		1px 1px #ef4c29,
		2px 2px #ef4c29,
		3px 3px #ef4c29,
		4px 4px #ef4c29,
		5px 5px #ef4c29,
		6px 6px #ef4c29
		;
		transform:translateX(0px) translateY(0px);
		}
	to{text-shadow:		
		
		1px 1px #ef4c29,
		2px 2px #ef4c29,
		3px 3px #ef4c29,
		4px 4px #ef4c29,
		5px 5px #ef4c29,
		6px 6px #ef4c29,
		7px 7px #ef4c29,
		8px 8px #ef4c29,
		9px 9px #ef4c29,
		10px 10px #ef4c29
		
		;
	transform:translateX(-5px) translateY(-5px);}
}


/* --- DESTACAT ASSEMBLEA INQUILINES---*/


section#text-21{
	width:100%;
	overflow:hidden;
}
section#text-21>.textwidget{
	width:100%;
	max-width:1070px;
	min-height:0px;
	max-height:400px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	background:url("https://sindicatdellogateres.org/wp-content/uploads/2019/04/assemblea-d-inquilines-1.jpg");
	/*altre opcio de background:
http://sindicatdellogateres.org/wp-content/uploads/2019/05/destacat-mc.jpg */
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:15px;
	
	column-count:2;

}

section#text-21>.textwidget>p:first-of-type{
	display:none;
}


a.destacat-assemblea-inquilines h2{
	color:white;
	font-weight:bold;
	font-size:5vw ;
	opacity:.8;
		margin:8px;
		word-break: normal;
	word-wrap: normal;
}




a.destacat-assemblea-inquilines>time.hora {
	display:block;
	text-align:right;
	margin-top:10px;
	color:white;
	font-weight:900;
	font-size:2.5em;
	opacity:.7;
		margin:8px;
}

a.destacat-assemblea-inquilines>time.dia {
	display:block;
	text-align:right;
	color:cornsilk;
	font-weight:900;
	font-size:5vw;
	text-shadow: 2px 2px #FF794F,
		4px 4px #FF794F,
		5px 5px #FF794F;
		margin:8px;
}

a.destacat-assemblea-inquilines  .localitzacio {
	display:block;
	margin:8px;
	padding:0px;
	color:white;
	font-weight:bold;
	font-size:1.5em;
	text-align:right;
}


@media screen and (min-width:1400px){
	a.destacat-assemblea-inquilines h2{
			font-size:3vw ;
	}
	a.destacat-assemblea-inquilines>time.dia {
					font-size:3vw ;
	}
}


/*--- DESTACAT PREGUNTES FREQUENTS ---- */

.preguntes-frequents-cat>a,.preguntes-frequents-cast>a{
	color:transparent;
	
}

.preguntes-frequents-cat{

	width:100%;
	height:80px;
	
	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/preguntes-frequents-a.png");
	background-repeat:no-repeat;
	background-size:cover;

	



}

.preguntes-frequents-cat:hover{

	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/preguntes-frequents-b.png");
	 background-repeat:no-repeat;
	background-size:cover;


}

.preguntes-frequents-cast{

	width:100%;
	height:80px;
	
	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/preguntes-frequents-a-cast.png");
	background-repeat:no-repeat;
	background-size:cover;



}

.preguntes-frequents-cast:hover{
	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/preguntes-frequents-b-cast.png");
	background-repeat:no-repeat;
	background-size:cover;

}

/*--- CALENDARI --- */

table.tribe-events-calendar>thead>tr>th{

	background-color:#ed5600;
	opacity:.9;
	border-style:hidden;
	
}

.tribe-events-calendar>tbody>tr{

   border-style:hidden;
}


body.post-type-archive-tribe_events div.entry-content,body.post-type-archive-tribe_events article,body.post-type-archive-tribe_events main {
	
	margin:10px;
	padding:0px;
	margin-bottom:50px;
	margin-top:50px;
	padding-bottom:20px;
	
}

#tribe-events-content-wrapper{
	
	
	margin:0px;	
}


.tribe-events-event-image{
	float:left;
	margin-right:50px;
}


/*--- CONTACTA --- */

.contacta-esquerra{
	
	font-family:sans-serif;
	width:300px;
	min-height:60px;
	float:left;
		text-align:right;
	margin-right:50px;

	
}

.contacta-dreta{
	
	font-family:sans-serif;
	width:420px;
	max-width:90%;
	min-height:60px;
	float:left;
	margin-bottom:40px;

	
	
}
@media only screen and (max-width: 815px){
	
	.contacta-esquerra{
		text-align:left;
	}
}


/*---MANIFEST---*/

#post-90 p:first-child::first-letter{
	
	font-size:4em;	
	float:left;
	margin-top:-20px;
	margin-right:10px;
	
}

/* --- DEU PUNTS ----*/

.intro-deu-punts, .punt-deu-punts div.text{
	
	font-size:1.3em;	
	
	
}


.punt-deu-punts{
	display:block;
	margin:100px;
	
	height: 100px;
}

.punt-deu-punts img, .punt-deu-punts div.text{
	
	display:block;
	float:left;
	
}


.punt-deu-punts div.text{
	
	margin-top:0px;
	margin-left:2.6vw;
	margin-bottom:7vw;
	min-width:200px;
	max-width:80%;
	padding:1vw;
	background:Cornsilk  ;	
	
}

.punt-deu-punts img{
	
	height:110px;
	width:110px;
	
}

/*--- PREMSA ---*/


.premsaCapcalera,.premsaMedi, .premsaIcona>img, .premsaTipus{
	
	height:26px;	
	
}
.premsaIcona, .premsaTipus{
	display:block;
	float:right;
}

.premsaMedi{
	
	display:block;
	float:left;
	background:black;
	font-weight:bold;
	font-size:1.1em;
	color:white;
	padding-left:15px;
	padding-right:20px;
	
	
}

.premsaCapcalera{

	
	border-bottom:2px solid black;	
	
}

.premsaTipus{

	margin-left:8px;
}

.premsaTipus, .premsaIcona{
	
	transform:translateY(3px);
	cursor:pointer;
	margin-bottom:0px;
	
}

.premsaEnllac{
	
	margin-top:40px;
}

.premsaEntrada{

	margin-bottom:50px;
}



#refrescar-recull{
	color:tomato;
	background:white;
	font-size:2em;
	cursor:pointer;
	float:right;
	padding:.3em;
	border: 2px dotted tomato;
	transform:translateY(-30px);
	display:none;
	position:fixed;
	bottom:0px;
	right:100px;
	z-index:2;

}

#refrescar-recull:hover{
	border:2px dotted moccasin;
	background: moccasin;
}

#refrescar-recull:before{
	content:"⭯ ";
}

@media screen and (hover: none){
	#refrescar-recull:before{
	content:"🔄 ";
}

	#refrescar-recull{
			right:10px;
	}
}

/*--- INFORMES ---*/



article#post-1256 h1.entry-title{
	

	display:none;
	
}
div#titol-informes-animat{
	
	height:100px;
	width:100vw;
	
	margin-bottom:50px;
	
}

#titol-informes-animat .blanc, #titol-informes-animat .negre{

	display:block;
	float:left;
	height:100px;	
	position: relative;
	
	
}


#titol-informes-animat .text{
	position: absolute;
   	bottom: -18px;
   	left: 5px;
		
}

#titol-informes-animat #cinc .text{
	position: absolute;
   	bottom: -22px;
   	left: 5px;
		
}

#titol-informes-animat .negre {

	background:black;
	
}

#titol-informes-animat .blanc {
	background:white;
	

	

}

#titol-informes-animat #quatre,#titol-informes-animat #sis{

	font-family: 'Passion One', sans-serif;
	color:black;
	font-size:3em;
	font-weight:900;
	padding-bottom:0px;

}


#titol-informes-animat #cinc{

		font-family: 'Passion One', sans-serif;
	color:white;
	font-size:3em;
	font-weight:bold;
	padding-bottom:0px;	
	margin-bottom:0px;

	

}

#titol-informes-animat #u{

	width:100px;
	animation:animacio1 1.3s forwards;

}

#titol-informes-animat #dos{

	width:15px;
	animation:animacio2 1.3s forwards;
	
}

#titol-informes-animat #tres{

	width:40px;
	animation:animacio3 1.3s forwards;
}

#titol-informes-animat #quatre{

	width:4vw;
	animation:animacio4 1.3s forwards;
}

#titol-informes-animat #cinc{

	width:80px;
	animation:animacio5 1.3s forwards;
}
#titol-informes-animat #sis{

	width:140px;
	animation:animacio6 1.3s forwards;
}

#titol-informes-animat #set{

	width:50px;
	animation:animacio7 1.3s forwards;
}

#titol-informes-animat #vuit{

	width:30px;
	animation:animacio8 1.3s forwards;
}
#titol-informes-animat #nou{

	width:200px;
	animation:animacio9 1.3s forwards;
}

@keyframes animacio1{

	from {width: 50px; }
    	to {width:100px; }

}

@keyframes animacio2{

	from {width: 8px; }
    	to {width:15px;}

}
@keyframes animacio3{

	from {width: 20px; }
    	to {width:40px; }

}

@keyframes animacio4{

	from {width: 30px; letter-spacing: -10px;}
    	to {width:60px; letter-spacing: 6px;}

}

@keyframes animacio5{

	from {width: 40px; letter-spacing: -10px;}
    	to {width:85px; letter-spacing: 6px;}

}

@keyframes animacio6{

	from {width: 60px; letter-spacing: -10px;}
    	to {width:130px; letter-spacing: 6px;}

}

@keyframes animacio7{

	from {width: 20px; }
    	to {width:55px; }

}

@keyframes animacio8{

	from {width: 10px; }
    	to {width:20px; }

}

@keyframes animacio9{

	from {width: 80px; }
    	to {width:200px; }

}



/*--permòbil--*/

@media only screen and (max-width: 700px){
	
	div#titol-informes-animat{
	
	height:50px;
	width:100vw;
	
	margin-bottom:20px;
	
}

#titol-informes-animat .blanc, #titol-informes-animat .negre{

	display:block;
	float:left;
	height:50px;	
	position: relative;
	
	
}


#titol-informes-animat .text{
	position: absolute;
   	bottom: -9px;
   	left: 2px;
		
}

#titol-informes-animat #cinc .text{
	position: absolute;
   	bottom: -11px;
   	left: 2px;
		
}

#titol-informes-animat .negre {

	background:black;
	
}

#titol-informes-animat .blanc {
	background:white;
	

	

}

#titol-informes-animat #quatre,#titol-informes-animat #sis{

	font-family: 'Passion One', sans-serif;
	color:black;
	font-size:1.5em;
	font-weight:900;
	padding-bottom:0px;

}


#titol-informes-animat #cinc{

		font-family: 'Passion One', sans-serif;
	color:white;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:0px;	
	margin-bottom:0px;

	

}

#titol-informes-animat #u{

	width:50px;
	animation:animacio1m 1.3s forwards;

}

#titol-informes-animat #dos{

	width:7px;
	animation:animacio2m 1.3s forwards;
	
}

#titol-informes-animat #tres{

	width:20px;
	animation:animacio3m 1.3s forwards;
}

#titol-informes-animat #quatre{

	width:2vw;
	animation:animacio4m 1.3s forwards;
}

#titol-informes-animat #cinc{

	width:40px;
	animation:animacio5m 1.3s forwards;
}
#titol-informes-animat #sis{

	width:70px;
	animation:animacio6m 1.3s forwards;
}

#titol-informes-animat #set{

	width:25px;
	animation:animacio7m 1.3s forwards;
}

#titol-informes-animat #vuit{

	width:15px;
	animation:animacio8m 1.3s forwards;
}
#titol-informes-animat #nou{

	width:100px;
	animation:animacio9m 1.3s forwards;
}


	
	
}

@keyframes animacio1m{

	from {width: 25px; }
    	to {width:50px; }

}

@keyframes animacio2m{

	from {width: 4px; }
    	to {width:7px;}

}
@keyframes animacio3m{

	from {width: 10px; }
    	to {width:20px; }

}

@keyframes animacio4m{

	from {width: 15px; letter-spacing: -5px;}
    	to {width:30px; letter-spacing: 3px;}

}

@keyframes animacio5m{

	from {width: 20px; letter-spacing: -5px;}
    	to {width:42px; letter-spacing: 3px;}

}

@keyframes animacio6m{

	from {width: 30px; letter-spacing: -5px;}
    	to {width:65px; letter-spacing: 3px;}

}

@keyframes animacio7m{

	from {width: 10px; }
    	to {width:27px; }

}

@keyframes animacio8m{

	from {width: 5px; }
    	to {width:10px; }

}

@keyframes animacio9m{

	from {width: 40px; }
    	to {width:100px; }

}


/*-- CARTELLERÍA  ---*/

article#post-1260 header.entry-header>h1{
	
	padding-bottom:0px;
	margin-bottom:0px;
	
	border-bottom:0px;
		
	
}



#imatge-cartells{
	padding-top:8px;
	margin-top:2px;
	border-top:4px solid black;	
	
}

#imatge-cartells img{
	width:100%;
	
}



.bloc-imatge{
	float:left;
	
	margin-right:100px;
	margin-bottom:60px;
	max-width:100%;
	
}



.franja-dos-zones{
	
	margin-right:20px;
	margin-bottom:20px;
	

	width:400px;
	max-width:100%;
	height:50px;
	
	color:white;
	box-shadow:4px 8px 10px grey;
	
	
}


.primera-zona{
	float:left;
	width:80%;
	height:100%;
	background:#284551;
	font-weight:900;
	font-size:1.3em;
	
	
}

.primera-zona>.text{
	
	margin:10px;	
	margin-left:15px;
	
	
}

.primera-zona>.text>a{
		
	color:white;
		
}

.segona-zona{
	float:left;
	width:20%;
	height:100%;
	background:black;
	font-weight:900;
	font-size:1.8em;
	text-align: center;
	
	
}


.bloc-imatge img{
	
	
	box-shadow:8px 8px 18px grey;
	max-height:200px;
	
}

.bloc-imatge img:hover{
	
	opacity:.7;
	
}

/*--- ENLLAÇOS ---*/


article#post-1258 header.entry-header>h1{
	
	height:38px;
	padding-left:55px;
	padding-bottom:0px;
	border-bottom:0px;	
	
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/link-icona.png");
	background-position:left bottom;
	background-repeat: no-repeat;
  background-size: contain;
}




.linksInterns{
	height:80px;
	display:block;
	float:none;
	margin-bottom:30px;

	
}



.idsentitats{
	
	height:60px;
	
}
.entitat{

	
	height:100px;
	margin-bottom:45px;
	margin-top:20px;
	
	
}

.nomEntitat, .enllacosEntitat{
	
	display:block;
	float:left;
	font-weight:bold;
	
	
}

.enllacosEntitat>a{
	
	display:block;	
}

.nomEntitat{
	
	width:200px;
	
}
.enllacosEntitat{
	
	margin-left:30px;	
}

/*--- PREGUNTES FREQÜENTS---*/





.botoHoritzontalTaronja{
	
	color:black;
	font-weight:bold;
	font-size:1.2em;
	border:none;
	padding:15px 40px;
	text-decoration:none;
	background-color:rgba(255,69,0,.7);
	
	margin-left:0px;
	margin-bottom:26px;
	text-align: left;
	outline:0;

	cursor:pointer;
}

.botoHoritzontalTaronja:hover{

	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);


}
.respostaFAQs{

	margin-top:10px;
	margin-left:60px;
	margin-right:40px;
	margin-bottom:25px;
	text-align:justify;
	
}



@keyframes animaciorespostaFAQs{

from{margin-top:-10px;} to{margin-top:10px;}
}
/*
.respostaFAQs ul {
   list-style-image: url('https://sindicatdellogateres.org/wp-content/uploads/2018/08/bola.png');
	
}
	*/
	


.respostaFAQs ul>li{
	
	list-style-type:none;
    
	margin-left:20px;
margin-bottom:25px;
     padding-left: 20px; 
	
	border-left:3px solid black;

}


.botoHoritzontalTaronja>img{
	
	
max-height:35px;
	
	margin-right:19px;
	margin-top:0px;
	margin-bottom:8px;
	padding:0px;
}



@keyframes animacioRotarImatge{

from{transform:rotate(0deg);} to{transform:rotate(180deg);}
}

/*--- MAPES ---*/

article#post-1253>header{
	
	height:90px;

	padding-left:80px;
		
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/01/fons-mapes-nit-2.jpg");
	background-position:left bottom;
	background-repeat: no-repeat;
  background-size: cover;
	


	
		
}

article#post-1253>header>h1{
	
	font-weight:900;
	font-size:2.9em;
	color:white;
	padding-bottom:0px;
	border-bottom:0px;
	padding-top:35px;
	
	
}

/*--- AFILIAT ---*/


.formulariAfiliacio label{
	
	margin-top:30px;
	
}

.formulari-afiliacio-1,.formulari-afiliacio-2,.formulari-afiliacio-3{
	
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	
	padding:32px;
	padding-top:60px;
	margin-bottom:40px;
	color:black;
	display:block;
	
	
}



.formulari-afiliacio-1,.formulari-afiliacio-3{
	
	
	background:#FF794F ;

	
}

.formulari-afiliacio-2{
	
	
	background:#7493e0 ;
}

#contenidor-2,#contenidor-3{
	
	display:none;

}

.formulariAfiliacio input[type="text"], .formulariAfiliacio input[type="email"],.formulariAfiliacio input[type="tel"] {
	

	border-radius:0px;
	height:35px;
	border:0px;
	width:65%;
	margin-bottom:30px;
	padding:0px;
	padding-left:5px;
	outline:0px;
	background:beige;
	
}

.formulariAfiliacio select{
		
	border-radius:0px;
	height:40px;
	border:0px;
	margin-bottom:30px;
	outline:0px;
	background:beige;
	
}


.formulari-afiliacio-1 label span:first-child{

	
	width:190px;
	float:left;
	text-align: right;
	margin-right:30px;
	padding-top:10px;
	
	
}

@media only screen and (max-width: 820px){
	.formulari-afiliacio-1 label span:first-child{
		text-align: left;
		
	}
	
}

.formulariAfiliacio input[type="text"]:focus,.formulariAfiliacio input[type="email"]:focus,.formulariAfiliacio input[type="tel"]:focus, .formulariAfiliacio select:focus {
	background:Ivory   ;
	border:0px;
	border-bottom:3px solid #ed5600;
}

.formulariAfiliacio   input[type="radio"],.formulariAfiliacio   input[type="checkbox"]{

	height:20px;
	width:25px;
	margin:5px;

	
}



#form-afil-cif-propietari span:first-child{
	
	margin:15px;	
	
}

#form-afil-cif-propietari input{
	
	width:20%;	
	
}

#any-contracte{
	
	width:220px;

}

#durada-contracte{
	
	width:70px;
	
}

label#durada:after{
	content:" anys";
}

label#durada-cast:after{
	content:" años";
}

#renda{
	
	width:100px;

}

#superficie{
	
	width:110px;
	
}

#habitacions{
	
	width:70px;
	
}

#planta{
	
	width:70px;
	
}

#any-construccio{
	
	width:100px;
	
}

#composicio-llar{
	
	width:200px;
	
}

#ingressos-llar{
	
	width:90px;
	
}

#quota-anual{
	
	width:90%;
}

#iban{
	
	width:52px;
	margin-right:12px;
	
}




#cedula, #certificat-e,#habitacions,#superficie, #renda,#durada-contracte,#any-contracte,#planta, #ascensor, #parking,#estat-conservacio,#any-construccio,#composicio-llar,#ingressos-llar, #quota-anual,#n-compte{
	
	margin-left:20px;
}


#lolpd{
	
	font-size:.73em;
	float:none;
	
}


.botons-form-afiliacio{
	
	height:70px;

	
}
#boto-enviar{
	
	
	float:right;
	background:black;
	margin:0px;
	margin-top:25px;
	
}

input.boto-anterior{
	
	float:left;	
	background:#ed5600;
	margin-top:25px;
	
	
}

input.boto-seguent{

	float:right;	
	background:#ed5600;

		
}


.camps-adicionals{
	
	display:none;
	
	
}

/*-----PAGINA GOTEO---*/

.goteo #n-compte{
	margin:0px;
	width:65%;
}

.goteo #iban{

	margin-right:0px;
	width:65%;
	
}


.goteo .formulari-afiliacio-1{
	
	box-shadow:none;
}

	

.caixa-goteo-inici, .caixa-goteo-final{
	
	background:#8ba3e0 ;
	width:100%;
	min-height:100px;
	
	padding:32px;
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	

	margin-bottom:40px;
	color:black;
	display:block;
	
}

span.wpcf7-not-valid-tip{
	transform:translateY(-10px);

	
}

span.wpcf7-not-valid-tip:after{
	content:" ⤴";
}



/*barra lateral-----*/

.barraLateralAfiliacio{
	
	width:100%;
	padding:0px;
	margin:0px;
	
	
}
.fletxaMobil{
	display:block;
	float:left;
	width:8%;
	
	
}
.barraMansAfiliacio{
	display:block;
	float:left;
	width:92%;
	
	
}



.barraMansAfiliacio>pre#n-afiliats{
	
	border:0px;
	background-color:transparent;
	color:black;
	font-size:2.7em;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding:0px;
	transform:translateY(90px);
	animation: pampallugues 3s infinite;
}

@keyframes pampallugues {
    from {color:#FF794F}
    to {color:black}
}


.fletxaMobil>.fletxa{

	
	margin-top:1400%;
	animation: animacioFletxa .3s infinite;
   	animation-direction: alternate;

	
	
	
}

@keyframes animacioFletxa{

	from {transform:translateY(0%)}
    	to {transform:translateY(-60%)}

}

/*--- PARTICIPA ---*/

.bloc-comissio{
	
	background:beige;
	margin-bottom:30px;
	padding:15px;
	
}

.bloc-comissio input[type="checkbox"]{
	
	opacity:1;
	height:20px;
	width:25px;
	margin:5px;
	
	
}

.bloc-comissio input[type="checkbox"]:checked{
	opacity:.8;
	
}

.header-comisso{

	
	margin:0px;
	padding:10px;
	
	
}

.header-comisso:nth-child(2n){
	
		background:#EF4C29;
	
}

.header-comisso:nth-child(4n){
	background:#2969ef;
}
.header-comisso>h2{
	color:white;
	margin-left:5px;
	
}


/*--- MANUALS-INDEX ---*/


article#post-2609 header.entry-header,article#post-2722 header.entry-header, article#post-2777 header.entry-header, article#post-3360 header.entry-header, article#post-3538 header.entry-header, article#post-3567 header.entry-header {
	

	padding-left:146px;
		
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/02/fons-titol-manuals-1.jpg");
	background-position:left bottom;
	background-repeat: no-repeat;
  background-size: cover;
	
	
}

@media only screen and (max-width: 750px){
	
	article#post-2609 header.entry-header,article#post-2722 header.entry-header, article#post-2777 header.entry-header, article#post-3360 header.entry-header, article#post-3538 header.entry-header, article#post-3567 header.entry-header{
		
		padding-left:0px;
		padding-right:6px;
		text-align:right;
	}
}


article#post-2609 .entry-header>h1,article#post-2722 .entry-header>h1, article#post-2777 .entry-header>h1, article#post-3360 .entry-header>h1, article#post-3538 .entry-header>h1, article#post-3567 .entry-header>h1{
	
	font-weight:900;
	font-size:2.9em;
	color:white;
	padding-bottom:0px;
	border-bottom:0px;
	padding-top:40px;
	
}

article#post-2123 .entry-header>h1{
	
	
	padding:0px;
	float:left;
	border-bottom:0px;
	color:#EF4C29;
	text-shadow:		
		
		5px 5px #ffaf96
		
		;
	padding:0px;
	font-weight:900;
	font-size:4em;
	margin-right:60px;
}

.contenidor-manuals{
	float:left;
	margin-left:10px;
	margin-top:15px;
	
	height:1050px;
	min-width:50%;
	
}
.manual{
	
	height:40px;
	margin:0px;
	

}

.espai{
	
	height:20px;
	margin:0px;
	transform: translateX(21px);
	border-left:8px solid #EF4C29;
	
		animation: animacioIndexManuals 1s forwards;
	animation-delay: .8s;
	

}




.cercle,.enllac-manuals{
	
	
	display:block;
	float:left;
	

}
.cercle{
	
	height:50px;
	width:50px;
	border:8px solid #EF4C29;
	border-radius:50%;
	transform: translateY(-7px);
	
	
	
}




.enllac-manuals{
	
  max-width:65vw;
	margin-left:10px;
	padding-bottom: 0px;
	
}

.enllac-manuals>a{

	font-size:1.5em;
	padding-left:0px;
	
}

.enllac-manuals>a:hover{

	font-size:1.7em;
}

@keyframes animacioIndexManuals{

	from {height: 20px;}
    	to {height:100px;}

	
	
	
	
}

.caixa-altres-manuals{
	
	display:block;
	
	
	padding:20px;
	
	margin:40px;
	border: 8px solid #ed5600;
	border-style:dotted;
	
}

.caixa-altres-manuals li{

	margin-bottom:17px;
	list-style-type:none;
	
	
}



.imatge-manuals,.peu-imatge-manuals{
		
	display:block;

	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:1.2em;
	width:260px;
	}

.imatge-manuals{
	
	
	border-radius:50%;
	
	
}

/*--- CONSELLS ---*/

.pregunta{

	font-size:1.2em;
	margin-bottom:5px;
	margin-top:5px;
	color:#EF4C29;
	padding-left:7px;
	cursor:pointer;
}

.pregunta:hover{
	background:#EF4C29;
	color:white;

}


.consulta{

	border-bottom:2px solid #EF4C29;
	border-top:2px solid #EF4C29;
	margin-bottom:75px;
}

@keyframes animaConsells{
	
	from{max-height:0px;}
	to{max-height:2000px;}
	
}

@keyframes animaConsellsTancar{
	
	from{max-height:100px;}
	to{max-height:0px;}
}

.pregunta-interior{
	font-size:1.05em;
	margin-bottom:4px;
	margin-top:4px;
	color:black;
	
	padding-left:7px;
	cursor:pointer;
	
	
	
}

.pregunta-interior:hover{
	background:black;
	color:white;
	
}

.consulta-interior{
	
	border-bottom:2px solid black;
	border-top:2px solid black;
	margin-bottom:55px;
	padding-bottom:0px;
	
}

.resposta{
	
	margin-left:50px;
	margin-bottom:0px;
	max-height:0px;
	overflow: hidden;
	margin-top:0px;
}


/*--- ADRECES ---*/


article#post-2609 h2{
	
	font-size:170%;
	
	
}

article#post-2609 .contacta-esquerra{
	
	color:#EF4C29;
	
}

/*---ORGANITZAR UN BLOC---*/

article#post-2722 li{
	
	margin-bottom:40px;
	width:60%;
	margin-left:80px;
	list-style-image: url('https://sindicatdellogateres.org/wp-content/uploads/2018/01/Captura3.png');
}


article#post-2722 h2{
	
	margin-bottom:45px;
	
}

/*--- ENS QUEDEM---*/


li#menu-item-3016 a:before{
	content:url("https://sindicatdellogateres.org/wp-content/uploads/2018/02/gota-trans-petita.png");
	
}

article#post-2854 h1.entry-title{
	border-bottom:0px;
	font-weight:bold;
	font-size:4em;
	padding-top:70px;
}

article#post-2854 header.entry-header{
	padding-left:100px;
	
		
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2018/03/gota.png");
	background-position:left bottom;
	background-repeat: no-repeat;
	
	background-size:100px;
	height:150px;
 margin-bottom:100px;
	
}

@media only screen and (max-width: 600px){
	article#post-2854 header.entry-header{
		padding-left:5px;
		padding-top:100px;
		margin-bottom:200px;
		
	}
	
}

ul.llista-dits{
	margin-left:90px;
	
	list-style-image: url('https://sindicatdellogateres.org/wp-content/uploads/2018/01/Captura3.png');
	
}
ul.llista-dits li{
	margin-bottom:40px;
}



/*----CAIXA RESISTÈNCIA ---*/


.resist-contenidor{
	width:100%;
	height:850px;
	
	
}

@media only screen and (max-width:600px){
	
	.resist-contenidor{
	width:100%;
	height:2100px;
	
	
	}
	
	
}

.resist-dreta{
	
	width:580px;
	max-width:90%;
	background-color:Moccasin ;
	float:right;
	margin:20px;
	text-align:justify;
	padding:30px;
	box-shadow:8px 8px 18px rgba(0,0,0,.2);
	
}
.resist-dreta div{
	
	margin-top:50px;
	
}
.resist-esquerra{
	
	width:480px;
	max-width:90%;
	margin:20px;
	margin-bottom:0px;
	float:left;
	
}

.resist-bustia{
	
	width:100%;
	height:85px;
	border-bottom:15px solid black;
	border-top: 5px solid black;
	
	
}

.resist-ranura{
	
	margin:20px;
	margin-left:100px;
	width:160px;
	height:15px;
	background:black;
	border-radius:10px;
	
}

.moneda{

	margin:10px;
	
	overflow:hidden;
	border-radius:50%;
	font-size:1.7em;
	font-weight:900;
	letter-spacing: -2px;
	line-height:60%;
	text-align:justify;
	text-justify:none;


}

#moneda-1{
	
	margin-left:200px;
	height:100px;
	width:100px;	
	
	
}

#moneda-2{
	margin-top:60px;
	margin-left:0px;
	height:160px;
	width:160px;	
	
	
}

#moneda-3{
	margin-top:60px;
	margin-left:100px;
	height:110px;
	width:110px;	
	
	
}

.interior-moneda{
	

	animation: desplacaTextResist 5s infinite forwards;
}

#moneda-2 .interior-moneda{
	
	animation-delay: .9s;
}

#moneda-3 .interior-moneda{
	
	animation-delay: .4s;
}


@keyframes desplacaTextResist{

	from{transform:translateY(-300px);}
	to{transform:translateY(0px);}

}


.resist-n-compte{
	
	text-align:center;
	font-size:3.1em;
	margin:50px;
	font-weight:900;
	color:black;
	
}


/*--- MOTIUS AFILIAR-SE---*/

.caixaMotius{


background:moccasin;
padding:28px;

box-shadow:0 3px 4px rgba(0, 0, 0, 0.3);


}






/*--- FOOTER ---*/

.copyright{
	
	display:none;	
	
	
}
.tg-third-footer-widget h4{
	
	font-size:1.1em;
	margin:0px;
	padding:0px,
	
}

.tg-third-footer-widget .tribe-event-duration{
	font-size:.8em;
	
}

/*REGAL NADAL*/

article#post-6054 h1.entry-title{
	font-size:8vw;
	font-weight:bold;
	-webkit-mask-image: url("https://viljamis.com/img/mask-eea06722.png");
	
}

section.un-pas header{
	margin:0px;
	padding:0px;
	display:grid;
	grid-template-columns:minmax(50px, 110px) minmax(300px, auto);
	grid-gap:1em;
 	
}


section.un-pas .cercle-pas {
	grid-column:1;
	grid-row:1;
	width:100%;
}



section.un-pas h2{
	grid-column:2;
	grid-row:1;
	align-self: center;
}

section.un-pas div.contingut{
	margin:0px;
	margin-left:calc(7vw + 10px);
	
}


@media  only print{
	
	body.page-id-5222 #masthead, body.page-id-5222 span.embed-youtube>iframe,  footer#colophon, .sharedaddy{
		
		display:none;
	}
	
	
}

/*--- LA LLOGATERA FORM ---*/

.llogatera-pagina{
	border:1px solid gray;
	padding:2em;
}


.llogatera-mail input{
	width:300px;
	height:22px;
	font-size:.7em;
}

.llogatera-foto{
	background-color:WhiteSmoke ;
	background-image:url("https://sindicatdellogateres.org/wp-content/uploads/2019/03/fotgrafia-2.png");

	border: 2px dashed Silver;
	

  -webkit-align-items: center; 
  display: flex;
  align-items: center;
}


.llogatera-foto>span.wpcf7-form-control-wrap{
	width:200px;
	margin:auto;
	
}

.f-portada{
	width:100%;
	height:300px;
}


.llogatera-titol input{
	font-family:serif;
	font-size:2em;
	font-weight:bold;
	
}

label.llogatera-text textarea{
	width:100%;
	font-family:serif;
}



details>summary {
  outline:none;
	
}



details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}

img[alt="Prou Lloguers abusius"]{
	float:left;
	margin-right:50px;
}

/*---La LLogatera--*/

.intro-llogatera{
	border: 5px dashed tomato;
	padding: 1.5em;
}

.numero-llogatera{
	background:moccasin;
	font-size:1.2em;
	color:black;
	padding:1.2em;
	margin-top:50px; 
	border-left: 20px solid tomato;
	font-weight:bold;
	transition:border-left .4s ease-out;
}

.numero-llogatera:hover{
		border-left: 40px solid tomato;
}

.numero-llogatera>a>span{
		font-weight:300;
}

/*twister*/

.twister{
	min-height: 100px;
	margin-top:0px;
	margin-bottom:0px;
  margin:auto;
	padding:2em;
}

.twister-imparell{
  border-top: 10px dotted tomato;
  border-left: 10px dotted tomato;
  border-bottom: 10px dotted tomato;
}

.twister-parell{

  border-right: 10px dotted tomato;

}

/*divs girats*/
.div-girat{
  min-height: 100px;
  max-width:600px;
  margin:auto;
  margin-top: 15px;
  padding:2em;
  border: 10px solid gray;
  transform: rotate(-8deg);

}

.div-girat:nth-of-type(2n){
  background: antiquewhite;
}


/*--la llogatera --*/
article#post-7826>.featured-image>img{
	width:100%;
	margin:auto;
	filter: contrast(200%)
	
}

article#post-7826 h1.entry-title{
	text-align:center;
}