/*
 * @fileoverview Estilos.
 *
 * @version              1.0
 *
 * @author               ELC
 * @copyright           joystick
 *
 * History
 * v1.0 – Se creo el proceso
 * ----
 * La primera versión de Estilos fue escrita por ELC
 */

@font-face {
    font-family: 'myriad-regular';
    src: url('../fonts/myriadpro-regular/MyriadPro-Regular.eot');
    src: url('../fonts/myriadpro-regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular/MyriadPro-Regular.woff') format('woff'),
         url('../fonts/myriadpro-regular/MyriadPro-Regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular/MyriadPro-Regular.svg#myriad-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriad-bold';
    src: url('../fonts/myriadpro-bold/myriadpro-bold-webfont.eot');
    src: url('../fonts/myriadpro-bold/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold/myriadpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-bold/myriadpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-bold/myriadpro-bold-webfont.svg#myriad-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #f2f2f2;
	font-family: 'myriad-regular' !important;
	margin: 0;
	overflow-x: hidden;
	animation: show .8s ease-in;
}

header {
	background: url(../img/back.svg);
	background-size: cover;
	background-position: center;
	height: 670px;
}

nav a {
	color: #fff;
	text-decoration: none;
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 1.3em;
}

.red {
	background: #a22421;
	color: #fff;
}

.ajuste {
	margin-right: 0;
	margin-left: 0;
}

.logo, nav {
	margin: 20px 20px;
}

.menu-bar {
	float: right;
	text-transform: uppercase;
}

.bienvenida {
	color: #FFF;
	max-width: 60%;
	margin-top: 150px;
	text-transform: uppercase;
}

.btn-iniciar {
	background: #fff;
	border-radius: 5px;
	color: #A22421;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	margin: 70px 20px;
	margin-left: 0;
}

.max-70 {
	max-width: 70%;
	margin: 50px auto;
}

.max-80 {
	max-width: 80%;
	margin: 50px auto;
}

.max-90 {
	max-width: 90%;
	margin: 20px auto;
}

h2 {
	color: #a22421;
	font-family: 'myriad-bold';
	text-transform: uppercase;
	margin-top: 0;
}

p {
	color: #404040;
}

a {
	text-decoration: underline;
}

.separador {
	margin-bottom: 50px;
}

.separador-min {
	margin-bottom: 30px;
}

.tarjeta {
	background: #fff;
	border-radius: 5px;
	padding: 100px 50px 20px 50px;
	min-height: 450px;
}

.titulo {
	text-transform: uppercase;
	font-family: 'myriad-bold';
	font-size: 1.5em;
}

.white {
	background: #fff;
}

input {
	height: 50px;
	border: 1px solid rgba(0,0,0,.34);
}

::placeholder {
	font-size: 1.5em;
	opacity: .34;
}

.btn-haras {
	background: #a22421;
	border-radius: 5px;
	color: #fff;
	font-size: 1.3em;
	/*height: 50px;*/
	text-decoration: none;
	min-width: 100px;
	max-width: 100px;
}

.btn-haras:hover, .btn-haras:focus {
	background: #d42e2b;
	color: #fff;
	border: 1px solid #fff;
}

.btn-haras:disabled {
	background: #666;
}

.label-text {
	cursor: pointer;
}

.check input[type="checkbox"] {
	display: none;
}

.check input[type="checkbox"] + .label-text:before {
	content: url(../img/check.png);
	margin-right: 5px;
	vertical-align: sub;
}

.check input[type="checkbox"]:checked + .label-text:before {
	content: url(../img/checked.png);
	animation: select 3s ease-in;
}

.contenedor-preguntas {
	max-width: 70%;
	margin: -50px auto;
	margin-bottom: 0;
}

.pregunta {
	background: #cccccc;
	border: .3px solid #b3b3b3;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	color: #fff;
	font-size: 2em;
	padding: 30px;
	width:100%;
}

.pregunta p {
	color: #fff;
	text-align: left;
	margin:20px;
}

.numero {
	border: 4px solid #fff;
	border-radius: 50%;
	padding: 5px 15px;
	margin-right: 10px;
	vertical-align: center;
}

.panel {
	background: transparent;
	/*display: none;*/
	margin: 20px 0;
	max-width: 60%;	
	transition: display 2s ease-in;
}

.respuesta {
	background: #f2f2f2;
	width: 68%;
	color: rgba(0,0,0,.4);
	padding: 10px 20px;
}

.respuesta::placeholder {
	color: rgba(0,0,0,.4);
	font-size: .8em;
	padding: 10px 20px;
}

.active {
	background: #707070;
}

.resultado {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	padding: 10px 50px 50px 50px;
	margin-top: -50px;
}

.mapa-resultado {
	max-width: 60%;
	margin: 20px auto 50px auto;
}

.cuadro {
	background: red;
	color: transparent;
}

.NoRegulado {
	background: #96A172;
	background: url(../img/_verde.png);
	color: transparent;
	min-height: 42px;
	border: 1px solid black;
}

.NoRegulado p {
	color: #fff;
	text-align: center;
	padding: 5px;
	padding-bottom: 0px;
	min-height: 20px;
}

.Regulado {
	background: #fff652;
	background: url(../img/_amarillo.png);
	color: transparent;
	min-height: 42px;
	border: 1px solid black;
}

.Regulado p {
	color: transparent;
	text-align: center;
	padding: 5px;
	padding-bottom: 0px;
}

.AltamenteRegulado {
	background: #ffad29;
	background: url(../img/_naranja.png);
	color: transparent;
	border: 1px solid black;
}

.Restringido {
	background: #ff0000;
	background: url(../img/_rojo.png);
	color: transparent;
	border: 1px solid black;
}

.Restringido p {
	color: #fff;
	text-align: center;
	padding: 5px;
	padding-bottom: 0px;
}

.SinResultado {
	background: none;
	color: transparent;
	border: 1px #666 solid;
	min-height: 42px;
	border: 1px solid black;
	border-color: #000000;
	background: url(../img/vacio_pt.png);
	background-repeat: repeat;
}





.nota {
	font-size: .8em;
}

footer {
	background: #707070;
	min-height: 100px;
}

.bottom-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: -2;
}

.terminar {
	background: transparent;
	color: #b3b3b3;
	border: none;
}

.pointer {
	cursor: pointer;
}

.version {
    color: #808080;
    font-size: .8em;
    margin-top: 10px;
}

.titulo-resultado {
	width: 100%;
	text-align: center;	
}

.center {
	background: red;
	margin: 0 auto;
}

h3 {
	font-family: 'myriad-bold';
}

.seccion-resultado {
	background: rgba(162,36,33,.30);
	border: 1px #666 solid;
	color: #a22421;
	width: 100%;
	font-family: 'myriad-bold';
	text-transform: uppercase;
	text-align: left;
	padding: 0 10px;
}

.linea-resultado {
	background: #eee;
}

.max-30, .max-25 {
	width: 33%;
	display: inline-block;
	margin: 0;
}

.max-25 {
	width: 24.5%;
}

.max-98 {
width: 98%;
display: inline-block;
}


.max-60 {
	width: 59%;
	display: inline-block;
}

.max-50 {
	width: 49%;
	display: inline-block;
}

.max-40 {
	width: 40%;
	display: inline-block;
}

.max-20 {
	width: 19%;
	display: inline-block;
}

.subtitulo-resultado {
	color: #404040;
	font-family: 'myriad-bold';
	width: 50%;
	display: inline-block;
}

.disclaimers-resultados {
	font-size: .8em;
}

.mapa {
	background: #666;
	width: 100%;
	height: 250px;
}

.mapa-imprimir {
	max-height: 50px;
}

.letra-imprimir {
	font-size: 12pt;
	line-height: 95%;
}

.titulo-sin-respuesta {
	width: 100%;
	text-align: center;
}

.alineacion {
	margin-left: 10px;
}

#bloque .A, #bloque .B {
    display: inline-block;
}

.qs-text {
    font-size: 1.3em;
}

@keyframes show {
	0% {
		opacity: 0;
	}
	80% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes select {
	0% {
		transform: scale(0);
	}
	90% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}