@charset "utf-8";
/* Simulador
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.simulador img.right {margin-top: -1em; width: 200px;}

.simulador .botones { width: 100%; text-align: center; padding-top: 2em;}
.col-contenido .simulador .botones a {border: 3px solid #000; text-transform:uppercase; width: 215px; text-align: center; display: inline-block; padding: 0.55em 0; margin: 0 0.25em; cursor: pointer; background: #000; color: #fff; font-weight: 700;}
.col-contenido .simulador .botones a:hover,
.col-contenido .simulador .botones a:focus
{border: 3px solid #264c80; background: #264c80;}

.simulador .introduccion h2 {text-align: center;}
.simulador .introduccion:after {content: " "; display: table; height: 20px;}
.simulador .introduccion p { font-size: 1.125em; padding-top: 1em; line-height: 1.55; padding: 1em 0; padding-bottom: 4em; margin-bottom: 0; border-bottom: 3px solid #f1f1f1;}
.simulador .introduccion p strong {color: #000; font-size: 1.25em;}

.simulador .solucion {width: 100%;}
.simulador .pregunta, .simulador .respuesta {display: none;}
.simulador .pregunta { text-align: center;}
.simulador .pregunta p { font-size: 1.55em; padding: 1em 0; color: #000; margin-bottom: 0;}
.simulador .pregunta li { display: inline-block; width: 30%;}

.simulador .input-radio {display: block; position: relative;}
.simulador li button {
	border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: none;
    color: #000;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    
    /*Reseteo slink*/
     width: auto;
     height: auto;
     text-indent: 0;

}

.simulador .input-radio .input-addon {display: table-cell;height: 36px; position: relative; padding-left: 40px;}
.simulador .input-radio .input-addon:before {border: 2px solid #c1c1c1; border-radius: 100% !important;
	content: "";
	width: 32px;
    height: 32px;
	background: #ececec url(imagenes/bolo-blanco.png) no-repeat center -100px;
    position: absolute;
    top: 0;
    left: 0;
	overflow: hidden;
    text-align: center;
}

.simulador .input-radio .input-title {
	display: table-cell;
	width: 190px;
    height: 36px;
	text-align: left;
    padding: 5px 10px;
	line-height: 1.65;
	background-color: #ececec;
    border-radius: 3px;
}
.simulador button:focus {outline: 1px dotted #f1f1f1;}
.simulador button:focus .input-addon:before, .simulador button:focus .input-title, 
.simulador button.activo .input-addon:before, .simulador button.activo .input-title 
{background-color: #666 !important;border-color: #474747 !important; color: #fff;}
.simulador button:focus .input-addon:before, 
.simulador button.activo .input-addon:before 
{background-position: center;}

.simulador .respuesta { padding: 0.65em 2em; text-align: center;}
.simulador .respuesta p {font-weight: 700;font-size: 1.55em; text-align: center; padding: 0.55em 1em; margin-bottom: 0;}
.simulador .respuesta p.small {font-size: 1.25em;}
.simulador .respuesta ul {margin: 0 auto; width: 100%; overflow: hidden; list-style: none;}
.simulador .respuesta ul li {margin: 1em 2em; float: left; width: 40%;}
.simulador .respuesta ul li a.bt-enlace { width: 300px; margin: 1em auto;}

.section-container .simulador ul li:before
{width:  0; height:  0; background: none; margin:  0; display: inline; content: none !important;}

@media only screen and (max-width: 680px) { 
.simulador .introduccion p {font-size: 1em;padding-bottom: 1em;}	
.simulador img.right {margin-top: 0; width: 150px;}
.simulador .pregunta li, .simulador .respuesta ul li {display: block; width: 100%;}
.simulador .respuesta ul li {margin: 1.55em 0;}
}