<style type='text/css'> 
div.pt1{width:100%;height:35%;display:none;}
div.pt2{width:100%;height:35%;display:none;}
div.pt3{width:100%;height:35%;display:none;}
div.pt4{width:100%;height:35%;display:none;}
div.pt5{width:100%;height:35%;display:none;}
div.pt6{width:100%;height:35%;display:none;}
div.pt7{width:100%;height:35%;display:none;}
div.pt8{width:100%;height:35%;display:none;}
div.pt9{width:100%;height:35%;display:none;}
div.pt10{width:100%;height:35%;display:none;}
div.pt11{width:100%;height:35%;display:none;}
div.pt1
			{
				width: 100%;
				height: 50%;
				display: block;
			}
div#b0{
    background-color:rgb(200,200,190);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b1{
    background-color:rgb(200,101,3);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b2{
    background-color:rgb(233,147,26);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b3{
    background-color:rgb(233,147,26);
    -webkit-box-shadow: 4px 2px 2px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    4px 2px 2px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    4px 2px 2px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    4px 2px 2px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         4px 2px 2px 0px rgba(50, 50, 50, 0.55);
}
div#b4{
    background-color:rgb(22,107,162);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b5{
    background-color:rgb(10,60,100);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b6{
    background-color:rgb(23,95,71);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b7{
    background-color:rgb(21,40,54);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div#b8{
    background-color:rgb(50,40,150);
    -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -ms-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    -o-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
    box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}



span.red 
{
  background: red;
  border-radius: 3em;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 3em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 5em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div.contpf1 
{
  width:120px;
  height:150px;
  text-align: left;
  margin-left:5px;
  margin-top:7px;
  float:left;
  -webkit-transition: height .4s;
  transition: height .4s;
  -moz-transition: height .4s;
  -ms-transition: height .4s;
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55); 
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  border-radius: 0.5em; 
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}
span.green 
{
  background: #5EA226;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 0.8em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 5em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div.contp 
{
	width:120px;
	height:150px;
	margin-left:10px;
	margin-top:7px;
	float:left;
	-webkit-transition: height .4s;
	transition: height .4s;
	-moz-transition: height .4s;
	-ms-transition: height .4s;
	-webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
	border-radius: 0.8em; 
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
}

span.blue 
{
  background: rgb(23,95,71); //#5178D0;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block; 
  font-weight: bold;
  line-height: 0.8em;
  margin-left: 15px;
  align: center;	 
  text-align: center;
  width: 5em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
span.spanB
{
  background: #5178D0;
  margin-top:0px;
  margin.bottom:80px;
  border-radius: 4em;
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 3em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 6em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
span.spanR
{
  background: rgb(23,95,71);
  margin-top:0px;
  margin.bottom:80px;
  border-radius: 4em;
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 3em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 6em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
div.contpf 
{
	width:120px;
	height:150px;
	margin-left:10px;
	margin-top:7px;
	text-align: left;
	float:left;
        background-color:rgb(50,40,150);
	-webkit-transition: height .4s;
	transition: height .4s;
	-moz-transition: height .4s;
	-ms-transition: height .4s;
	-webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  border-radius: 0.8em; 
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
}
div.contp:hover
{
	height: 180px;
	cursor: pointer; cursor: hand;
}
div.contpf:hover
{
   height: 180px;
   cursor: pointer; cursor: hand;
}
div.contp:hover p.texto1{
	padding-top: 10px;
	opacity:1;
	cursor: pointer; cursor: hand;
}
div.contpf:hover p.textov{
     padding-top: 10px;
     opacity:1;
     cursor: pointer; cursor: hand;
     -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -ms-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
}
p.textov{
     font-size:1.1em;
     color:white;
     text-align: left;
     display:block;
     margin: 5px auto;
     background-color: rgba(255,255,255,.15);
     font-bold:true; 
     cursor: pointer; cursor: hand;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg);
     padding-bottom: 10px;
     opacity: .6;
     -webkit-transition: padding-top .4s;
     transition: padding-top .4s;
     -moz-transition: padding-top .4s;
     -ms-transition: padding-top .4s;
	
}
p.texto1{
      font-size:1.2em;
      color:white;
      text-align: center;
      padding-top: 5px;
      opacity: .6;
      -webkit-transition: padding-top .4s;
      transition: padding-top .4s;
      -moz-transition: padding-top .4s;
      -ms-transition: padding-top .4s;
}
div.contp:hover p.texto{
     -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -ms-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
}
p.texto{
      display:block;
      margin:5px auto;
      background-color: rgba(255,255,255,.15);
      width:30px;
      padding:5px;
      -webkit-border-radius: 60%;
      border-radius: 60%;
      -moz-border-radius: 60%;
      -ms-border-radius: 60%;
      font-size:1.2em;
      color:white;
      text-align: center;
      -webkit-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
      box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
      -webkit-transition: box-shadow .4s;
      transition: box-shadow .4s;
      -moz-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
      -moz-transition: box-shadow .4s;
      -ms-box-shadow: 0px 0px 0px 30px rgba(255,255,255,0);
      -ms-transition: box-shadow .4s;
}

#scrollC 
{
     margin-top: -80px;
     width:400px;
     height:250px;
     background-color:#F2F2F2;
     overflow:auto;
}
p.textov1{
     font-size:0.9em;
     color:white;
     text-align: left;
     display:block;
     margin: 5px auto;
     margin-left:-10px auto;
     background-color: rgba(255,255,255,.15);
     font-bold:true; 
     cursor: pointer; cursor: hand;
     -webkit-border-radius: 20%;
     border-radius: 20%;
     -moz-border-radius: 20%;
     -ms-border-radius: 20%;
     -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg);
     padding-bottom: 5px;
     opacity: .6;
     -webkit-transition: padding-top .4s;
     transition: padding-top .4s;
     -moz-transition: padding-top .4s;
     -ms-transition: padding-top .4s;
	
}
div.contpf1:hover p.textov1{
     padding-top: 10px;
     opacity:1;
     cursor: pointer; cursor: hand;
     -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
     -ms-box-shadow: 0px 0px 0px 0px rgba(255,255,255,.6);
}
#scrollCh 
{
     margin-top: 0px;
     height:200px;
     background-color:transparent;
     overflow-y:auto;
     overflow-x:hidden;
}
img.pequena
{
     margin-top: 0px;
     height:20px;
     width:20px;
     background-color:transparent;
}
span.span1
{
  background: rgb(200,101,3);
  margin-top:0px;
  margin.bottom:80px;
  border-radius: 4em;
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 3em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 6em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
img{
    max-width: 100%;
    height: auto;
  }
  
  .drop__card, .drop__data{
    display: flex;
    align-items: center;
  }
  
  .drop__card{
    justify-content: space-between;
    padding: .75rem 1.25rem .75rem .75rem;
    background-color: #F8F8FC;
    box-shadow: 4px 4px 16px #E1E1E1, -2px -2px 16px #FFF;
    margin-bottom: 20px;
  }
  .drop__card:hover{
    cursor: pointer;
  }
  
  .drop__img{
    width: 70px;
    height: 70px;
    border-radius: 45%;
    margin-right: 1rem;
    border: 4px solid #cecece;
  }
  
  .drop__name{
    font-size: 1rem;
    color: #272A3A;
    font-weight: 500;
  }
  
  .drop__profession{
    font-size: .813rem;
    color: #8A8EAA;
  }
  
  .drop__social{
    margin: 0 .375rem;
    color: #8A8EAA;
    transition: .4s;
  }
  
  .drop__social:hover{
    color: #272A3A;
  }
  
  /* Class name for the chosen item */
  .sortable-chosen{
    box-shadow: 8px 8px 32px #E1E1E1;
  }
  
  /* Class name for the dragging item */
  .sortable-drag{
    opacity: 0;
  }
  

  .circulo {
    width: 30px;
    height: 30px;
    border-radius: 30%;
    background: #cecece;
    display: flex;
    justify-content: center;
    padding: 8px;
  }
  
  .circulo > h2 {
    font-family: sans-serif;
    color: white;
    font-size: 12px;
    font-weight: bold;
  }
  
span.span2
{
  background: #ffffff;
  margin-top: 0px;
  border-radius: 4em;
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 3em;
  margin-left: 15px;
  align: center;
  text-align: center;
  width: 2.5em;
  cursor: pointer; cursor: hand;			
  -webkit-box-shadow: 7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  -moz-box-shadow:    7px 5px 5px 0px rgba(50, 50, 50, 0.55);
  box-shadow:         7px 5px 5px 0px rgba(50, 50, 50, 0.55);
}
.textarea {background-color: transparent;border: 1px solid #000000;scrollbar-arrow-color: #000066;scrollbar-base-color: #000033;scrollbar-dark-shadow-color: #336699;scrollbar-track-color: #666633;scrollbar-face-color: #cc9933;scrollbar-shadow-color: #DDDDDD;scrollbar-highlight-color: #CCCCCC;}
</style> 