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

/* Prehome style */

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



    

    

    

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

    /* Reset */

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

        html, body {height:100%; position:relative}

        html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, strong, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}

        body {line-height:1}

        ol, ul {list-style:none}

        

        

        

        

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

    /* General */

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

        body {background-color: #e9e9e9;}

        #contenidor-prehome h1 {font: 8.5em 'Source Sans Pro', sans-serif; color:#fff; font-weight:700; text-align: center; letter-spacing: -.02em; line-height: 0.4em; margin-top: 23px; text-shadow: 0 2px 0px rgba(0, 0, 0, 0.27);

            text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.17);

        }

        #contenidor-prehome.recollit h1 {margin-top:22px}

        

        

        

        

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

    /* Content */

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

        #contenidor-prehome {position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:922px; height:623px;

            -webkit-transition: all 1s ease;

            -moz-transition:all 1s ease;	

            -o-transition:all 1s ease; 	

            -ms-transition:all 1s ease;

        }

        #contenidor-prehome.desplegat {top:14%}

        #contenidor-prehome.recollit {top:-7%; height:123px}

        #contenidor-prehome .content {overflow:hidden; height:100%}

        ul#seleccio-prehome {position:relative; margin-top: 7%; height: 51%; height: 318px;}

        ul#seleccio-prehome > li {float:left; width: 33%; margin-right:.4%; height: 97.8%; position: relative; overflow:hidden; width: 304px; height: 314px}        

        ul#seleccio-prehome > li > a {text-decoration:none}        

        ul#seleccio-prehome > li:nth-child(3) {margin-right:0}

        

        

        /* Info inicial */

	        ul#seleccio-prehome > li .info { height:100%; width:100%}

	        ul#seleccio-prehome > li .info.desactiu {opacity:0;

		        -webkit-transition: all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000);

	            -moz-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

	            -o-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000) 	

	            -ms-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000)

	        }

			ul#seleccio-prehome > li .info.actiu { opacity: 1;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s;

	            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s;	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s; 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s;

	        }



	        ul#seleccio-prehome > li .info > img.logo-fons {position:absolute; left:31%; top:15%; z-index: 1;opacity: .4;width: 40%;height: auto;}

	        ul#seleccio-prehome > li .info > img.logo-seleccio {position:absolute; left: 33%; top: 18%; z-index: 2; width: 34%; height: auto;width: 104px;height: 104px;}

            ul#seleccio-prehome > li .info .intro {position: absolute; bottom: 13.1%; left: 0; width: 284px; height: 98px; padding: 0 10px}

	        body#en ul#seleccio-prehome > li.lameva .info .intro {bottom:13.3%}

	        ul#seleccio-prehome > li .info .intro p {font-family:'Source Sans Pro', sans-serif; color: #fff; text-align: center; letter-spacing: -.03em}

	        ul#seleccio-prehome > li .info .intro p.titol strong {display: block; font-size: 1.500em; font-weight: 600; padding-bottom: 23px}

            ul#seleccio-prehome > li .info .intro p.explicacio {width:206px; font-size:1.250em; font-weight:300; margin:0 auto}

            body#es ul#seleccio-prehome > li .info .intro p.explicacio {width:230px}

            body#en ul#seleccio-prehome > li .info .intro p.explicacio {width:230px}

	        

	        ul#seleccio-prehome > li.lameva .items {background-color:#fa494a}

	        ul#seleccio-prehome > li.meet .items {background-color:#efb149}

	        ul#seleccio-prehome > li.ajuntament .items {background-color:#70b8af}

	        ul#seleccio-prehome > li.lameva {background:url('../img/lameva-bck.png') repeat-x 0 0}

	        ul#seleccio-prehome > li.meet {background:url('../img/meet-bck.png') repeat-x 0 0}

	        ul#seleccio-prehome > li.ajuntament {background:url('../img/ajuntament-bck.png') repeat-x 0 0}

        

        

        /* Slot - Contenidor */

		    ul#seleccio-prehome > li .items {position:absolute; bottom:-2%; width:100%; text-align:center; height:12%; z-index:0}

			ul#seleccio-prehome > li .items.actiu {height:102%;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

		        -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

		        -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

		        -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000)

			}

			ul#seleccio-prehome > li .items.desactiu {height:39px;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

		        -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;	

		        -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;	

		        -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

			}

		

		

        /* Slot - Fletxa desplega */

			ul#seleccio-prehome > li .items img.fletxa {position:absolute; top:28%; left:48%}

			ul#seleccio-prehome > li .items.actiu img.fletxa {opacity:0;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

				-moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

	

			}

			ul#seleccio-prehome > li .items.desactiu img.fletxa {opacity:1;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;

				-moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s; 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;

	

			}

        

        

        /* Slot - Items */

	        ul#seleccio-prehome > li .items ul {opacity:0; width:100%; height:70%; margin-top:7%; overflow:hidden; position: relative; z-index: 5}

	        ul#seleccio-prehome > li .items.actiu ul {opacity:1;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s;

				-moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s;	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s; 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .2s

			}

			ul#seleccio-prehome > li .items.desactiu ul {opacity:0;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

				-moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000)

			}

	        ul#seleccio-prehome > li .items ul li {font:1em 'Source Sans Pro', sans-serif; color:#fff; text-transform:lowercase; padding:1.2% 0; position: absolute; z-index:1; text-align:center; letter-spacing:-.04em; top:0; width:100%;

	            -webkit-transition: all .5s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

	            -moz-transition:all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000); 	

	            -o-transition:all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);  	

	            -ms-transition:all 0.5s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

	        }

	        

	        ul#seleccio-prehome > li .items ul li img {position:absolute; opacity:0; left:45.6%; top:10%;

                -webkit-transition: all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

	            -moz-transition:all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 	

	            -o-transition:all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  	

	            -ms-transition:all .2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

            }

	        ul#seleccio-prehome > li .items ul li.pos-0 {top:-15%; font-size:.5em; opacity:0}

	        ul#seleccio-prehome > li .items ul li.pos-1 {top:0; font-size:.9em; opacity:.25;}

	        ul#seleccio-prehome > li .items ul li.pos-2 {top:10%; font-size:1.1em; opacity:.5;}

	        ul#seleccio-prehome > li .items ul li.pos-3 {top:22%; font-size:1.2em; opacity:.75} 

	        ul#seleccio-prehome > li .items ul li.pos-4 {top:40%; font-size:1.25em; font-weight:600; padding:10% 0 2%}

	        ul#seleccio-prehome > li .items ul li.pos-4 img {opacity:1;

                -webkit-transition: all .7s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

	            -moz-transition:all .7s cubic-bezier(0.000, 0.000, 0.580, 1.000); 	

	            -o-transition:all .7s cubic-bezier(0.000, 0.000, 0.580, 1.000);  	

	            -ms-transition:all .7s cubic-bezier(0.000, 0.000, 0.580, 1.000); 

            }

	        ul#seleccio-prehome > li.lameva .items ul li.pos-4 {color:#ca3f3f}

	        ul#seleccio-prehome > li.meet .items ul li.pos-4 {color:#976f2f}

	        ul#seleccio-prehome > li.ajuntament .items ul li.pos-4 {color:#4e7d76}

	        ul#seleccio-prehome > li .items ul li.pos-5 {top:70%; font-size:1.2em; opacity:.75}

	        ul#seleccio-prehome > li .items ul li.pos-6 {top:82%; font-size:1.1em; opacity:.5}

	        ul#seleccio-prehome > li .items ul li.pos-7 {top:93%; font-size:.9em; opacity:.25}

	        ul#seleccio-prehome > li .items ul li.pos-8 {top:105%}

	        ul#seleccio-prehome > li .items ul li.pos-9 {top:120%}

        

        

        /* Slot - Fons blanc slot actiu*/

	        ul#seleccio-prehome > li .items .item-actiu {position:absolute; width:100%; height:19%; left:0; top:35%; z-index:1; opacity:0; text-indent: 100%; white-space: nowrap; overflow: hidden; background-color:#fff}

	        ul#seleccio-prehome > li .items.actiu .item-actiu {opacity:1;

		        -webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;

	            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s; 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s

	        }

			ul#seleccio-prehome > li .items.desactiu .item-actiu {opacity:0;

		        -webkit-transition: all .2s cubic-bezier(0.075, 0.820, 0.165, 1.000);

	            -moz-transition:all .2s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

	            -o-transition:all .2s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

	            -ms-transition:all .2s cubic-bezier(0.075, 0.820, 0.165, 1.000)

	        }

	      

	      

	    /* Slot - Botó */    

	        ul#seleccio-prehome > li .items p {opacity: 0; position: absolute; bottom: 10%; left: 0; width: 100%; margin: 0 auto}

			ul#seleccio-prehome > li .items.actiu p {opacity:1;

				-webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;

	            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;	

	            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s; 	

	            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .3s;

			}

			ul#seleccio-prehome > li .items.desactiu p {opacity:0;

				-webkit-transition: all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000);

	            -moz-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

	            -o-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

	            -ms-transition:all .5s cubic-bezier(0.075, 0.820, 0.165, 1.000)

			}

            ul#seleccio-prehome > li .items p a {display: inline; font: 1em 'Source Sans Pro', sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:25px; margin: 0 auto; padding: 2.7% 10%}

	        ul#seleccio-prehome > li .items p a:hover {            

                -webkit-box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

                -moz-box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

                box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

            }

	        /*body#en ul#seleccio-prehome > li .items p a {width:60%}*/

			ul#seleccio-prehome > li.lameva .items p a {background:#ca3f3f}

	        ul#seleccio-prehome > li.meet .items p a {background: #976f2f}

	        ul#seleccio-prehome > li.ajuntament .items p a {background: #4e7d76}

        

        

        

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

    /* Peu        */

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

        #peu {background:url('../img/peu-bck.png'); width:100%; height: 21.5%;margin-top: 4.3%;}

        #peu > div {width:183px; height:93px; padding-left:251px; padding-top:31px}

        #peu #xarxes {padding-left: 8%;padding-right: 13%;width: 199px;}

        #peu h2 {font: 1.1em Arial, Helvetica, sans-serif; color:#000; font-style:italic;text-align: center;padding: 0 5px;letter-spacing: -.02em;line-height: 1.1em;}

        body#en #peu h2 {padding:0}

        #peu p a {display:block; font: .9em 'Source Sans Pro', sans-serif; color:#fff; text-transform:uppercase; border-radius:25px; background:#747480; text-decoration:none;text-align: center;width: 150px;padding: 2.9% 1%;margin: 0 auto;letter-spacing: -.03em;}

        body#en #peu p a {width:104%}

        #peu p a:hover {

            -webkit-box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

            -moz-box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

            box-shadow: inset -1px -1.2px 0 0 rgba(0, 0, 0, .3);

        }

        #peu img {position: absolute}

        #peu div p {margin-top: 3.2%;}

        #peu #apps {position:relative;float: left;}

        #peu #apps img {width: 18.15%; height:auto}

        #peu #apps.actiu img:nth-child(1) {width:17%;

            -webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

        }

        #peu #apps.actiu img:nth-child(2) {width:17%;

            -webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;	

            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000 .1s); 	

            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

        }

        #peu #apps img:nth-child(1) {z-index: 2;left: 38%;top: -6%;width: 70px;

            -webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;	

            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s; 	

            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000) .1s;

}

        #peu #apps img:nth-child(2) {z-index: 1;left: 30%;top: -10%;width: 70px;

            -webkit-transition: all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -moz-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

            -o-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

            -ms-transition:all .8s cubic-bezier(0.075, 0.820, 0.165, 1.000);

}

        #peu #xarxes {position:relative;float: right}

        /*#peu #xarxes img { top: 19%; left: -8%;}*/

        body#en #peu #xarxes {padding-right:10%}

        #peu #xarxes ul.social {position:relative}

        #peu #xarxes ul.social li { position:absolute; width:15px; height:15px;}

        #peu #xarxes ul.social li img {                  

            -webkit-transition: all 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -moz-transition:all 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);	

            -o-transition:all 1s cubic-bezier(0.075, 0.820, 0.165, 1.000); 	

            -ms-transition:all 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);



}

        #peu #xarxes ul.social li.pos-0 img {left: -85px; top: -6px;}

        #peu #xarxes ul.social li.pos-1 img {left: -53px; top: -6px;}

        #peu #xarxes ul.social li.pos-2 img {left: -33px; top: 21px; }

        #peu #xarxes ul.social li.pos-3 img {left: -53px; top: 49px;}

        #peu #xarxes ul.social li.pos-4 img {left: -85px; top: 49px; }

        #peu #xarxes ul.social li.pos-5 img {left: -103px; top: 21px;}

        

        #peu-foto {position:absolute; right:40px; bottom:40px; height:30px}

        #peu-foto div {visibility:hidden; opacity:0; float: right; margin-right:5px; 

            -webkit-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -moz-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -o-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -ms-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

        }

        #peu-foto div.mostra {opacity:1; visibility:visible; transition-delay:0s}

        #peu-foto div p { width:auto; float:right; font-family:'Source Sans Pro', sans-serif; font-size:1em; color:#fff; background:rgba(0,0,0,.7); padding:5px 10px}

        #peu-foto div img.fletxa {float:right; margin-top:7px}

        #peu-foto img.foto {cursor:pointer; float:right; margin-top:-12px}

        

        

        .condol {position: absolute;transition-delay:0s;top: 80px;right: 40px;visibility:visible; opacity:1; 

            -webkit-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -moz-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -o-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);

            -ms-transition:visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);}

            .cartel{
    position: absolute;
    display: block;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: inherit!important;
    transition-delay: 0s;
    top: inherit!important;
    right: inherit!important;
    transition-delay: 0s;
    top: 80px;
    right: 40px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -ms-transition: visibility 0s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1s, opacity 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
    }


        /*.condol {display:none} --------------------------------------------------------------------------------------------------------------------------------------------- */

        

        

        

        

        .condol.desplegat {visibility:hidden; opacity:0;  }
        .cartel.desplegat {visibility:hidden; opacity:0;  }

        

        .condol-mobile {display:none; width:38px; height:auto; margin-left:45%; padding-top:15px;}
        .cartel-mobile {display:none;     height: auto;    margin: 0 auto;    padding-top: 15px;}

        .bt-recull {position:absolute; display:initial; cursor:pointer; right:-37px; top:141px}

        #contenidor-prehome.recollit .bt-recull {top:69px; right:15px}



	.info_imatge{
    position: absolute;
    right: 42px;
    bottom: 5px;
    height: 30px;
    color: white;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
	}

        

        

     

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

    /* Firefox Hack */

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

        @-moz-document url-prefix() { 

            ul#seleccio-prehome > li .items ul li.pos-1 {font-size:1em}

            ul#seleccio-prehome > li .items ul li.pos-4 {font-size:1.3em; font-weight:500}

            ul#seleccio-prehome > li .items ul li.pos-7 {font-size:1em}

        }

     

     

     

     

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

    /* Responsive */

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



            

        /* Desktop 1600 */

            @media only screen and (max-width : 1600px) and (max-height: 900px) { 

                #contenidor-prehome {top:9%}

                #contenidor-prehome.desplegat {top:34%}

                #peu-foto.desplegat {bottom:-57px}

            } 

            



            

        /* Desktop 1366 */

            @media only screen and (max-width : 1366px) and (max-height:768px) {

                body {background-size:initial; background-attachment: fixed!important}

                #contenidor-prehome {top:29%}

                #contenidor-prehome.recollit {top:0}

                #contenidor-prehome.desplegat {top: 71%;}

                #contenidor-prehome.desplegat.recollit {top: 22%;}

                #contenidor-prehome.cookie {top: 50%;}

                #contenidor-prehome.cookie.desplegat {top: 76%;}

                #peu-foto {bottom:-155px}

                #peu-foto.desplegat {bottom:-240px}

            } 



        /* Desktop 1280 */

            @media only screen and (max-width : 1280px) and (max-height:800px) {

               /* #peu-foto {bottom:-73px}*/

                #peu-foto.desplegat {bottom:-244px}

            }

            

            @media only screen and (max-width : 1280px) and (max-height:768px) {

                #peu-foto {bottom:-156px}

            }

            

            

        /* Desktop 1152 */

            @media only screen and (max-width : 1152px) and (max-height:864px) {          

                body {background-size:initial; background-attachment:fixed!important}  

                #contenidor-prehome {top:9%}

            }     

           

           

        /* Desktop 1024 */

            @media only screen and (max-width : 1024px) {

                body {background-attachment: fixed!important}

                #contenidor-prehome {width:77%; height:529px}

                #contenidor-prehome.cookie {top:19%!important}                

                #contenidor-prehome.desplegat {top:33%!important}  

                #contenidor-prehome.desplegat.recollit {top:19%!important}                 

                #contenidor-prehome.desplegat.cookie {top:27%!important}                

                #contenidor-prehome h1 {font-size:5.5em}

                ul#seleccio-prehome {height: 279px; margin-top: 50px}

                ul#seleccio-prehome > li {width: 256px; height: 277px; margin-right: 3px}

                ul#seleccio-prehome > li .info > img.logo-seleccio {top: 14%; width:33%; height: auto;}

                ul#seleccio-prehome > li .info .intro {bottom: 35px; width: 256px; padding: 0}

                ul#seleccio-prehome > li .info .intro p.titol {font-size: .9em; padding-bottom: 3px}

                ul#seleccio-prehome > li .info .intro p.explicacio {font-size:1.1em}

                #peu {margin-top: 3.5%;height: 23.5%;}

                #peu > div {padding-top: 28px; width: 166px; padding-left: 211px;}

                #peu > div h2 {padding: 0 2%; font-size: 1em;}        

                #peu > div p a {padding: 2.8% 2%;}

                #peu #xarxes {padding-left: 8%; padding-right: 56px; width: 180px;}

                #peu #apps img:nth-child(1) {  left: 33%;  width: 62px; }

                #peu #apps img:nth-child(2) { left: 26%; width: 63px; }

                #peu-foto {bottom:30px;}              

                .bt-recull {top:107px; right:-38px}

                #contenidor-prehome.recollit {height:107px}

                #contenidor-prehome.recollit .bt-recull {top:43px; right:92px}

                .info_imatge{    bottom: 0px;}

            }

            

            

        /* Desktop 1015 */

            @media only screen and (max-width : 1015px) {

                #contenidor-prehome {width:774px}

            }

            

        

        /* Desktop max-height:550 */

            @media only screen and (max-height: 550px) {

               #contenidor-prehome.cookie {top:72%}  

            }

            

        /* Desktop max-height:400 */

            @media only screen and (max-height: 400px) {

                #contenidor-prehome {height:434px}  

            }

            

            

        /* Tablet */

            @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation:portrait) {

                #contenidor-prehome {width:90%; height:60%}

                ul#seleccio-prehome > li {width:226px; margin-right:3.5px}

                ul#seleccio-prehome > li .info .intro {width:100%; padding:0}

                ul#seleccio-prehome > li .info .intro p.titol strong {font-size:1.400em}

                #contenidor-prehome.desplegat {top:68%!important}

                #contenidor-prehome.desplegat.recollit {top:44%!important}                

                #contenidor-prehome.recollit .bt-recull {right:49px}

                .bt-recull {right:-34px}

                #peu #apps {left:-33px}

                #peu #xarxes {right:-30px}

                #peu-foto {right:25px; bottom:59px}

                #peu-foto.desplegat {bottom:-59px}

                .info_imatge {    bottom: 15px; right: 34px;}


            }

            

            @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation:landscape) {

                ul#seleccio-prehome > li {width:259px ;margin-right:.3%}

                #contenidor-prehome.desplegat {top:30%}

                #contenidor-prehome.recollit {top:-17%}

                #contenidor-prehome.desplegat.recollit {top:12%}

                #peu-foto {bottom:15px}

                #peu-foto.desplegat {bottom:-75px}


            }



            @media only screen and (max-device-height : 800px) and (max-device-width: 1280px) and (orientation: landscape){
				#peu-foto {bottom:-60px!important;}
				.info_imatge{bottom: -100px!important;}
			}

			@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

				#peu-foto {bottom:45px!important;}
				.info_imatge{bottom: 0px!important;}

			}
            

        /* Android tablet */

            @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation:portrait)  {

                #contenidor-prehome {top:0; width:91%; height:532px}

                ul#seleccio-prehome > li {width:240px}

                ul#seleccio-prehome > li .info .intro {width:100%}

                ul#seleccio-prehome > li .info .intro p {text-decoration:none!important}

            }

        

        /* Mobile */

            @media only screen and (max-width :767px) {

                body {background-image: none; background-color: #e9e9e9}

                #contenidor-prehome {top:0; margin-top:10px}

                #contenidor-prehome h1 {font-size:2.9em; color: #505050;font-weight: 600; margin:5.5% 0 10%}

                #contenidor-prehome {position:relative; width:100%; height:initial; margin-top:9%; padding:0 3%; width:93%}

                #contenidor-prehome.desplegat {top:50%}

                ul#seleccio-prehome{height: initial}

                ul#seleccio-prehome > li {float: none; width: 100%; height: 177px; margin-bottom: 4%}

                ul#seleccio-prehome > li .info {width: initial; padding:4% 0 4% 4%}

                ul#seleccio-prehome > li .info > img.logo-seleccio {position: relative; width: 23%; left: initial; top: initial; float: left; display: block; margin-top:3%; margin-right:5%}

                ul#seleccio-prehome > li .info .intro {position: relative; float: left; display: block; width: 72%; bottom: initial; margin-top:5%; padding:0}

                ul#seleccio-prehome > li .info .intro p.explicacio {width:99%!important; text-align:left}

                body#es ul#seleccio-prehome > li .info .intro p.explicacio {font-size:1em}

                ul#seleccio-prehome > li .info .intro p.titol {font-size: 1.1em; font-weight: 100; text-align: left}

                ul#seleccio-prehome > li .info .intro p.titol strong {font-size: 1em; text-align: left; font-weight: 600; letter-spacing: -.04em; margin-bottom:0; padding-bottom:1px!important}

                ul#seleccio-prehome > li .items {height:72px}

                ul#seleccio-prehome > li .items img.fletxa {display: none}

                ul#seleccio-prehome > li .items ul {display: none}

                ul#seleccio-prehome > li .items .item-actiu {display: none}

                ul#seleccio-prehome > li .items p {opacity: 1; bottom:27px}

                ul#seleccio-prehome > li .items p a {width:46%; font-size: 1em; letter-spacing: -.04em}

                #peu {height:initial; margin-top:10.5%}

                #peu:after {      visibility: hidden;      display: block;      font-size: 0;      content: " ";      clear: both;      height: 0;      }

                #peu .info {position:absolute; width:57%; right:3%; top:22%}

                body#en #peu .info {width:60%}

                #peu > div {float:none; width:100%; height:70px; margin-top:4%; padding-left:0; background:#c7c7c7}

                #peu > div h2 {padding:0}

                #peu > div p {text-align:center; margin-top:9px}

                #peu > div p a {display:initial; width:initial; padding:2.8% 10%}

                body#en #peu > div p a {font-size:.8em}

                #peu #apps img {width:18.15%}

                body#en #peu #apps .info {width:68%}

                #peu #apps img:nth-child(1) {left:18%; top:-21%}

                body#en #peu #apps img:nth-child(1) {left:8%}

                #peu #apps img:nth-child(2) {left:11%; top:-25%}

                body#en #peu #apps img:nth-child(2) {left:0}

                #peu #xarxes {width:100%; margin-bottom:4%; padding-left:0; padding-right:0}

                #peu #xarxes ul.social {top:-19% ;left:41%}

                body#en #peu #xarxes ul.social {left:46%}

                body#en ul#seleccio-prehome > li.lameva .info .intro {bottom:initial}

                #peu-foto {display:none}

                .bt-recull {display:none}
				.condol-mobile{ display:block;}
				.condol{ display:none;}

				.cartel-mobile{ display:inherit!important;}
				.cartel{ display:none;}





            }
			@media screen and (max-width :767px) {
				.condol-mobile{ display:block;}
				.condol{ display:none;}

				.cartel-mobile{ display:inherit!important;}
				.cartel{ display:none;}
				
				.info_imatge{    display:none!important;}

				
			}
			
			
/*****/

.navbar .logo .cartel-mobile,.navbar .logo .cartel{ display:none!important;}