@charset "utf-8";
/* CSS Document */
@font-face {
font-family: Nokia Large Bold;
src: url('../fonts/Nokia-Large-Bold.ttf');
}
@font-face {
font-family: Nokia Standard Light;
src: url('../fonts/Nokia-Standard-Light.ttf');
}
@font-face {
font-family: Nokia Standard Multi;
src: url('../fonts/Nokia-Standard-Multi-v2.1.ttf');
}
body { font-family: Nokia Standard Light, sans-serif; font-size:18px; line-height:200%; text-align:center; }
h1, h2, h3, h4, h5, h6 { font-family: Nokia Large Bold, sans-serif; }
h1 { font-size:36px; }
h2 { font-size:24px; display:inline-block; padding:10px 20px; border:2px solid #F00; border-radius:5px; }
img { width:100%; }
input { width:100%; }
select { padding:8px 20px; }
section { text-align: center; }
.box-green { display:inline-block; background-color:#e7f9e1; border:2px solid #abd999; padding:10px 20px; border-radius:5px; vertical-align:middle; word-wrap: break-word; }
.pointer {cursor: pointer;}
.font-size-60 { font-size:60px; }
.berge { background-color:#f0eef3; }
.line-through { text-decoration:line-through; }
.min12 { font-size:12px; line-height:16px; }
.clean { clear:both; }
.bold { font-family:Nokia Standard Multi; }
.box { display:inline-block; background:#050505; padding:10px 20px; color:#fafafb; border-radius:5px; vertical-align:middle; word-wrap: break-word; }
.boxbranco { display:inline-block; background:#FFFFFF; padding:10px 20px; color:#fafafb; border-radius:5px; vertical-align:middle; word-wrap: break-word; }
.embed-responsive { min-height:315px; max-width:560px; border:10px solid #050505; background: #000000; }
.logotipo { display:block; max-width:299px; margin:0 auto; }
.header { width:100%; background: url(../images/Multas_Detran.jpg) no-repeat top center; padding:20px; }
.col-8, .col-4 { width:100%; }
.red { color:#F00; }
.green { color:#4a8809; }
.orange { color:#fe6a08; }
.left { text-align:left; }
.right { text-align: right; }
.bold { font-weight:bold; }
.uppercase { text-transform:uppercase; }
.menu a { color:#FFF; text-shadow:2px 2px #333; padding-top:15px; }
.menu a:hover { color: #FF0; }
.menu { background: #bb0002; font-size:14px; font-weight:bold; }
.item { background-image: linear-gradient(#fefefe, #e5e5e5); border-width:1px; border-style: solid; border-color: #bf4f04; border-radius: 5px; padding:10px; margin-bottom:5px; text-align:left; color:#bf4f04; }
.item .icone { display: block; float:left; width:26px; height:20px; background: url(../images/seta-laranja.png) no-repeat center; }
.item .texto { display: block; font-size:16px; }
.item h6 { display:block; padding:0 40px; margin:0; font-weight:bold; }
.item p { display:block; padding:0 40px; margin:0; line-height:120%; }
.box-green-multi .item { border-color:#368605; }
.box-green-multi .item .icone { display: block; float:left; width:26px; height:20px; background: url(../images/seta-verde.png) no-repeat center; }
.box-green-multi .item h6 { display:block; color:#368605; padding:0 40px; margin:0; font-weight:bold; }
clear { clear:both; }
.col-sm .item .icone { display: block; float:left; width:39px; height:30px; background: url(../images/imagem-seta-verde.jpg) no-repeat center; }
/* Acordeon styles */
.tab { position: relative; margin-bottom: 1px; width: 100%; color: #fff; overflow: hidden; }
.tab input { position: absolute; opacity: 0; z-index: -1; }
.tab label { position: relative; display: block; background:#fe6a08; padding: 0 0 0 2em; font-weight: bold; line-height: 3; cursor: pointer; }
.tab-content { max-height: 0; overflow: hidden; color:#000;  -webkit-transition: max-height .35s;
 -o-transition: max-height .35s;
 transition: max-height .35s;
}
/* :checked */
.tab input:checked ~ .tab-content { max-height: 100vh; }
/* Icon */
.tab label::after { position: absolute; left: 0; top: 0; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.tab input[type=checkbox] + label::after { content: "+"; }
.tab input[type=radio] + label::after { content: "\25BC"; }
.tab input[type=checkbox]:checked + label::after { transform: rotate(315deg); }
.tab input[type=radio]:checked + label::after { transform: rotateX(180deg); }
/**/
.row > .column { padding: 0 8px; }
.row:after { content: ""; display: table; clear: both; }
/* Create four equal columns that floats next to eachother */
.column { float: left; width: 25%; }
/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; }
/* Modal Content */
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px; }
/* The Close Button */
.close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; }
.close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; }
/* Hide the slides by default */
.mySlides { display: none; }
/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px; }
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); }
/* Number text (1/3 etc) */
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
/* Caption text */
.caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; }
img.demo { opacity: 0.6; }
.active, .demo:hover { opacity: 1; }
img.hover-shadow { transition: 0.3s; }
.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
 @media (min-width: 992px) {
.header { height:484px; }
.logotipo { margin-left:800px; }
.header section { display:block; height:350px; }
.menu { height:57px; margin:0 auto; font-size:12px; font-weight:bold; }
.left { text-align:left;}
}