html { font-size: 20px; line-height: 1.2;  }
	
	body{  background: #3b2360; font-family: Arial; }
    #myestilo { margin: auto; width:1000px; background: #FFFFFF; min-height: 600px; 
    margin-bottom: 1em;   text-align: center; }
    @media screen and (max-width:1000px){
    	#myestilo { margin: auto; width:100%;  }
    } 
    #container { margin: 1em;}
    
	header, #cabecera { width:100%; float:left; background: #FFFFFF;} 
    .cuadro {width:80%; margin: auto; margin-top: 3em; text-align: center; }
    @media screen and (max-width:800px){  }
	
	h1 { text-align: center; }
    p 	{ 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    font-size: 1.2em; font-family: sans-serif; 
	}
	.centro {  text-align: center;}
	.divcentrado { width: 90%; margin: 0 auto; }
	.clear { clear: both; padding-top: 2em; }
	td, input, button { font-size: 1.2em; font-family: sans-serif;  }
    input[type=number] { width: 4em; }
	img { font-size: 1.2em; }
	.img60 { width: 60%; height: auto; } .img80 { width: 80%;height: auto; }
	@media screen and (max-width:800px){
		.img60 { width: 75%; } .img80 { width: 95%; }
		}
	@media screen and (max-width:900px){ .hideOnSmall { display: none; } } 
	
	table { margin-left:auto; 
            margin-right:auto;
			width: 80%; }
	
	/* CADA BOTÓN */
	.seccion { width: 24%; /*16%;*/  height: auto; float: left;  } 
	.seccion img { width: 80%; height:auto; }
	.seccion img:hover { width: 84%; height:auto; }