h1{
    font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}
h2{
    font-weight: 400;
     font-family: 'Open Sans', sans-serif;
}

    div#setPregunta{
        padding:20px;
        transition-property: transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
    }
	
	
    div#setPregunta.fijo{
        transition-duration: 0s;
        -webkit-transition-duration: 0s;
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0;
    }
    div#setPregunta.animando{
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
.pure-button {
    font-family: 'Open Sans', sans-serif;
    padding: 20px;
    color: #444;
    color: rgba(0, 0, 0, 0.80);
    border: 1px solid #999;
    border: none rgba(0, 0, 0, 0);
    background-color: #fff;
    text-decoration: none;
    border-radius: 28px;
    transition: .3s ease-out;
	line-height:72px;
}
.pure-button:hover {
   transition: .3s ease-out;
   background:  #ceefff;
   color: #5475b7 !important;
}
div.preguntaTexto{
    margin:10px;
    font-size:2em;
	color:#5750C0;
    font-family: 'Open Sans', sans-serif;
	padding-bottom:20px;
}
div.opciones{
    /*border: 1px solid #333;*/
    margin:2px;
}
div.opciones a.opcion{
    /*border: 1px solid #369;*/
    margin:5px;
    white-space:inherit;
    font-size: 18px;
	color:#666;
}
div#retroalimentacion{
    font-size: 1.8em;
    text-align: center;
    padding: 5px;
    
}

div.retro{
  padding:5px;
  margin-top:0px;
  font-size: 1.5em;
 color: #7f8cd4;
 font-family: 'Open Sans', sans-serif;
 text-align:center;
 background-color:rgba(203,243,243,.50);
 margin-top:10px;

  /*border: 1px dashed #F2AA95;*/
}



/* Estilo para los botones */

.boton{
	/*height: 40px;*/
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    margin-top: -20px;
    margin-left: 0px;
    margin-right: 20px;  
    padding: 10px;
    clear: none;
    color: rgba(255, 255, 255, 1);  
    background-color: #84c1b1;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    width:100%;
	}
button,
html input[type="button"], 
input[type="reset"],
{
    /*height: 40px;*/
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    margin-top: -20px;
    margin-left: 0px;
    margin-right: 20px;  
    padding: 10px;
    clear: none;
    color: rgba(255, 255, 255, 1);  
    background-color: #84c1b1;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #ccc;
    width:100%;
    
}
button:hover,
html input:hover[type="button"], /* 1 */
input:hover[type="reset"], {
    color: rgba(132, 193, 177, 1);
  background-color: rgba(255, 255, 255, 1);
  border-color: #999; 
  transition:     color 500ms ease, background-color 500ms ease;
  -webkit-transition: color 500ms ease, background-color 500ms ease;
}
a.bien, a[disabled].bien, a:disabled.bien, a:hover.bien{
  border: 1px solid green;
  background-color: #99FF00;
}
a.mal, a[disabled].mal, a:disabled.mal, a:hover.mal{
  border: 1px solid red;
  background-color: #FF9999;
  color:red !important;
}