.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_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;
                }
        .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; }
        .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;
        }
        

        .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
        }