﻿
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family:  Orbitron, sans-serife; font-size: 62.5%; /* Sets up the Base 10 stuff */ }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1 { font-size: 1em; margin: 0; }
h2 { font-size: 1em; margin: 0; }
h3 { font-size: 1em; margin: 0; }
h4 { font-size: 1em; margin: 0; }
h5 { font-size: 1em; margin: 1.67em 0; }
h6 { font-size: 1em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin:0; }
pre, code, kbd, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; font-size: 10px; color: transparent; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border-radius :0; padding:0;}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;  }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
form * { list-style: none; position:relative; }
li {list-style: none;}
img { border: 0; }


/* ----------
GLOBAL RESETS
-------------------------- */
form { height: 100%; }
html, body { font-family: Orbitron, sans-serif; margin: 0; padding: 0; border: 0; height: 100%; width: 100%; background-color:#fff; color: #333; }
h1, h2, h3, h4, h5 { margin: 0; border: 0; padding: 0; font-weight: normal; }
.hidden { display: none; }
a { color:#333; }
a, a:hover, a:active, a:focus, a:visited { text-decoration: none; outline: none; }
a[href^=tel] { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; }
.tbl { display: table; width:100%; height: 100%; margin: 0 auto; position:relative;z-index:1;}
.tblcell { display: table-cell; vertical-align: middle;}



/* -- DEBUG -- */
.debug-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline-offset: -1px; outline: 1px solid #f00; z-index: 999; pointer-events: none;}
.debug-item:after { content: attr(data-debug); position: absolute; top: 0; left: 0; background-color: #f00; color: #ffF; font-size: 10px; padding: 5px 10px; z-index: 999; white-space: nowrap;}

/* -- IMAGE SCALE -- */
.js-imagescale { opacity:0; transition:opacity ease-in-out 300ms;}
.js-imagescale.notrans { transition:none;}
.js-imagescale.loaded { opacity:1;}


/* CHECK BROWSER */
#outdatedbrowser { display:block; position:fixed; top:0; left:0; z-index:9999; width:100%; box-sizing:border-box; line-height:20px; padding:3% 6%; margin:0 auto; text-align:center; background:#EEE; color:#000; font-size:14px; }
#outdatedbrowser.compact { padding:5px 6%;}
#outdatedbrowser .warning {display:inline-block; vertical-align:middle; width:24px; height:24px; margin-right:10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAYFBMVEUAAAAaGhoICAgDAwMDAwMDAwMEBAQDAwMDAwMCAgIBAQEBAQEBAQEBAQEBAQEBAQEBAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB3i/w4AAAAH3RSTlMABhAWGhweICIwTFJcanZ6g6Opq7G9z9HZ3+fv8/f9blz6EQAAAL1JREFUeNp1UtsWgyAMK24Kis77LgjN///lzmY59oU8pYSTQloSuHEPzGEfHWm4lSHgVUl9RJp9Y0zj54TYk+ABLHUu6gV4yH3wQAoDo//7R+TzrCD++qxYzvr2/txPtmAlcpzEvwM66ZPY0YhZHFqgFTpjpB1eqgqohHrsFNCQ4DgyaxCIYXL5emZmwFrYNiVoq2nSVtJccDVXzyVr6Xqu+qBNyaoPSiQiXJHoEK29QizFXhxUebTlZSiuzxegchM0ShebHwAAAABJRU5ErkJggg==) no-repeat center;}
#outdatedbrowser .txt { display:inline-block; vertical-align:middle;}
#outdatedbrowser .link { display:inline-block; vertical-align:middle; margin-left:5px; padding:5px 10px; font-size:14px; color:#fff; background:#ED7224; }
#outdatedbrowser .close { display:block; position:absolute; top:0; bottom:0; right:2%; width:24px; height:24px; margin:auto; text-align:center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAeFBMVEUAAAD///8HBwcBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAAAABAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACupXfzAAAAJ3RSTlMAAAJISkxOUFJUVlhaXF5gYmRmaGpsbnBydHh6fH6Di4+bn/f5+/2a3af0AAAAoklEQVR4Ab3R1w6CQBCF4WNXCiggFkWx7J73f0MnYxwK8c54Lv8vITsBoy/7NYxvAWyXGgZ3uvDTK/JqUJIugu5MPiYG2IrEkJ3I5xQNoPD0CXCUPkMbkIukB+lzdAGZiPQF+oCNdLfEEEqSPhuAPky+lvehkB4kniy6kHs9PhYpW6BP0tMjR+4aWEuPoQtF9ga1nv1e4FgZoE5hW1Xa/vHPX509EKW44FyrAAAAAElFTkSuQmCC) no-repeat center; }
.small #outdatedbrowser span, .small #outdatedbrowser a {font-size:12px;}
.mini #outdatedbrowser span, .mini #outdatedbrowser a {font-size:12px;}



/* -- COOKIES -- */
#cookiecheck { display:block; position:fixed; bottom:0; left:0; z-index:9999; width:100%; box-sizing:border-box; line-height:20px; padding:0.5% 6%; margin:0 auto; text-align:center; background:#EEE; color:#000; font-weight:500; font-size:14px;box-shadow: 0 -7px 6px -6px rgba(0, 0, 0, 0.5); }
#cookiecheck .info {display:inline-block; vertical-align:middle; width:24px; height:24px; margin-right:10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAARVBMVEUAAAAaGhoDAwMEBAQDAwMDAwMDAwMDAwMBAQEBAQEBAQEBAQEBAQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6P68lAAAAFnRSTlMABhweICIyOFJcanZ6o6mrvefz9/n94rT7nAAAAKtJREFUeNp9ktkWgyAMBYMW645KM///qV1OWmI9Om/hQpYbxIjjsqquyxjFE5NiaHJSt5Gntg6hbqfM1okxwFyJUc0w2H20F0evfN7EDTuPN1PY3nUSs50/sikz6RVqrv6FKmuUkUnkl8qYGGWhlQMti6zUFgFfoWYVJVh0L0JAnSB7oaSSXSpfHFxx3y74dsuADTRlQGcJQLHETDSKiWe2Xy/quNrLz3D6fZ5D3w4A4kYxiQAAAABJRU5ErkJggg==) no-repeat center;}
#cookiecheck .txt { display:inline-block; vertical-align:middle;}
#cookiecheck .link { display:inline-block; vertical-align:middle; margin:0 5px; font-size:14px; text-decoration:underline; font-weight:500; }
#cookiecheck .accept { 
        display: inline-block;
    vertical-align: middle;
    padding: 5px 4px;
    min-width: 100px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background: #000;
    color: #fff}
.small #cookiecheck span, .small #cookiecheck a {font-size:12px;}
.mini #cookiecheck span, .mini #cookiecheck a {font-size:12px;}



/* -- VALIDATION ERRORS -- */
.validator { position: absolute; right:0; top:-12px; width: 20px; height: 20px; text-align: center; }
.validator .erroMark { cursor: pointer; z-index: 99; position: relative; width: 20px; height: 20px; background-color:#000; text-align: center; color: #fff; font-weight:300; font-size:20px; display: block; line-height:30px; border-radius: 50%; }
.validator .erroDetail { display: none; white-space: nowrap;width:auto; padding: 5px 22px 5px 15px; background-color:#000; z-index: 98; color: #fff; position: relative; font-weight:300; font-size: 12px; margin-top: -20px; text-align: left; border-radius: 10px;height:25px; line-height:25px;position:absolute;right:0;top:12px; }
.validator:hover .erroDetail { display: block; }





/* ESTRUTURA BASE */
.content {
    position: relative;
    z-index: 1;
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
}


.display-table {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: table;
    width: 100%;
    background-color: rgba(255,255,255,0.9);
    transition: background ease-in-out 400ms;
}

.display-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.content .item {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.content .item .img_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition:transform ease-in-out 500ms
}



.content .item .lbl_nome {
    display: block;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 18%;
    color: #444;
    transition:color ease-in-out 300ms;
}

.content .item .logo_holder {
    display: block;
    margin: 0 auto;
    margin-bottom: 6%;
    width:80%;
    height:82px;
    position:relative;
}
.content .item .logo_holder img{
    max-width:100%;
    position:absolute;
    top:0;
    left:0; right:0; margin: auto;
    transition:opacity ease-in-out 300ms;
    opacity:1;
}

    .content .item .logo_holder .img_hover {
        opacity:0;

        z-index:2;
    }

.content .item .lnk_splash {
    display: block;
    margin: 0 auto;
    border: 4px solid #00BCFF;
    max-width: 190px;
    padding: 14px 0;
    color: #444;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    transition:color ease-in-out 300ms;
}


.content .item:first-child .lnk_splash {
    border-color: #E40515;
}



.content .item:hover .display-table {
    background-color: rgba(255,255,255,0.1);
}

.content .item:hover .img_bg {
     transform:rotate(0.5deg) scale(1.04);

}





.content .item:hover .lbl_nome {
    color: #fff;
}

.content .item:hover .lnk_splash {
    color: #fff;
}

.content .item:hover .logo_holder img {
    opacity:0;
}
.content .item:hover .logo_holder img.img_hover {
    opacity:1;
}

.politicas {
    position:absolute; 
    bottom:4%;
    text-align:center;
    width:100%;
}

.politicas  .lbl_copyright {
    font-size:10px;
    text-transform: uppercase;
    display:block;text-align:center;
}

.politicas .lbl_copyright b {
    font-size:14px;
    text-align:center;
}
.lnk_ma {
    margin-top:2%;
    display:block;font-weight:700;
    text-transform:uppercase;
}



.small .content .item  .lbl_nome{
    font-size:18px;
    margin-bottom:12%;

}
.mini  .content .item .lbl_nome{
    font-size:14px;
    margin-bottom:12%;

}

.small .content .item .lnk_splash {
    padding: 9px 0;
}


.mini .content .item .lnk_splash {
    padding: 9px 0;
}


@media (orientation: portrait) {


    .small .content .item {
        width:100%;
        height:50%;
    }


    .mini .content .item {
        width:100%;
        height:50%;
    }

    .politicas {
        
        bottom:1%;
    }
}






@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}