@font-face {
  font-family: 'DIN';
  src: url('DIN-Medium.otf');
}
@font-face {
  font-family: 'DIN1';
  src: url('DIN-Light.otf');
}


*{
    margin:0;
    padding:0;
}
body{
height: 100%;
    width:100%;
    background: yellow;
}
.contenedor{
height: 3000px;
    width: 100%;
    background: red;
    float: left;
}

.imgj { float: left;
width: 100%;
height: 380px;
    
}


.imgj .imagjulia img{
    float: left;
width: 450px;
height: 350px;
margin-left: 30px;

}

.imgj .imagjulia2 img{
    float: left;
width: 450px;
height: 350px;
    margin-left: 30px;

}

.imgj .imagjulia3 img{
    float: left;
width: 450px;
height: 350px;
    margin-left: 30px;

}
header{
   height: 100px;
    width: 100%;
    background: yellow;
   float: left;
    
}
.primerbtn{
float: left;
    width: 100px;
    height: 100px;
   margin-left: 30px;
    list-style: none;
    font-size: 7pt;
    font-family: 'DIN';
    margin-top: 20px;
    text-decoration: none;
    color: red;
 }

.primerbtn h1{
     list-style: none;
     color: red;
 }

.primerbtn a{
    text-decoration: none;
  }

section{
width: 100%;
    height: 200px;

float: left;
}

section p{
width: 180px;
height: 150px;
margin-left: 30px;
    color: white;
    text-align: center;
    font-family: 'DIN';
   
    
}
.segundobtn{
float: left;
    width: 400px;
    height: 20px;
 margin-left: 30px;
    font-size: 20pt;
    font-family: 'DIN';
     margin-top: 10px;
}
.tercerbtn img{
float: left;
    width: 80px;
    height: 40px;
 margin-left: 1000px;
        margin-top: 30px;
}
nav{
float: left;
    width: 100%;
    height:60px;
      background: red;

}

nav ul{
float: left;
    width: 80%;
    height: 30px;
   
    margin-top: 20px;
}

.btn1 { list-style: none;
    }
    
.btn1 {
    width: 96px;
    height: 20px;
    margin-left: 30px;
    list-style: none;
    float: left;
    text-align: center;  
    text-decoration: none;
    
    
    
    background: white;
}

.textocarta {list-style: none;
   } 

.textocarta p{
float: left;
    width: 600px;
    height: 110px;
    margin-left: 30px;
    font-size:11pt;
    list-style: none; 
    text-decoration: none;
    font-family:'DIN1';
    color: white;
    }
    

.btn2{
    float: left;
    width: 150px;
    height: 20px;
    margin-left: 30px;
    list-style: none;
    text-align: center;    

    background: white;
}


.btn2b { list-style: none; 
    }

.btn2b{
    float: left;
    width: 150px;
    height: 20px;
    margin-left: 30px;
    list-style: none;
    text-align: center;    
    text-decoration: none;
    
    background: white;
}



nav p{
color:red;
    font-size: 11pt;
    font-family: 'DIN';
    
 }

.mapa { float:left;
    }
.mapa .btn3 { list-style: none;
    }
.mapa .btn3{

 float: left;
    width: 150px;
    height: 20px;
    margin-left: 30px;
    list-style: none;
    text-align: center; 
    
    background: white;
    

}

.imagmapa { float: left;
width: 100%;
height: 380px;
    
}


.imagmapa .btn4 img{
    float: left;
width: 1410px;
height: 590px;
margin-left: 30px;

}