.section,
	body{background:#fff}
.fs-button,
.fs-button:hover{
	color:#333331;
	text-decoration:none
	}

a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,bold,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,
fieldset,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,
ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline
	}

article,aside,dialog,figure,footer,header,hgroup,nav,section {display:block}

body{line-height:1}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

ol,ul{list-style:none}

table{border-collapse:separate;border-spacing:0;width:100%}
abbr,acronym,fieldset,img{border:0}caption,td,th{text-align:center;font-weight:400}

.form-actions,.form-terms,.sign-in-heading{text-align:center}

blockquote:after,blockquote:before,q:after,q:before{content:""}
blockquote,q{quotes:"" ""}
button,input,textarea{margin:0;padding:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
.section{border:1px solid #cacaca;border-radius:10px;margin:10px 0 0;padding:20px 0 30px 10px}
.section__header{margin:0 0 10px;font-size:20px}
.fs-button{-webkit-appearance:none;-webkit-touch-callout:none;background-color:#f5f4f1;border-radius:$border-radius;border:1px solid #beb8a7;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:1;padding:10px 20px;ser-select:none;vertical-align:middle;white-space:nowrap}
.fs-button:hover{background:#fbfaf9}
.fs-button:active{background-color:#e8e6e0}
.fs-button--recommended{background-color:#3073dd;border:1px solid #246bdb;color:#fff}
.fs-button--recommended:hover{background:#3882f8;color:#fff}
.fs-button--recommended:active{background-color:#1f61c9}
.fs-button--recommended:focus,
.fs-button--recommended:visited{color:#fff}
.fs-button--recommended.disabled:hover,
.fs-button--recommended:disabled:hover{color:rgba(51,51,49,.3)}
.fs-button--minor{background:0 0;color:#0060d7;border-color:transparent}
.fs-button--minor:active,.fs-button--minor:hover{background:0 0;color:#0060d7;text-decoration:underline}
.fs-button--minor:focus,.fs-button--minor:visited{color:#0060d7}
table tr.odd{background-color:ODD_ROW_COLOR}
table .row-top td{padding-top:5px}
table .row-bottom td{padding-bottom:5px}
table .icon-column{width:35px;padding-left:5px}
table .add td{padding:5px 0;line-height:36px}
table .add td .child-add{margin-left:10px}
table .left{margin-left:-10px}
input[type=password],input[type=text]{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 3px 0 rgba(0,0,0,.05);box-sizing:border-box;color:#333331;font-size:16px;font-size:1rem;height:30px;height:1.875rem;line-height:1.25;margin-bottom:0;padding:.25rem .625rem;width:100%}
input[type=password]:focus,input[type=text]:focus{border:1px solid #333331;box-shadow:inset 0 3px 0 rgba(0,0,0,.05);outline:0}
input[type=password]:disabled,input[type=text]:disabled{color:#999;background:#f0f0f0}
label.disabled{color:#989796}
a{text-decoration:none}
a:hover{text-decoration:underline}
a,a:active,a:focus,a:hover{color:#0060d7}
a:visited{color:#b3467c}
body{font-family:Verdana,sans-serif;background-color:#fff;margin:10px;overflow-x:hidden;color:#53534f}
@media screen and (min-width:400px){body{margin:0 auto;max-width:400px}}
.header{margin-top:10px}
.logo{background:logo.png;no-repeat;height:44px;width:166px;float:left}
.register{float:right;margin-top:5px}
.sign-in-heading{font-size:22px;margin-top:30px;border-bottom:1px solid #ccc;padding:20px 0;clear:both}
.titulo{font-size:22px;padding:25 0 15 0;border-bottom:1px solid #ccc;clear:both;text-align:center}
.titulo_link{font-size:22px;clear:both;text-align:center}
.linea{font-size:22px;padding:0 0 0 0;border-bottom:1px solid #ccc;clear:both;text-align:center}
.text22{font-size:22px;padding:20 0 10 0;text-align:center}
.text20{font-size:20px;padding:20 0 10 0;text-align:center}
.text18{font-size:18px;padding:20 0 10 0;text-align:center}
.caja17{font-size:17px;border-bottom:1px solid #ccc;padding:17 0 8 0;clear:both}
.caja14{font-size:14px;border-bottom:1px solid #ccc;padding:14 0 7 0;clear:both}
.sign-in-form-wrapper{margin:20px}
.field-label{
	margin-top:10px;
	displaydisplay:block;
	font-size:14px;
	color:#53534f;
	margin-bottom:5px
	}
.form-forgot-password,
.submit-button{margin-top:20px}
.submit-button{max-width:300px;width:100%}
.form-terms{border-top:1px solid #ccc;padding-top:20px;margin-top:30px;font-size:10px;color:#666662;line-height:1.6em}
.checkbox-label{margin-top:10px;display:block}
.form-error{background:#f8d6d8;padding:20px;color:#6c0005;margin:20px;line-height:1.2em}
/* ---------------------------------------------------------------------- LLenado de las Filas ----*/
/* IZQUIERDA */
#izq8 {
	text-align:left;
	font-size:8px;
	padding: 0 0 0 4;
	vertical-align: middle;
}
#izq9 {
	text-align:left;
	font-size:9px;
	padding: 0 0 0 4;
	vertical-align: middle;
}
#izq10 {
	text-align:left;
	font-size:10px;
	padding: 0 0 0 4;
	vertical-align: middle;
}
#izq11 {
	text-align:left;
	font-size:11px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq12 {
	text-align:left;
	font-size:12px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq13 {
	text-align:left;
	font-size:13px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq14 {
	text-align:left;
	font-size:14px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq15 {
	text-align:left;
	font-size:15px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq16 {
	text-align:left;
	font-size:16px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq17 {
	text-align:left;
	font-size:17px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq18 {
	text-align:left;
	font-size:18px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq19 {
	text-align:left;
	font-size:19px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq20 {
	text-align:left;
	font-size:20px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq21 {
	text-align:left;
	font-size:21px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq22 {
	text-align:left;
	font-size:22px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq23 {
	text-align:left;
	font-size:23px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq24 {
	text-align:left;
	font-size:24px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq25 {
	text-align:left;
	font-size:25px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq26 {
	text-align:left;
	font-size:26px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq27 {
	text-align:left;
	font-size:27px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq28 {
	text-align:left;
	font-size:28px;
	padding: 0 0 0 6;
	vertical-align: middle;
}
#izq29 {
	text-align:left;
	font-size:29px;
	padding: 0 0 0 5;
	vertical-align: middle;
}
#izq30 {
	text-align:left;
	font-size:30px;
	padding: 0 0 0 6;
	vertical-align: middle;
}

/* DERECHA */
#der8 {
	text-align:right;
	font-size:8px;
	padding: 0 4 0 0;
	vertical-align: middle;
}
#der9 {
	text-align:right;
	font-size:9px;
	padding: 0 4 0 0;
	vertical-align: middle;
}
#der10 {
	text-align:right;
	font-size:10px;
	padding: 0 4 0 0;
	vertical-align: middle;
}
#der11 {
	text-align:right;
	font-size:11px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der12 {
	text-align:right;
	font-size:12px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der13 {
	text-align:right;
	font-size:13px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der14 {
	text-align:right;
	font-size:14px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der15 {
	text-align:right;
	font-size:15px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der16 {
	text-align:right;
	font-size:16px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der17 {
	text-align:right;
	font-size:17px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der18 {
	text-align:right;
	font-size:18px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der19 {
	text-align:right;
	font-size:19px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der20 {
	text-align:right;
	font-size:20px;
	padding: 0 5 0 0;
	vertical-align: middle;
}
#der21 {
	text-align:right;
	font-size:21px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der22 {
	text-align:right;
	font-size:22px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der23 {
	text-align:right;
	font-size:23px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der24 {
	text-align:right;
	font-size:24px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der25 {
	text-align:right;
	font-size:25px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der26 {
	text-align:right;
	font-size:26px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der27 {
	text-align:right;
	font-size:27px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der28 {
	text-align:right;
	font-size:28px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der29 {
	text-align:right;
	font-size:29px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
#der30 {
	text-align:right;
	font-size:30px;
	padding: 0 6 0 0;
	vertical-align: middle;
}
/* CENTRO */
#cen {
	text-align:center;
	font-size:5px;
	padding: 0 0 0 0;
	vertical-align: middle;
}
#cen6 {
	text-align:center;
	font-size:6px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen7 {
	text-align:center;
	font-size:7px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen8 {
	text-align:center;
	font-size:8px;
	padding: 0 4 0 4;
	vertical-align: middle;
}
#cen9 {
	text-align:center;
	font-size:9px;
	padding: 0 5 0 5;
	vertical-align: middle;
}
#cen9n {
	text-align:center;
	font-size:9px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen10 {
	text-align:center;
	font-size:10px;
	padding: 0 5 0 5;
	vertical-align: middle;
}
#cen10n {
	text-align:center;
	font-size:10px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen11 {
	text-align:center;
	font-size:11px;
	padding: 0 5 0 5;
	vertical-align: middle;
}
#cen11n {
	text-align:center;
	font-size:11px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen12 {
	text-align:center;
	font-size:12px;
	padding: 0 5 0 5;
	vertical-align: middle;
}
#cen12n {
	text-align:center;
	font-size:12px;
	padding: 0 3 0 3;
	vertical-align: middle;
}
#cen13 {
	text-align:center;
	font-size:13px;
	padding: 0 5 0 5;
	vertical-align: middle;
}
#cen14 {
	text-align:center;
	font-size:14px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen15 {
	text-align:center;
	font-size:15px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen16 {
	text-align:center;
	font-size:16px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen17 {
	text-align:center;
	font-size:17px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen18 {
	text-align:center;
	font-size:18px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen20 {
	text-align:center;
	font-size:20px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen22 {
	text-align:center;
	font-size:22px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen24 {
	text-align:center;
	font-size:24px;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
#cen26 {
	text-align:center;
	font-size:26px;
	color:#006;
	padding: 0 6 0 6;
	vertical-align: middle;	
}
/* ================================================================================= LOGO */
#logo {
	text-align:left;
	font-size:35px;
	color:#99004C;
	font-weight:bolder;
}
#texto {
	text-align:center;
	font-size:20px;
	color:#006;
	padding:6 0 6 0;
}
#leyenda {
	text-align:center;
	font-size:12px;
	color:#999;
	padding:5 0 5 0;
}
#menu {
	text-align:center;
	font-size:25px;
	color:#99004C;
	padding:8 0 8 0;
}
.titulo {
	text-align:center;
	font-size:18px;
	letter-spacing:3px;
	color:#006;
	padding:6 0 6 0;
	border-bottom:1px solid #ccc;
	clear:both
}
.campo {
	text-align:rifht;
	font-size:10px;
	letter-spacing:3px;
	color:#EEE;
	vertical-align: middle;	
}
/* ======================================== */
a{ 
	text-decoration: none;
	color: #000;
	font-size: 12pt;
	line-height:150%;
}
a:hover { 
	text-decoration: none;
	color: #009;
	font-weight: bold;
	font-size: 12pt;
	line-height:150%;
}
a:visited { 
	text-decoration: none;
	color: #000;
	font-size: 12pt;
	line-height:150%;
}
/*============================================*/
#joven {
	font-size:12;
	text-align:right;
	width:20;
	vertical-align:text-top;
	padding:0 3 0 0;
}
#jas {
	font-size:12;
	text-align:right;
	width:25;
	vertical-align:text-top;
	padding:0 3 0 0;
}

progress {
	display:inline-block;
	width:190px;
	height:20px;
	padding:15px 0 0 0;
	margin:0;
	background:none;
	border: 0;
	border-radius: 15px;
	text-align: left;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
progress::-webkit-progress-bar {
	height:11px;
	width:150px;
	margin:0 auto;
	background-color: #CCC;
	border-radius: 15px;
	box-shadow:0px 0px 6px #777 inset;
}
progress::-webkit-progress-value {
	display:inline-block;
	float:left;
	height:11px;
	margin:0px -10px 0 0;
	background: #F70;
	border-radius: 15px;
	box-shadow:0px 0px 6px #777 inset;
}
progress:after {
	margin:-26px 0 0 -7px;
	padding:0;
	display:inline-block;
	float:left;
	content: attr(value) '%';
}
/* Fila B - celeste */
#filaA	{
	background-color:rgb(255,255,255);
	height:30px;	
	vertical-align: middle;
	}
#filaB	{
	background-color:#F0F7FF;
	height:30px;	
	}
/* Fila C - Amarilla */
#filaC	{
	background-color:rgb(230,239,194);
	height:30px;	
	}
#filaD	{
	height:30px;	
	}
#filaDCH {
	background-color:#F0FFFF;
	height:28px;	
	vertical-align: middle;
	}	
#filaCHU {
	background-color:#FFF0E6;
	height:28px;	
	vertical-align: middle;
	}
#filaNOTA {
	background-color:#F2E6FF;
	height:28px;	
	vertical-align: middle;
	}	
#filaTOTAL {
	background-color:#FFF;
	height:28px;	
	vertical-align: middle;
	}
#filaIMPORTE {
	background-color:#FFC;
	height:28px;	
	vertical-align: middle;
	}	
/* ============================================================================================== CUADRO INGRESO */
/* Para ingresar datos A es el cuadro de la Izquierda y B el de la derecha */
/* Fondo Azul letras blancas*/
#A {
	background-color:rgb(111,155,206);
	color:rgb(255,255,255);
	border:1px solid rgb(100,130,180);
	text-align:right;
	padding: 0 8 0 8;
}
#AA {
	background-color:rgb(111,155,206);
	color:rgb(255,255,255);
	border:1px solid rgb(100,130,180);
	text-align:right;
	padding: 3 8 3 8;
}
/* Fondo Blanco, linea celeste, letras celestes*/
#B {
	color:rgb(78,110,180);
	border:1px solid rgb(90,120,170);
	text-align:left;
	padding: 2 8 2 8;
}

#BB {
	color:rgb(78,110,180);
	border:1px solid rgb(90,120,170);
	text-align:left;
	padding: 3 8 3 8;
}
/* Fondo Blanco, linea celeste, letras rojas, tamaño grande, alineado derecha */
#BR {
	color:#990000;
	font-size:13px;
	border:1px solid rgb(90,120,170);
	text-align:right;
	padding: 3 8 3 8;
}
/* Fondo Blanco, sin lineas, letras mas pequeñas como notas */
#C {
	font-size:9px;	
	color:rgb(111,155,206);
	text-align:left;
	padding: 0 8 0 8;
}
/* Fondo Blanco sin lineas menos espacio a ambos lados */
#Cs {
	font-size:9px;	
	color:rgb(111,155,206);
	text-align:left;
	padding: 0 0 0 3;
}
/* Fondo blanbo sin lineas letras color azul */ 
#D {
	font-size:12px;	
	color:#354B9C;
	border:1px solid rgb(100,130,180);
	text-align:left;
	padding: 4 9 4 9;
}
#Dl {
	font-size:12px;	
	color:rgb(0,0,0);
	border:1px solid rgb(100,130,180);
	text-align:left;
	padding: 4 8 4 8;
}
#Dr {
	font-size:12px;	
	color:rgb(0,0,0);
	border:1px solid rgb(100,130,180);
	text-align:right;
	padding: 4 8 4 8;
}
#E {
	font-size:12px;	
	color:rgb(0,0,0);
	text-align:left;
	padding: 4 8 4 8;
}
#F {
	font-size:14px;	
	color:rgb(0,0,0);
	text-align:left;
	padding: 3 8 3 8;
}
#G {
	font-size:14px;	
	color:rgb(0,0,0);
	text-align:left;
	padding: 3 8 3 8;
	border:1px solid rgb(90,120,170);
}