@import url("font-awesome/css/font-awesome.min.css");
@import url("opensans.css");
@import url("opensanscon.css");

/* GENERAL */

*, *::before, *::after {
    box-sizing: border-box;
}

html {
	height: 100%;
	width: 100%;
}

body {
	background-color: #FFF;
	color: #004a7b;
	font-family: "opensanscon-semibold",sans-serif;
	font-size: 20px;
	font-weight: normal;
	height: 100%;
	line-height: 1.35em;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	text-align: left;
	width: 100%;
}

a:hover {
    text-decoration: none;
}

img {
    width: 100%;
}

h1 {
	color: #f7a800;
	font-family: "opensans-bold",sans-serif;
	font-size: 52px;
	font-weight: normal;
	line-height: 1em;
	margin: 20px 0 10px;
}

h2 {
	color: #f7a800;
	font-family: "opensans-regular",sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 1em;
	margin: 10px 0 20px;
}

h3 {
    color: #004a7b;
    font-family: "opensans-bold",sans-serif;
    font-size: 36px;
	font-weight: normal;
	line-height: 1em;
    margin: 20px 0 10px;
}

h4 {
    color: #f7a800;
    font-family: "opensanscon-semibold",sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 1em;
    margin: 20px 0 15px;
}

h5 {
    color: #333;
    font-family: "opensanscon-regular",sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.25em;
    margin: 30px 0 25px;
}

h6 {
}

p {
	margin: 0 0 15px;  
}

ul.lista {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

ul.lista li {
    margin: 0;
}

ul.lista li::before {
    font-family: FontAwesome;
    color: #f7a800;
    content: "\f138";
    padding-right: 6px;
}

ul.lista li a {
	color: #999;
	font-family: "opensanscon-regular",sans-serif;
	font-size: 22px;
	font-weight: normal;
    line-height: 1em;
}

ul.lista li a:hover {
	color: #f7a800;
    text-decoration: none;
}

ul.lista li p {
	color: #004a7b;
	font-family: "opensanscon-light",sans-serif;
	font-size: 18px;
	font-weight: normal;
}

strong {
    font-family: "opensans-bold",sans-serif;
    font-weight: normal;
}


/* Section
-------------------------------------------------*/

section {
	display: table;
	height: auto;
	width: 100%;
}


/* HOME
-------------------------------------------------*/

.home-section {
    max-height: 800px;
    padding: 40px 0;
}

.mainwrap {
    margin: 0 auto;
    max-width: 1320px;
    width: 100%;
}

.img-home {
    display: none;
    margin: 0 auto;
    max-width: 600px;
}

.img-box {
    display: inline-block;
    vertical-align: top;
}

.content {
    display: inline-block;
    padding: 20px 0 0;
}

.img-logo {
    float: right;
    max-width: 200px;
}


/* SECTIONS
-------------------------------------------------*/

.a023-section,
.a009-section,
.a002-section {
    background-color: rgba(0,74,123,.1);
    padding: 30px 0 50px;
}

.a024-section,
.a021-section,
.a006-section,
.a1995-section {
    background-color: rgba(247,168,0,.2);
    padding: 30px 0 50px;
}

.top {
    float: left;
    margin: 0 0 20px;
}

.top h1 {
	font-size: 33px;
	margin: 0 0 10px;
}

.top h2 {
	font-size: 28px;
	margin: 10px 0 0;
}

.toplogo {
    float: right;
    margin: 0 0 20px;
    max-width: 150px;
}

.txt {
    display: inline-block;
    width: 100%;
}

.txt h4 {
    color: #004a7b;
    margin: 0 0 10px;
}

.a024-section li {
    margin: 0 0 15px;
}

.a024-section li a {
	color: #004a7b;
    font-family: "opensanscon-regular",sans-serif;
    font-size: 24px;
	font-weight: normal;
	line-height: 1.35em;
}

.a024-section li a:hover {
	color: #f7a800;
}

.scroll {
    padding: 40px 15px 0;
    display: inline-block;
}

a.scrollTo {
    color: #004a7b;
    float: left;
    font-size: 30px;
    margin: 0 40px 0 0;
}

a:hover.scrollTo {
    color: #f7a800;
}



/* Mobile
--------------------------------------------------------------- */

@media (max-width: 1350px) {
    .top,
    .toplogo,
    .txt,
    .box {
        padding: 0 15px;
    }
}

@media (max-width: 1200px) {
    .home-section {
        padding: 0;
    }
    .img-home {
        display: block;
    }
    .img-box {
        display: none;
    }
    .content {
        display: block;
        margin: 0 auto;
        max-width: 630px;
        padding: 20px 15px;
    }
    .img-logo {
        display: none;
    }
}

@media (max-width: 480px) {	
    body {
        font-size: 18px;
    }
    section {
        height: 100%;
    }
    h1 {
        font-size: 46px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 32px;
    }
    h4 {
        font-size: 23px;
        line-height: 1.25em;
    }
    ul.lista li a {
        font-size: 20px;
        line-height: 1.25em;
    }
    h5 {
        font-size: 21px;
    }
    .a024-section li a {
        font-size: 22px;
    }
}