/* Reset */
html, body, div, span, applet, object, iframe, blockquote, pre, abbr, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body {line-height:1; line-height:1.42857143}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse:collapse; border-spacing:0;}
hr {box-sizing:content-box; height:0; overflow:visible; margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0, 0, 0, 0.1);}

button {cursor:pointer;}

/* container */
.container, .container-pq {width:100%; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;}
.container-fluid {width:100%; padding:0 20px;}
@media screen and (min-width:1170px) {
  .container {max-width:1170px; padding:0;}
  .container-pq {max-width:900px; padding:0;}
}

/* Linha */
.row {margin-left:-5px; margin-right:-5px; }
.row::before {content:""; display:table;}
.row::after {clear:both;}

/* Colunas */
.col {display:inline-block; vertical-align:top; min-height:1px; padding-left:15px; padding-right:15px; width:100%; margin-right:-4px; *zoom:1; *display:inline;}

@media screen and (min-width:768px) {
  .col-1 {-ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%;}
  .col-2 {-ms-flex:0 0 16.666667%; flex: 0 0 16.666667%; max-width:16.666667%;}
  .col-3 {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
  .col-4 {-ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%;}
  .col-5 {-ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%;}
  .col-6 {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
  .col-7 {-ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%;}
  .col-8 {-ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%;}
  .col-9 {-ms-flex:0 0 75%; flex:0 0 75%; max-width:75%;}
  .col-10 {-ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%;}
  .col-11 {-ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%;}
  .col-12 {-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
}

img {max-width:100%; height:auto; margin-bottom:-6px;}

.text-center {text-align:center;}
.oculto {display:none;}

.clearfix:before, .clearfix:after {display:table; content:" ";}
.clearfix:after {clear:both;}

::selection {background-color:#00BBF0; color:#fff; text-shadow:none;}
::-moz-selection {background-color:#00BBF0; color:#fff; text-shadow:none;}

/* Conteúdo */
ul, ol {padding-left:20px;}

/* Formulários */
.form-container {margin:7px 0;}
label {font-weight:normal; color:#333; font-size:14px;}
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], select {width:100%; height:35px; font-size:16px; text-indent:10px; border:1px solid #aaa; color:#333; transition:all 200ms linear;}
input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=password]:hover, input[type=number]:hover, select:hover, input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, select:focus {outline:none; border-color:#0092A3;}
textarea {width:100%; font-size:16px; padding:10px 0; text-indent:10px; border:1px solid #aaa; color:#333; transition:all 200ms linear;}
textarea:hover, textarea:focus {outline:none; border-color:#333;}

/* Modal */
.modal-open {overflow:hidden;}
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%); }
.modal.in .modal-dialog {-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0);}
.modal-open .modal {overflow-x:hidden; overflow-y:auto; }
.modal-dialog {position:relative; width:auto; margin:10px;}
.modal-content {position:relative; background-color:#fff; -webkit-background-clip: padding-box; background-clip: padding-box; border:1px solid #999; border:1px solid rgba(0, 0, 0, .2); outline:0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000; }
.modal-backdrop.fade {filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in {filter:alpha(opacity=50); opacity:.5;}
.modal-header {padding:8px 0 8px 8px; border-bottom:1px solid #e5e5e5;}
.modal-header .close {width:41px; height:41px; margin-top:-8px; line-height:30px;}
.modal-header .close:hover {background-color:#EA3A00; color:#fff; outline:none;}
.modal-title {margin:0; line-height:1.42857143; font-size:18px;}
.modal-body {position:relative; padding: 15px;}
.modal-footer {padding:8px 8px; text-align: right; border-top:1px solid #e5e5e5;}
.modal-footer .btn + .btn {margin-bottom: 0; margin-left:5px;}
.modal-footer .btn-group .btn + .btn {margin-left:-1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-footer .botao-fechar {width:90px; height:30px; background-color:#EA3A00; border:0; color:#fff;}
.modal-footer .botao-fechar:hover {background-color:#E65F33; outline:none;}
.modal-scrollbar-measure {position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll;}
.modal .close {float:right; background:transparent; border:0; font-size:33px;}
@media (min-width: 768px) {
.modal-dialog {width:600px; margin:30px auto; }
.modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow:0 5px 15px rgba(0, 0, 0, .5);}
.modal-sm {width:300px; }
}
@media (min-width: 992px) {
.modal-lg {width:900px;}
}


/* Painel colapsável */
.colapsavel-botao {width:100%; background-color:#f3f3f3; color:#444; cursor:pointer; padding:12px; font-size:19px; text-align:left; border:1px solid #ddd; outline:none; transition:0.4s;}
.colapsavel-botao:hover {background-color:#ddd;}
.colapsavel-painel {padding:0 12px; background-color:#f3f3f3; max-height:0; overflow:hidden; margin-bottom:10px; transition:max-height 0.2s ease-out;}
.colapsavel-botao:after {content:'+'; font-size:26px; color:#444; float:right; margin-left:5px; line-height:20px; transition:all 200ms linear;}
