@charset "utf-8";
/* CSS Document */

body{
top:0px;
left:0px;
margin-left:0px;
margin-top:0px;
width:100%;

	
}


#btregu{
	display:none;
	
}



/*===========================================================================================================================*/

/****************  box ***********************************************************************************/

/*===========================================================================================================================*/

.box100{
width:90%;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#333;
padding:10px;
border:2px solid #333;
border-radius:20px;
box-shadow:3px 3px 3px #333;	
	
	
}





.boxmsg{
width:90%;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#333;
padding:10px;
border:2px solid #333;
border-radius:20px;
box-shadow:3px 3px 3px #333;	
	
	
}


.bt{
width:50%;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
background-color:#333;
padding:5px;
border:2px solid #333;
border-radius:20px;
box-shadow:3px 3px 3px #333;	
cursor:pointer;	
	
}



.bt2{
width:50%;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#fff;
background-color:#0F0;
padding:5px;
border:2px solid #333;
border-radius:20px;
box-shadow:3px 3px 3px #333;	
cursor:pointer;	
	
}











/*===========================================================================================================================*/

/****************  EVENTOS DE EFEITO ***********************************************************************************/

/*===========================================================================================================================*/


/* ---------------------------------------------------------------------------------> */

@keyframes formFade {
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-moz-keyframes formFade { /* Firefox */
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-webkit-keyframes formFade { /* Safari and Chrome */
from {
    opacity:0;
}
to {
    opacity:0.80;
}
}
@-o-keyframes formFade { /* Opera */
from {
    opacity:0;
}
to {
    opacity: 0.80;
}
}


/*===========================================================================================================================*/

/****************  MSG ***********************************************************************************/

/*===========================================================================================================================*/


#msg{
width:60%;
margin-left:18%;
margin-top:150px;
background-color:#FFF;
border:2px solid #00F;
border-radius:20px;
z-index:100;
padding:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
position:fixed;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
	
	
}

#msg2{
width-left:100%;
color:#F00;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
	
	
}

#msg3{
	display:block;
width:100%;
height:30px;
margin-top:140px;
background-color:#F00;
color:#Fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
position:fixed;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
	
	
}



#fechar{
margin-left:70%;
margin-top:160px;
background-color:#FFF;
border:2px solid #F00;
border-radius:20px;
color:#F00;
z-index:100;
padding:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
position:fixed;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
display:none;
	
}

#fechar a{
background-color:#FFF;
border:2px solid #F00;
border-radius:20px;	
color:#F00;	
	
}

#fechar a:hover{
background-color:#F00;
border:2px solid #fff;
border-radius:20px;	
color:#fff;	
	
}




#opaco2{

	background-color: #000;
	float: left;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 18;
	left: 0px;
	top: 0px;	
	opacity: 0.80;
	display:block;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}








#opaco3{

	background-color: #000;
	float: left;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 18;
	left: 0px;
	top: 0px;	
	opacity: 0.90;
	display:none;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}



















@media screen and (min-width: 0px){
/*===========================================================================================================================*/

/****************  MOBILE ***********************************************************************************/

/*===========================================================================================================================*/


/**************** site novo ***********************************************************************************/

#site{
	
width:100%;
height:100%;
position:fixed;
background-image:url(../img/jpg/capaVertical.jpg);
background-size: 100%;
z-index:1;	
}


div#msg{
	
width:80%;
margin-top:20px;
margin-left:9%;
position:absolute;
background-color:#FFF;
border: 1px solid #00F;
border-radius:20px;
padding:10px;
z-index:3;	
}

div#msg ul{
	list-style-type:none;
	padding-left:0em;
	
	
}

div#msg ul li{
	
display:inline-block;
padding-top:5px;
color:#00F;
width:100%;	
}




#fex{
	

top:0px;
margin-top:10px;
margin-left:87%;
position:fixed;
background-color:#F00;
color:#FFF;
font-weight:bold;
border: 1px solid #00F;
border-radius:25px;
padding:10px;
z-index:15;	
cursor:pointer;
}


#fex:hover{
	

top:0px;
margin-top:10px;
margin-left:87%;
position:fixed;
background-color:#FFF;
color:#F00;
font-weight:bold;
border: 1px solid #00F;
border-radius:25px;
padding:10px;
z-index:15;	
}


#botao{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-color:#0F0;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:90%;
cursor:pointer;
text-align:center;
margin-left:3%;
margin-top:700px;		
	
	
}

#botao a{
	text-decoration:none;
	
}

#botao:hover{
	text-decoration:none;
	
}

	 
#opaco2{

	background-color: #000;
	float: left;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 3;
	left: 0px;
	top: 0px;	
	opacity: 0.70;
	display:block;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}
















 #robo{
	width:100%;
	text-align:center;
	
	
	
}
#robo .math {

  display: flex;

  justify-content: flex-start;
  text-align:center;
  margin-left:35%;

}

 

#robo #totalvalores{

    width: 40px;

}

 #enviar{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-color:#009;
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
cursor:pointer;	
	
}



