* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

h1 {
	font: bold 20px Delius, "Comic Sans Ms", verdana, sans-serif;
}

h2 {
	font: bold 14px Delius, "Comic Sans Ms", verdana, sans-serif;
}

header, section, footer, aside, nav, article, figure, figcaption,
hgroup, div {
	display: block;
}

body {
	text-align: center;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	background-attachment: fixed; 
	background:white;
	background-position: center center;
}

textarea {
	width: 750px;
	height: 150px;
}

.logo {
	font: bold 40px Delius, "Comic Sans Ms", verdana, sans-serif;
	padding: -5px;	
}
.naranja {
	color: orange;
}
.amarillo {
	color: yellow;
}
.verde {
	color: green;
}
.azul {
	color: blue;
}
.purpura {
	color: fuchsia;
}
.listado {
	width: 90px;
}
.acciones {
	width: 40px;
}
.acciones2 {
	width: 60px;
}
.yelow {
	background: yellow;
	height: 30px;
}
.red {
	background: red;
	height: 30px;
	color: white;
}
.blue {
	background: navy;
	height: 30px;
	color: white;
}
.fucsia {
	background: fuchsia;
	height: 30px;
	color: white;
}
.metal {
	background: teal;
	height: 30px;
	color: white;
}
.gris {
	background: gray;
	height: 30px;
	color: white;
}
.agua {
	background: aqua;
	height: 30px;
	color: blue;
}

a {
	text-decoration: none;
}

#agrupar {
	width: 960px;
	margin: 15px auto;
	text-align: left;
}

#cabecera {
	background: #89171F;
	color:white;
	
}

#menu {
	background: #89171F;
	
	padding: 0px 15px;
}

#menu li {
	display: inline-block;
	list-style: none;
	padding: 5px;
	font: bold 18px Delius, "Comic Sans Ms", verdana, sans-serif;
	color:white;
	text-decoration:none;
}
a:hover {
	background-color:white;
}
#menu2 {
	background: #00FFAA;
	padding: 0px 15px;
}

#menu2 li {
	display: inline-block;
	list-style: none;
	padding: 5px;
	font: bold 14px Delius, "Comic Sans Ms", verdana, sans-serif;
}

#menu3 {
	background: #FFCC99;
	padding: 0px 15px;
}

#menu3 li {
	display: inline-block;
	list-style: none;
	padding: 5px;
	font: bold 14px Delius, "Comic Sans Ms", verdana, sans-serif;
}
#menu4 {
	background: #AA99EE;
	padding: 0px 15px;
}

#menu4 li {
	display: inline-block;
	list-style: none;
	padding: 5px;
	font: bold 14px Delius, "Comic Sans Ms", verdana, sans-serif;
}
.form-consulta ul ul li ol li:nth-child(odd) {
  background-color:lightgreen;
}

.form-consulta ul ul li ol li:nth-child(even) {
  background-color:cyan;
}
#seccion {
	float: left;
	width: 585px;
	margin: 20px 20px 0px 0px;
}

#columna {
	float: left;
	width: 100px;
	margin: 20px 0px;
	padding: 9px;
	background: #CCCCCC;
	text-align: center;
}

#pie {
	clear: both;
	text-align: center;
	padding: 20px;
	border-top: 2px solid #999999;
}
#tabla {
	font-size: 15px;
	padding: 10px;
	color: blue;
}
#tabla td {
	padding: 9px;
	text-align: center;
	
}
.tablaDatos {
	margin-left: 70px;
}

h1 {
	font-size: 22px;
}

