@charset "UTF-8";
/* CSS Document */

 
        body{
    font-family: yantramanav;
    font-weight: 400;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
            
}
	.botonul{
	
font-style: normal;
	/* estilos para la tipografia del botón*/
	color:#333;
	font-size: 11px;
	
	cursor: pointer;
	border: 0;
	text-decoration:none;
	

	/* propiedades para la animacion del boton */
	
	
	line-height:22px;
        transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all  .5s linear;
	position: relative;
	bottom: 0;
	letter-spacing: 0.1em;	
         font-weight: 400;
}


.botonul:hover{
	font-size:11px;
	/* Posicion del boton al clickearlo */
letter-spacing: .2em;
		color:#477DFD;
     font-weight: 1000;
}


.cuadrado5 {
    border: 0px solid #000000;
    border: 0px solid #000000;
    width: 350px;
    float: left;
    padding-top: 10px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    margin-left: 0px;
	
    font-size: 12px;
    color: #000;
    line-height: 22px;
    word-spacing: .1em;
    font-weight: 500;
    text-align: left;
}
.cuadrado2 {
    border: 0px solid #000000;
    border: 0px solid #000000;
    width: 150px;
    float: left;
    padding-top: 10px;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    margin-left: 0px;
	
    font-size: 12px;
    color: #000;
    line-height: 22px;
    word-spacing: .1em;
    font-weight: 500;
    text-align: left;
}
.cuadrado3 {	border: 0px solid #000000;
	border: 0px solid #000000;
width:110px;
	float:left;
	text-align:left;
	padding:1%;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

	font-size: 12px;
	color: #000;
	line-height: 22px;

}

        li{
            padding-top: 3px;

           list-style:none;
            text-align: left;
           list-style-type:decimal;
            list-style-type:disc ;
            font-size:8px;
            
          
        }
        ul{display: block; 
            margin-left: 5px;
            text-align: left;
            margin-left:0px;  line-height:18px;
           transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
        
         animation:slidein3 4s ;  padding-left: 10px;
            
            
            list-style-type: disc;
    margin-block-start: 3px;;
    margin-block-end: 1em;
    margin-inline-start: 10px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
}
@keyframes slidein3 {
     0%   {    opacity: .0; -moz-opacity:0.0; }
    50% {    opacity: 1; -moz-opacity:1;}
	
	 100%   {    opacity: 100;	-moz-opacity:1;}}
@keyframes slidein2 {
     0%   {    opacity: .0; -moz-opacity:0.0; }
    50% {    opacity: 1; -moz-opacity:1;}
	
	 100%   {    opacity: 100;	-moz-opacity:1;}}
@keyframes slidein {
     0%   {    opacity: 0; -moz-opacity:0;}
    40% {    opacity: 1;-moz-opacity:1;}
	60% {    opacity: 1;-moz-opacity:1;}	
	 100%   {    opacity: .0;-moz-opacity:.0;	}}
   #cabeceralgo {
    width:200px;
    margin:auto;
    
    }
        footer{
			
        
            position: relative; 
			 min-width:320px; 
            max-width:800px; 
            width: 100%;
            margin: auto; 
			float:left;
			height:auto;
            font-family: yantramanav;
    font-weight: 400;
    text-align: center;
			
           
            padding-left: 50px;
                
        }

   #abaj{
            position: fixed; bottom: 2px;
        }