body{
    background-color:#1b1b1b;
    width:100%;
    margin: auto;

}
html, body{
	overflow-x: hidden; /* prevents horizontal scroll bars */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
	height: 100%; /* fixes focus scrolling in Safari (OS X) */

}
a:hover{
    opacity:0.5;
}
#container{
    width: 970px;
    margin:auto;
    <!--height: 1943px;-->



}

a{


 text-decoration:none;

}

.clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}
.clearfix { display:block; }

#cont-header{
    width: 100%;
    background-color:#ffffff;
    position: fixed;
    z-index: 99;
}

header{
  width:970px;
  height:100px;
  margin: 0 auto;

}


header #Logo{
    margin-top:17px;
    float:left;



}
header #TextMenu{

    margin-left: 882px;
    margin-top: -38px;
    float: left;
    font-family: 'museo_sans500';

}
header #MenuIcon{
   margin-top: -40px;
    float: right;


}
.Menu{
    width:400px;
    margin: auto;
    display:none;

}

.Menu li{
    color:#ffffff;
    size:20px;

}


#imgEtapa {
    margin-top:100px;
    width:100%;





 }
 .IntroT {

     position:relative;
    margin-top:-100px;

    width:100%;

}


#nombreEtapa{
    color:#fff;
    font-family:'museo_sans500_italic';
    font-size:31;
    margin-left:40px;


}
#fecha{
    color:#fff;
    font-family: 'museo_sans700';
    font-size:55;

}

#ImagenPrincipal{
    float:left;
    margin-top: 107px;
}
#FondoTexto{
    background-color:  #a33e37;
    width: 300px;
    height: 477px;
    margin-left: 670;
    margin-top: 107px;
}

#DescripcionImagen{
    font-family: 'museo_sans300_italic';
    color:  #c0c0c0;
    font-size: 16.12px; /* Approximation due to font substitution */
    font-style: italic;
    width: 190px;
   margin-left:50px;
    line-height: 23px;

}


#ImagenPequena{
    float:left;
    margin-top: 50px;<!--antes eran 100px-->
}
#Texto2{
    width: 632px;
    margin-top: 46px;
    margin-left: 270px;
    text-align:justify;
}

#TextoRes{
    width: 715px;
    margin-top: 110px;
    text-align: justify;

}


.Actividades{
    margin-bottom: -50px;
}

.Actividad1{
    margin-left: 730;
    margin-top: 70;
    margin-bottom: -60px;
}

.Actividad2{

    margin-left: 800px;
    margin-top: 20px;

}

#Titulo{
    font-family: 'museo_sans500';
    color:  #c0c0c0;
    font-size: 40.3px; /* Approximation due to font substitution */


}

#text{
    font-family: 'museo_sans300';
    color:  #c0c0c0;
    font-size: 16.12px; /* Approximation due to font substitution */
    line-height: 27px;
    text-align: justify;

}

#DivDescr{
    width: 190px;
    height: 73px;
    margin-top:20px;

}

#Descr{
    font-family: 'museo_sans300';
    color:  #c0c0c0;
    font-size: 13px; /* Approximation due to font substitution */
    font-style: italic;

}

#Seccion1{

    background-color:  #a89464;
    width: 970px;
    height: 4px;
    margin-top:100px;
}

#Seccion2{

    background-color:  #a89464;
    width: 970px;
    height: 4px;

}

#Explicacion{
    width: 900px;
    margin-top: 20px;
    margin-left: 30px;
    text-align: center;
}

#Explicacion2{
    margin-top: 20px;

    margin-bottom: 20px;
    text-align:center;
}

#TextoGrande,#Autor{
    font-family: 'Georgia';
    color:  #ffffff;
    font-size: 21px;
    font-style: italic;
    line-height: 1.186;
}

#Autor{
    text-align:right;
}

#SigEtapa{
    height: 150px;
margin-top: 70px;
margin-left: 340;
color: #bbb;
    font-family:'museo_sans500';
    font-size:16px;
}
#SiguienteEtapa, a{
    color: #bbb;
    font-family:'museo_sans500';
    font-size:16px;
}

#cuadrado1{
    background-color:  #a33e37;
    width: 487px;
    height: 364px;
    margin-top:50px;

}
#cuadrado2{
    background-color: #a89464;;
    width: 487px;
    height: 364px;
    margin-top: -364px;
    float:right;
}

#cuadradotexto1{
    font-family: 'museo_sans500_italic';
    color:  #c0c0c0;
    font-size: 14px; /* Approximation due to font substitution */
    font-style: italic;
    line-height: 24px;
    text-align:justify;
    width: 400px;
    margin-left:40px;
}

#autor2{
    font-style: italic;
}

#Texto3{
    margin-top:50px;
    font-family: 'museo_sans500';
    color:  #c0c0c0;
    font-size: 16px; /* Approximation due to font substitution */
    line-height: 24px; /* Approximation due to font substitution */
    width: 969px;
    text-align:justify;

}

#TextoCambio{
    margin-top: 46px;
    text-align: justify;
}

#pensar1{
    cursor: pointer;
}

.Volver{
    margin-left: -90px;
}