body, html {
	height:100%;
	position:relative;
    font-family: 'Open Sans', sans-serif;
}

/*table { color: #333333}
th {
	text-align: center;
}*/
.input { font-weight: normal; color: #333333}
.color-1 { background-color: #183942}
.color-2 { background-color: #FFA510}
.error-login { font-weight: bold; color: #FF0000}
.link-menu {  font-size: 11px; font-weight: bold; color: #333333; text-decoration: none}
.power {  font-size: 9px; color: #999999}
.link-fino { font-size: 11px; color: #333333; text-decoration: none }
.mensaje_error { font-weight: bold; color: #FF0000}
.mensaje_ok { font-weight: bold; color: #333333}

body
{
	background:#722558;
	/*text-align:center;*/
}

#logo img {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin-top: 12px;
}

h1 {
	text-align: right;
}

.header {
	border-bottom: 3px solid #9b1459;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

@media (max-width:768px) {
	#logo {
		text-align: center;
	}

		#logo img {
			margin: 30px auto;
		}

	h1 {
		text-align: center;
	}
}

p {
	margin:0 0 1em; 
}

form,
.alert
{
	margin:15px auto;
}

#container
{
	width:auto;
	background:#fff;
	margin:auto;
	min-height:100%;
	padding-bottom:40px;
}

.resultados {
	margin:40px auto;
	font-size:13px;
}
/*
	.resultados td {
		border-bottom:3px solid black;
		vertical-align:top;
		padding:10px;
	}

.resultados th {
	background:#722558;
	color:white;
	font-weight:bold;
	font-size:15px;
	padding:10px 0;
}

.resultados tr:nth-child(even) td {
	background:#f0f0f0;
}
*/
.leida_Si span {
	display:inline-block;
	color:white;
	background:green;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
	font-size:14px;
	border-radius:4px;
}

.leida_No span {
	display:inline-block;
	color:white;
	background:red;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
	font-size:14px;
	border-radius:4px;
}