/*===========================================================================================================================*/
#opaco{

	background-color: #000;
	float: left;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 18;
	left: 0px;
	top: 0px;	
	opacity: 0.80;
	display:none;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}
/****************  CABECALHO ***********************************************************************************/

div#cab{
	
width:100%;
height:40px;
background-color:#CCF;
top:0px;
left:0px;
box-shadow: 0px 3px 3px #666;
position:fixed;
z-index:23;	
}



div#cab #slogan{
	display:none;
	
}



div#cab #txts{
	font-family:Arial, Helvetica, sans-serif;
	color:#003;
	width:100%;
	padding-top:10px;
	font-size:24;
	text-align:center;
	font-weight:bold;
	
}




div#cab #logins{
	
width:25px;
height:25px;
margin-top:-18px;
margin-left:78%;
z-index:23;
background-image:url(../img/png/l1.png);
background-size:100%;
cursor:pointer;
}


div#cab #logins img{
width:100%;	
	
}

div#cab div#logins:hover{
	
background-image:url(../img/png/l2.png);
}



div#cab #loginon{
	
width:25px;
height:25px;
margin-top:-15px;
margin-left:76%;
z-index:23;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
} 


div#cab #loginon a{
	
	text-decoration:none;
	color:#00F;
	
}


div#cab #loginon a:hover{
	

	color:#333;
	
}




div#cab #logo{
height:35px;
margin-left:5px;
margin-top:2px;
	
}

div#cab #logo img{
height:100%;

}



div#cab #telefone{
margin-top:-15px;
margin-left:39%;
font-family:Arial, Helvetica, sans-serif;
color:#006;
font-weight:bold;
font-size:12px;

}


div#cab #telefone #zap{
	width:20px;
	margin-left:48%;
	margin-top:-20px;
}

div#cab #telefone #zap img{
	width:100%;
	
	
}




div#cab #menuimg{
height:	18px;
margin-top:-28px;
left:0px;
margin-left:89%;	
cursor:pointer;
}

div#cab #menuimg img{
height:100%;
	
}

#menu{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	display:none;
	
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
	
}


#menu ul{
	list-style-type:none;
	padding-left:0em;
	
	
}



#menu ul li{
	width:100%;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	padding:5px;
	
}

#menu ul li a{
	text-decoration:none;
	color:#fff;	
	
}

#menu ul li a:hover{
	color:#0F0;	
	
}

#menu ul li li{
padding-left:10px;	
color:#FF0;	
cursor:pointer;
}

#menu ul li li a{	
color:#FF0;	
}


#menu ul li ul#works{
display:none;	
}

#menu ul li ul#works2{
display:none;	
}


#menu ul li  ul#mds{
display:none;	
}





/****************  CORPO ***********************************************************************************/
div#corpo {
	width:100%;
	margin-top:40px;


}



 /* CAPA MOBILE //////////////////////////////////////////////////////////////*/
 div#corpo #capa{
	 
width:100%;	
display:blcok;	 
z-index:1;
	 
 }
 
div#corpo #capa img{ width:100%;}


 /* POP UP  //////////////////////////////////////////////////////////////*/
 
 div#corpo #pop{
	 
	width:100px;
	padding:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	border:1px solid #666;
	border-radius:20px;
	margin-left:63%;
	position:fixed;
	z-index:20;
	background-color:#FFF;
	display:none;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
cursor:pointer;
 }
 
 
div#corpo #pop a{
	text-decoration:none;
	color:#333;
	
}

 /* SLIDESHOW //////////////////////////////////////////////////////////////*/

div#corpo #slideshow{
	 margin-top:8px;
	width:100%;
	height:180px;
	position: relative;
	overflow:hidden;
	display:none;
	z-index:1;
	
}

div#corpo #slideshow ul{

list-style-type: none;
padding-left:0em;

}
div#corpo #slideshow li {
margin-top:0px;
width:100%;
	display:block;
}
div#corpo #slideshow  ul li img {
	width:100%;

}
div#corpo #slideshow ul#movie {
}


/* PÁGINA INICIAL //////////////////////////////////////////////////////////////*/

div#corpo #conteudo{
	
	width:100%;
	
}


div#corpo  #conteudo #manchete{
width:90%;
margin-left:5%;	
	
	
}


div#corpo  #conteudo #manchete ul{
	list-style-position:none;
	padding-left:0em;	
	
	
}

div#corpo #conteudo #manchete ul li{
width:100%;
height:auto;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;	
border:none;	
}

div#corpo #conteudo #manchete ul li img{
	
	width:97%;
	padding:2.5%;
}


div#corpo #conteudo #manchete ul li a{
text-decoration:none;
color:#666;	
}

div#corpo #conteudo #manchete ul li h1{
	font-size:18px;
width:100%;
text-align:center;
}

div#corpo #conteudo #manchete ul li h2{
	font-size:18px;
width:100%;
text-align:center;
color:#666;
}

div#corpo #conteudo #manchete ul li #bt{
	
