/* Configurações Gerais */
* {margin: 0px; padding: 0px; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box; font-family: "Open Sans", Helvetica, sans-serif, arial;}
html {height: 100%;}
body {background: #f7f7f7; color:#868686; font-size: 1.2em; font-weight: 300; line-height: 1.2222222222em; text-align: left;}
a {text-decoration:none;}
ul {list-style: none;}
img {max-width: 100%;}
.center{margin: 0 auto; max-width:1200px; width: 90%; min-height: 100vh; min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: calc(100vh - 50px);}

/* Cabeçalho */
.header {width: 100%; float:left; padding: 2% 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0px 1px #fff;}
.logo-header {width: 100%; height: 91px;}
.logo {width: 100%; height: 91px; background-size: 260px 104px; margin: 0 auto; background: url("img/logo.png") center center no-repeat; font-size: 0;}
.social-header{width: 100%; height: 81px; text-align:center;}
.facebook{width: 46px; height: 46px; margin-right: 1%; text-align: center; font-size: 25px; color:#416192; border-radius: 46px; border: 2px solid #416192; background: transparent; cursor: pointer;}
.youtube{width: 46px; height: 46px; margin-top: 1rem; margin-right: 1%; text-align: center; font-size: 25px; color:#416192; border-radius: 46px; border: 2px solid #416192; background: transparent; cursor: pointer;}
.instagram{width: 46px; height: 46px; text-align: center; font-size: 25px; color:#416192; border-radius: 46px; border: 2px solid #416192; background: transparent; cursor: pointer;}
.facebook:hover, .youtube:hover, .instagram:hover{opacity: 0.5;}

/* Conteúdo */
.section_title{text-align:center; width:100%; height:100px; float:left; border-bottom: 4px solid #416192;}
.section_title h2{color:#416192; font-size: 2.3333333333em; font-weight: 400; line-height: 3em;}
.section_container{float:left; height: 100%;width:100%; margin-bottom: 25px;}
.section_container a{color:#868686!important;}
.section_container a .internal:hover{box-shadow: #8c91b9 0.0em 0.0em 0.5em; opacity: 0.8; -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;}
.section_container a .external:hover{box-shadow: #b18cb9 0.0em 0.0em 0.5em; opacity: 0.8; -webkit-transition: filter 0.3s, -webkit-filter 0.3s, box-shadow 0.3s;}
.section_container h3{color:#fff; font-size: 1.77777777778em; font-weight: 300; padding-bottom: 20px; text-shadow:none;}
.section_container p{padding: 2%; height: 100%;}
.section_container img{padding: 10px; width:20%; height: 20%;}
.internal{position:relative; background:#fff; text-align:center; width:100%; height:100%; border: 1px solid #8c91b9; margin: 25px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.external{position:relative; background:#fff; text-align:center; width:100%; height:100%; border: 1px solid #b18cb9; margin: 25px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.internal_header{background-color:#8c91b9; height: 100%; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 3px;}
.external_header{background-color:#b18cb9; height: 100%; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 3px;}

/* Rodapé */
.footer{background: #253b5e; clear:both; height: 50px; padding: 10px 0; width:100%;}
.copyright{text-align:center; color:#fff; font-size: 0.8em; line-height: 2.2em;}

/* Dispositivos pequenos - Tablets */
@media screen and (min-width: 768px) {
	.section_title{text-align:left}
	.section_title h2{margin-left: 1%;}
	.logo-header {float:left; width: 325px;}
	.social-header{float:right; text-align:right; margin-top: 5px; padding-right: 10px; width: 325px;}
}

/* Dispositivos médios - Tablets e Desktops */
@media screen and (min-width: 960px) {
	.section_container{padding: 1% 15%; min-height: 525px;}
	.section_container h3{color:#fff; font-size: 1.5em;}
	.internal_header, .external_header{height: 200px;}
	.internal_description, .external_description{min-height: 150px; height: 100%; margin-bottom: 20px;}
	.internal{float:left; width:45%;}
	.external{float:right; width:45%;}
	.section_container img{padding: 15px; width:140px; height: 140px;}
}