html, body
{
  height: 100%;
}

html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body{background-color: #c1d8ff; font-size: 16px; font-family: helvetica, sans-serif; color: #1e1e1c; width: 100%; padding: 0; max-width: 960px; margin: auto}

.wrapper{width:100%; -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.72);-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.72);box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.72)}

ul, li {margin: 0; padding: 0; line-height: 1.6em}

[data-icon]:before {font-weight: 400 !important; content: attr(data-icon); text-transform: none; margin-right: 3px; position: relative; top: 3px; font-size: 30px; line-height: 0}

h1, h2, h3, h4, h5 { text-transform: uppercase; text-rendering: optimizeLegibility}
h1{font-family:Arial,Helvetica,sans-serif;font-size:22pt;color:#000000}
h2{font-family:Arial,Helvetica,sans-serif;font-size:18pt;color:#2a579c}
h3{font-family:Arial,Helvetica,sans-serif;font-size:16pt;color:#878787}
h4{font-family:Arial,Helvetica,sans-serif;font-size:16pt;color:#000000}
h5{font-family:Arial,Helvetica,sans-serif;font-size:14pt;color:#000000}
h6{font-family:Arial,Helvetica,sans-serif;font-size:10pt;color:#000000}

p {font-size: 1em; line-height: 1.6em}
p:first-of-type {font-size: 1.25em; font-style: bold}

a {color: #00f; text-decoration: none}

img, figure, video, audio, embed {max-width: 100%}

.header{margin: 0 auto 0; width: 100%; background-color: #273959; float: left; width: 100%; background-size: 38px 133px; min-height: 60px}

.mobile-nav a {color: #fff}

.s1,.s2{float:left;width:50%}

@media (max-width: 640px) {
	nav{display: none}
	nav.nav-toggle{display: block; margin-top: 16px}
	.s1,.s2{width:100%}
	.mobile-nav { display: block; float: left; height: 44px; margin: 0; width: 100%}
	.mobile-nav a {margin-top: 20px; display: block; min-width: 100px}
	.mobile-nav a.toggle-menu { float: right}
	}
nav { -webkit-transition: all, 0.2s, ease; -moz-transition: all, 0.2s, ease; -o-transition: all, 0.2s, ease; transition: all, 0.2s, ease; float: left; width: 100%}

nav ul {list-style-type: none}
@media (min-width: 641px){
	nav ul {float: right; width: 100%; border-bottom: none; margin: 0.25em 0}
}

nav li {text-align: center; text-transform: uppercase; background-color: #5089e7; border-bottom: 1px solid #fff}
nav li a {display: block; line-height: 44px; height:44px; width: 100%; color:#fff; font-size:15px; font-style: bold}
nav li:hover, nav li:active{background-color:#8aade7}

@media (min-width: 641px) {
	.mobile-nav { display: none}
	nav li {float: left; font-size:13px; background: none; box-shadow: none; border: none; border-right: 1px solid #fff; width: 16.66%; height: 44px}
	nav li a { width: 100%; padding: 0.8em 0; font-size: 11px; color: #eee; line-height: 1em}
	nav li:last-of-type {border-right: none}
	}

footer {float: left; width:100%; padding: 5px; color: #fff; background-color: #8aade7; font-size: 13px; text-align: center}
footer a{color:#002159}

.content{overflow:hidden}

.article {width: 100%; float: left; background-color: #fff; padding: 4%; margin-bottom: -5000px; padding-bottom: 5000px}
@media (min-width: 960px) {
	.article {width: 760px}
	}

.sidebar {width: 100%; float: left; background-color:#fff; padding-top:15px; padding-bottom:25px; padding-right:15px; padding-left:10px; margin-bottom: -5000px; padding-bottom: 5000px}
@media (min-width: 960px) {
	.sidebar {width: 200px}
	}
	
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
img{border: 0}
      
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	min-height: 1%;
}

.respas{width:75%; margin:auto}