/* MAQUETACION
	[es]
	POS: visualización, flexibilidad, posición, flotación, márgenes (ext., int.)
	EXT: ancho, alto
	FOR: color, borde, cálculo
	TXT: familia, tamaño, efectos, color, alineación

	[en]
	POS: display, flexbox, position, float, clear, margin, padding
	EXT: width, height
	FOR: background-color, border, box-sizing
	TXT: family, size, weight, decoration, color, align
*/


/* TIPOGRAFIAS */

	@font-face {
		font-family: 'lato';
		src: url(../../tipografias/lato.ttf) format('truetype'),
		url(../../tipografias/lato.eot) format('eot'),
		url(../../tipografias/lato.woff) format('woff'),
		url(../../tipografias/lato.woff2) format('woff2');
	}

	@font-face {
		font-family: 'lato-italic';
		src: url(../../tipografias/lato-italic.ttf) format('truetype'),
		url(../../tipografias/lato-italic.eot) format('eot'),
		url(../../tipografias/lato-italic.woff) format('woff'),
		url(../../tipografias/lato-italic.woff2) format('woff2');
	}

	@font-face {
		font-family: 'bebas-neue';
		src: url(../../tipografias/bebas-neue.ttf) format('truetype'),
		url(../../tipografias/bebas-neue.otf) format('opentype'),
		url(../../tipografias/bebas-neue.eot) format('eot'),
		url(../../tipografias/bebas-neue.woff) format('woff'),
		url(../../tipografias/bebas-neue.woff2) format('woff2');
	}

	@font-face {
		font-family: 'courgette';
		src: url(../../tipografias/courgette.ttf) format('truetype'), /* Safari, Android, iOS */
		url(../../tipografias/courgette.eot) format('eot'), /* IE9 Compat Modes */
		url(../../tipografias/courgette.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
		url(../../tipografias/courgette.woff) format('woff'), /* Modern Browsers */
		url(../../tipografias/courgette.woff2) format('woff2'), /* Super Modern Browsers */
		url(../../tipografias/courgette.svg#Courgette) format('svg'); /* Legacy iOS */
	}

/* FIN TIPOGRAFIAS */


/* POR DEFECTO */

	body {
		background-color: #DCDCDC;
		font-family: 'lato';
		font-size: 15px;
	}

	main {
		display: flex;
			justify-content: center;
		width: 100%;
		height: 95vh;
	}

	article {
		display: flex;
			align-items: center;
		width: 225px;
		height: 400px;
		padding: 0px 12px 12px 12px;
		background: #99CCCC;
			background: -moz-linear-gradient(-45deg, #CCE6E6 0%, #99CCCC 15%, #99CCCC 90%, #99CCCC 100%);
			background: -webkit-linear-gradient(-45deg, #CCE6E6 0%, #99CCCC 15%, #99CCCC 90%, #99CCCC 100%);
		border: 8px solid #191919;
			border-radius: 16px;
	}

	.titulo {
		display: block;
		width: 217px;
		padding-top: 12px;
		font-family: 'bebas-neue';
		font-size: 20px;
		font-weight: normal;
		color: #191919;
		text-align: center;
		color: #191919;
	}

	.selector {
		display: block;
		float: left;
		padding-top: 10px;
		width: 50%;
		height: 32px;
		color: #191919;
	}

	.movil {
		visibility: hidden;
	}

	.generico {
		display: block;
		clear: left;
		margin-bottom: 2px;
		width: 100%;
		height: 18px;
	}

	label .generico {
		background-color: rgba(255,255,255,0);
		border: none;
		color: #191919;
	}

	input {
		background-color: #CCE6E6;
		border: none;
			border-top-right-radius: 6px;
		font-family: 'lato';
		font-weight: bold;
	}

	.enviar {
		display: block;
		margin: 16px auto;
		background-color: #F4F4F4;
		border: 1px solid black;
			border-top-right-radius: 0px;
		font-family: 'lato';
		font-weight: normal;
	}

	.txtCentrado {
		text-align: center;
	}

	.leyenda {
		font-size: 12px;
		text-align: right;
	}

	.leyenda img {
		height: 20px;
	}

/* BY DEFAULT */