

.Caja{
	margin:0 auto 2rem auto;
	max-width:70rem;
	padding:2rem 2rem;
}
.Caja h2{
	margin:0;
	padding:0 0 .2rem 0;
	color:#17A2B8;
	font-size:1.2rem;
}





.Feedback.error{

	color:red;
}


.regForm {
	display:grid;
	/*
	justify-content:start;
	align-content:start;
	flex-wrap:wrap;
	*/
	grid-template-columns: 1fr 1fr;
	gap:1rem;	

	column-gap:2rem;

	grid-template-areas:
	"no  ap" 
	 "pa  ci" 
	 "rolt act" 
	 "pw  pw2" 
	 "rol .  "  
	 "hdc  hdc" 
	 "preart preart"
	 "susc susc" 
	 "idi  foto"  
	"em tel"

	 "dc dc"
	 "captcha ."
	 "feed  ."
	  "sub  sub" ;
	 }
	 .Campo{

	 vertical-align:top;
	 display:flex;
	 justify-content:start;
	 flex-wrap:wrap;
	 }
	 .Campo label{
     display:inline-block;
	 padding:0 .2rem 0 0;
	 width:8rem;
	 }

	.regForm span{
	display:inline-block;

	}
	
	.regForm span.field{

	flex-grow:1;
	
	}
	.regForm span.field > input[type='text']{
	width:90%;
	}
	.regForm span.field > select{
	width:95%;
	}

.regForm .Campo[rel='nombre']{
	grid-area:no;
}
 .regForm .Campo[rel='apellidos']{
	grid-area:ap;
}
.regForm .Campo[for='pais']{
	grid-area:pa;
}
.regForm .Campo[for='ciudad']{
	grid-area:ci;
}
.regForm .Campo[for='tipo']{
	grid-area:rol;
}
.regForm .Campo[for='rol']{
	grid-area:rolt;
}
 .Campo[for='actividad']{
	grid-area:act;
}
.Campo[for='captcha_code']{
	grid-area:captcha;
}
 .Campo[for='email']{
	grid-area:em;
}
 .Campo[for='telefono']{
	grid-area:tel;
}
.Campo[for='datosconf']{
	grid-area:hdc;
}
.Campo[for='idioma']{
	grid-area:idi;
}
 .Campo[for='foto']{
	grid-area:foto;
}
.Campo[for='pw']{
	grid-area:pw;
}
 .Campo[for='pw2']{
	grid-area:pw2;
}
 .Campo[for='Feedback']{
	grid-area:feed;
}
.Campo[for='suscrito_a']{
	grid-area:susc;
}
.Campo[for='prearticulos']{
	grid-area:preart;
}

 .submitRow{
	grid-area:sub;
	
	text-align:center;
}
.DatosConf{
	grid-area:dc;
	border:#ccc 1px solid;
	margin:1rem;
	padding:1rem;

}
.DatosConf section{
	display:grid;
	grid-template-columns:1fr 1fr;	
	margin-top:1rem;
}
.DatosConf section label{
	display:inline-block;
	padding:0 3.6rem 0 0;
}
h3[rel='datostit']{
	margin:0 0 1rem 0;
}
.regForm input[type='file']{
	padding:0;
}

.regForm label.error{
		display:block;
		font-weight:normal;
	color:red;
	width:auto;
}


.checkLista{
	margin:0;
	padding:0;
	background:#fff;
	display:block;
	overflow-y:auto;
	overflow-x:none;
	flex-grow:1;
	height:14rem;
	border:#ccc 1px solid;
}
.checkLista li{
	list-style:none;
	color:#1C60AC;
	padding:.2rem .2rem .2rem 0;
}
.checkLista [type='checkbox']{
	width:1rem;
	height:1rem;
	margin-right:.5rem;
}



@media screen and ( max-width:1280px ){
		
	.regForm input[type='submit']{
	width:auto;
	}
	
}


@media screen and ( max-width:540px ){
	
	.Caja{
	padding:.5rem;
	}
	
	.regForm{
	display:block;

	}
	
	.regForm{
		grid-template-columns: 1fr;
	grid-template-areas:
		"no " 
		"ap"
		"pa"
		"ci"
		"rolt"
		"act"
		"pw"
		"pw2"
		"rol"
		"preart"
		"susc"
		"idi"
		"foto"
		"hdc"

		"dc"
		"captcha"
		"feed"
		"sub"
	;
	}
	
	
	.regForm label{
	display:block;
	margin:.8rem 2px .2rem 2px;
	}
	
	.regForm span{
	display:block;
	padding:2px;

	}
	.regForm input{
	width:70%;
	}
	.regForm input[type='submit']{
	width:auto;
	}
	
}