html,body 	{
		margin: 0px;
		padding: 0px;
		top: 0;
		background-color: #212121;
		}

h2		{
		text-align: center;
		font-family: helvetica;
		color: #78dc8e;
		}
		
a:link	{
		color: #FFFFFF;
		text-decoration: none;
		}
		
a:hover	{
		color: #78dc8e;
		text-decoration: none;
		}
		
a:visited{
		color: #ccc;
		text-decoration: none;
		}
		
.inicio	{
		text-align: right;
		font-family: helvetica;
		font-weight: bold;
		font-size: 15px;
		color: #78dc8e;
		text-decoration: none;
		}
		
/*--------------estils cookies------------------------*/
#barraaceptacion {
    	display:none;
	    position:fixed;
	    left:0px;
	    right:0px;
	    top:0px;
	    padding-top:20px;
	    width:100%;
	    text-align:center;
	    min-height:40px;
	    background-color: rgba(0, 0, 0, 0.5);
	    color:#fff;
	    z-index:99999;
		}
 
.inner {
	    width:100%;
	    position:absolute;
	    padding-left:5px;
	    font-family:helvetica;
	    font-size:12px;
	    top:30%;
		}
 
.inner a.ok {
	    padding:4px;
	    color:#78dc8e;
	    text-decoration:none;
		}
 
.inner a.info {
	    padding-left:5px;
	    text-decoration:none;
	    color:#78dc8e;
		}
/*--------------fi estil cookies-------------------------*/		
		
body	{
		background: url(images/aleatorias/1.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
			}

h1		{
		cursor: default;
		}

#verda1	{
		position: absolute;
		top: 0;
		height: 0.5%;
		width: 100%;
		background-color: #78dc8e;
		}

#titol	{
		position: absolute;
		top: 63%;
		left: 50%;
		margin-left: -720px;
		}
		
#titol h1	{
		position:absolute;
		top: 50%;
		left: 50%;
		margin-left: -120px;
		font-size: 30px;
		font-weight:400;
		font-family: 'Montserrat', sans-serif;
		color: #FFFFFF;
		}
				
/*logos grans patrocinadors-----------------------------------------*/		
#verda2	{
		position: absolute;
		left: 23%;
		top: 62%;
		height: 20%;
		width: 80%;
		background-color: #78dc8e;
		opacity: 0.3;
		filter: alpha(opacity=20); /* For IE8 and earlier */
		}
		
#verda2:hover {
		opacity: 1.0;
		filter: alpha(opacity=20); /* For IE8 and earlier */
		transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
		}		
		

#logoBH	{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -245px;
		}
#logoBH-w	{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -245px;
		}		

#logoINVERSE	{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -105px;
		}

#logoINVERSE-w	{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -105px;
		}
		
#logoBCN{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: 50px;
		}

#logoBCN-w{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: 50px;
		}	

/*#logoCAIXA{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: 125px;
		}		
		
#logoCAIXA-w{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: 125px;
		}*/
		
#patrocinadors-grans-g img:hover	{
						opacity: 0.0;
						transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
					}
					
/*logos petits col·laboradors-----------------------------------*/
#logoMET{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -300px;
		}
#logoMET-w{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -300px;
		}
		
		
#logoLUCK{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -170px;
		}
#logoLUCK-w{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -170px;
		}
		
#logoSEGU{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -20px;
		}
#logoSEGU-w{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: -20px;
		}
		
#logoCRUYFF{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: 120px;
		}
#logoCRUYFF-w{
		position: absolute;
		top: 55%;
		left: 50%;
		margin-left: 120px;
		}


#colaboradors-grans-g img:hover	{
						opacity: 0.0;
						transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
					}		
#blanca	{
		position: absolute;
		top: 85%;
		height: 8.5%;
		width: 100%;
		background-color: #FFFFFF;
		opacity: 0.3;
		filter: alpha(opacity=50); /* For IE8 and earlier */
		}
		
#blanca:hover {
		opacity: 1.0;
		filter: alpha(opacity=50); /* For IE8 and earlier */
		transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
		}		

/*comença estils botons xarxes socials--------------------------*/
#logoFB	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}

#logoTW	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}
		
#logoIN	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -70px
		}
		
#logoYT	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -20px
		}
		
#logoCO	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: 30px;
		}
		
#logoFB-g	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}

#logoTW-g	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}
		
#logoIN-g	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -70px
		}
		