width:80%;
padding:10px;
background-color:#00FF00;	
color:#000;
border-radius:20px;
font-weight:bold;
margin-left:9%;
text-align:center;

}

div#corpo #conteudo #manchete ul li #bt:hover{
background-color:#00FA9A;

}

div#corpo #conteudo #manchete ul li iframe{
width:100%;
height:250px;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;		
}


div#corpo #conteudo #manchete ul li div#fts{
width:40%;	
padding:8px;
}

div#corpo #conteudo #manchete ul li div#fts img{
width:100%;	
}


div#corpo #conteudo #manchete ul li #bts1{
width:40%;
padding:5px;
background-color:#00F;
color:#FFF;
text-align:center;
border-radius:20px;
margin-left:5px;
}


div#corpo #conteudo #manchete ul li #bts1:hover{

background-color:#99F;
color:#00F;
}


div#corpo #conteudo #manchete ul li #bts2{
width:40%;
padding:5px;
background-color:#60C;
color:#FFF;
text-align:center;
border-radius:20px;
margin-top:-28px;
margin-left:55%;
}



div#corpo #conteudo #manchete ul li #bts2:hover{

background-color:#C9F;
color:#609;
}



div#corpo #conteudo #manchete ul li #bts3{
width:95%;
padding:5px;
font-size:24px;
background-color:#0F0;
color:#009;
text-align:center;
border-radius:20px;
font-weight:bold;
border: 2px solid #9F0;
}

div#corpo #conteudo #manchete ul li #bts3:hover{

background-color:#9F0;
box-shadow: 3px 3px 3px #000;
border: 2px solid #0F0;
}


div#corpo #conteudo #manchete ul li iframe{
width:100%;
height:190px;
}




div#corpo #conteudo #manchete ul li #link{
width:40%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;


}
div#corpo #conteudo #manchete ul li #link a{

color:#fff;
text-decoration:none;
}






div#corpo #conteudo #manchete ul li #link:hover{
width:40%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;



}

div#corpo #conteudo #manchete ul li #destaque{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;


}







div#corpo #conteudo #manchete ul li #destaque2{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
}


div#corpo #conteudo #manchete ul li#imgs img{
text-align:center;	
width:100%;
margin-left:0%;	
}


/*----------------------------------textos ----------------------------------------------------------------------- */


div#corpo  #conteudo #textos{
width:90%;
margin-left:5%;	
	
	
}


div#corpo  #conteudo #textos ul{
	list-style-position:none;
	padding-left:0em;	
	
	
}

div#corpo #conteudo #textos ul li{
width:100%;
height:auto;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;	
border:none;	
}

div#corpo #conteudo #textos ul li img{
	
	width:97%;
	padding:2.5%;
}


div#corpo #conteudo #textos ul li a{
text-decoration:none;
color:#666;	
}

div#corpo #conteudo #textos ul li h1{
	font-size:18px;
width:100%;
text-align:center;
}

div#corpo #conteudo #textos ul li h2{
	font-size:18px;
width:100%;
text-align:center;
color:#666;
}

div#corpo #conteudo #textos ul li iframe{
width:100%;
height:250px;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;		
}


div#corpo #conteudo #textos ul li div#fts{
width:40%;	
padding:8px;
}

div#corpo #conteudo #textos ul li div#fts img{
width:100%;	
}


div#corpo #conteudo #textos ul li #bts1{
width:40%;
padding:5px;
background-color:#00F;
color:#FFF;
text-align:center;
border-radius:20px;
margin-left:5px;
}


div#corpo #conteudo #textos ul li #bts1:hover{

background-color:#99F;
color:#00F;
}


div#corpo #conteudo #textos ul li #bts2{
width:40%;
padding:5px;
background-color:#60C;
color:#FFF;
text-align:center;
border-radius:20px;
margin-top:-28px;
margin-left:55%;
}



div#corpo #conteudo #textos ul li #bts2:hover{

background-color:#C9F;
color:#609;
}



div#corpo #conteudo #textos ul li #bts3{
width:95%;
padding:5px;
font-size:24px;
background-color:#0F0;
color:#009;
text-align:center;
border-radius:20px;
font-weight:bold;
border: 2px solid #9F0;
}

div#corpo #conteudo #textos ul li #bts3:hover{

background-color:#9F0;
box-shadow: 3px 3px 3px #000;
border: 2px solid #0F0;
}


div#corpo #conteudo #textos ul li iframe{
width:100%;
height:190px;
}




div#corpo #conteudo #textos ul li #link{
width:40%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;


}
div#corpo #conteudo #textos ul li #link a{

color:#fff;
text-decoration:none;
}






div#corpo #conteudo #textos ul li #link:hover{
width:40%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;



}

div#corpo #conteudo #textos ul li #destaque{
width:90%;
margin-left:0%;
text-align:center;
padding:15px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;


}







div#corpo #conteudo #textos ul li #destaque2{
width:90%;
margin-left:0%;
text-align:center;
padding:15px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
}







/*-----------------------------programa ---------------------------------------------------------*/


