@charset "utf-8";
/* CSS Document */


body{
	left:0px;
	top:0px;
	margin-top:0px;
	margin-left:0px;
	width:100%;
	
	
	
}

#zap{
width:60px;
z-index:20;
position:fixed;
right:0px;
margin-right:10px;
bottom:0px;
margin-bottom:20px;	
	
}


#zap img{
width:100%;
}
/* classes*/ 



span.cab{
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-shadow:2px 2px 3px #666;
	width:90%;
	margin-left:3%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	
}


span.cel{
	color:#FF0;
	font-size:48px;
	font-weight:bold;
	text-shadow:2px 2px 3px #666;
	width:100%;
	margin-top:25px;
	margin-bottom:5px;
	text-align:center;
	
}



span.destak1{
	color:#C00;
	font-size:24px;
	font-weight:bold;
	text-shadow:2px 2px 3px #666;
	
}

span.destak2{
	color:#06C;
	font-size:24px;
	font-weight:bold;
	text-shadow:2px 2px 3px #666;
	
}

span.bt{
	color:#fff;
	font-size:34px;
	font-weight:bold;
	text-shadow:2px 2px 3px #666;
	background-color:#0F0;
	border:3px solid #030;
	padding:15px;
	border-radius:20px;
	
	
}

.azul {
	
	background-color:#99F;
	
}


.verde {
	
	background-color:#CFC;
	
}

.bege {
	
	background-color:#FFC;
	
}

.vinho {
	
	background-color:#C9F;
	
}


.preto {
	
	background-color:#000;
	
}

.creme {
	
	background-color:#CF3;
	
}

#opaco{
	 background: rgba( 255, 255, 255, 0.35 );
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width:100%;
  height:100%;
  position:fixed;
  z-index:1001;
  display: block;
    top:0px;

}


#carregador{
	
  width:100%;
  height:100%;
  padding-top:200px;
text-align:center;
  position:fixed;
  z-index:1002;
  display: block;
      top:0px;
}
  
  #carregador img{
    width:10%;
  }
  
@media screen and (min-width: 0px){

/* cabecalho*/ 


#fundo{
display:none;
	width:100%;
	
	
}
#fundo2{
display:block;
	width:100%;
	
	
}

#fundo2 img{
	width:100%;	
	
}


header#cabecalho{
	width:100%;
	height:600px;
	top:0;
	background-image:url(img/capamobile.jpg);
	background-size:100%;
	border-bottom:none;
	
		
	
}



header#cabecalho #logomsg img{
	width:90%;
	margin-top:10px;
	margin-left:5%;
	
	
}

header#cabecalho #menu{
display:none;
	
}

header#cabecalho #menu2{
	width:100%;
	height:100%;
	position:fixed;
	margin:0px;
	z-index:10px;
	background-color:#000;
	opacity:70%;
	display:none;
	
	
}

header#cabecalho #menu2 ul{
	list-style-type:none;
	padding-left:0em;
	width:70%;
	margin-left:15%;
	
}


header#cabecalho #menu2 ul li{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	padding:10px;
	
	
}

header#cabecalho #menu2 ul li a{
	color:#FFF;
	text-decoration:none;
	
}

header#cabecalho #menu2 ul li a:hover{
	color:#FF0;
	text-decoration:none;
	
}




header#cabecalho #menuimg{
	width:40px;
	height:20px;
	margin-top:15px;
	margin-left:80%;
	position:fixed;
	cursor:pointer;
	display:block;
	z-index:20;
	
}

header#cabecalho #menuimg:hover{
	opacity:0.50;
	
}

header#cabecalho #menuimg img{
	
	width:100%;
}




/* corpo*/ 

section#corpo {
	width:90%;
	margin-top:0px;
	margin-left:0%;
	left:0%;
}
section#corpo #conteudo{
	
	width:100%;
}


section#corpo #conteudo ul li{
	
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666;
	text-align:justify;
	display:inline-block;
	margin-bottom:10px;
	border-bottom:none;
	
	
}

section#corpo #conteudo ul li a{
text-decoration:none;
color:#006;
font-weight:bold;
	
}

section#corpo #conteudo ul li a:hover{
text-decoration:none;
color:#CCC;	
	
}


section#corpo #conteudo ul li h1{
	font-weight:bold;
	color:#ffff;
	background-color: #A020F0;
	padding:5px;
	border-radius:20px;
	text-align:center;
}

    
       
    section#corpo #conteudo ul li#video video{
	
	width:90%;
	height:250px;
	margin-left:5%;
	margin-bottom:20px;
	
	
}
    
        section#corpo #conteudo ul li#video img{
	
	width:100%;
	
	
	
}

section#corpo #conteudo ul li .ft1 img{
width:90%;
	padding:10px;	
	
}

section#corpo #conteudo ul li .ft2 img{
width:90%;
	padding:10px;	
	
}

section#corpo #conteudo ul li .ft3 img{
width:90%;
	padding:10px;	
	
}

section#corpo #conteudo ul li #iframe iframe{
	
	width:100%;
	height:200px;
	margin-left:0;
	margin-bottom:20px;
	
	
}



/* CADASTRO/CONTATO*/ 

section#corpo #corpo ul li #formulario{
width:90%;
margin-left:5%;	
border:2px solid #09F;
margin-bottom:30px;
border-radius:20px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:16px;
	
}

section#corpo #corpo ul li #formulario ul{
	list-style-type:none;
	margin-left:0em;
	
}

