@-webkit-keyframes typing {
    from { width: 0 }
    to { width:28.7em }
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:28.7em }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: transparent }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: transparent }
}

#maquina { font-family: Courier, monospace; font-size: 25px; padding-bottom: 30px;}
img{
	margin: 0;
	border: 0;
	padding: 0;
	
}

#citaLine1 { 
	position:relative; 
	top:0px; 
	left:0px;
	/*font-size:30px;*/
	color: #888;
    width:28.7em;
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid black;
    
    -webkit-animation: typing 4.8s steps(48, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 4.8s steps(48, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

#citaLine2 { 
	position:relative; 
	top:0px; 
	left:0px;

	color: #888;
    width:28.7em;
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid black;
    
    -webkit-animation: typing 4.8s steps(48, end) 5s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 4.8s steps(48, end) 5s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

#citaLine3 { 
	position:relative; 
	top:0px; 
	left:0px;

	color: #888;
    width:28.7em;
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid black;
    

    -webkit-animation: typing 4.8s steps(48, end) 10s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 4.8s steps(48, end) 10s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

#citaLine4 { 
	position:relative; 
	top:0px; 
	left:0px;

	color: #082;
    width:28.7em;
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid black;

    -webkit-animation: typing 4.8s steps(48, end) 15s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 4.8s steps(48, end) 15s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

#citaLine5 { 
	position:relative; 
	top:0px; 
	left:0px;

	color: #082;
    width:28.7em;
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid black;
    

    -webkit-animation: typing 4.8s steps(48, end) 20s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 4.8s steps(48, end) 20s backwards, /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

#citaLine1 a{
	text-decoration: none;
	color: #aaa;
}
#citaLine1 a:hover{
	text-decoration: none;
	color: #6c7e7d; 
	/* EFFECTO BLUR  
	color: transparent; 
   	text-shadow: 0 0 8px rgba(180,290,0,0.5);*/ 
   	
}


#nombre{
	font-size:100px;
	position:fixed; bottom:20px;
	left:20px;
	line-height: 0.65em;
}

#nombre a{
	text-decoration: none;
	color:#fcfcfc;

}

#nombre a:hover{
	text-decoration: none;
	color:#f8f8f8;

}