body {font-family: Arial, verdana;
		background-color: #c8e5e3;
		margin:0;
		padding:0;
		}
button {
	padding:3px 15px;
	margin:10px;
}
/*
	h1 {font-size:40px; color:#000000;}
	h2 {font-size:25px; color:purple;text-align:left;}
	h3 {font-size:16px; color:black;}
	h4 {font-size:25px; color:red;text-align:center;}

	table#principal { 
		font-size:20px; 
		text-align:center; 
		width:70%;  
		border: solid 10px #990033;}

	table#uno { 
		font-size:20px; 
		text-align: center; 
		width:70%;  
		border: solid 10px #336633;}

	table#dos { 
		font-size:30px; 
		text-align: center; 
		width:70%;  
		border: solid 10px #999900;}

	td {
		text-align: center; 
		width:50%;  
		border: solid 1px #CC0033;}
*/

#item{
	list-style-type:none;
	margin:10px 0px;
	padding:0;
	display:flex;
	flex-direction:column;
	text-align:left;
}

#item li{
	padding:4px;
	margin:5px 5px;
	background-color:#80c9c6;
}  

A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none; color: black;}
A:hover {text-decoration: none; color: red; background-color:#FFCC33;}
/*A:hover {text-decoration: underline overline; color: red;}
*/

div {

    border-radius: 5px;
    background-color: #c8e5e3;
    padding: 10px;
}

.titulo{
	background-color:#1792a4;
    padding: 10px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

.datos{
    padding: 20px 10px;
}

#res{
    background-color: #c8e5e3;
}

.aviso{
	color:red;
}

input[type=text], select {
	font-size:18px; 
	text-align:center;
    width: 100%;
    padding: 5px 5px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
footer{

    position: fixed;
	padding:20px;
    bottom: 0;
	width:100%;

	}