@import url( 'https://fonts.googleapis.com/css?family=Oswald' );
@import url( 'https://fonts.googleapis.com/css?family=Muli' );
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Muli', sans-serif;
	color: #555;
}
header {
	background-color: #f8f8f8;
	border-bottom: solid 2px #eee;
	color: #004682;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
}
.logo { height: 80px; width: auto; }
.home {
	width: 150px;
	height: 40px;
	text-align: center;
	box-sizing: border-box;
	padding: 7px 0;
	font-size: 17px;
	float: left;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-top: 15px;
	font-size: 14px;
	position: absolute;
}
.principal {
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
}
.fila { zoom: 1; width: 100%; box-sizing: border-box; }
.fila:before, .fila:after { content: ''; display: table; }
.fila:after { clear: both; }
.dos { width: 50%; float: left; box-sizing: border-box; }
h1, h2, h3, caption {
	text-transform: uppercase;
	margin: 5px 0;
	font-family: 'Oswald', sans-serif;
	color: #004682;
	transition: all 0.3s ease;
}
a {
	transition: all 0.3s ease;
	color: #292F7D;
	text-decoration: none;
	display: block;
	width: auto;
	background-color: #fff;
}
a:hover, a:focus {
	color: #00A8E0;
	-webkit-transform: scale( 1.03 );
	-ms-transform: scale( 1.03 );
	transform: scale( 1.03 );
	border: 1px solid #004682;
}
p { text-transform: lowercase; }
p:first-letter { text-transform: uppercase; }
.fright { float: right; }
.tabs {
	width: 100%;
	list-style: none;
	min-height: 80px;
	margin-left: -40px;
	margin-top: 15px;
}
.tabs li {
	float: left;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	transition: all 0.3s ease;
	cursor: pointer;
	background-color: #fff;
	width: 250px;
	height: 80px;
}
.tabs li[aria-selected='true'] {
	color: #fff;
	background-color: #222;
	border-bottom: 1px solid #222;
}
.tabs li:focus, .tabs li:active, .tabs li:hover {
	-webkit-transform: scale( 1.1 );
	-ms-transform: scale( 1.1 );
	transform: scale( 1.1 );
	border: 1px solid #004682;
}
.contentPanel {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
div[aria-hidden='true'] { display: none; }
.tcenter { text-align: center; }
.tright { text-align: right; }
caption { text-align: left; font-size: 16px; background-color: #fff; color: #292F7D; }
caption:focus, caption:hover, h1:focus, h1:hover, h2:focus, h2:hover {
	-webkit-transform: scale( 1.0 );
	-ms-transform: scale( 1.0 );
	transform: scale( 1.0 );
	border: none;
	color: #00A8E0;
}
table { min-width: 100%; margin-bottom: 15px; }
table thead { background-color: #222; border-bottom: solid 2px #eee; color: #fff; }
table thead th { padding: 5px; }
table tbody tr td { padding:2px; }
table tbody tr td a { width: 200px; background-color: transparent; }
table tbody tr:nth-child( even ) { background-color: #f8f8f8; }
table tbody tr:hover { background-color: #eee; }
.numeroDiv { min-width: 90px; }
.textoDiv { min-width: 160px; }
.urlDiv { min-width: 300px; }
.chicoText { font-size: 8px; }
footer {
	background-color: #ccc;
	color: #004682;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	font-size: 11px;
}
footer img { height: 60px; cursor: pointer; margin-top: 10px; }
footer a { background-color: transparent; width: 230px; text-align: center; }
@media screen and ( max-width: 1030px ) {
	.tabs li { width: 50%; height: 60px; }
	.tabs { border-bottom: none; border-top: none; }
}
@media screen and ( max-width: 842px ) {
	.tabs li { font-size: 12px; }
	a:hover, a:focus,
	.tabs li:focus, .tabs li:active, .tabs li:hover {
		border: 2px solid #004682;
	}
	.home { position: relative; float: none; margin: 0 auto; }
	.logo { width: 95%; height: auto; }
}
@media screen and ( max-width: 520px ) {
	.tabs li { width: 100%; height: auto; }
}
@media screen and ( max-width: 500px ) {
	.dos { width: 100%; float: none; margin: 15px 0; text-align: center; }
	table tbody tr td a { width: 100%; background-color: #fff; }
	.fright { float: none; }
	footer a { margin: 0 auto; }
	a { text-align: center; }
	ul li a, table a { text-align: left; }
	.home { float: none; margin: 0 auto; }
}
@media screen and ( max-width: 400px ) {
	.logo { width: 95%; height: auto; }
}