div#corpo  #motivacao{
width:90%;
margin-left:5%;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #motivacao h1{
width:100%;
text-align:center;	
	
}

div#corpo  #motivacao h2{
width:100%;
text-align:left;
color:#0F0;	
	
}


div#corpo  #motivacao #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #motivacao #link a{
	text-decoration:none;
	color:#fff;
	
}




div#corpo  #lideranca{
width:90%;
margin-left:5%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #lideranca h1{
width:100%;
text-align:center;	
	
}

div#corpo  #lideranca h2{
width:100%;
text-align:left;
color:#0F0;	
	
}



div#corpo  #lideranca #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #lideranca #link a{
	text-decoration:none;
	color:#fff;
	
}




div#corpo  #pessoal{
width:90%;
margin-left:5%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #pessoal h1{
width:100%;
text-align:center;	
	
}

div#corpo  #pessoal h2{
width:100%;
text-align:left;
color:#0F0;	
	
}


div#corpo  #pessoal #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #pessoal #link a{
	text-decoration:none;
	color:#fff;
	
}



div#corpo  #pnl{
width:90%;
margin-left:5%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #pnl h1{
width:100%;
text-align:center;	
	
}

div#corpo  #pnl h2{
width:100%;
text-align:left;
color:#0F0;	
	
}



div#corpo  #pnl #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #pnl #link a{
	text-decoration:none;
	color:#fff;
	
}







 #close {
width:30px;
padding:5px;
	text-align:center;
	background-color:#F00;
	top:0px;
	margin-top:50px;
	left:0px;
	margin-left:87%;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:21;	
cursor:pointer;
display:none;
position:fixed;
border-radius:20px;
	
}

 #close a{
text-decoration:none;
color:#fff;	
}



 #close:hover{
	
	background-color:#000;
	
}


/*----------------------------FORMS------------------------------ */


div#corpo #conteudo #form{
width:90%;	
margin-top:50px;
margin-left:5%;
border:none;
text-align:center;
}



div#corpo #conteudo #form ul{
	list-style-position:none;
	padding-left:0em;	
}


div#corpo #conteudo #form ul li{
	display:inline-block;
	width:100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin-bottom:10px;
	
}
div#corpo #conteudo #form ul li a{
	text-decoration:none;
	color:#309;
	
}


div#corpo #conteudo #form ul li #destaque{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
	
}

div#corpo #conteudo #form ul li#txt{
widt:100%;	
}

div#corpo #conteudo #form ul li#bt{
widt:100%;
text-align:center;	
}

div#corpo #conteudo #form ul li#box{
width:100%;	
}




div#corpo  #form2{
width:90%;	
margin-top:60px;
margin-left:3%;
border:none;
text-align:center;
display:none;
z-index:23;
color:#FFF;
position:absolute;
background-color:#00F;
padding:5px;
border-radius:20px;
text-shadow:3px 3px 3px #000;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
}


div#corpo #form2 ul{
	list-style-position:none;
	padding-left:0em;	
}


div#corpo #form2 ul li{
	display:inline-block;
	width:100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
	
}


div#corpo  #form2 ul li#txt{
widt:100%;	
}

div#corpo  #form2 ul li#bt{
widt:100%;
text-align:center;	

}

div#corpo  #form2 ul li#box{
width:100%;	
}


/****************  RODAPE ***********************************************************************************/

div#rodape{
	width:100%;
	left:0px;
background-color:#00F;
border-top:solid 4px #CCF;
height:	380px;
	
}


div#rodape #copy{
width:90%;
margin-left:5%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:center;
margin-top:10px;
	
	
	
}

div#rodape #copy a{
	text-decoration:none;
	color:#fff;

}



div#rodape #livro{
width:100%;
margin-top:10px;
background-color:#006;
height:250px;
margin-bottom:0px;	
text-align:center;
	
}

div#rodape #imglivro{
width:90%;
margin-left:5%;	
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFF;
font-weight:bold;
/* Equal to rotateZ(45deg) transform: rotate(-15deg); */	
}

div#rodape #imglivro img{
width:40%;
padding-right:10px;	
margin-bottom:10px;
}


div#rodape #formulario{
width:90%;
margin-left:5%;	
margin-top:10px;	
	
}

div#rodape #formulario ul{
	list-style-type:none;
	padding-left:0em;	
}



div#rodape #formulario ul li{
	width:90%;
	display:inline-block;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}    


div#rodape #formulario ul li #box{
	width:100%;
	display:inline-block;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:2px solid #CCF;
	border-radius:20px;
}   


div#rodape #formulario ul li#bt #bt{
	width:80%;
	margin-left:13%;
	display:inline-block;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-color:#0F0;
	border:2px solid #CCF;
	border-radius:20px;
	cursor:pointer;
	
} 


div#rodape #midias{
	
	width:70%;
	margin-left:14%;
	
	
}


div#rodape #midias ul{
	list-style-type:none;
	padding-left:0em;
	
}

