footer {
            display: block;
            text-align: left;
             padding-bottom: 10px;

             width: auto;
    height: 200px;
    
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color: #000265;
    overflow: hidden;
   width: 100%;
         
        }

@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;

}
    

		/* classes del footer */
		.contenedor2 {
            display:inline;
            height: 390px; 
            font-family: 'MyriadProLight';
        	font-size: 16px;
        	font-color: #ffffff;  
        	float:right;   
        	  width:42%; 
        	          
        }  

        

        .contenedor1 {  
        	display:inline;      
            height: 390px;          
            vertical-align: top;
            float:left;  
            text-align: left; 
            width:58%; 

        }  

      

        .linkfooter { 
        	display: block;
			list-style: none;  
        	color: #ffffff;
        	padding-left: 30px;    
            vertical-align: top;   
            text-align:left;  
            width:95%; 
            float:left; 
            margin-top: 30px; 
            text-align: justify;    
        }  

        .linkfootera { 
        	display: inline-block;
            vertical-align: top; 
            padding-top:50px;  
            padding-right:20px;
            text-align:left;         
        }  

        .linkfooteraLink{
            margin-top: 30px;
        	 font-family: 'MyriadProLight';
        	font-size: 16px;
        	color: #ffffff;
        	text-decoration:none;  
        	display: inline-block; 
        	padding-right:30px;
        }

        .linkfooteraLink a{
        	 font-family: 'MyriadProLight';
        	font-size: 16px;
        	color: #ffffff;
        	text-decoration:none;   
        }

        .linkfooterb { 
        	display: inline-block;
			padding-top:50px;  
            vertical-align: top;   
            text-align:left;         
        }  

        .linkfootera  ul li a{ 
             font-family: 'MyriadProLight';
            font-size: 16px;
            color: #ffffff;  
            text-decoration: none;
        }  

         .linkfooterb  ul li a{ 
             font-family: 'MyriadProLight';
            font-size: 16px;
            color: #ffffff;  
            text-decoration: none;
        }  

        .linkfooter li{ 
        	list-style: none; 
            font-family: 'MyriadProLight';
        	font-size: 16px;
        	font-color: #ffffff;    
            margin-top: 10px;
        }  

        .linkfooter2 { 
        	display: block;
        	padding-top: 40px; 
        	padding-left: 70px;
            text-align: right; 
            float: left; 
                   
        }  

        .linkfooter2a { 
        	
        	padding-left: 30px;
                   
        }  

        .linkfooter2 li { 
        	display: inline-block;
        	padding-top: 20px;
            text-align: right; 
            float: left; 
                   
        }  

        .titol_peu { 
        	display: block;
        	text-align: right;
        	float:right;
        	width:700px;
        	padding-right:30px;
        }   

        .titol_peu a{
            
             font-family: Helvetica;
            font-size: 24px;
            text-shadow:4px 3px 3px rgba(128, 132, 112,0.5);font-weight:normal;color:#fff;letter-spacing:0pt;word-spacing:-2pt;font-size:42px;text-align:left;font-family:helvetica, sans-serif;line-height:1;margin:0px;padding:0px;
            text-decoration: none;
            vertical-align: top;     
            
        }   

        .adressfacebook { 
        	display: block;
        	padding-left: 0px;
        	text-align: right;
        }      
        
           

        .adress {         	 
            font-family: 'MyriadProLight';
        	font-size: 16px;
        	font-color: #ffffff;  
        	display: block;  
        	padding-left: 0px;
        	text-align: right;
                      
        }  
        .facebook { 
        	display: inline-block;  
        	padding-right: 15px;
        	font-family: 'MyriadProLight';
        	font-size: 16px;
        	font-color: #ffffff;
        	text-align: left;
                      
        }  

@media screen and (max-width:800px ) {
	.titol_peu a{
        font-size: 24px;
    }

    .linkfooteraLink {
       
        float: right;
        width: 400px;
    }
	}


@media screen and (max-width:685px ) {
    footer {
        height: auto;
    }

    .linkfooteraLink {
       text-align: center;
        width: 100%;
        padding-right: 0px;
    }

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

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

@media screen and (max-width:410px ) {
   
     .contenedor2{
        display: block;
        width: 100%;
        height: auto;
    }

    .titol_peu{
        padding-right: 5px;
    }

    .linkfooteraLink{
        font-size: 12px;
    }
}

        

@media screen and (max-width:320px ) {
   
     .linkfooter{
        padding-left: 30px;
    }

    .titol_peu a {
        font-size: 20px;
    }

    .linkfooteraLink {
      font-size: 19px;
    }

    .linkfooteraLink a{
      font-size: 19px;
    }
}