@charset "utf-8";
@font-face {
        font-family: 'ralewayblack';
    src: url('fuentes/raleway-black/raleway-black-webfont.eot');
    src: url('fuentes/raleway-black/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-black/raleway-black-webfont.woff2') format('woff2'),
         url('cfuentes/raleway-black/raleway-black-webfont.woff') format('woff'),
         url('fuentes/raleway-black/raleway-black-webfont.ttf') format('truetype'),
         url('fuentes/raleway-black/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('fuentes/raleway-regular/raleway-regular-webfont.eot');
    src: url('fuentes/raleway-regular/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/raleway-regular/raleway-regular-webfont.woff2') format('woff2'),
         url('fuentes/raleway-regular/raleway-regular-webfont.woff') format('woff'),
         url('fuentes/raleway-regular/raleway-regular-webfont.ttf') format('truetype'),
         url('fuentes/raleway-regular/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;}

.contenedor {width: 960px; margin: 0 auto 0 auto;}
*{margin: 0; padding: 0}


body {
    background-color:#ffffff;
    padding-left: 150px;
    padding-right: 150px;}
   header{margin: auto;
   position: relative;}

.button {
    display: inline-block;
    background: #7f8c8d;
    color: white;
    padding:5px 0;
    text-align: center;
    width: 200px;
    text-decoration: none;
  align-content: space-around;
}
   
nav{
    align-items: center;
    
}

nav a {
    text-decoration: none;
   font-family: 'ralewayregular';
    font-size: 12px;
    color: white;
    
}


nav a:hover{
    
    background:  #ff6a6a;
}

.contenedor2{
  display: flex;
  flex-direction: row;
  align-content: space-around;
  flex-wrap: nowrap;
  padding-top: 5%; padding-bottom: 5%;

    
}

.menu {
}




article section h3 { font-family:'ralewayregular'; color: #000000;}

                                  



.parte1{    
    display: flex;
    flex-direction: row;
    align-content: space-around;
    width: 100px;
}   



.parte2 {    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0%;
    margin: 0%;
    }

#1martu {width: 80%; font-family:'ralewayregular';font-size:16px;}                             
#2caro {width: 80%; font-family:'ralewayregular';font-size:16px;}  
#3lucha {width: 80%; font-family:'ralewayregular';font-size:16px;}  
#4rosi {width: 80%; font-family:'ralewayregular'; font-size:16px;} 
.parte2 div{80%;}
.parte2 img:hover{background-color: antiquewhite;}
#1martu:hover{background: rgba(255, 125, 125, 0.4);}


.parte3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-top: 5%;
    
}

.subtitulos{
    font-family: 'ralewayblack';
    font-size: 16px;
    
    }
.subtilulos #s0{
    }
.subtilulos #s1, #s2, #s3{
    }

.subtitulos h6{
    font-family:'ralewayregular';
    font-size: 12px;
    text-align: left;    
}

h1 {text-align: left;
 font-family:'ralewayregular';
    color:  #ff6a6a;
font-size: 18 px;}

h6 {
     font-family:'ralewayregular';
    font-size: 12px;
    text-align: left;    
}

/*---FOOTER---*/

footer{
    
    margin-top: 35px;
    margin-bottom: 15px;
    background-color: #ff6a6a;
    width: 100%;
    height: 150px;
}

.footer-contenido{
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    padding-top: 35px;
   justify-content: center;
}

.textofooter{
    padding-left: 50px;
}

.texto-footer{
    font-family:'ralewayregular';
    font-weight: normal;
    color: white;
    font-size: 10pt;
    text-align: center;
    justify-content: space-around; 
}

.imagenfooter{
    padding-left: 50px;
}

/*footer{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #ff6a6a;
  }
footer img {width: 20%; height: 20%; padding: 8px; 
    }

footer div{color: white;
          padding: 3%;}
footer div h6 {text-align: center;
            line-height: 16pt;}
#derechos{
    font-size: 10px;
    color: white;
    line-height: 2;
    font-family: 'ralewayblack';
    text-align: center;
    }*/


.contedor3 {
      display: flex;
   
}


.carta2{
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    
 
}

.carta2 h2{
    
   font-family: 'ralewayregular';
    font-size:24px;
    font-kerning: 25px;
    
}
#contenidos{
    flex-grow: 10;
    padding: 3% auto;
}
#objetivos{
    flex-grow: 2;
}
.carta2 h4{
    font-family: 'ralewayregular';
      font-size:16px;
}

.carta2 p{
    font-family: 'ralewayregular';
    font-size:14px;
    
}

.mapa h3 {
    font-family: 'ralewayregular';
    font-size:24px;
    font-kerning: 25px;
}

/*---RESPONSIVE---*/
  

@media screen and (max-width: 480px){
    body{ background: #ffffff;}
     
        figure {
    width: 90%;
    margin: 0;
    padding: 0;
    max-width: 20em;
    }
    figure img {
     width: 100%;}
    .contenedorunico{
     width: 100%;
         padding:  0%;
    }
    .parte1{
         width: 100%;
        
    }   
    
    
     .parte1 img{
        display: block;
         width: 100%;
    
    }     

    .contenedor {
        display: block;
        align-content: center;
        margin: 0% 0%;
        padding: 2%;
        width: 100%;
        } 
    
     .contenedor1 img {
        display: block;
        align-content: center;
        margin: 0% 0%;
        padding: 2%;
        width: 100%;
        } 
    
    .parte2{
        display: block;
        flex-wrap: wrap;
        align-content: center;
        width: 100%;
        
    }
    
    body{
        margin: 0% 0%;
        padding: 0%;
        width: 100%;
        align-items: center;    
    }
    
     .parte2 img{
        align-content: center;
         width: 100%;
          
     } 
    
     .menu {
        width: 100%;}
            
       .parte3{
        display: block;
        flex-wrap: wrap;
        align-content: center;
        width: 100%;  
            
    }
    
    
   .menu a{
        width: 100%;}
            
       .parte3{
        display: block;
        flex-wrap: wrap;
        align-content: center;
        width: 100%;  
            
    }
    
    .subtitulos{
        text-align: center;
        width: 100%;
    }
    
    h1{
        display: block;
        width: 100%;
        text-align: center;
    }
    
    h6 {
        display: blok;
        text-align: center;
            width;100%;
    }
    
    footer {
        height: 175px;}
    
    footer img {
        display: none;}
    
}