div#rodape #midias ul li{
	width:25%;
	display:inline-block;
	padding:5px;
	
}


div#rodape #midias ul li:hover{
	opacity:0.70;
	
}

div#rodape #midias ul li img{
	
width:100%;	
}

}






















@media screen and (min-width: 781px){
/*===========================================================================================================================*/

/****************  PC ***********************************************************************************/

/*===========================================================================================================================*/

 #robo{
	width:100%;
	text-align:center;
	
	
	
}
#robo .math {

  display: flex;

  justify-content: flex-start;
  text-align:center;
  margin-left:45%;

}

 

#robo #totalvalores{

    width: 40px;

}

 #enviar{
	
	font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-color:#009;
background-size:100%;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
cursor:pointer;	
	
}

	 
#site{
	
width:100%;
height:100%;
position:fixed;
background-image:url(../img/jpg/CapaHorinzontal.jpg);
background-size: 100%;
	
}


div#msg{
	
width:60%;
margin-top:20px;
margin-left:19%;
position:absolute;
background-color:#FFF;
border: 1px solid #00F;
border-radius:20px;
padding:10px;
z-index:3;	
}

div#msg ul{
	list-style-type:none;
	padding-left:0em;
	
	
}

div#msg ul li{
	
display:inline-block;
padding-top:5px;
color:#00F;
width:100%;	
}




#fex{
	

top:0px;
margin-top:10px;
margin-left:79%;
position:fixed;
background-color:#F00;
color:#FFF;
font-weight:bold;
border: 1px solid #00F;
border-radius:25px;
padding:10px;
z-index:15;	
cursor:pointer;
}


#fex:hover{
	

top:0px;
margin-top:10px;
margin-left:87%;
position:fixed;
background-color:#FFF;
color:#F00;
font-weight:bold;
border: 1px solid #00F;
border-radius:25px;
padding:10px;
z-index:15;	
}


#botao{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:16px;
font-weight:bold;
text-shadow: 3px 3px 5px #330;
background-color:#0F0;
border-radius:20px;
padding:5px;
border: 2px solid #330;	
width:30%;
cursor:pointer;
text-align:center;
margin-left:48%;
margin-top:420px;		
	
	
}

#botao a{
	text-decoration:none;
	
}

#botao:hover{
	text-decoration:none;
	
}

	 
#opaco2{

	background-color: #000;
	float: left;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 3;
	left: 0px;
	top: 0px;	
	opacity: 0.70;
	display:block;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}




#opaco{

	background-color: #CCF;
	float: left;
	height: 250px;
	width: 100%;
	position: fixed;
	z-index: 18;
	left: 0px;
	top: 0px;	
	opacity: 0.90;
	display:none;
	border-bottom:2px solid #006;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
}
/****************  CABECALHO ***********************************************************************************/

div#cab{
	
width:100%;
height:50px;
background-color:#CCF;
top:0px;
left:0px;
box-shadow: 0px 3px 3px #666;
position:fixed;
z-index:23;	
}



div#cab #slogan{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#009;
	left:0px;
	margin-left:25%;
	top:0px;
	margin-top:10px;
	position:fixed;
	
	
	
	
	
	
	
}






div#cab #logins{
	
width:40px;
height:40px;
margin-top:-25px;
margin-left:90%;
z-index:23;
background-image:url(../img/png/l1.png);
background-size:100%;
cursor:pointer;
}


div#cab #logins img{
width:100%;	
	
}

div#cab div#logins:hover{
	
background-image:url(../img/png/l2.png);
}



div#cab #loginon{
	
width:40px;
height:40px;
margin-top:-10px;
margin-left:90%;
z-index:23;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
} 


div#cab #loginon a{
	
	text-decoration:none;
	color:#00F;
	
}


div#cab #loginon a:hover{
	

	color:#333;
	
}




div#cab #logo{
height:45px;
margin-left:25px;
margin-top:2px;


	
}

div#cab #logo img{
height:100%;

}



div#cab #telefone{
margin-top:-15px;
margin-left:70%;
font-family:Arial, Helvetica, sans-serif;
color:#006;
font-weight:bold;
font-size:18px;

}


div#cab #telefone #zap{
	width:20px;
	margin-left:35%;
	margin-top:-30px;
}

div#cab #telefone #zap img{
	width:100%;
	
	
}




div#cab #menuimg{
height:	18px;
margin-top:-30px;
left:0px;
margin-left:95%;	
cursor:pointer;
}

div#cab #menuimg img{
height:100%;
	
}

#menu{
	width:80%;
	margin-left:10%;
	margin-top:30px;
	display:none;
	text-align:center;
	
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
	
	
}


#menu ul{
	list-style-type:none;
	padding-left:0em;
	
	
}



#menu ul li{
	width:150px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	padding:15px;
	
}

#menu ul li a{
	text-decoration:none;
	color:#009;	
	
}

#menu ul li a:hover{
	color:#06F;	
	
}

#menu ul li li{
padding-left:10px;	
color:#FF0;	
cursor:pointer;
}

