a:hover{opacity:0.5;font-weight:bold;color:blue;}
a:link{text-decoration:none;target-new:tab|window;color:blue;}
a:visited{font-weight:bold;color:blue}
a:hover{text-decoration:none;target-new:tab|window;color:blue}
a:link img{opacity:1.0;filter:alpha(opacity=100);}
a:hover img{opacity:0.5;filter:alpha(opacity=50);}

div.col{float:left;width:400px;margin:3px 3px 3px 3px}
div.col1{float:left;}
div.col2{float:left;width:400px;margin:3px 3px 3px 3px}
div.col4{float:left;width:100%;max-width:900px;margin:0px 15px 0px 10px}
.column{float:center;width:90%;}
.column1{float:center;width:58%;}
.row:after{content: "";display:table;clear:both;}
div.table{overflow:center;height:250px}

div.plano{border:solid 1px #cccccc;border-radius:10px;margin:2px 0px 5px 0px;padding:2px;width:390px}

.message::first-letter{text-transform: uppercase;}
h1{font-family:Exo 2;font-size:1.0em;font-weight:800;color:black;font-weight:bold;text-transform:uppercase;margin:5px 0px 5px 5px}
h2{font-family:Exo 2;font-size:1.1em;font-weight:600;color:black;font-weight:bold;text-transform:uppercase;margin:5px 0px 2px 5px}
h3{font-family:Exo 2;color:black;font-weight:500;font-size:1.5em;margin:.4em 0 .1em;line-height:1.0;}
h4{font-family:calibri,arial,sans-serif;color:#4d4d4d;font-size:1.0em;font-weight:300;margin-bottom:0;margin-top:0;line-height:1.2;}
h5{font-family:calibri,arial,sans-serif;color:#4d4d4d;font-size:0.9em;font-weight:300;margin-bottom:0;margin-top:0;line-height:1.1;}
p{font-family:Exo 2;color:#4d4d4d;font-size:0.8em;margin-bottom:1px;margin:1px 2px 1px 1px;line-height:1.2;}
strong{font-family:calibri,arial,sans-serif;color:black;font-weight:bold;font-size:1.0em;line-height:1.4;margin:.4em 0 .1em;margin:.4em 0 .1em;}
img{max-width:100%;height:auto}
img{vertical-align:middle}     

.accordion{font-family:calibri,arial,sans-serif;font-size:0.9em;background-color:white;color:blue;cursor:pointer;border:none;outline:none;transition: 0.4s;}
.active, .accordion:hover{background-color:white;}
.accordion:after{content:'\002B';color:#777;font-weight:bold;float:right;}
.active:after{content: "\2212";}
.panel{padding:0 5px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}

.button1{background-color:white;border:solid 1px white;cursor:pointer;color:blue;font-family:calibri,arial,sans-serif;font-size:1.0em;width:163px;margin:2px 0px 2px 0px;box-shadow:1px 1px 2px gray;text-align:center;}
.button1:active{box-shadow:5px 6px 5px gray;transform: translateY(4px);}
.button2{background-color:blue;cursor:pointer;color:white;font-family:calibri,arial,sans-serif;font-size:0.95em;border:solid 1px blue;padding:5px 0px 5px 0px;box-shadow:3px 3px 4px gray;text-shadow: 2px 2px gray;width:125px;margin-bottom:5px; border-radius: 4px}
.button2:active{box-shadow:5px 6px 5px gray;transform: translateY(4px);}
.button3{background-color:white;border:solid 1px #cccccc;cursor:pointer;color:blue;font-family:calibri,arial,sans-serif;font-size:1.0em;box-shadow:2px 2px 3px gray;text-align:center;padding:3px 0px 3px 0px;width:260px;margin:10px 0px 10px 0px}
.button3:active{box-shadow:5px 6px 5px gray;transform: translateY(4px);}
.button4{background-color:white;border:solid 1px white;cursor:pointer;color:blue;font-family:calibri,arial,sans-serif;font-size:0.9em;text-align:center;}
.button4:active{box-shadow:5px 6px 5px gray;transform: translateY(4px);}

.sidebar{margin:0;padding:0;width:185px;position:fixed;height:100%;overflow:auto;background-color:#f2f2f2;}
.sidebar a{display:block;text-decoration:none;}

@media screen and (max-width: 700px){
.sidebar{width:100%;max-width:320px;height:auto;position:relative;}
.sidebar a {float:left;}
div.content {margin-left:0;}
}
@media screen and (max-width: 400px) {
.sidebar a {text-align:left;float:none;}
}