/*@import url(http://fonts.googleapis.com/css?family=Indie+Flower);

body
{
  font-family: 'Indie Flower', cursive;
}*/

.popupmanco{
  position:relative;
  left:40vw;
  margin-left:35px;
 margin-top:-210px;
 /* margin-top:-210px;*/
    top:-12vh;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}


.popupmanco div
{
  width:620px;
  height:430px;
  font-size:1.1em;
}

.popupmanco div
{
  padding:30px;
  background-color:darkorange;
  border-radius:40px;
  color:white;
  text-align:center;
}
/*ESTHER POPUP FIJO*/
.popupmancofijo{
  position:relative;
  left:40vw;
  margin-left:35px;
  top:-12vh;
  margin-top:-210px;
  opacity:0;
  transition:all 1s;
  -webkit-transition:all 1s;
}


.popupmancofijo div
{
  width:620px;
  height:430px; 
  font-size:1em;
}

.popupmancofijo div
{
  padding:30px;
  background-color:greenyellow;
  border-radius:40px;
  color:white;
  text-align:center;
}

/*FIN ESTHER POPUP FIJO*/

/* button */
.buttonmanco{
 position:relative;
 top:10vh;
 margin-top:-1em;
 left:1vw;
 margin-left:-78px;
 display:inline-block;
 text-align:center;
 /*background-color:transparent;*/
 padding:30px;
 background-color:rgb(255, 140, 0); 
 font-size:30px;
 border-radius:100px;
  transition:all 2s;/*VELOCIDAD DE MOVIMIENTOS*/
  -webkit-transition:all 2s;/*VELOCIDAD DE MOVIMIENTOS*/
}

.buttonmanco:hover{
  background-color:rgba(255, 140, 0,.5);
  cursor:pointer;
  top:13vh;
  left:5vw; 
    
}
/* Gestion des évenements */

.buttonmanco:hover ~.popupmanco
{
  margin-left:-120px;
  margin-top:-210px;
  opacity:8;
   
}

/*RESPONSIVE*/
@media(max-width: 1230px) {
 /* button-------------------------------------------------- */
     .buttonmanco{

        display: none;
    }


     /* POPUP----------------------------------------------------*/  

    #historia_grande_titulo{ display: none;}
    #historia_grande{ display: none;}
    
    #historiamancomunidadresponsive{
        display:block;

    }
    #historiamancomunidadresponsive  {width: 100%;text-align: left;  background-color:rgba(255, 140, 0,.5);}
 
}
 
@media(max-width: 680px) {
 /* button-------------------------------------------------- */
 .buttonmanco{
    
    display: none;
}
   
  
 /* POPUP----------------------------------------------------*/  
    
 .popupmanco div{
    display: none;
}

#historiamancomunidadresponsive{
    display:block;width:100vw;
    
}
   
 
}
 
@media(max-width: 480px) {
 /* button-------------------------------------------------- */
.buttonmanco{
    
    display: none;
}
   
  
 /* POPUP----------------------------------------------------*/  
    
 .popupmanco div{
    display: none;
}

#historiamancomunidadresponsive{
    display:block;
    
}
      
}