#cf, #cf-1, #cf-2, #cf-3, #cf-4, #cf-5, #cf-quadro-9 {position:relative; margin:0 auto; width: 50%; height:504px; float:left;}

#cf img, #cf div, #cf-2 img, #cf-3 img, #cf-4 img, #cf-5 img
{
    position:absolute;
    left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#cf-2, #cf-3 {background-color: #7DC8CE;}

#cf-4 {background-color: #A87B51;}

#cf-5 {background-color: #36B449;}


#cf img:hover, #cf-2 img:hover, #cf-3 img:hover, #cf-4 img:hover, #cf-5 img:hover 
    {opacity: 0.2; cursor: pointer;}

#cf-quadro-9 {background-color: #E6E6E6;}
#cf-quadro-91 {padding: 10 60 0 30; font-size: 30px; color: #93C559; background-color: #E6E6E6;}
#cf-quadro-92 {padding: 10 60 0 30; font-size: 20px; color:grey; background-color: #E6E6E6;}

.video-2 {position: absolute; background-color: black; color: white; font-size: 24px;}

#cf-apresenta {padding: 550 0 0 60; font-size: 36px; color: #93C559;}

#cf-apresenta-1 {position: absolute; display: none; color: white;}

#cf-apresenta-2 {padding: 100 0 0 125; font-size: 36px; background-color: #7DC8CE; color: white;}

#cf-apresenta-3 {padding: 150 0 0 75; font-size: 36px; background-color: #A87B51; color: white;}

#cf-apresenta-4 {padding: 150 0 0 75; font-size: 36px; background-color: #36B449; color: white;}

.cf-size-1 {width:504px; height:504px;}
 
.panel {width:50%; padding: 50 50 50 50; text-align: justify; float: left; color: #736C66;}

#panel {background-color: #f1f2f2; height: 600px; display: none;}

.panel-1 {display: none; position:relative; margin:0 auto; width: 50%; height:504px; float:left; background-color: #18A79D;}
.panel-1 .p1 {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#18A79D ;}
.panel-1 .p2 {padding: 0 50 0 60; font-size: 16px; color: white; background-color:#18A79D; }
.panel-1 .p3 {position: absolute; margin-left: 125px; margin-top: 100px; font-size: 52px; color: white; background-color:#D1D2D4; }
.panel-1 .p4 {position: absolute; margin-left: 150px; margin-top: 425px; font-size:14px; color: white; background-color:#D1D2D4; text-decoration: underline;}
.panel-1 .p5 {position: absolute; margin-left: 60px; background-color:#18A79D;}
.panel-1 .p6 {position: absolute; margin-left: 75px; margin-top: 460px; background-color:#D1D2D4; color: white;}

.panel-2 {display: none; position:relative; margin:0 auto; width: 50%; height:504px; float:left; background-color: #93C559;}
.panel-2 .p  {padding: 25 50 0 60; font-size: 36px; color: white; background-color:#93C559 ;}
.panel-2 .p1 {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#93C559 ;}
.panel-2 .p2 {padding: 0 75 0 60; font-size: 16px; color: white; background-color:#93C559; line-height: 20px;}

.panel-3 {display: none; position:relative; margin:0 auto; width: 50%; height:504px; float:left; background-color: #A87B51;}
.panel-3 .p  {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#A87B51 ;}
.panel-3 .p1 {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#A87B51 ;}
.panel-3 .p2 {padding: 0 50 0 60; font-size: 16px; color: white; background-color:#A87B51; }

.panel-4 {display: none; position:relative; margin:0 auto; width: 50%; height:504px; float:left; background-color: #36B449;}
.panel-4 .p  {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#36B449 ;}
.panel-4 .p1 {padding: 0 50 0 60; font-size: 36px; color: white; background-color:#36B449 ;}
.panel-4 .p2 {padding: 0 50 0 60; font-size: 16px; color: white; background-color:#36B449; }




#voltar, .voltar {font-size: 20px; font-weight: bold; text-decoration: underline; color:#736C66}

.video {width: 30px; height: 30px; margin-left: 60px;}
        
#lancam {width: 504px; height:504px; padding: 10 0 0 40; font-size: 36px; 
        background-color: #93C559; margin-top: 0; color:white}


@keyframes cf3FadeInOut {
0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0.3;
}
100% {
opacity:0.3;
}
}


p.message, a.message, a.message:link, a.message:visited, a.message:hover, a.message:active
    {color:#000000; background:#E1E1E2;}