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

* {	margin: 0; 	padding: 0; border: 0; }
body {	padding: 10px 0 10px 10px; }
img#sandia {
	float: left;
	height: 30px;
	margin-right: 8px;
}
body, input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -1px;
	font-style: normal;
}
ul li, input {
	color: #FFF;
}
em, input#usuario {
	background-color:#FFF;
	font-style: italic;
	color:#333;
	white-space: nowrap;
}
ul { margin-bottom: 8px; }
ul li {	background-color: #333; } 
#frm {
	color: #FFF;
	background-color: #333;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px 8px 5px 8px;
	border: 2px solid #FFF;
	border-right-style: none;
	border-left-style: none;
} 
#frm:hover {
	background-color: #999; 
	border: 2px solid #000;
	border-right-style: none;
	border-left-style: none;
}
ul li {
	background-color: #333; 
	vertical-align: middle;
	margin-top: 8px;
	padding: 5px 8px 5px 8px;
	list-style-type: none;
}
ul li em, input#usuario {
	line-height: 26px;
	padding-left: 5px; padding-right: 5px; margin-right: 3px; margin-top: 1px;;
}

#pri {
	color: #FFF;
	background-color:#000;
	padding: 10px 0 8px 10px;
}
#pri em {
	font-size: 27px;
	line-height: 32px;
	padding-left: 5px; padding-right: 7px; margin-right: 3px;
}
#pri p { border-top: #FFF solid 2px; padding: 4px 8px 0 35px; font-size: 35px; line-height: 42px; }

input#frase {
	background-color: #333;
}
input#enviar {
	background-color: #999;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	padding: 2px 5px 2px 5px;
	line-height: 18px;
	cursor: pointer;
}
input#enviar:hover { color: #000; }
ul li.c1 { background-color:#0C0; } ul li.c1 em { color:#0C0; } /* verde */
ul li.c2 { background-color:#F00; } ul li.c2 em { color:#F00; } /* rojo */
ul li.c3 { background-color:#FC0; } ul li.c3 em { color:#FC0; } /* amarillo */
ul li.c4 { background-color:#69F; } ul li.c4 em { color:#69F; } /* celeste */
ul li.c5 { background-color:#90C; } ul li.c5 em { color:#90C; } /* violeta */
ul li.c6 { background-color:#F90; } ul li.c6 em { color:#F90; } /* naranja */

ul li.error {	border-bottom: 5px solid #F00; }
ul li.error em {	background-color:#F00;	color:#000; }

h1#header {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 6px;
	cursor: default;
	padding-top: 6px;
	padding-bottom: 3px;
}
#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #999;
	text-transform: uppercase;
	padding-right: 20px;
	text-align: right;
	padding-bottom: 15px;
}
#footer a { color: #999; text-decoration: none; }
#footer a:hover {	color: #666; }