#menu ul li li a{	
color:#FF0;	
}


#menu ul li ul#works{
display:none;	
}

#menu ul li ul#works2{
display:none;	
}


#menu ul li  ul#mds{
display:none;	
}





/****************  CORPO ***********************************************************************************/
div#corpo {
	width:100%;
	margin-top:40px;


}



 /* CAPA MOBILE //////////////////////////////////////////////////////////////*/
 div#corpo #capa{
	 
width:100%;	
display:none;	 
z-index:1;
	 
 }
 
div#corpo #capa img{ width:100%;}


 /* POP UP  //////////////////////////////////////////////////////////////*/
 
 div#corpo #pop{
	 
	width:150px;
	margin-top:25px;
	padding:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	border:1px solid #666;
	border-radius:20px;
	margin-left:85%;
	position:fixed;
	z-index:20;
	background-color:#FFF;
	display:none;
	animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */
cursor:pointer;
 }
 
 
div#corpo #pop a{
	text-decoration:none;
	color:#333;
	
}

 /* SLIDESHOW //////////////////////////////////////////////////////////////*/

div#corpo #slideshow{
	 margin-top:8px;
	width:100%;
	height:850px;
	position: relative;
	margin-top:-10px;
	overflow:hidden;
	display:block;
	z-index:1;
	
}

div#corpo #slideshow ul{

list-style-type: none;
padding-left:0em;

}
div#corpo #slideshow li {
margin-top:0px;
width:100%;
	display:block;
}
div#corpo #slideshow  ul li img {
	width:100%;

}
div#corpo #slideshow ul#movie {
}


/* PÁGINA INICIAL //////////////////////////////////////////////////////////////*/

div#corpo #conteudo{
	
	width:80%;
	top:0px;
	margin-top:20px;
	margin-left:10%;
	
}


div#corpo  #conteudo #manchete{
width:90%;
margin-left:5%;	
	
	
}



div#corpo  #conteudo #manchete ul{
	list-style-position:none;
	padding-left:0em;	
	
	
}

div#corpo #conteudo #manchete ul li{
width:45%;
height:530px;
padding:10px;
margin-bottom:10px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;	
vertical-align:top;

margin-left:2%;	
border:1px solid #999;
}

div#corpo #conteudo #manchete ul li #bt{
	
width:50%;
padding:10px;
background-color:#00FF00;	
color:#000;
border-radius:20px;
font-weight:bold;
margin-left:25%;
text-align:center;

}

div#corpo #conteudo #manchete ul li #bt:hover{
background-color:#00FA9A;

}

div#corpo #conteudo #manchete ul li#youtube{
width:28%;
height:190px;
padding:10px;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;	
vertical-align:top;
margin-left:2%;	
border:1px solid #999;
}






div#corpo #conteudo #manchete ul li img{
	
	width:97%;
	padding:2.5%;
}


div#corpo #conteudo #manchete ul li a{
text-decoration:none;
color:#666;	
}

div#corpo #conteudo #manchete ul li h1{
	font-size:18px;
width:100%;
text-align:center;
}

div#corpo #conteudo #manchete ul li h2{
	font-size:18px;
width:100%;
text-align:center;
color:#666;
}

div#corpo #conteudo #manchete ul li iframe{
width:100%;
height:250px;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;		
}


div#corpo #conteudo #manchete ul li div#fts{
width:40%;	
padding:8px;
}

div#corpo #conteudo #manchete ul li div#fts img{
width:100%;	
}


div#corpo #conteudo #manchete ul li #bts1{
width:40%;
padding:5px;
background-color:#00F;
color:#FFF;
text-align:center;
border-radius:20px;
margin-left:5px;
}


div#corpo #conteudo #manchete ul li #bts1:hover{

background-color:#99F;
color:#00F;
}


div#corpo #conteudo #manchete ul li #bts2{
width:40%;
padding:5px;
background-color:#60C;
color:#FFF;
text-align:center;
border-radius:20px;
margin-top:-28px;
margin-left:55%;
}



div#corpo #conteudo #manchete ul li #bts2:hover{

background-color:#C9F;
color:#609;
}



div#corpo #conteudo #manchete ul li #bts3{
width:95%;
padding:5px;
font-size:24px;
background-color:#0F0;
color:#009;
text-align:center;
border-radius:20px;
font-weight:bold;
border: 2px solid #9F0;
}

div#corpo #conteudo #manchete ul li #bts3:hover{

background-color:#9F0;
box-shadow: 3px 3px 3px #000;
border: 2px solid #0F0;
}


div#corpo #conteudo #manchete ul li iframe{
width:100%;
height:190px;
}




div#corpo #conteudo #manchete ul li #link{
width:40%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;


}
div#corpo #conteudo #manchete ul li #link a{

color:#fff;
text-decoration:none;
}






div#corpo #conteudo #manchete ul li #link:hover{
width:40%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;



}

div#corpo #conteudo #manchete ul li #destaque{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;


}







div#corpo #conteudo #manchete ul li #destaque2{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
}

