/* collapsible.CSS 1.04 Apr 2019 by MNunes Informática - Marcelo Nunes *//* CSS Document */
/* CSS on Large and Medium display */
body {font-family: Arial;}
/* Style the tab */
.tab {overflow: hidden; background-color: #f1f1f1;}
/* Style the buttons inside the tab */
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; color:#fff;}
/* Change background color of buttons on hover */
.tab button:hover {background-color: #555;}
/* Create an active/current tablink class */
.tab button.activeRight {background-color: #555;}
/* Style the tab content */
.tabcontent {display: none; padding: 6px 12px;}
/* CSS on Small display */
.collapsible {cursor: pointer; border: none; outline: none;}
.active, .collapsible:hover {background-color: #555;}
.collapsible:after {content: '\002B'; color: white;	font-weight: bold; position: absolute; float: right; margin-left:20px;}
.active:after {content: "\2212";}
.collaps-content {color:#777; text-align:left; padding: 0 18px;	max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1;}
/* CSS IMG clearfix */
.imgD {float:left; align:middle; width:200px;}
.clearfix {overflow:auto;}
.clearfix p {vertical-align:middle;	alignment-adjust:middle; vertical-align: baseline; font-size:16px; text-align:justify;}
@media only screen and (max-width: 401px) {.imgD {width:140px;}}
@media only screen and (max-width: 651px) {.clearfix p {font-size:14px;}}