#logoYT-g	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -20px
		}
		
#logoCO-g	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: 30px;
		}
		
#social-g img:hover	{
						opacity: 0.0;
						transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
					}
	
#adreca	{
		position: absolute;
		top: 96%;
		left: 10px;
		font-size: 10px;
		font-family: helvetica;
		color: #ffffff;
		}
		
#copyright	{
		position: absolute;
		top: 96%;
		right: 10px;
		font-size: 10px;
		font-family: helvetica;
		color: #ffffff;
		}

#verda3	{
		position: absolute;
		top:100%;
		height: 0.5%;
		width: 100%;
		background-color: #78dc8e;
		}	
		
/*---------------- plana politica de cookies------------------*/
#mis-cookies{
		position: relative;
		left: 50%;
		margin-left: -40%;
		width: 80%;
		text-align: left;
		font-size: 14px;
		font-family: helvetica;
		color: #ffffff;
		}
				
@media only screen
and (min-width : 100px)
and (max-width : 767px) {

#verda1	{
		position: absolute;
		top: 0;
		height: 0.5%;
		width: 100%;
		background-color: #78dc8e;
		}

#bg		{
		display: none;
		}		

#titol{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -116px;
		}
		
#logoFF{
		height: 100px;
		}
		
/*logos grans patrocinadors-----------------------------------------*/		
#verda2	{
		position: absolute;
		top: 55%;
		height: 28%;
		width: 100%;
		background-color: #78dc8e;
		}
		
#logoBH	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -180px;
		}
		
#logoINVERSE	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -60px;
		}
		
#logoBCN{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: 60px;
		}
				
#logoBH-w	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -180px;
		}
		
#logoINVERSE-w	{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: -60px;
		}

#logoBCN-w{
		position: absolute;
		top: 15%;
		left: 50%;
		margin-left: 60px;
		}
		
#patrocinadors-grans-g img:hover	{
						opacity: 0.0;
						transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
					}
					
/*logos petits col·laboradors-----------------------------------*/
#logoCATLIKE{
		display: none;
		}
#logoCATLIKE-w{
		display: none;
		}

#logoSTIFF{
		display: none;
		}
#logoSTIFF-w{
		display: none;
		}
		
#logoROODOL{
		display: none;
		}
#logoROODOL-w{
		display: none;
		}
		
#logoESSAX{
		display: none;
		}
#logoESSAX-w{
		display: none;
		}
		
#logoLUCK{
		display: none;
		}
#logoLUCK-w{
		display: none;
		}
		
#logoSEGU{
		display: none;
		}
#logoSEGU-w{
		display: none;
		}
		
#logoCRUYFF{
		display: none;
		}
#logoCRUYFF-w{
		display: none;
		}

#logoMASPORT{
		display: none;
		}
#logoMASPORT-w{
		display: none;
		}

#logoTRAINING{
		display: none;
		}
#logoTRAINING-w{
		display: none;
		}

#logoFITLENE{
		display: none;
		}
#logoFITLENE-w{
		display: none;
		}

	
#blanca	{
		position: absolute;
		top: 85%;
		height: 8.5%;
		width: 100%;
		background-color: #FFFFFF;
		}

/*comença estils botons xarxes socials--------------------------*/
#logoFB	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}

#logoTW	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -70px
		}
		
#logoIN	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -20px
		}
		
#logoYT	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: 30px
		}
		
#logoCO	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: 80px;
		}
		
#logoFB-g	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -120px
		}

#logoTW-g	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -70px
		}
		
#logoIN-g	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: -20px
		}
		
#logoYT-g	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: 30px
		}
		
#logoCO-g	{
		position: absolute;
		height:20px;
		top: 15%;
		left: 50%;
		margin-left: 80px;
		}
		
#social-g img:hover	{
						opacity: 0.0;
						transition: opacity .5s ease-out;
    						-moz-transition: opacity .5s ease-out;
    						-webkit-transition: opacity .5s ease-out;
    						-o-transition: opacity .5s ease-out;
					}
	
#adreca	{
		display: none;
		}
		
#copyright	{
		position: absolute;
		bottom: 55px;
		left: 2%;
		font-size: 10px;
		font-family: helvetica;
		color: #ffffff;
		}

#verda3	{
		position: absolute;
		bottom: 30px;
		height: 0.5%;
		width: 100%;
		background-color: #78dc8e;
		}		
}