div#corpo #conteudo #manchete ul li#imgs img{
text-align:center;	
width:60%;
margin-left:18%;	
}



/*----------------------------------textos ----------------------------------------------------------------------- */


div#corpo  #conteudo #textos{
width:90%;
margin-left:5%;	

	
	
}


div#corpo  #conteudo #textos ul{
	list-style-position:none;
	padding-left:0em;	
	
	
}

div#corpo #conteudo #textos ul li{
width:100%;
height:auto;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333;	
border:none;	
vertical-align:top;
}

div#corpo #conteudo #textos ul li img{
	
	width:26%;
	padding:2.5%;
}


div#corpo #conteudo #textos ul li a{
text-decoration:none;
color:#666;	
}

div#corpo #conteudo #textos ul li h1{
	font-size:18px;
width:100%;
text-align:left;
margin-top:20px;
}

div#corpo #conteudo #textos ul li h2{
	font-size:28px;
width:100%;
text-align:left;
color:#666;
}

div#corpo #conteudo #textos ul li iframe{
width:100%;
height:250px;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333;		
}


div#corpo #conteudo #textos ul li div#fts{
width:40%;	
padding:8px;
}

div#corpo #conteudo #textos ul li div#fts img{
width:100%;	
}


div#corpo #conteudo #textos ul li #bts1{
width:20%;
padding:5px;
background-color:#00F;
color:#FFF;
text-align:center;
border-radius:20px;
margin-left:5px;
}


div#corpo #conteudo #textos ul li #bts1:hover{

background-color:#99F;
color:#00F;
}


div#corpo #conteudo #textos ul li #bts2{
width:20%;
padding:5px;
background-color:#60C;
color:#FFF;
text-align:center;
border-radius:20px;
margin-top:-28px;
margin-left:55%;
}



div#corpo #conteudo #textos ul li #bts2:hover{

background-color:#C9F;
color:#609;
}



div#corpo #conteudo #textos ul li #bts3{
width:95%;
padding:5px;
font-size:24px;
background-color:#0F0;
color:#009;
text-align:center;
border-radius:20px;
font-weight:bold;
border: 2px solid #9F0;
}

div#corpo #conteudo #textos ul li #bts3:hover{

background-color:#9F0;
box-shadow: 3px 3px 3px #000;
border: 2px solid #0F0;
}


div#corpo #conteudo #textos ul li iframe{
width:100%;
height:190px;
}




div#corpo #conteudo #textos ul li #link{
width:20%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;


}
div#corpo #conteudo #textos ul li #link a{

color:#fff;
text-decoration:none;
}






div#corpo #conteudo #textos ul li #link:hover{
width:20%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;



}

div#corpo #conteudo #textos ul li #destaque{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#00F;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;


}







div#corpo #conteudo #textos ul li #destaque2{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
}





/*----------------------------------aulas ----------------------------------------------------------------------- */


div#corpo  #conteudo #aulas{
width:90%;
margin-left:5%;	

	
	
}


div#corpo  #conteudo #aulas ul{
	list-style-position:none;
	padding-left:0em;	
	
	
}

div#corpo #conteudo #aulas ul li{
width:100%;
height:auto;
margin-bottom:20px;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333;	
border:none;	
vertical-align:top;
}

div#corpo #conteudo #aulas ul li img{
	
	width:90%;
	padding:2.5%;
}


div#corpo #conteudo #aulas ul li a{
text-decoration:none;
color:#666;	
}

div#corpo #conteudo #aulas ul li h1{
	font-size:18px;
width:100%;
text-align:left;
margin-top:20px;
}

div#corpo #conteudo #aulas ul li h2{
	font-size:28px;
width:100%;
text-align:left;
color:#666;
}


/*-----------------------------programa ---------------------------------------------------------*/


div#corpo  #motivacao{
width:70%;
margin-left:14%;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #motivacao h1{
width:100%;
text-align:center;	
	
}

div#corpo  #motivacao h2{
width:100%;
text-align:left;
color:#0F0;	
	
}


div#corpo  #motivacao #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #motivacao #link a{
	text-decoration:none;
	color:#fff;
	
}




div#corpo  #lideranca{
width:70%;
margin-left:14%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #lideranca h1{
width:100%;
text-align:center;	
	
}

div#corpo  #lideranca h2{
width:100%;
text-align:left;
color:#0F0;	
	
}



div#corpo  #lideranca #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #lideranca #link a{
	text-decoration:none;
	color:#fff;
	
}




div#corpo  #pessoal{
width:70%;
margin-left:14%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #pessoal h1{
width:100%;
text-align:center;	
	
}

div#corpo  #pessoal h2{
width:100%;
text-align:left;
color:#0F0;	
	
}


div#corpo  #pessoal #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #pessoal #link a{
	text-decoration:none;
	color:#fff;
	
}



div#corpo  #pnl{
width:70%;
margin-left:14%;
top:0px;
margin-top:60px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:20;
position:absolute;
display:none;


}



div#corpo  #pnl h1{
width:100%;
text-align:center;	
	
}

