*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

.pantalla:before, .pantalla:after { content: " "; display: table; }
.pantalla:after { clear: both; }

body {
	font-family: 'Lato', Calibri, Arial, sans-serif;
}

a {
	color: #081036;
	text-decoration: none;
}

a:hover,
a:active {
	color: #42c9ed;
}


.columna {
	float: left;
	width: 50%;
	padding: 0 2em;
}

.columna {
	width: 50%;
	padding: 10px 60px;
	float: left;
}

.columna:nth-child(2) {
	box-shadow: -1px 0 0 transparent;
}

.columna p {
	font-weight: 300;
	font-size: 1.500em;
	text-align: center;
	line-height: 1.5;
}
p {
	font-weight: 300;
	font-size: 1.300em;
	text-align: center;
	line-height: 1.5;

}
h4 {
	font-weight: 350;
	font-size: 1.300em;
	

}
.principal {
	background: #566472;
	background: #130430;
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.principal a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.principal a:hover {
	background: rgba(255,255,255,0.8);
	color: #130430;
}

.principal span.right {
	float: right;
}

.principal span.right a {
	float: left;
	display: block;
}