/* -----------> Portal de Gestion <<<------------*/
/* --------> Resets and overrides <<<------------*/
	
*{margin:0; padding:0;} 
body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, pre, blockquote, address, cite{ margin:0; padding:0;}
*, *:after, *:before {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}
html body {width:100%; height:100%;  background:#035592 url("../img/back.jpg") repeat-y;} 
html {overflow-x: hidden !important}
body {font-family: Arial, Helvetica, sans-serif;; font-size:1.000em; color:#696a6c;}
.clearfix {clear:both; height:0px; font-size:1px;}
:focus {outline:0;}
img, iframe {border:none; text-decoration:none;}
ol, ul {list-style:none;}
a {text-decoration:none;}
p {line-height: normal;font-weight: 400;font-size: 1em;}
h1, h2, h3, h4, h5 {font-size:1em; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}

input:invalid {box-shadow: none;}
.form-control {border-radius: 0; background:#f5f3e1;}


/* --------> General <<<-------------*/

.wrapper {background:url("../img/back-icons.jpg") no-repeat center top; min-height: 800px; text-align: center;}
.wrapper .content {background: #fff; width: 900px; display: block; margin-right: 100px; margin: 0 auto 50px; padding: 60px; -webkit-box-shadow: 0px 0px 19px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 19px 6px rgba(0,0,0,0.3); box-shadow: 0px 0px 19px 6px rgba(0,0,0,0.3);}

h1 {color:#fff; padding: 120px 0 40px;}
h1 span {text-transform: uppercase; font-size: 1.313em;}
h1 strong {font-size: 2.688em;}


/*Select BU*/

.select-bu ul { width: 650px; margin: 30px auto 0; display: flex; justify-content:space-between; flex-wrap: wrap;}
.select-bu ul li { float: left; margin-bottom: 35px; }
.select-bu ul li a {width: 190px; margin: 0 10px; height:100px; padding: 10px; display: block; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);}
.select-bu ul li a img {object-fit: contain; }

/* Flashing */
.hover a:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .6;} 100% {opacity: 1;}}
@keyframes flash {0% {opacity: .6;} 100% {opacity: 1;}}

.btn:hover {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}


/*Guia*/

.guia .col-1 {float: left;}
.guia .col-1 img {-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.45);}

.guia .col-2 {float: right; width: 380px; text-align: left;}
.guia .col-2 .logo {width: 190px; float: right;}
.guia .col-2 h2 {text-transform: uppercase; font-weight:bold; color:#005395; margin:30px 0 20px;}
.guia .col-2 p {margin-bottom: 20px; font-size: 0.938em; line-height:1.500em;}
.guia .col-2 .check {font-size: 0.938em;}
.guia .col-2 .check [type=checkbox] {border:1px solid;}
.guia .col-2 .btn {background:#33715b; color:#fff; font-weight: bold; padding: 10px 16px; font-size: 0.938em; float: right; margin-top: -8px;}
.guia .col-2 .mobile {display: none;}

.guia hr {border-top: 1px solid #b1b1b1; height: 1px; margin:30px 0 36px;}

.guia .copy {float: right; width: 380px; font-size: 0.775em; font-style: italic; text-align: left; margin-top: -30px;}
.guia .copy a {color:#696a6c; text-decoration: underline;}