.bienvenido { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 400; 
            font-size:20px; 
            text-align:center; 
            padding:30px 0 30px 0; 
            letter-spacing:3px; 
            color:#7D6E38;
        }
        .titulo { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 400; 
            font-size:20px; 
            text-align:center; 
            padding:30px 0 8px 0; 
            letter-spacing:2px; 
            color:#7D6E38;
        }
        .area { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 700; 
            font-size:21px; 
            text-align:center; 
            padding:25px 0 25px 0; 
            letter-spacing:2px; 
            color:#999;
        }
        a.area_link, a.area_link:visited, a.area_link:hover { 
            display: grid;
            width: 100%;
            font-family:'Nanum Gothic', sans-serif; 
            font-weight: 700; 
            font-size:27px; 
            text-align:center; 
            letter-spacing:2px; 
            color:#070;
        }
        a.area_link:hover { font-size:28px; color:#060; }
        .nombre { 
            display: grid;
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 400; 
            font-size:16px; 
            justify-items: center; 
            align-items: center;
            letter-spacing:1px; 
            color:#AAA;
        }
        .fono { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 400; 
            font-size:16px; 
            text-align:center;
            letter-spacing:1px; 
            color:#AAA;
        }
        .texto { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 400; 
            font-size:20px; 
            text-align:center; 
            letter-spacing:1px; 
        }
        .ask { 
            font-family: 'Nanum Gothic', sans-serif; 
            font-weight: 700; 
            font-size:20px; 
            text-align:center; 
            padding:20px 10px 20px 10px; 
            letter-spacing:1px;
        }
        .answer_box {
	        height:auto; 
	        width:100%;
	        display: grid;
	        grid-template-columns:  1fr  40px  80px  40px  1fr;
            grid-template-areas: "  .    si    .    no    .";
            padding-top:8px;
            padding-bottom:8px;
        }
        .si, .no { display: grid; justify-items: center; align-items: center; font-size:30px; font-weight: bold; letter-spacing: 1px; color:#86B826; }
        .si { grid-area: si; }
        .no { grid-area: no; }
        a.si:hover, a.si:visited, a.no:hover, a.no:visited {   
            display: grid; justify-items: center; align-items: center; font-size:30px; font-weight: bold; letter-spacing: 1px; color:#86B826; 
        }
        .box {   
            display: grid; width:100%; justify-items: center; align-items: center; }
        .in_box {   display: grid; 
                    justify-items: center; align-items: center;
                    font-size:20px; letter-spacing: 1px; 
                    background-color: #EEE;
                    border: 2px solid #999;
					border-radius: 8px;
                    margin-top: 8px;
                    margin-bottom: 8px;
                    padding: 5px;
                    text-align: center;
                }
        .in_box18 {   
            display: grid;
            width:450px;
            justify-items: center; 
            align-items: center;
            font-size:18px;
            background-color: #EEE;
            border: 2px solid #999;
		    border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
		.in_box::placeholder {  color: #CCC; }
        .in_end {   display: grid; 
                    justify-items: center; align-items: center;
                    font-size:16px; letter-spacing: 1px; 
                    background-color: #06C;
                    color: #FFF;
                    border: 0px;
					border-radius: 8px;
                    margin-top: 20px;
                    margin-bottom: 8px;
                    padding-top: 6px;
					padding-bottom: 6px;
					padding-left: 10px;
					padding-right: 10px;
                    text-align: center;
                }
        /*------------------------------------------------------- TELEFONO */
        .box_fono { 
            display: grid; width:100%; justify-items: center; align-items: center;
            grid-template-columns:  1fr  20%    10px  55%    1fr;
            grid-template-areas: "  .    in_cod  .     in_fono  ."; 
        }
        .in_cod {
            grid-area: in_cod;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        .in_fono {
            grid-area: in_fono;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        .in_cod::placeholder {  color: #CCC; }
        .in_fono::placeholder {  color: #CCC; }
        /*-------------------------------------------------- SERIE - NUMERO */
        .box_numero { 
            display: grid; width:100%; justify-items: center; align-items: center;
            grid-template-columns:  1fr  20%       10px  45%     1fr;
            grid-template-areas: "  .    in_serie  .     in_num  ."; 
        }
        .in_serie {
            grid-area: in_serie;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        .in_num {
            grid-area: in_num;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        .in_serie::placeholder {  color: #CCC; }
        .in_num::placeholder {  color: #CCC; }
        /*---------------------------------------------------------------- FECHA */
        .box_date {   
            display: grid; width:300px; 
            justify-items: center; align-items: center;
            grid-template-columns:  1fr  350px    1fr;
            grid-template-areas: "  .    in_date  ."; 
        }
        .in_date {   
            grid-area: in_date;
            display: grid; 
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        /*-------------------------------------------------- TOTAL - EXONERADO */
        .box_total { 
            display: grid; width:100%; justify-items: center; align-items: center;
            grid-template-columns:  20px  20px  20px  20px;
            grid-template-columns:  1fr  180px     15px  35px       auto       1fr;
            grid-template-areas: "  .    .         .     in_icono   in_label   ."
                                 "  .    in_total  .     in_icono   in_label   ."
                                 "  .    in_total  .     in_icono2  in_label2  ."
                                 "  .    .         .     in_icono2  in_label2  ."; 
        }
        .in_total {
            grid-area: in_total;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
			border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            text-align: center;
        }
        .in_icono2 {
            grid-area: in_icono2;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
        }
        .in_label2 {
            grid-area: in_label2;
            display: grid;
            width: 100%;
            font-size:20px; letter-spacing: 1px; 
            color: #777;
        }
        .in_total::placeholder {  color: #CCC; }
        /*-------------------------------------------------- INPUT - CHECKBOX */
        .box_check { 
            display: grid; width:100%; justify-items: center; align-items: center;
            grid-template-columns:  1fr  40px      auto      1fr;
            grid-template-areas: "  .    in_icono  in_label  ."; 
        }
        .in_icono {
            grid-area: in_icono;
            display: grid;
            width: 100%;
            justify-items: center; align-items: center;
        }
        .in_label {
            grid-area: in_label;
            display: grid;
            width: 100%;
            font-size:20px; letter-spacing: 1px; 
            color: #777;
        }
        /*---------------------------------------------------- INPUT - DATE */
        .box_date { 
            display: grid; 
            width: 100%;
            justify-items:center; 
            align-items: center;
        }
        .in_date {
            background-color: #EEE;
            border: 2px solid #999;
    		border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
            width:20px; 
            font-size:20px; letter-spacing: 1px;
        }
        /*------------------------------------------------------- UBICACION */
        .ubicacion {   display: grid; 
                    justify-items: center; align-items: center;
                    font-size:25px; letter-spacing: 1px;
                    color: #009;
                    margin-top: 8px;
                    margin-bottom: 8px;
                    text-align: center;
                }
        a.ubicacion:hover, a.ubicacion:visited {   
            display: grid; justify-items: center; align-items: center; font-size:25px; letter-spacing: 1px;
            color: #009; margin-top: 8px; margin-bottom: 8px; text-align: center; font-weight:bold;
        }
        .opcion {   display: grid; 
            justify-items: center; align-items: center;
            font-size:25px; letter-spacing: 1px;
            color: #009;
            margin-top: 8px;
            margin-bottom: 8px;
            text-align: center;
        }
        a.opcion:hover, a.opcion:visited {   
            display: grid; justify-items: center; align-items: center; font-size:25px; letter-spacing: 1px;
            color: #009; margin-top: 8px; margin-bottom: 8px; text-align: center; font-weight:bold;
        }
        
        .in_select {   
            display: grid; 
            justify-items: center; align-items: center;
            font-size:20px; letter-spacing: 1px; 
            background-color: #EEE;
            border: 2px solid #999;
            border-radius: 8px;
            margin-top: 8px;
            margin-bottom: 8px;
            padding: 5px;
        }
        .leyenda {
            height:auto;
	        width:100%;
	        display: grid;
	        grid-template-columns:  10px  auto  1fr  auto  10px;
            grid-template-areas: "  .     izq   .    der   .";
        }
        .izq { 
            grid-area: izq;
            display: grid; 
            justify-items: center; align-items: center;
            font-size:13px;
            color: #222;
            padding:0px; margin:0px
        }
        .der { 
            grid-area: der;
            display: grid; 
            justify-items: center; align-items: center;
            font-size:13px;
            color: #222;
            padding:0px; margin:0px
        }
        @media screen and (max-width: 790px) {
            .in_box18 {   
                width:345px;
            }
        }
/*---------------------------------------------------------------------------------------- ENVIADORES -*/
.boxUnidad { font-size:16px; width:120px }
.boxAdu { width:85px }
.boxJov { width:75px }
.boxCon { width:65px }
.boxJas { width:75px }
.boxAdu, .boxJov, .boxCon, .boxJas { padding:5px; }
.boxin {   
            width:100%;
            text-align:center;
            font-size:20px;
            background-color: #EEE;
            border: 2px solid #999;
            border-radius: 8px;
        }
.boxin::placeholder {  color: #CCC; font-size:18px; text-align:center;}
@media screen and (max-width: 450px) {
    .boxUnidad { font-size:15px; width:110px }
    .boxAdu { width:80px }
    .boxJov { width:70px }
    .boxCon { width:60px }
    .boxJas { width:70px }
    .boxin { font-size:19px; }
    .boxAdu, .boxJov, .boxCon, .boxJas { padding:4px; }
    .boxin::placeholder { font-size:17px; }
}
@media screen and (max-width: 420px) {
    .boxUnidad { font-size:14px; width:100px }
    .boxAdu { width:75px }
    .boxJov { width:65px }
    .boxCon { width:55px }
    .boxJas { width:65px }
    .boxin { font-size:18px; }
    .boxin::placeholder { font-size:16px; }
}