div#corpo  #pnl h2{
width:100%;
text-align:left;
color:#0F0;	
	
}



div#corpo  #pnl #link{
	width:90%;
text-align:center;
padding:5px;
background-color:#0F0;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
cursor:pointer;
	
}

div#corpo  #pnl #link a{
	text-decoration:none;
	color:#fff;
	
}







 #close {
width:30px;
padding:5px;
	text-align:center;
	background-color:#F00;
	top:0px;
	margin-top:70px;
	left:0px;
	margin-left:87%;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:15px;
font-weight:bold;
z-index:21;	
cursor:pointer;
display:none;
position:fixed;
border-radius:20px;
	
}

 #close a{
text-decoration:none;
color:#fff;	
}



 #close:hover{
	
	background-color:#000;
	
}


/*----------------------------FORMS------------------------------ */


div#corpo #conteudo #form{
width:70%;	
margin-top:50px;
margin-left:15%;
border:none;
text-align:center;
}



div#corpo #conteudo #form ul{
	list-style-position:none;
	padding-left:0em;	
}


div#corpo #conteudo #form ul li{
	display:inline-block;
	width:100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin-bottom:10px;
	
}
div#corpo #conteudo #form ul li a{
	text-decoration:none;
	color:#309;
	
}


div#corpo #conteudo #form ul li #destaque{
width:90%;
margin-left:5%;
text-align:center;
padding:5px;
background-color:#60C;
color:#FFF;
font-size:18px;
font-weight:bold;
border-radius:20px;
text-shadow:3px 3px 3px #000;
margin-bottom:20px;
	
}

div#corpo #conteudo #form ul li#txt{
widt:100%;	
}

div#corpo #conteudo #form ul li#bt{
widt:100%;
text-align:center;	
}

div#corpo #conteudo #form ul li#box{
width:100%;	
}




div#corpo  #form2{
width:70%;	
margin-top:60px;
margin-left:14%;
border:none;
text-align:center;
display:none;
z-index:23;
color:#FFF;
position:absolute;
background-color:#00F;
padding:5px;
border-radius:20px;
text-shadow:3px 3px 3px #000;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
}


div#corpo #form2 ul{
	list-style-position:none;
	padding-left:0em;	
}


div#corpo #form2 ul li{
	display:inline-block;
	width:100%;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
	
}


div#corpo  #form2 ul li#txt{
widt:100%;	
}

div#corpo  #form2 ul li#bt{
widt:100%;
text-align:center;	

}

div#corpo  #form2 ul li#box{
width:100%;	
}


/****************  RODAPE ***********************************************************************************/

div#rodape{
	width:100%;
	left:0px;
background-color:#00F;
border-top:solid 4px #CCF;
height:430px;	
	
}


div#rodape #copy{
width:90%;
margin-left:5%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:center;
margin-top:10px;
	
	
	
}

div#rodape #copy a{
	text-decoration:none;
	color:#fff;

}



div#rodape #livro{
width:100%;
margin-top:10px;
background-color:#006;
height:250px;
margin-bottom:0px;	

}

div#rodape #imglivro{
width:100%;
margin-left:0%;	
padding-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFF;
font-weight:bold;
text-align:center;
/* Equal to rotateZ(45deg) transform: rotate(-15deg); */	
}

div#rodape #imglivro img{
width:40%;
padding-right:10px;	
margin-bottom:0px;
}


div#rodape #formulario{
width:90%;
margin-left:5%;	
margin-top:20px;	
	
}

div#rodape #formulario ul{
	list-style-type:none;
	padding-left:0em;	
}



div#rodape #formulario ul li{
	width:50%;
	display:inline-block;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}   



div#rodape #formulario ul li#livros {
color:#FF0;
text-align:center;
font-weight:bold;	
	
	
}


div#rodape #formulario ul li #box{
	width:80%;
	display:inline-block;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	border:2px solid #CCF;
	border-radius:20px;
}   


div#rodape #formulario ul li#bt #bt{
	width:81%;
	margin-left:8%;
	display:inline-block;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background-color:#0F0;
	border:2px solid #CCF;
	border-radius:20px;
	cursor:pointer;
	
} 


div#rodape #midias{
	
	width:50%;
	margin-left:40%;
	
	
}


div#rodape #midias ul{
	list-style-type:none;
	padding-left:0em;
	
}

div#rodape #midias ul li{
	width:10%;
	display:inline-block;
	padding:5px;
	
}


div#rodape #midias ul li:hover{
	opacity:0.70;
	
}

div#rodape #midias ul li img{
	
width:100%;	
}

#msg3{
	display:block;
width:100%;
height:30px;
margin-top:140px;
background-color:#F00;
color:#Fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
position:fixed;
animation: formFade 1s ease-in-out;
-moz-animation: formFade 1s ease-in-out; /* Firefox */
-webkit-animation: formFade 1s ease-in-out; /* Safari and Chrome */
-o-animation: formFade 1s ease-in-out; /* Opera */	
	
	
}

}