﻿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.container{margin:0 auto;} 
div.col{float:left;width:340px;}
div.col1{float:left;}
div.col2{float:left;width:270px}
div.col4{float:left;width:180px;max-width:165px;margin:2px 20px 2px 5px}
div.col5{float:left;width:140px;max-width:165px;margin:2px 0px 2px 5px}

.column{float:left;width:160px;}
.column1{float:left;width:160px;}
.row:after{content: "";display:table;clear:both;}

div.plano{border:solid 1px #cccccc;border-radius:10px;margin:15px 0px 5px 0px;padding:15px;width:270px}

h1{font-family:calibri,arial,sans-serif;font-size:1.1em;color:black;font-weight:bold;text-transform:uppercase;margin:5px 0px 5px 5px}
h2{font-family:calibri,arial,sans-serif;font-size:1.0em;color:black;font-weight:bold;text-transform:uppercase;margin:5px 0px 2px 5px}
h3{font-family:calibri,arial,sans-serif;color:black;font-weight:300;font-size:1.0em;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:calibri,arial,sans-serif;color:#4d4d4d;font-size:1.0em;margin-bottom:1px;margin:1px 2px 1px 5px;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}     

.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;width:155px;margin:1px 0px 1px 0px;padding:0px 0px 0px 0px;border:solid 1px #d9d9d9; border-radius:5px}
.button4:active{box-shadow:5px 6px 5px gray;transform: translateY(4px);}

.sidebar{margin:0;padding:0;width:185px;position:fixed;height:100%;overflow:auto;text-align:center;}
.sidebar a{display:block;text-decoration:none;}
.sidebar header{text-align:center;}
.col1, form {width:100%;text-align:center;}
.header-images{text-align:center;width:100%;}
.separator{margin:0px 0px 0px 0px;}
.separator2{margin:0px 0px 0px 0px;border:solid 1px white}

div.content{margin-left:195px;}

@media screen and (max-width: 700px) {
    .sidebar{width:100%;max-width:100%;height:auto;position:relative;text-align:center;padding:10px 0;}
    div.content{margin-left:0;}
    .sidebar header{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;}
    .col1:nth-child(1), .col1:nth-child(2) {width:45%;margin:5px 2%;box-sizing:border-box;text-align:center;}
    form{width:90%;margin:10px auto;text-align:left;}
    }


@media screen and (max-width: 400px) {
    .sidebar header{flex-direction:column;}
    .col1, form{width:100%;margin:5px auto;box-sizing:border-box;text-align:center;}
    form{text-align:center;}
    .col1 p{text-align:center;}
}