@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
/* -------------------------------------------------------------------------- */
/* font-family: 'Open Sans', sans-serif; */
/* -------------------------------------------------------------------------- */
/* ALL */
html, body{
    height: 100%;
}
*, *:after, *:before {margin: 0; padding: 0; list-style: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{
    color: #e5e5e5;
    font-family:  'Roboto', sans-serif, Arial, Helvetica, serif;
    font-weight: 400;
    font-size: 62.5%; /* a '%' define valor 'em' igual a 'px' */
    word-wrap: break-word;
    background: url(../img/bgGeral2.jpg)  top center no-repeat;
    overflow-x: hidden;  /* Oculta barra lateral */
}
a, a:visited, a:link{
    color: #dadada;
    text-decoration: none;
}
input, textarea, select{
    font-family: 'Raleway', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 1.2em; /* 12 / 10 */
    outline-color: transparent;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Principais */
section{
    position: relative;
    width: 100%;
    min-height:100%;
    z-index: 0;
    padding-bottom: 200px;
    clear: both;
}
.linha100{
    width: 100%;
    position: relative;
    clear: both;
    z-index: 1;
}
.container{
    position: relative;
    margin: 0 auto;
    width: 550px;
    clear:both;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Header/Topo */
header{
    height: 160px;
}
#topoLogo{
    left: calc(50% - 202.5px);
    position: absolute;
}
/* -------------------------------------------------------------------------- */
/* Footer/Rodape */
footer{
    position: fixed;
    bottom: 0;
}
footer .container{
    height: 75px;
    background: url(../img/rodapeL.png)top left  no-repeat, url(../img/rodapeR.png)top right no-repeat;
}
/* -------------------------------------------------------------------------- */
/* Tamanho de texto */
.txt8{font-size:.8em;}
.txt10{font-size: 1em;}
.txt11{font-size:1.1em;}
.txt12{font-size:1.2em;}
.txt14{font-size:1.4em;}
.txt16{font-size:1.6em;}
.txt18{font-size:1.8em;}
/* -------------------------------------------------------------------------- */
/* Cor de texto */
.preto{color:#000000!important;}
.cinza{color:#e5e5e5!important;}
.branco{color:#FFFFFF!important;}
/* -------------------------------------------------------------------------- */
/* Intensidade/tipo de Fonte */
.fUBold{font-weight:900;}
.fEBold{font-weight:800;}
.fBold{font-weight: 700;}
.fSBold{font-weight:600;} 
.fMed{font-weight: 500;}
.fNormal{font-weight: 400;}
.fLight{font-weight: 300;}
.fItalic{font-style:italic;}
/* -------------------------------------------------------------------------- */
/* Cor para fundos */
.bgGreen{background-color: #00a658;}
.bgOrange{background-color: #ff8400;}
.bgRed{background-color: #eb3035;}
.bgGold{background-color: #e2aa36;} 
.bgBlue{background-color: #0B304A;}
.bgBlue2{background-color: #10a2f5;}
.bgBlueOpac{
    background-color: rgba(8, 48, 124, .6);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#08307c,endColorstr=#08307c);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#08307c,endColorstr=#08307c); 
}
.bgWhite{background-color: #fff;} 
.bgBisque{background-color: #fff1e2;}
.bgGray{background-color: #f6f6f6;}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Dimensões */
.w100{width: 100%!important;}
.w96{width: 96%;} 
.w94{width: 94%;} 
.w90{width: 90%;}
.w85{width: 85%;}
.w80{width: 80%;}
.w75{width: 75%;} 
.w70{width: 70%;} 
.w75{width: 75%;} 
.w62{width: 62%;} 
.w65{width: 65%;} 
.w60{width: 60%!important;} 
.w57{width: 57%!important;} 
.w55{width: 55%!important;} 
.w50{width: 50%!important;} 
.w49{width: 49%;} 
.w48{width: 48%;}
.w45{width: 45%;} 
.w40{width: 40%;}
.w38{width: 38%;}
.w35{width: 35%;}
.w32{width: 32%;}
.w30{width: 30%;}
.w25{width: 25%;} 
.w23{width: 23%;}
.w22{width: 22%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w10{width: 10%;}
.w7{width: 7%;}
.w5{width: 5%;}
.w3{width: 3%;}
/* -------------------------------------------------------------------------- */
/* Quebras/ alinhamentos */
.floatL{float: left;}
.center{text-align: center;}
.tLeft{text-align: left;}
.tRight{text-align: right;}
.tJustify{text-align: justify;}
.pAbsolute{position: absolute;}
.relative{position: relative;}
.fixed{position: fixed;}
.uppercase{text-transform: uppercase;}
.top{top:0;}
.bottom{bottom:0;}
.left{left: 0;}
.right{right: 0;}
.floatR{float: right;}
.clear{clear:both;}
.inlineB{display:inline-block;}
.displayOff{display: none;}
/* -------------------------------------------------------------------------- */
/* Margem */
.mgnAuto{margin:auto;} /* Ajuste para centralizar */
/* ----------------------- */
.mgn3B{margin-bottom:3px;}
.mgn3L{margin-left:3px;}
/* ----------------------- */
.mgn5{margin:5px;}
.mgn5T{margin-top:5px;}
.mgn5R{margin-right:5px;}
.mgn5B{margin-bottom:5px;}
.mgn5L{margin-left:5px;}
/* ----------------------- */
.mgn10{margin:10px;}
.mgn10T{margin-top:10px;}
.mgn10R{margin-right:10px;}
.mgn10B{margin-bottom:10px;}
.mgn10L{margin-left:10px;}
/* ----------------------- */
.mgn15T{margin-top:10px;}
.mgn15B{margin-bottom:10px;}
/* ----------------------- */
.mgn20{margin:20px;}
.mgn20T{margin-top:20px;}
.mgn20R{margin-right:20px;}
.mgn20B{margin-bottom:20px;}
.mgn20L{margin-left:20px;}
/* ----------------------- */
.mgn30{margin:30px;}
.mgn30T{margin-top:30px;}
.mgn30R{margin-right:30px;}
.mgn30B{margin-bottom:30px;}
.mgn30L{margin-left:30px;}
/* ----------------------- */
.mgn40{margin:40px;}
.mgn40T{margin-top:40px;}
.mgn40R{margin-right:40px;}
.mgn40B{margin-bottom:40px;}
.mgn40L{margin-left:40px;}
/* ----------------------- */
.mgnP1{margin:1%;}
.mgnP1-66L{margin-left:1.66%;}
.mgnP1-66R{margin-right:1.66%;}
.mgnP2L{margin-left:2%;}
.mgnP2R{margin-right:2%;}
.mgnP2-5L{margin-left:2.5%;}
.mgnP2-5R{margin-right:2.5%;}
.mgnP3L{margin-left:3%;}
.mgnP3-33L{margin-left:3.33%;}
.mgnP3-33R{margin-right:3.33%;}
.mgnP5L{margin-left:5%;}
.mgnP5R{margin-right:5%;}
.mgnP6-66R{margin-right:6.66%;}
/* -------------------------------------------------------------------------- */
/* Padding */
.pdg0{padding:0px;}
/* ----------------------- */
.pdg3{padding:3px;}
.pdg3T{padding-top:3px;}
.pdg3B{padding-bottom:3px;}
/* ----------------------- */
.pdg5{padding:5px;}
.pdg5T{padding-top:5px;}
.pdg5R{padding-right:5px;}
.pdg5B{padding-bottom:5px;}
.pdg5L{padding-left:5px;}
/* ----------------------- */
.pdg10{padding:10px;}
.pdg10T{padding-top:10px;}
.pdg10R{padding-right:10px;}
.pdg10B{padding-bottom:10px;}
.pdg10L{padding-left:10px;}
/* ----------------------- */
.pdg15T{padding-top:15px!important;}
.pdg15R{padding-right:15px;}
.pdg15B{padding-bottom:15px;}
.pdg15L{padding-left:15px;}
/* ----------------------- */
.pdg20{padding:20px;}
.pdg20T{padding-top:20px;}
.pdg20R{padding-right:20px;}
.pdg20B{padding-bottom:20px;}
.pdg20L{padding-left:20px;}
/* ----------------------- */
.pdg40{padding:40px;}
.pdg40T{padding-top:40px;}
.pdg40R{padding-right:40px;}
.pdg40B{padding-bottom:40px;}
.pdg40L{padding-left:40px;}
/* ----------------------- */
.pdg30{padding:30px;}
.pdg30T{padding-top:30px;}
.pdg30R{padding-right:30px;}
.pdg30B{padding-bottom:30px;}
.pdg30L{padding-left:30px;}
/* -------------------------------------------------------------------------- */
/* Efeitos */
.efeito1, .efeito2, .efeito3{transition: all .4s ; -webkit-transition: all .3s; -webkit-transition-duration: .4s;}
.efeito1:active, .efeito2:active, .efeito3:active{transition: none; -webkit-transition: none; -webkit-transition-duration: 0s;}
.efeito1{box-shadow: 1px 1px 2px .3px #000; border-radius: 7px;}
.efeito1:hover{box-shadow: 1px 1px 5px .2px #000}
.efeito1:active{box-shadow: 1px 1px 2px 1px #000}
/* -------------------------------------------------------------------------- */
.efeito2:hover{transform: scale(1.1); -webkit-transform: scale(1.1); }
.efeito2:active{transform: scale(1.05);  -webkit-transform: scale(1.05);}
/* -------------------------------------------------------------------------- */
.efeito3:hover{transform: scale(1.05); -webkit-transform: scale(1.05) ;}
.efeito3:active{transform: scale(0.98); -webkit-transform: scale(0.98);}