.form-alta_2 {
	width: 430px;
	padding: 10px;
	margin: 30px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-alta {
	width: 430px;
	padding: 10px;
	margin: 30px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(white, #89171F);
	/* Firefox */
	background: -moz-linear-gradient(white, #89171F);
	/* IE */
	background: -ms-linear-gradient(white, #89171F);
	/* Opera */
	background: -o-linear-gradient(white, #89171F);
}
.form-alta label {
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.form-alta input {
	width: 405px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}
.form-reto {
	width: 450px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	float: center;
	box-shadow: 0px 0px 5px 5px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-importante {
	width: 920px;
	padding: 10px;
	margin: 30px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-importante2 {
	width: 920px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-reto label {
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
.form-importante h1 {
	font-size: 22px;
	text-align: center;
}
.form-importante h2 {
	font-size: 30px;
	text-align: center;
	color: red;
}
.form-reto h1 {
	font-size: 22px;
	text-align: center;
}
.form-reto h2 {
	font-size: 30px;
	text-align: center;
	color: red;
}
.form-importante textarea {
	font-size: 22px;
	text-align: left;
}
.form-importante input {
	width: 900px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 22px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}
.form-consulta h1 {
	font-size: 22px;
	text-align: center;
}
.form-consulta {
	width: 940px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}

.form-consulta2 {
	width: 940px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-consulta3 {
	width: 940px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-consulta label {
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 0 255px;
	float: left;
}

.form-consulta input {
	width: 305px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0px 5px 0 255px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}

.form-fila {
	padding: 4px 0px;
	overflow: hidden;
}
.form-fila a {
	padding-top: 4px;
}

.form-fila2 input {
	width: 240px;
	margin: 20px 350px;
}
.form-fila3 {
	padding: 4px 0px;
	margin: 0px auto;
	overflow: hidden;
}
.form-fila3 input {
	width: 250px;
	margin: 0px 100px;
}
.form-fila3 select {
	width: 250px;
	height: 40px;
	margin: 0px 100px;
	font-size: 15px;
}
.form-fila3 label {
	color: blue;
	margin: 0px 100px;
}
.validar {
	margin: 0px 0px 0px 370px;
	padding: -40px 0 0 0;
}
.form-columna {
	padding: 4px 0px;
	overflow: hidden;
}
.form-columna label {
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 0 5px;
	float: none;
}
.form-columna input {
	width: 150px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0px 20px 0 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	
}
.form-cuenta {
	padding: 4px 0px;
	overflow: hidden;
}
.form-cuenta label {
	width: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	float: none;
}
.form-cuenta input {
	width: 100px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0px 10px 0 0px;
	font-family: Delius, Arial, sans-serif;
	font-size: 20px;
	text-align: center;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}
.form-domi {
	width: 800px;
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-domi label {
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 0 5px;
	font-size: 18px;
	float: none;
}
.form-domi input {
	width: 750px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0px 20px 0 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	float: none;
}
.form-domi2 {
	width: 800px;
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-domi2 label {
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px 0px 0 5px;
	font-size: 18px;
	float: none;
}
.form-domi2 input {
	width: 100px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 0px 20px 0 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	text-align: center;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	float: none;
}
.form-domi .form-boton {
	width: 600px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}

.form-alta .form-boton {
	width: 430px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(#89171F, white);
	/* Firefox */
	background: -moz-linear-gradient(#89171F, white);
	/* IE */
	background: -ms-linear-gradient(#89171F, white);
	/* Opera */
	background: -o-linear-gradient(#89171F, white);
}
.form-alta .form-boton_2 {
	width: 430px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-consulta .form-boton {
	width: 940px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-consulta2 .form-boton {
	width: 940px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-consulta3 .form-boton {
	width: 450px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px auto;
	margin: 10px 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-boton {
	width: 100px;
	height: 20px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 0px 10px;
	margin: 1px 1px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(#89171F, white);
	/* Firefox */
	background: -moz-linear-gradient(#89171F, white);
	/* IE */
	background: -ms-linear-gradient(#89171F, white);
	/* Opera */
	background: -o-linear-gradient(#89171F, white);
}
.form-boton_2 {
	width: 100px;
	height: 20px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 0px 10px;
	margin: 1px 1px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-boton-repaso {
	width: 400px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 0px 0px;
	margin: 5px 1px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.form-boton-mail {
	width: 400px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 0px 0px;
	margin: 5px auto;
	font-family: Delius, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
	
}
.form-mailing {
	width: 940px;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-niveles {
	width: 450px;
	/*height: 750px;*/
	padding: 12px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	float: center;
}
.form-repaso {
	width: 450px;
	height: 100px;
	padding: 12px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	float: center;
}
.form-bloques {
	width: 650px;
	padding: 12px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	float: center;
}
.form-repaso input {
	width: 150px;
	height: 10px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 10px 10px;
	margin: 10px 20px 0 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}
#tablaCuadernos {
	font-size: 15px;
	padding: 0px;
	color: white;
	margin: 1px 5px;
}
#tablaCuadernos td {
	padding: 5px;
	text-align: center;
}
#tablaCuadernos input {
	padding: 0px;
	text-align: center;
	width: 20px;
	font-size: 15px;
}
#tablaBloques {
	font-size: 15px;
	padding: 0px;
	color: white;
	margin: 1px 5px;
}
#tablaBloques td {
	padding: 5px;
	text-align: center;
}
#tablaBloques input {
	padding: 0px;
	text-align: center;
	width: 20px;
	font-size: 15px;
}
#tablaPegatinas {
	border: 1px solid none;
	font-size: 15px;
	padding: 0px;
	color: none;
	margin: 1px 5px;
}
#tablaPegatinas td {
	border: 1px solid none;
	padding: 5px;
	text-align: center;
	height: 30px;
	color: none;
}
.form-pegatinas {
	width: 450px;
	padding: 10px;
	margin: 30px auto;
	text-align: center;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Firefox */
	background: -moz-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* IE */
	background: -ms-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
	/* Opera */
	background: -o-linear-gradient(bottom, #45b4fa, #7dccfe 6px, #e2f8fd);
}
.form-pegatinas .r {
	padding: 10px;
	margin: 15px center;
	color: white;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, red, red 6px, orange);
	/* Firefox */
	background: -moz-linear-gradient(bottom, red, red 6px, orange);
	/* IE */
	background: -ms-linear-gradient(bottom, red, red 6px, orange);
	/* Opera */
	background: -o-linear-gradient(bottom, red, red 6px, orange);
}
.form-pegatinas .y {
	padding: 10px;
	margin: 15px center;
	color: white;
	border: 1px solid #999;
	border-radius: 10px;
	font-size: 40px;
	overflow: hidden;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, red, red 6px, orange);
	/* Firefox */
	background: -moz-linear-gradient(bottom, red, red 6px, orange);
	/* IE */
	background: -ms-linear-gradient(bottom, red, red 6px, orange);
	/* Opera */
	background: -o-linear-gradient(bottom, red, red 6px, orange);
}
.separa {
	background: none;
	color: blue;
	height: 10px;
}
.g {
	background: gray;
	color: blue;
	height: 30px;
}
.f {
	background: fuchsia;
	color: white;
	height: 30px;
}
.c {
	background: cyan;
	color: blue;
	height: 30px;
}
.v {
	background: green;
	color: white;
	height: 30px;
}
.a {
	background: yellow;
	color: red;
	height: 30px;
}
.n {
	background: orange;
	color: white;
	height: 30px;
}
.z {
	background: red;
	color: white;
	height: 30px;
}
.gradNaranja {
	box-shadow: 0px 0px 5px 5px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #fbddb1, #f90);
	/* Firefox */
	background: -moz-linear-gradient(top, #fbddb1, #f90);
	/* IE */
	background: -ms-linear-gradient(top, #fbddb1, #f90);
	/* Opera */
	background: -o-linear-gradient(top, #fbddb1, #f90);
}
.gradAzul {
	box-shadow: 0px 0px 5px 5px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #00ffff, #088);
	/* Firefox */
	background: -moz-linear-gradient(top, #00ffff, #088);
	/* IE */
	background: -ms-linear-gradient(top, #00ffff, #088);
	/* Opera */
	background: -o-linear-gradient(top, #00ffff, #088);
}
.gradVerde {
	box-shadow: 0px 0px 5px 5px #999;
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #88ff88, #00aa00);
	/* Firefox */
	background: -moz-linear-gradient(top, #88ff88, #00aa00);
	/* IE */
	background: -ms-linear-gradient(top, #88ff88, #00aa00);
	/* Opera */
	background: -o-linear-gradient(top, #88ff88, #00aa00);
}
.gradRojo {
	box-shadow: 0px 0px 5px 5px #999;	
	/* Safari y Chrome */
	background: -webkit-linear-gradient(top, #ff77ff, #7f66ff);
	/* Firefox */
	background: -moz-linear-gradient(top, #ff77ff, #7f66ff);
	/* IE */
	background: -ms-linear-gradient(top, #ff77ff, #7f66ff);
	/* Opera */
	background: -o-linear-gradient(top, #ff77ff, #7f66ff);
}
.texto {
	margin: 30px 0px 0px 10px;
	padding: 5px 10px 0px 10px;
	width: 900px;
	/*height: 350px;*/
	font-size: 30px;
	font-family: Delius, Arial, Verdana, sans-serif;
	text-align: left;
	border: 10px solid #D2B48C;
	background: #2F4F4F;
	color: #8FBC8F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.form-pizarra4 {
	width: 700px;
	/*height: 1300px;*/
	padding: 10px;
	margin: 30px auto;
	text-align: left;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;

	/* Safari y Chrome */
	background: -webkit-linear-gradient(bottom, #ffaa77, #ffaa77 6px, #ffffff);

	/* Firefox */
	background: -moz-linear-gradient(bottom, #ffaa77, #ffaa77 6px, #ffffff);

	/* IE */
	background: -ms-linear-gradient(bottom, #ffaa77, #ffaa77 6px, #ffffff);

	/* Opera */
	background: -o-linear-gradient(bottom, #ffaa77, #ffaa77 6px, #ffffff);
}

.pizarra {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	height: 500px;
	border: 10px solid brown;
	background: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.pinceles {
	margin: -550px 0px 0px 0px;
	
	float: right;
	}
.pinceles td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid none;
}
#lienzo {
	margin: -500px 0px 0px 0px;
}
.campo input {
	width: 150px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 2px 10px 2px 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	
}
.campo50 input {
	width: 50px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 2px 10px 2px 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	
}
.pegatinas {
	width: 50px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 0 5px 0 0;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
}
.campo350 {
	width: 350px;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 5px 5px;
	margin: 2px 10px 2px 5px;
	font-family: Delius, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #333;
	box-shadow: 0px 0px 5px 1px #999;
	
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
    #agrupar {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 500px) {
    #agrupar {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 250px) {
    #agrupar {
        -ms-flex: 25%;
        flex: 25%;
        max-width: 25%;
    }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 200px) {
    #agrupar {
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20%;
    }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 100px) {
    #agrupar {
        -ms-flex: 10%;
        flex: 10%;
        max-width: 10%;
    }
}