section#corpo #corpo ul li #formulario ul li{
width:100%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#666;
text-align:center;
margin-left:1%;
	
}







#box{
	
	width:90%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#666;
border:1px solid #09F;
border-radius: 20px;
box-shadow: 3px 3px 5px #666;
padding:5px;
	
}

#bt{
width:60%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#00F;
border:1px solid #09F;
border-radius: 20px;
box-shadow: 3px 3px 5px #666;
padding:5px;
	margin-left: 1%;
	margin-top:10px;
}

section#corpo #corpo2 ul li.bege #zaps{
	width:90%;

	
}

section#corpo #corpo2 ul li.bege #zaps img{
	width:5%;

	
}



/* rodape*/ 
footer#rodape{
	width:100%;
	background-color: #4B0082;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #06F;
}

footer#rodape #copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer#rodape #facebookcel{
	text-align: center;
	display: block;
	width: 100%;	
	
}
#colunas{
	display:none;
	
}



}





















/* ///////////////////////////////////////////////////////////////PPPPPPPPPPPPPPCCCCCCCCCCCCCCC//////////////////////////////////*/


@media screen and (min-width: 760px){
	
/* cabecalho*/ 



#fundo{
display:block;
	width:100%;
	
	
}


#fundo img{

	width:100%;
	
	
}
#fundo2{
display:none;
	width:100%;
	
	
}



header#cabecalho{
	width:100%;
	height:750px;
	top:0;
	background-image:url(img/capapresencial.jpg);
	background-size:100%;
	border-bottom:1px solid #000;
	
		
	
}


header#cabecalho #menu{
	width:100%;
	height:30px;
	position:fixed;
	margin-top:0px;
	z-index:10px;
	background-color: #4B0082;
	opacity:100%;
	display:block;
    text-align: center;
	
	
}

header#cabecalho #menu ul{
	list-style-type:none;
	padding-left:0em;
	width:100%;
	margin-left:1px;
	margin-top:-2px;
	
	
}


header#cabecalho #menu ul li{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	padding:7px;
	cursor:pointer;
	
	
}

header#cabecalho #menu ul li a{
	color:#FFF;
	text-decoration:none;
	
}

header#cabecalho #menu ul li a:hover{
	color:#333;
	text-decoration:none;
	
}
header#cabecalho #menu ul li:hover{
	color:#333;
	text-decoration:none;
	
}



header#cabecalho #menuimg{

	display:none;
	
}



header#cabecalho #logomsg img{
	width:100%;
	margin-top: 0px;
	margin-left:0%;
	
	
}




/* corpo*/ 

section#corpo{
	width:80%;
	margin-top:20px;
	margin-left:10%;
}



section#corpo #conteudo{
	
	width:100%;
	
}

section#corpo #conteudo ul{
	
	list-style-type:none;
	padding-left:0em;
	
}



section#corpo #conteudo ul li{
	
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666;
	text-align:justify;
	display:inline-block;
	margin-bottom:10px;

	
	
}

section#corpo #conteudo ul li a{
text-decoration:none;
color:#006;
font-weight:bold;
	
}

section#corpo #conteudo ul li a:hover{
text-decoration:none;
color:#CCC;	
	
}


section#corpo #conteudo ul li h1{
	font-weight:bold;
}


section#corpo #conteudo ul li .ft1 img{
width:20%;
	padding:10px;	
	
}

section#corpo #conteudo ul li .ft2 img{
width:40%;
	padding:10px;	
	
}

section#corpo #conteudo ul li .ft3 img{
width:10%;
	padding:10px;	
	
}

section#corpo #conteudo ul li #iframe iframe{
	
	width:80%;
	height:450px;
	margin-left:10%;
	margin-bottom:20px;
	
	
}

    
    
    section#corpo #conteudo ul li#video video{
	
	width:80%;
	height:450px;
	margin-left:10%;
	margin-bottom:20px;
	
	
}
    
            section#corpo #conteudo ul li#video img{
	
	width:50%;
	
	
	
}


/* CADASTRO/CONTATO*/ 

section#corpo #corpo2 ul li #formulario{
width:95%;
margin-left:1%;	
border:none;
margin-bottom:30px;
border-radius:20px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:26px;
padding:10px;
text-align:center;

	
}

section#corpo #corpo2 ul li #formulario ul{
	list-style-type:none;
	margin-left:0em;
	
}

section#corpo #corpo2 ul li #formulario ul li{
width:100%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#666;
text-align:center;
margin-left:3%;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
}







#box{
	
	width:80%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
color:#666;
border:1px solid #09F;
border-radius: 20px;
box-shadow: 3px 3px 5px #666;
padding:10px;
	
}

#bt{
width:60%;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
color:#00F;
border:1px solid #09F;
border-radius: 20px;
box-shadow: 3px 3px 5px #666;
padding:5px;
	margin-left: 1%;
	margin-top:10px;
	cursor:pointer;
}







section#corpo #corpo2 ul li.bege #zaps{
	width:90%;

	
}

section#corpo #corpo2 ul li.bege #zaps img{
	width:5%;

	
}
















/* rodape*/ 
footer#rodape{
	width:100%;
	background-color: #4B0082;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #333;
	height: 200px;
	margin-top:0px;
	margin-bottom:-20px;
}

footer#rodape #copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}

footer#rodape #facebookcel{
	text-align:right;
	margin-left: 75%;
	display: none;
	width: 20%;	
	
}





}







