estilos creados para los tipos de fuentes que se utilizan en la web. Estilos para contenido, títulos 
 'linea de migas, pie, menu, etc. 

*{
	margin: 0px;
	padding: 0px;
}

  /* Div que engloba el contenido de la página menos el footer */


@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/slender_by_simoncho_design-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/slender_by_simoncho_design-webfont.ttf') format('truetype'),
         url('../fonts/slender_by_simoncho_design-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProLight';
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/slender_by_simoncho_design-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/slender_by_simoncho_design-webfont.ttf') format('truetype'),
         url('../fonts/slender_by_simoncho_design-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}




        
    section{
        display: block;
        height: auto;
        text-align: center;
        font-family: 'MyriadProLight';
        font-size:  16px;
        color: #27282A;
        padding-top: 50px;
        padding-bottom: 100px;
    }

     .fixed{
            position:fixed;
            top:0;
            width:100%;
            z-index:999;
        }

        .margen{
            margin-top:50px;
        }
        
        .linkfooter_mobile{
            display: none;
    }
		.continguts{
			display:block;
			text-align:center;
			min-height:auto;
           overflow: hidden;
           height: auto;
		}

        .continguts2{
            display:block;
            text-align:center;
            height:auto;
            min-height:auto;
            margin-top: 50px;
        }

        .logo_dalt_img{
            position: relative;
            top: 50%;
            left: 50%;
        }

        .img_baix{
            position: absolute;
        }

        .fons{
            display:block;
            height: 750px;        
            width: 100%;
            margin: 0 auto;

            background: rgba(151,145,145,1);
            background: -moz-linear-gradient(-45deg, rgba(151,145,145,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(151,145,145,1)), color-stop(78%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(-45deg, rgba(151,145,145,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(-45deg, rgba(151,145,145,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(-45deg, rgba(151,145,145,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
            background: linear-gradient(135deg, rgba(151,145,145,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979191', endColorstr='#ffffff', GradientType=1 );
        }

        .fons2{
            display:block;
            height: 350px;        
            width: 100%;
            margin: 0 auto;
            overflow: hidden;

        }


        .visor{
            display: block;
            width: 100%;
            height: auto;
        }

        .somos{
            display: block;
             font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
            overflow: hidden;
        }

         .estamos{
            display: block;
            height: auto;
             font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
            padding-top: 50px;
        }

        
		.llegenda{
			display:block;
			font-family: 'MyriadProLight';
        	font-size: 30px;
        	color: #27282a;
        	text-align: left;
        	padding-bottom:30px;
            margin-left: 30px;
            margin-top: 50px

		}


		.text{
			 font-family: 'MyriadProLight';
            font-size: 18px;
            color: #27282a;              
            text-align: left;
            margin-left: 30px;
            margin-right: 30px;
            margin-bottom: 50px;
            text-align: justify;
		}


		
        

        .centrar{
        	display:block;
        	width:100%;
        	text-align:center;
        	float:center;
        	padding:top:30px;
        }

     
/* estils de lal part de baix */

	

       .contingut_fila{
            display:block;
            height:auto;
            text-align:center;
            overflow: hidden;
        }


        .contingut_esq{
            display:inline-block;
            height:auto;
            width:35%;  
            text-align:left;
            margin-left: 20px;
            font-size: 18px; 
        }

         .contingut_dreta{
            display:inline-block;
            height:auto;
            width:55%;
            float:right;
            text-align: right;
            margin-right: 0px;
            margin-left: 50px;
        }

        .img_central{
            display: block;
            height: auto;
            width: 100%;             
        }

        .img_central2{
            display: block;
            height: auto;
            width: 100%; 
            font-size: 18px; 
            color: #fff; 
            background-color: #000265; 
            padding-top: 20px; 
            padding-bottom: 20px;
            font-family: 'MyriadProLight';
        }


        .somos_esq{
            display:inline-block;
            height:auto;
            width:50%;  
            text-align:left;
            float:left;

        }

         .somos_dreta{
            display:inline-block;
            height:auto;
            text-align: justify;
            float: left;
            width: 40%;
            margin-left: 40px;
            font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
        }

        .somos_esq2{
            display:inline-block;
            height:auto;
            width:50%;  
            text-align:left;
            float:left;
            margin-left: 20px;
        }

         .somos_dreta2{
            display:inline-block;
            height:auto;
            text-align: justify;
            float: right;
            width: 40%;
            margin-left: 40px;
            font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
        }

        .text a{
             font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
            text-decoration: none;
        }

        .contingut_dreta a{
             font-family: 'MyriadProLight';
            font-size:  18px;
            color: #27282A;
            text-decoration: none;
        }


/* estils de la pagina d´inici */


   .blocs{
            display:block;
            height:auto;
            margin:0 auto;
            text-align:center;
            width:90%;
        }


        .filablocs{
            display:block;
            height:200px;
            text-align:center;
            width:100%;
        }


        .bloc1{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
            
        }

        .bloc2{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
        }

        .bloc3{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
            
        }

        .bloc4{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
            
        }

        .bloc5{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
        }

        .bloc6{
            display:inline-block;
            height:auto;
            width:22%;
            float:left;
            
        }

        .separador{
            display:block;
            padding-top: 25px;
            padding-bottom: 25px;
        }

        .separador_blocs{
            display:inline-block;
            float: left;
            padding-top: 25px;
            padding-bottom: 25px;
            padding-left: 10px;
            padding-right: 10px;
        }


/* estils de la ferramenta */

.esq{
    display:inline-block;
    width:70%;
    float:left;
    text-align:left;
    margin-left: 30px;
}

.dreta{
    display:inline-block;
    width:20%;
    float:right;
    text-align:left;
     margin-right: 30px;
}

.config{
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
   
}


/* estils del formulari */

.caselles{
	 width: 90%;
    height: 40px;
    padding: 0 15px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: Helvetica;;
    font-size: 18px;
    color: #27282A;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
.missatge{
	 width: 270px;
    height: 100px;
    padding: 0 15px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: Helvetica LT CondensedLight;
    font-size: 18px;
    font-color: #000000;
    color: #000000;
    
}


.enviar{
	 width: 100px;
    height: 40px;
    padding: 0px 15px;
    background: #2d2d2d; /* browsers that don't support rgba */
    background: rgba(45,45,45,.15);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3d3d3d; /* browsers that don't support rgba */
    border: 1px solid rgba(255,255,255,.15);
    font-family: Helvetica LT CondensedLight;
    font-size: 18px;
    color: #fff;

}


        



@media screen and (max-width:800px ) {
	
	
  
        
		.contingut{
			display:block;
			height:100%;
			text-align:center;
			float:center;
		}

		


        .contingut_esq{ 
        display: inline-block;       	
        	width:45%;  
        }

     .contingut_dreta {  
     display: inline-block;           
        width: 45%;   
        margin-right: 0px;
    }

   .somos_esq{
            width:45%;  

        }

         .somos_dreta{            
            width: 45%;
        }

        .filablocs{
            padding-top: 0px;
            padding-bottom: 0px;
            height: auto;
        }
        .separador{
            display: none;
        }

   .bloc1{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
            
        }

        .bloc2{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
        }

        .bloc3{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
            
        }

        .bloc4{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
            
        }

        .bloc5{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
        }

        .bloc6{
            display:block;
            height:auto;
            width:100%;
            text-align: center;
            float: none;
            padding-top: 20px;

            
            
        }
.separador_blocs{
    display: none;
}

	
}

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

.esq{
    display: block;
}

.dreta{
    display: block;
    width: 90%;
    text-align: center;
}

     .contingut_esq{
           display: block;
            height: auto;
            width: auto;
            text-align: center;
            margin-left: 10px;
            margin-right: 10px;
            padding-bottom: 20px;        
        }

         .contingut_dreta{
           display:block;
            height:auto;
            width:100%; 
            text-align: center;
            margin-left: 15px; 
        }

        .somos{
            height: auto;
        }

         .somos_esq{
            display:block;
            height:auto;
            width:100%;  
            text-align: center;
            padding-bottom: 20px;
        }

         .somos_dreta{
            display:block;
            height:auto;
            text-align: center;
            width: 90%;
            margin-left: 20px;
            margin-right: 20px;
            padding-bottom: 20px;
        }

         .somos_esq2{
            display:block;
            height:auto;
            width:90%;  
            padding-bottom: 20px;
            text-align: center;
            margin-left: 20px;
            margin-right: 20px;
            
        }

         .somos_dreta2{
            display:block;
            height:auto;
            text-align: center;
            width: 100%;
            padding-bottom: 20px;
        }

        #estamos{
            height: auto;
        }

        .linkfooter{
            display: none;
        }

    .linkfooter_mobile{
            display: block;
            text-align: center;
    }


}

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

   
}

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

   

   

    

}